then
/
opencoil-paracity
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

landing page for opening / added date to map

master
Anton Linus 4 years ago
parent
3715d640e1
commit
81c6e1a0ee
6 changed files with 41 additions and 33 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      website/map/historicalData.json
  2. 1
      website/map/index.php
  3. 2
      website/map/latestData.json
  4. 10
      website/map/main.css
  5. 7
      website/preshow/index.html
  6. 52
      website/preshow/main.css

2
website/map/historicalData.json
View File

File diff suppressed because one or more lines are too long

1
website/map/index.php
View File

@ -204,6 +204,7 @@ function callAPI($url){
<div id="title-container">
<h1>OPENCOIL</h1>
<h2>a roaming speedshow</h2>
<h3>26.10 - 1.11.</h3>
<!--<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">
<a href="#" onclick="document.getElementById('infotext').style.visibility='visible';document.getElementById('infotext').style.opacity='1';document.getElementById('contacttext').style.visibility='hidden';document.getElementById('abouttext').style.visibility='hidden';document.getElementById('howtotext').style.visibility='hidden';">info</a>

2
website/map/latestData.json
View File

@ -1 +1 @@
{"0":{"ID":0,"lastPos":"52.49476, 13.414632","lastLocationUpdate":"2020-10-16T01:13:22Z","isRentable":true,"state":"ACTIVE","name":"Aram Bartholl","title":"Fossils of late capitalism","desc":"Aram Bartholl has salvaged rental bikes and scooters from the Spree River and is now exhibiting them as material relics of the platform economy."},"1":{"ID":1,"lastPos":"52.486115, 13.42911","lastLocationUpdate":"2020-10-16T01:14:35Z","isRentable":true,"state":"ACTIVE","name":"!Mediengruppe Bitnik","title":"Follow the Rider \u01aa(\u0693\u05f2)\u01aa","desc":"Follow the next person you see on an e-scooter. \ud83d\udc60 Keep distance but don't lose your guide."},"2":{"ID":2,"lastPos":"52.490257, 13.426271","lastLocationUpdate":"2020-10-16T01:13:31Z","isRentable":true,"state":"ACTIVE","name":"Jonas Lund","title":"Hello Capitalism","desc":"'Hello Capitalism' is a text-based work by Jonas Lund, exploring a wide range of different types of capitalistic systems."},"3":{"ID":3,"lastPos":"52.479766, 13.444183","lastLocationUpdate":"2020-10-16T01:13:18Z","isRentable":true,"state":"ACTIVE","name":"Martin Howse","title":"wok_the_cables","desc":"Adventure game for psychogeophysical divination of portals, realtime instructions to follow #wokthecables"},"4":{"ID":4,"lastPos":"52.476657, 13.418607","lastLocationUpdate":"2020-10-16T01:13:10Z","isRentable":true,"state":"ACTIVE","name":"Sofya Aleynikova","title":"followers","desc":"Eine weibliche Protagonistin manifestiert sich als Meme im Web und stellt die richtigen Fragen."},"5":{"ID":5,"lastPos":"52.485425, 13.430225","lastLocationUpdate":"2020-10-16T01:09:09Z","isRentable":true,"state":"ACTIVE","name":"JODI","title":"%Location????????","desc":"XXXXXXXXXXXXXX"},"6":{"ID":6,"lastPos":"52.532667, 13.430166","lastLocationUpdate":"2020-10-16T01:16:22Z","isRentable":true,"state":"ACTIVE","name":"Rosa Menkmann","title":"title","desc":"desciption"},"7":{"ID":7,"lastPos":"52.545101, 13.359419","lastLocationUpdate":"2020-10-16T01:10:18Z","isRentable":true,"state":"ACTIVE","name":"Sarah Grant","title":"title","desc":"desciption"},"8":{"ID":8,"lastPos":"52.511562, 13.310639","lastLocationUpdate":"2020-10-13T00:02:27Z","isRentable":false,"state":"GPS_ISSUE","name":"Danja Vasiliev","title":"title","desc":"desciption"},"9":{"ID":9,"lastPos":"52.5331, 13.367352","lastLocationUpdate":"2020-10-16T01:10:28Z","isRentable":true,"state":"ACTIVE","name":"Constant Dullaart","title":"clock","desc":"ssid that tells the time"},"10":{"ID":10,"lastPos":"52.501327, 13.419824","lastLocationUpdate":"2020-10-16T01:16:19Z","isRentable":true,"state":"ACTIVE","name":"Dennis de Bel & Anton Jehle","title":"Paracity Gallery v0.41","desc":"HOW TO: diy scooter gallery"}}
{"0":{"ID":0,"lastPos":"52.49476, 13.414632","lastLocationUpdate":"2020-10-16T10:10:37Z","isRentable":true,"state":"ACTIVE","name":"Aram Bartholl","title":"Fossils of late capitalism","desc":"Aram Bartholl has salvaged rental bikes and scooters from the Spree River and is now exhibiting them as material relics of the platform economy."},"1":{"ID":1,"lastPos":"52.527277, 13.313288","lastLocationUpdate":"2020-10-16T10:11:50Z","isRentable":true,"state":"ACTIVE","name":"!Mediengruppe Bitnik","title":"Follow the Rider \u01aa(\u0693\u05f2)\u01aa","desc":"Follow the next person you see on an e-scooter. \ud83d\udc60 Keep distance but don't lose your guide."},"2":{"ID":2,"lastPos":"52.480107, 13.44352","lastLocationUpdate":"2020-10-16T10:11:30Z","isRentable":true,"state":"ACTIVE","name":"Jonas Lund","title":"Hello Capitalism","desc":"'Hello Capitalism' is a text-based work by Jonas Lund, exploring a wide range of different types of capitalistic systems."},"3":{"ID":3,"lastPos":"52.479777, 13.444342","lastLocationUpdate":"2020-10-16T10:10:32Z","isRentable":true,"state":"ACTIVE","name":"Martin Howse","title":"wok_the_cables","desc":"Adventure game for psychogeophysical divination of portals, realtime instructions to follow #wokthecables"},"4":{"ID":4,"lastPos":"52.476657, 13.418607","lastLocationUpdate":"2020-10-16T10:10:24Z","isRentable":true,"state":"ACTIVE","name":"Sofya Aleynikova","title":"followers","desc":"Eine weibliche Protagonistin manifestiert sich als Meme im Web und stellt die richtigen Fragen."},"5":{"ID":5,"lastPos":"52.51798, 13.377695","lastLocationUpdate":"2020-10-16T10:16:20Z","isRentable":true,"state":"ACTIVE","name":"JODI","title":"%Location????????","desc":"XXXXXXXXXXXXXX"},"6":{"ID":6,"lastPos":"52.532582, 13.430199","lastLocationUpdate":"2020-10-16T10:14:26Z","isRentable":true,"state":"ACTIVE","name":"Rosa Menkmann","title":"Ariane","desc":"Ariane is a famous Shutterstock model. She also worries about getting older."},"7":{"ID":7,"lastPos":"52.545101, 13.359419","lastLocationUpdate":"2020-10-16T10:17:30Z","isRentable":true,"state":"ACTIVE","name":"Sarah Grant","title":"title","desc":"desciption"},"8":{"ID":8,"lastPos":"52.511562, 13.310639","lastLocationUpdate":"2020-10-13T00:02:27Z","isRentable":false,"state":"GPS_ISSUE","name":"Danja Vasiliev","title":"need4speed","desc":"desciption"},"9":{"ID":9,"lastPos":"52.5331, 13.367352","lastLocationUpdate":"2020-10-16T10:17:40Z","isRentable":true,"state":"ACTIVE","name":"Constant Dullaart","title":"constant time","desc":"this network can tell time!"},"10":{"ID":10,"lastPos":"52.501327, 13.419824","lastLocationUpdate":"2020-10-16T10:15:17Z","isRentable":true,"state":"ACTIVE","name":"Dennis de Bel & Anton Jehle","title":"Paracity Gallery v0.41","desc":"HOW TO: diy scooter gallery"}}

10
website/map/main.css
View File

@ -52,8 +52,9 @@ h2 {
}
h3 {
padding-top: 18%;
font-size: 2rem;
padding-top: 15%;
font-size: 2.5vw;
padding-right: 2%;
align-self: flex-start;
}
@ -211,6 +212,11 @@ h3 {
font-size: 5vw;
}
h3 {
padding-top: 15vh;
font-size: 5vw;
}
#howto {
font-size: 6vw;
}

7
website/preshow/index.html
View File

@ -41,7 +41,8 @@
Sofya Aleynikova<br>
Danja Vasiliev<br><br>
Berlin, 26 Oct - 1 Nov 2020<br><br>
<a href="#" onclick="document.getElementById('infotext').style.visibility='visible';document.getElementById('infotext').style.opacity='1';">more info</a>
<!--<a href="#" onclick="document.getElementById('infotext').style.visibility='visible';document.getElementById('infotext').style.opacity='1';">more info</a>-->
<a href="https://opencoil.show/map/"> > attend the opening < </a>
</p>
</div>
<div id="backgroundDiv">
@ -144,7 +145,7 @@ Danja Vasiliev<br>
<br><br>
Sonstige Erläuterungen:
<br><br>
Die künstlerischen Beiträge sind jeweils auf einem Wifi Mikrocontroller gespeichert, welcher mit einem Tretroller verbunden ist und so, sobald der Roller ausgeliehen ist, mit Strom versorgt wird. Um die Arbeiten zu sehen verbindet man sich mit dem vom Wifi Chip gesendeten, lokalen unverschlüsselten WiFi Netzwerk. Es öffnet sich automatisch ein Webportal, indem die Arbeit zu sehen ist. Es ist keine mobile Datenverbindung notwendig.
Die künstlerischen Beiträge sind jeweils auf einem Wifi Mikrocontroller gespeichert, welcher mit einem Tretroller verbunden ist und so mit Strom versorgt wird. Um die Arbeiten zu sehen verbindet man sich mit dem vom Wifi Chip gesendeten, lokalen unverschlüsselten WiFi Netzwerk. Es öffnet sich automatisch ein Webportal, indem die Arbeit zu sehen ist. Es ist keine mobile Datenverbindung notwendig.
Alle Arbeiten wurden von den Künstler*innen speziell für die Betrachtung auf Smartphones optimiert.
<br><br>
OPENCOIL ist in keiner Weise mit der den „Mikro-Mobilitätsdiensten“ assoziiert, sondern bedient sich lediglich am bestehenden Rollernetzwerk. Die Umnutzung der Roller zu einem Ausstellungsort ist nach der Ausstellung komplett reversibel und schränkt den herkömmlichen Gebrauch der Roller (auch während der Ausstellung) in keiner Weise ein. Die Roller werden nicht beschädigt.<br><br>
@ -195,7 +196,7 @@ Danja Vasiliev<br>
Other explanatory notes:
<br><br>
The artistic contributions are each stored on a Wifi microcontroller, which is connected to a scooter and is thus supplied with power as soon as the scooter is rented. To view the works, you connect to the local unencrypted WiFi network sent by the Wifi chip. A web portal opens automatically, where the work can be viewed. No mobile data connection is necessary. All works have been specially optimised by the artists to be viewed on smartphones.
The artistic contributions are each stored on a Wifi microcontroller, which is connected to a scooter and is thus supplied with power. To view the works, you connect to the local unencrypted WiFi network sent by the Wifi chip. A web portal opens automatically, where the work can be viewed. No mobile data connection is necessary. All works have been specially optimised by the artists to be viewed on smartphones.
<br><br>
OPENCOIL is in no way associated with the "micro-mobility services", but only uses the existing scooter network. The conversion of the scooters into an exhibition space is completely reversible after the exhibition ends and in no way restricts the conventional use of the scooters (even during the exhibition). The scooters will not be damaged.
<br><br>

52
website/preshow/main.css
View File

@ -72,7 +72,7 @@ a {
color: #d152b8;
text-align: center;
line-height: 2;
padding-top: 5vw;
padding-top: 2.5vw;
padding-left: 2.5vw;
}
@ -94,38 +94,39 @@ a {
}
#infotext, #infotext_en {
visibility: hidden;
visibility: hidden;
opacity:0;
overflow-x: hidden !important;
overflow-y: scroll !important;
position: absolute;
z-index: 400;
width: 80%;
height: 70%;
max-height: 100%;
max-width: 100%;
word-wrap: break-word;
background-color: #d152b8;
color: white;
margin: 12% 20% 20% 10%;
overflow-x: hidden !important;
overflow-y: scroll !important;
position: absolute;
z-index: 400;
width: 80%;
height: 70%;
max-height: 100%;
max-width: 100%;
word-wrap: break-word;
background-color: #d152b8;
color: white;
margin: 12% 20% 20% 10%;
transition: opacity 1s;
}
#infobuttons {
display: flex;
flex-direction: row;
justify-content: space-between;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#closeButton {
height: min-content;
width: min-content;
font-family: Arial;
font-size:2vw;
font-weight:bold;
padding:1%;
cursor: pointer;
margin: 0;
height: min-content;
width: min-content;
font-family: Arial;
font-size:2vw;
font-weight:bold;
padding:1%;
cursor: pointer;
margin: 0;
}
#enButton {
@ -180,7 +181,6 @@ a {
padding-top: 15vw;
padding-right: 2.5vw;
}
#infotext, #infotext_en {
visibility: hidden;
overflow-x: hidden !important;

Write Preview
Loading…
Cancel
Save