about & contact text

This commit is contained in:
Anton Linus 2020-10-15 12:42:54 +02:00
parent 647fcbf67a
commit de40a92562
5 changed files with 56 additions and 11 deletions

File diff suppressed because one or more lines are too long

View File

@ -206,10 +206,34 @@ function callAPI($url){
<!--<p>legendary code has once been written on a cold rainy night in october. it was 2 nay 1 day before the opening of this show when i typed this silly code. it was legendary. both the situation as well as the code. thanks for reading. bye</p>--> <!--<p>legendary code has once been written on a cold rainy night in october. it was 2 nay 1 day before the opening of this show when i typed this silly code. it was legendary. both the situation as well as the code. thanks for reading. bye</p>-->
<div id="bottom_menu"> <div id="bottom_menu">
<a href="#" onclick="document.getElementById('infotext').style.visibility='visible';document.getElementById('infotext').style.opacity='1';">info</a> <a href="#" onclick="document.getElementById('infotext').style.visibility='visible';document.getElementById('infotext').style.opacity='1';">info</a>
<a href="#" onclick="document.getElementById('abouttext').style.visibility='visible';document.getElementById('infotext').style.opacity='1';">about</a> <a href="#" onclick="document.getElementById('abouttext').style.visibility='visible';document.getElementById('abouttext').style.opacity='1';">about</a>
<a href="#" onclick="document.getElementById('contacttext').style.visibility='visible';document.getElementById('infotext').style.opacity='1';">contact</a> <a href="#" onclick="document.getElementById('contacttext').style.visibility='visible';document.getElementById('contacttext').style.opacity='1';">contact</a>
</div> </div>
</div> </div>
<div id="abouttext">
<div id="infobuttons">
<div id="closeButton" onclick="document.getElementById('abouttext').style.visibility='hidden';document.getElementById('abouttext').style.opacity='0';">X</div>
</div>
<p>
Opencoil - a roaming speedshow<br><br>
sponsored by Zentrum für Netzkunst<br><br>
curated by Dennis de Bel & Anton Jehle<br><br>
not affiliated with TIER at all
</p>
</div>
<div id="contacttext">
<div id="infobuttons">
<div id="closeButton" onclick="document.getElementById('contacttext').style.visibility='hidden';document.getElementById('contacttext').style.opacity='0';">X</div>
</div>
<p>
Generelle Anfragen / general inquiries<br><br>
<a id="infolink" href="mailto:mail@opencoil.show">mail@opencoil.show</a><br><br>
Technischer Support / technical support<br><br>
<a id="infolink" href="mailto:service@opencoil.show">Mail: service@opencoil.show</a><br>
<a id="infolink" href="https://t.me/opencoil">Telegram: https://t.me/opencoil</a>
</p>
</div>
<div id="infotext"> <div id="infotext">
<div id="infobuttons"> <div id="infobuttons">
<div id="closeButton" onclick="document.getElementById('infotext').style.visibility='hidden';document.getElementById('infotext').style.opacity='0';">X</div> <div id="closeButton" onclick="document.getElementById('infotext').style.visibility='hidden';document.getElementById('infotext').style.opacity='0';">X</div>

View File

@ -1 +1 @@
{"0":{"ID":0,"lastPos":"52.516891, 13.493958","lastLocationUpdate":"2020-10-15T10:03:24Z","isRentable":true,"state":"ACTIVE","name":"artist name 0","title":"title","desc":"desciption"},"1":{"ID":1,"lastPos":"52.461506, 13.321215","lastLocationUpdate":"2020-10-15T10:05:54Z","isRentable":true,"state":"ACTIVE","name":"artist name 1","title":"title","desc":"desciption"},"2":{"ID":2,"lastPos":"52.491211, 13.38604","lastLocationUpdate":"2020-10-15T10:04:27Z","isRentable":true,"state":"ACTIVE","name":"artist name 2","title":"title","desc":"desciption"},"3":{"ID":3,"lastPos":"52.474423, 13.365387","lastLocationUpdate":"2020-10-15T08:25:44Z","isRentable":false,"state":"INACTIVE","name":"artist name 3","title":"title","desc":"desciption"},"4":{"ID":4,"lastPos":"52.512192, 13.376707","lastLocationUpdate":"2020-10-15T10:03:48Z","isRentable":true,"state":"ACTIVE","name":"artist name 4","title":"title","desc":"desciption"},"5":{"ID":5,"lastPos":"52.529785, 13.400977","lastLocationUpdate":"2020-10-15T10:00:25Z","isRentable":true,"state":"ACTIVE","name":"artist name 5","title":"title","desc":"desciption"},"6":{"ID":6,"lastPos":"52.507063, 13.31256","lastLocationUpdate":"2020-10-15T10:04:36Z","isRentable":true,"state":"ACTIVE","name":"artist name 6","title":"title","desc":"desciption"},"7":{"ID":7,"lastPos":"52.545063, 13.359674","lastLocationUpdate":"2020-10-15T10:04:57Z","isRentable":true,"state":"ACTIVE","name":"artist name 7","title":"title","desc":"desciption"},"8":{"ID":8,"lastPos":"52.511562, 13.310639","lastLocationUpdate":"2020-10-13T00:02:27Z","isRentable":false,"state":"GPS_ISSUE","name":"artist name 8","title":"title","desc":"desciption"},"9":{"ID":9,"lastPos":"52.533564, 13.366404","lastLocationUpdate":"2020-10-15T09:57:50Z","isRentable":true,"state":"ACTIVE","name":"artist name 9","title":"title","desc":"desciption"}} {"0":{"ID":0,"lastPos":"52.516891, 13.493958","lastLocationUpdate":"2020-10-15T10:34:15Z","isRentable":true,"state":"ACTIVE","name":"artist name 0","title":"title","desc":"desciption"},"1":{"ID":1,"lastPos":"52.461506, 13.321215","lastLocationUpdate":"2020-10-15T10:35:45Z","isRentable":true,"state":"ACTIVE","name":"artist name 1","title":"title","desc":"desciption"},"2":{"ID":2,"lastPos":"52.491211, 13.38604","lastLocationUpdate":"2020-10-15T10:38:28Z","isRentable":true,"state":"ACTIVE","name":"artist name 2","title":"title","desc":"desciption"},"3":{"ID":3,"lastPos":"52.474423, 13.365387","lastLocationUpdate":"2020-10-15T08:25:44Z","isRentable":false,"state":"INACTIVE","name":"artist name 3","title":"title","desc":"desciption"},"4":{"ID":4,"lastPos":"52.512192, 13.376707","lastLocationUpdate":"2020-10-15T10:33:39Z","isRentable":true,"state":"ACTIVE","name":"artist name 4","title":"title","desc":"desciption"},"5":{"ID":5,"lastPos":"52.529785, 13.400977","lastLocationUpdate":"2020-10-15T10:40:13Z","isRentable":true,"state":"ACTIVE","name":"artist name 5","title":"title","desc":"desciption"},"6":{"ID":6,"lastPos":"52.507063, 13.31256","lastLocationUpdate":"2020-10-15T10:34:27Z","isRentable":true,"state":"ACTIVE","name":"artist name 6","title":"title","desc":"desciption"},"7":{"ID":7,"lastPos":"52.545063, 13.359674","lastLocationUpdate":"2020-10-15T10:34:48Z","isRentable":true,"state":"ACTIVE","name":"artist name 7","title":"title","desc":"desciption"},"8":{"ID":8,"lastPos":"52.511562, 13.310639","lastLocationUpdate":"2020-10-13T00:02:27Z","isRentable":false,"state":"GPS_ISSUE","name":"artist name 8","title":"title","desc":"desciption"},"9":{"ID":9,"lastPos":"52.533176, 13.367424","lastLocationUpdate":"2020-10-15T10:34:57Z","isRentable":true,"state":"ACTIVE","name":"artist name 9","title":"title","desc":"desciption"}}

View File

@ -82,17 +82,17 @@ h3 {
} }
/* Hide scrollbar for Chrome, Safari and Opera */ /* Hide scrollbar for Chrome, Safari and Opera */
#infotext, #infotext_en:-webkit-scrollbar { #infotext, #infotext_en, #abouttext, #contacttext:-webkit-scrollbar {
display: none; display: none;
} }
/* Hide scrollbar for IE, Edge and Firefox */ /* Hide scrollbar for IE, Edge and Firefox */
#infotext, #infotext_en { #infotext, #infotext_en, #abouttext, #contacttext {
-ms-overflow-style: none; /* IE and Edge */ -ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */ scrollbar-width: none; /* Firefox */
} }
#infotext, #infotext_en { #infotext, #infotext_en, #abouttext, #contacttext {
visibility: hidden; visibility: hidden;
opacity:0; opacity:0;
@ -112,19 +112,35 @@ h3 {
} }
#infotext p, #infotext_en p { #infotext p, #infotext_en p, #abouttext p {
padding: 0% 10% 10% 10%; padding: 0% 10% 10% 10%;
margin: 0; margin: 0;
font-family: Arial; font-family: Arial;
font-weight: bold; font-weight: bold;
font-size: 2.0vw; font-size: 2.0vw;
color: white; color: white;
} }
#infotext a, #infotext_en a { #infotext a, #infotext_en a, #abouttext a {
color: white; color: white;
} }
#contacttext p {
padding: 0% 10% 10% 10%;
margin: 0;
font-family: Arial;
font-weight: bold;
font-size: 2.5vw;
color: white;
}
#contacttext a {
color: white;
padding-left: 5vw;
font-size: 2vw;
}
#infobuttons { #infobuttons {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -170,7 +186,7 @@ h3 {
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
#infotext, #infotext_en { #infotext, #infotext_en, #abouttext, #contacttext {
visibility: hidden; visibility: hidden;
overflow-x: hidden !important; overflow-x: hidden !important;
overflow-y: scroll !important; overflow-y: scroll !important;
@ -186,6 +202,10 @@ h3 {
margin: 28% 5% 0% 5%; margin: 28% 5% 0% 5%;
} }
#contacttext a {
font-size: 4vw;
}
#closeButton, #enButton { #closeButton, #enButton {
font-family: Arial; font-family: Arial;
font-size:4vw; font-size:4vw;
@ -198,7 +218,7 @@ h3 {
font-weight:bold; font-weight:bold;
} }
#infotext p, #infotext_en p { #infotext p, #infotext_en p, #abouttext p, #contacttext p {
padding: 20px; padding: 20px;
font-family: Arial; font-family: Arial;
font-weight: bold; font-weight: bold;

View File

@ -180,6 +180,7 @@ a {
padding-top: 15vw; padding-top: 15vw;
padding-right: 2.5vw; padding-right: 2.5vw;
} }
#infotext, #infotext_en { #infotext, #infotext_en {
visibility: hidden; visibility: hidden;
overflow-x: hidden !important; overflow-x: hidden !important;