Browse Source

updated all files to latest server version

master
Anton Linus 4 years ago
parent
commit
d638e3c065
  1. 2
      graphics/falling-scooters/index.html
  2. 22
      graphics/falling-scooters/invite.css
  3. 28
      website/mail/htmlmail.css
  4. 99
      website/mail/htmlmail.html
  5. 11
      website/mail/index.html
  6. 25
      website/mail/main.css
  7. 115
      website/preshow/index.html
  8. 125
      website/preshow/main.css
  9. BIN
      website/text_website.docx

2
graphics/falling-scooters/index.html

@ -31,7 +31,7 @@
<div id="invitetextDiv"> <div id="invitetextDiv">
<p> <p>
you are hereby invited to the opening of OPENCOIL<br><br> you are hereby invited to the opening of OPENCOIL<br><br>
with most cities pavements flooded by 'dockless sharing vehilcles', OPENCOIL presents recent works by 10 artists in the vacuum between private and public space. the show is an experimental attempt to physically engage with the uprising of 'landfill capitalism' by reclaiming the 'micro-mobility' infrastructure. <br><br>decentralized and climate neutral.<br>helmets not included.<br><br>opening:<br>oct 16th, 7pm / zentrum f netzkunst, haus d statistik<br>showcase:<br>oct 17th / ko-markt, haus d statistik<br>roaming speedshow:<br>oct 26th - nov 1st / berlin<br><br>more soon ---> <u>opencoil.show</u> <--- with most cities pavements flooded by 'dockless sharing vehicles', OPENCOIL presents works by 10 artists specially selected to fill the vacuum between private and public space. this art show is an experimental attempt to physically engage with the rise of 'landfill capitalism' by reclaiming 'micro-mobility' infrastructure. <br><br>decentralised and climate neutral.<br>helmets not included.<br><br>opening:<br>oct 16th, 7pm / zentrum f netzkunst, haus d statistik<br><br>showcase:<br>oct 17th / ko-markt, haus d statistik<br><br>roaming speedshow:<br>oct 26th - nov 1st / berlin<br><br>more soon &nbsp; <span id="link"> ---> <a href="https://opencoil.show">opencoil.show</a> <--- </span>
</p> </p>
</div> </div>
<!--<div id="backgroundDiv"> <!--<div id="backgroundDiv">

22
graphics/falling-scooters/invite.css

@ -84,6 +84,12 @@ u {
color: blue; color: blue;
} }
#link {
position:absolute;
pointer-events:all;
z-index:1000;
cursor:pointer;
}
/* /*
#backgroundDiv { #backgroundDiv {
width: 100%; width: 100%;
@ -107,7 +113,7 @@ u {
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
#inviteDiv h1 { #inviteDiv h1 {
padding-top: 5vh; padding-top: 4vh;
padding-left: 11vw; padding-left: 11vw;
font-size: 1.5vw; font-size: 1.5vw;
} }
@ -116,7 +122,13 @@ u {
font-size: 0.8vw; font-size: 0.8vw;
padding-left: 33vw; padding-left: 33vw;
} }
#invitetextDiv {
padding-top: 22vh;
}
#invitetextDiv p { #invitetextDiv p {
position: absolute;
align-self: flex-start; align-self: flex-start;
padding-top: 0vh; padding-top: 0vh;
font-size: 3vw; font-size: 3vw;
@ -124,4 +136,12 @@ u {
margin-left: 13vw; margin-left: 13vw;
margin-right: 13vw; margin-right: 13vw;
} }
#link{
position:absolute;
pointer-events:all;
z-index:1000;
cursor:pointer;
}
} }

28
website/mail/htmlmail.css

@ -1,28 +0,0 @@
.email-background {
background: #eee;
padding: 10px;
}
.email-preheader {
background: #eee;
color: #eee;
font-size: 5px;
}
.email-container {
max-width: 500px;
background: white;
margin: 0 auto;
font-size: 5px;
overflow: hidden;
border-radius: 5px;
}
p {
margin: 20px;
font-size: 18px;
text-align: center;
color: #666;
line-height: 1.5;
font-weight: 300;
}

99
website/mail/htmlmail.html

@ -1,99 +0,0 @@
<div class='mail-container' style="height: 100%;width: 100%;max-width: 100%;max-height: 100%;overflow: hidden;">
<div id="inviteDiv" style="white-space: pre;position: absolute;display: flex;flex-direction: column;justify-content: center;align-items: center;pointer-events: none;word-wrap: break-word;width: 100%;">
<h1 style="text-align: center;font-family: monospace;max-width: 100%;margin: 0;word-wrap: break-word;text-shadow: 3px 3px 1px rgba(75, 75, 75, 1);color: #d152b8;font-size: 1vw;padding-top: 5vh;padding-left: 17vw;">
_|_| _|_|_| _|_|_|_| _| _| _|_|_| _|_| _|_|_| _|
_| _| _| _| _| _|_| _| _| _| _| _| _|
_| _| _|_|_| _|_|_| _| _| _| _| _| _| _| _|
_| _| _| _| _| _|_| _| _| _| _| _|
_|_| _| _|_|_|_| _| _| _|_|_| _|_| _|_|_| _|_|_|_|
</h1>
<h2 style="text-align: center;font-family: monospace;max-width: 100%;margin: 0;word-wrap: break-word;text-shadow: 3px 3px 1px rgba(75, 75, 75, 1);color: #d152b8;font-size: 0.4vw;padding-left: 24vw;">
_ _ _
(_) | | | |
__ _ _ __ ___ __ _ _ __ ___ _ _ __ __ _ ___ _ __ ___ ___ __| |___| |__ _____ __
/ _` | | '__/ _ \ / _` | '_ ` _ \| | '_ \ / _` | / __| '_ \ / _ \/ _ \/ _` / __| '_ \ / _ \ \ /\ / /
| (_| | | | | (_) | (_| | | | | | | | | | | (_| | \__ \ |_) | __/ __/ (_| \__ \ | | | (_) \ V V /
\__,_| |_| \___/ \__,_|_| |_| |_|_|_| |_|\__, | |___/ .__/ \___|\___|\__,_|___/_| |_|\___/ \_/\_/
__/ | | |
|___/ |_|
</h2>
</div>
<div id="invitetextDiv" style="z-index: 500;position: absolute;display: flex;justify-content: center;align-items: center;word-wrap: break-word;height: 100%;width: 100%;max-height: 100%;max-width: 100%;">
<p style="font-family: Arial;font-weight: bold;flex-grow: 1;font-size: 1vw;color: #d152b8;text-align: center;line-height: 1.8vh;margin-left: 27vw;margin-right: 27vw;">
Dear Participants,<br><br>
we hereby send you an update on the OPENCOIL roaming (low-)speedshow. We have exciting news and a couple of questions:<br>
First of all, a big thanks to everyone for participating and sending in works!<br>
The hardware is in, the molds are molded and the last hand is being laid on the website that will display the position of your works on a map (in realtime(TM)) --> see mockup https://opencoil.show/map.html<br>
Some relevant data:<br><br>
- Deadline submitting works: 14th October 2020<br>
- Soft-Opening: October 16th @ Berlin Zentrum der Netz Kunst, 7pm<br>
- Showcase: October 17th @ KO Markt, Haus der Statistik, 2pm-8pm<br>
- Puplic roaming Speedshow in the wild: October 26th - 1st November<br><br>
We have been hard at work to apply for some funding, this means there will be a small compensation for you when we get it!<br><br>
Questions to you:<br>
- What is the title of your work? This will be the SSIDs being broadcasted by the scooter<br>
- We would like to have a one line description of your work for the map marker (opencoil.show/map.html)<br><br>
Invitation:<br><br>
We have made a html invitation to send to your friends ---> https://opencoil.show/invite<br>
Feel free to invite whom ever you like.<br><br>
See you soon!<br>
Speedy&Scooty
</p>
</div>
<div id="backgroundDiv" style="white-space: pre;position: absolute;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;">
<h3 style="font-family: monospace;white-space: pre;font-size: 0.8vw;color: lightgrey;">
__,aaPPPPPPPPaa,__
,adP"""' `""Yb,_
,adP' `"Yb,
,dP' ,aadPP"""""YYba,_ `"Y,
,P' ,aP"' `""Ya, "Y,
,P' aP' _________ `"Ya `Yb,
,P' d" ,adP""""""""Yba, `Y, "Y,
,d' ,d' ,dP" `Yb, `Y, `Y,
d' ,d' ,d' ,dP""Yb, `Y, `Y, `b
8 d' d' ,d" "b, `Y, `8, Y,
8 8 8 d' _ `Y, `8 `8 `b
8 8 8 8 8 `8 8 8 8
8 Y, Y, `b, ,aP P 8 ,P 8
I, `Y, `Ya """" d' ,P d" ,P
`Y, `8, `Ya ,8" ,P' ,P' d'
`Y, `Ya, `Ya,,__,,d"' ,P' ,P" ,P
`Y, `Ya, `""""' ,P' ,d" ,P'
`Yb, `"Ya,_ ,d" ,P' ,P'
`Yb, ""YbaaaaaadP" ,P' ,P'
`Yba, ,d' ,dP'
`"Yba,__ __,adP" dP"
`"""""""""""""'
</h3>
</div>
</div>

11
website/mail/index.html

@ -29,9 +29,10 @@
<div id="invitetextDiv"> <div id="invitetextDiv">
<p> <p>
Dear Participants,<br><br> Dear Participants,<br><br>
we hereby send you an update on the OPENCOIL roaming (low-)speedshow. We have exciting news and a couple of questions:<br> we hereby send you an update on the OPENCOIL roaming (low-)speedshow.<br>
First of all, a big thanks to everyone for participating and sending in works!<br> First of all, a big thanks to everyone for participating and sending in works!<br>
The hardware is in, the molds are molded and the last hand is being laid on the website that will display the position of your works on a map (in realtime(TM)) --> see mockup https://opencoil.show/map.html<br> We have exciting news and a couple of questions:<br><br>
The hardware is in, the molds are molded and the last hand is being laid on the website that will display the position of your works on a map (in realtime(TM)) --> <a href='https://opencoil.show/map.html'>see mockup</a><br><br>
Some relevant data:<br><br> Some relevant data:<br><br>
@ -42,15 +43,15 @@
We have been hard at work to apply for some funding, this means there will be a small compensation for you when we get it!<br><br> We have been hard at work to apply for some funding, this means there will be a small compensation for you when we get it!<br><br>
Questions to you:<br> Questions to you:<br><br>
- What is the title of your work? This will be the SSIDs being broadcasted by the scooter<br> - What is the title of your work? This will be the SSIDs being broadcasted by the scooter<br>
- We would like to have a one line description of your work for the map marker (opencoil.show/map.html)<br><br> - We would like to have a one line description of your work for the <a href='https://opencoil.show/map.html'>map marker</a><br><br>
Invitation:<br><br> Invitation:<br><br>
We have made a html invitation to send to your friends ---> https://opencoil.show/invite<br> We have made a html invitation to send to your friends ---> <a href='https://opencoil.show/invite'>https://opencoil.show/invite</a><br>
Feel free to invite whom ever you like.<br><br> Feel free to invite whom ever you like.<br><br>
See you soon!<br> See you soon!<br>

25
website/mail/main.css

@ -4,6 +4,11 @@ body {
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
overflow: hidden; overflow: hidden;
background: white
}
a {
color: blue;
} }
#inviteDiv { #inviteDiv {
@ -45,7 +50,7 @@ body {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
word-wrap: break-word; word-wrap: normal;
height: 100%; height: 100%;
width: 100%; width: 100%;
max-height: 100%; max-height: 100%;
@ -60,14 +65,16 @@ body {
color: #d152b8; color: #d152b8;
text-align: center; text-align: center;
line-height: 1.8vh; line-height: 1.8vh;
margin-left: 27vw; margin-left: 25vw;
margin-right: 27vw; margin-right: 27vw;
padding-top: 12vh;
} }
#backgroundDiv { #backgroundDiv {
white-space: pre; white-space: pre;
position: absolute; position: absolute;
display: flex; display: flex;
padding-top: 4vh;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 100%; width: 100%;
@ -79,6 +86,8 @@ body {
white-space: pre; white-space: pre;
font-size: 0.8vw; font-size: 0.8vw;
color: lightgrey; color: lightgrey;
padding-right: 3vw;
padding-top: 5vh;
} }
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
@ -90,17 +99,21 @@ body {
#inviteDiv h2 { #inviteDiv h2 {
font-size: 0.8vw; font-size: 0.8vw;
padding-left: 27vw;
} }
#invitetextDiv p { #invitetextDiv p {
font-size: 2vw; padding-top: 8vh;
line-height: 1.4vw; font-size: 2.5vw;
line-height: 3vw;
color: #d152b8; color: #d152b8;
margin-left: 13vw; margin-left: 5vw;
margin-right: 13vw; margin-right: 10vw;
} }
#backgroundDiv h3 { #backgroundDiv h3 {
font-size: 1.8vw; font-size: 1.8vw;
padding-right: 10vw;
padding-top: 0vh;
} }
} }

115
website/preshow/index.html

@ -35,10 +35,11 @@
JODI<br> JODI<br>
Jonas Lund<br> Jonas Lund<br>
Martin Howse<br> Martin Howse<br>
Mediengruppe Bitnik!<br> !Mediengruppe Bitnik<br>
Rosa Menkman<br> Rosa Menkman<br>
Sarah Grant<br> Sarah Grant<br>
Sofya Aleynikova<br> Sofya Aleynikova<br><br>
<a href="#" onclick="document.getElementById('infotext').style.visibility='visible';">more info</a>
</p> </p>
</div> </div>
<div id="backgroundDiv"> <div id="backgroundDiv">
@ -88,5 +89,115 @@
`"""""""""""""' `"""""""""""""'
</h3> </h3>
</div> </div>
<div id="infotext">
<div id="infobuttons">
<div id="closeButton" onclick="document.getElementById('infotext').style.visibility='hidden';">X</div>
<div id="enButton" onclick="document.getElementById('infotext_en').style.visibility='visible';">EN</div>
</div>
<p>
OPENCOIL – The roaming Speedshow <br><br>
Die Ausstellung OPENCOIL setzt sich mit den Auswirkungen von Mikro-Mobilitätsdiensten auf den Stadtraum auseinander, indem sie ihre dezentrale Infrastruktur als Ausstellungsraum nutzt und gleichzeitig die Bedingungen und Auswirkungen dieser Infrastrukturen auch zum Thema macht.
<br><br>
10 Künstler*innen wurden eingeladen, ihre Arbeiten auf einem kleinen Wifi Controller mit ~2MB Offline-Speicher zu präsentieren.
<br><br>
Diese „digitalen Galerieräume“ werden an 10 zufällig ausgewählten E-Scootern angebracht.
<br>
So fährt die Ausstellung, von den Nutzer*Innen der Roller unbemerkt, als „roaming Speedshow“ durch die Stadt.
<br><br>
Der aktuelle Standort der Kunstwerke kann ab dem 26 Oktober über diese Website verfolgt werden. Damit die Werke betrachtet werden können, muss die „Roller-Galerie“ im Stadtraum gefunden werden.
<br><br>
Sobald der Roller angemietet ist, erhalten die Besucher*innen über ihr persönliches Smartphone, Zugang zu dem 2MB großen Galerieraum und den ausgestellten Werken.
<br><br>
Während Kapazitätsbeschränkungen und die bevorzugte Vermeidung von Zusammenkünften in geschlossenen Räumen, traditionelle Galerien und Museen vor Herausforderungen stellen, zielt OPENCOIL darauf ab, die Ortsunabhängigkeit des Online mit der Materialität des Offline (und umgekehrt) zu verbinden. Die Infrastruktur der „Mikro-Mobiltitätsdienste“ wird übernommen – klimaneutral und dezentral.
<br><br>
Die Gehwege vieler Städte auf der ganzen Welt wurden in den letzten Jahren von sogenannten 'dockless sharing vehicles' regelrecht überflutet. Mit Versprechungen von Umweltfreundlichkeit und Elektromobilität, besetzten diese Risikokapitalismus Aktivisten die Grauzone zwischen privatem und öffentlichem Raum auf den Straßen unserer Städte. Diese gewissenlose Gewissenhaftigkeit der "Mikro-Mobilitätsdienste" wirft jedoch wichtige Fragen zu städtischem Raum, Eigentum, Agentur, Produktion, Ökologie und sehr spätem Kapitalismus auf.
<br><br>
Wie umgehen mit der Inbesitznahme öffentlichen Raums?<br>
Welche Werkzeuge und Wege gibt es sich diesen zurückzuerobern?<br>
<br>
OPENCOIL soll nicht nur ein Pandemie-tauglicher Weg sein, um Kunst im öffentlichen Offline-Raum zu zeigen. OPENCOIL ist auch eine kreative (Um-)Nutzung von E-Scootern, ein Versuch, sich ihnen mit künstlerischen Mitteln zu nähern.
<br>
Gezeigt werden Arbeiten, die sich mit Fragen der Überschneidung von öffentlichem und privatem Raum, dem Umgang mit Ressourcen sowie mit Greenwashing, Risikokapitalismus und Vandalismus befassen.
<br><br>
Die teilnehmenden Künstler*innen sind:
<br><br>
Aram Bartholl<br>
Constant Dullart<br>
Dennis de Bel & Anton Jehle<br>
JODI<br>
Jonas Lund<br>
Martin Howse<br>
!Mediengruppe Bitnik<br>
Rosa Menkman<br>
Sarah Grant<br>
Sofya Aleynikova<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.
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>
Die Ausstellung startet am 26. Oktober auf dem öffentlichen Platz vor dem Zentrum für Netzkunst (Haus der Statistik) und wird in der Woche bis zum 1. November täglich von unserem Team gewartet und am Laufen gehalten. Sollte eine Arbeit beschädigt oder nicht auffindbar sein bitte per Mail (<a id="infolink" href="mailto:service@opencoil.show">service@opencoil.show</a>) oder über die Telegram App (<a id="infolink" href="https://t.me/opencoil">https://t.me/opencoil</a>)<br><br>
</p>
<div id="closeButtonbottom" onclick="document.getElementById('infotext').style.visibility='hidden';">less info</div>
</div>
<div id="infotext_en">
<div id="closeButton" onclick="document.getElementById('infotext_en').style.visibility='hidden'; document.getElementById('infotext').style.visibility='hidden';">X</div>
<p>
OPENCOIL - The roaming speed show
<br><br>
The OPENCOIL exhibition explores the impact of micro-mobility services on urban space by using its decentralised infrastructure as an exhibition space, while also addressing the conditions and effects of this infrastructure.
<br><br>
10 artists were invited to present their work on a small Wifi controller with ~2MB offline memory.
<br><br>
These "digital gallery spaces" are attached to 10 randomly selected e-scooters.
Thus the exhibition, unnoticed by the regular users of these scooters, drives through the city as a "roaming speed show".
<br><br>
From October 26th onwards the current location of the artworks will be displayed here on this website. In order to view the works the corresponding "Scooter Gallery" must be found in the offline urban space.
<br><br>
Once the scooter is rented, visitors will be able to access the 2MB gallery space and the exhibited works via their personal smartphone.
<br><br>
While capacity restrictions and the preferred avoidance of gatherings in closed spaces pose challenges on traditional galleries and museums, OPENCOIL aims to combine the independence of the online with the materiality of the offline (and vice versa). The infrastructure of "micro-mobility services" will be taken over - climate-neutral and decentralised.
<br><br>
The pavements of many cities around the world have been flooded in recent years by so-called 'dockless sharing vehicles'. With promises of eco-friendliness and electromobility, these risk capitalism activists have occupied the grey zone between private and public space on the streets of our cities. However, this unscrupulous conscientiousness of 'micro-mobility services' raises important questions about urban space, ownership, agency, production, ecology and very late capitalism.
<br><br>
How to deal with the occupation of public space?
What tools and ways are there to reclaim it?
<br><br>
OPENCOIL is not only meant to be a pandemic-proof way to show art in public offline space. OPENCOIL is also a creative (re)use of e-scooters, an attempt to approach them by artistic means.
On show are works that deal with questions of the overlap between public and private space, the use of resources, as well as greenwashing, risk capitalism and vandalism.
<br><br>
The participating artists are:
<br><br>
Aram Bartholl
Constant Dullart
Dennis de Bel & Anton Jehle
JODI
Jonas Lund
Martin Howse
!Mediengruppe Bitnik
Rosa Menkman
Sarah Grant
Sofya Aleynikova
<br><br><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.
<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>
The exhibition will start on October 26th in the public space in front of Zentrum für Netzkunst (Haus der Statistik). For one week, until November 1st, the exhibition will be serviced and kept running daily by our team. Should a work be damaged or not be found, please send an e-mail (<a id="infolink" href="mailto:service@opencoil.show">service@opencoil.show</a>) or use the Telegram App (<a id="infolink" href="https://t.me/opencoil">https://t.me/opencoil</a>)
</p>
<div id="closeButtonbottom" onclick="document.getElementById('infotext').style.visibility='hidden'; document.getElementById('infotext_en').style.visibility='hidden';">less info</div>
</div>
</body> </body>
</html> </html>

125
website/preshow/main.css

@ -4,17 +4,28 @@ body {
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
overflow: hidden; overflow: hidden;
white-space: pre; margin: 0;
background: white; background: white;
} }
a {
color: #d152b8;
}
#infolink {
color: white;
text-decoration: underline;
}
#inviteDiv { #inviteDiv {
position: absolute; position: absolute;
display: flex; display: flex;
z-index: 200;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
pointer-events: none; pointer-events: none;
white-space: pre;
word-wrap: break-word; word-wrap: break-word;
width: 100%; width: 100%;
} }
@ -41,7 +52,7 @@ body {
} }
#invitetextDiv { #invitetextDiv {
z-index: 500; z-index: 300;
position: absolute; position: absolute;
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -60,8 +71,9 @@ body {
font-size: 1.2vw; font-size: 1.2vw;
color: #d152b8; color: #d152b8;
text-align: center; text-align: center;
margin-left: 27vw; line-height: 2;
margin-right: 27vw; padding-top: 5vw;
padding-left: 2.5vw;
} }
#backgroundDiv { #backgroundDiv {
@ -76,10 +88,76 @@ body {
#backgroundDiv h3 { #backgroundDiv h3 {
font-family: monospace; font-family: monospace;
white-space: pre; white-space: pre;
padding-top: 5vw;
font-size: 0.8vw; font-size: 0.8vw;
color: lightgrey; color: lightgrey;
} }
#infotext, #infotext_en {
visibility: hidden;
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%;
}
#infobuttons {
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;
}
#enButton {
position: relative;
height: min-content;
width: min-content;
margin: 0;
font-family: Arial;
font-size:2vw;
font-weight:bold;
color: white;
padding:1%;
text-align: right;
cursor: pointer;
}
#closeButtonbottom {
font-family: Arial;
font-size:2vw;
font-weight:bold;
text-align: center;
padding-bottom: 5vh;
margin: 0;
cursor: pointer;
}
#infotext p, #infotext_en p {
padding: 0% 10% 10% 10%;
font-family: Arial;
font-weight: bold;
font-size: 2.0vw;
}
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
#inviteDiv h1 { #inviteDiv h1 {
@ -93,11 +171,46 @@ body {
#invitetextDiv p { #invitetextDiv p {
font-size: 3vw; font-size: 3vw;
color: #d152b8; color: #d152b8;
margin-left: 13vw;
margin-right: 13vw;
} }
#backgroundDiv h3 { #backgroundDiv h3 {
font-size: 1.8vw; font-size: 1.8vw;
padding-top: 15vw;
padding-right: 2.5vw;
}
#infotext, #infotext_en {
visibility: hidden;
overflow-x: hidden !important;
overflow-y: scroll !important;
position: absolute;
z-index: 400;
width: 90%;
height: 70%;
max-height: 100%;
max-width: 100%;
word-wrap: break-word;
background-color: #d152b8;
color: white;
margin: 33% 5% 0% 5%;
}
#closeButton, #enButton {
font-family: Arial;
font-size:4vw;
font-weight:bold;
padding:3%;
}
#closeButtonbottom {
font-size:4vw;
font-weight:bold;
}
#infotext p, #infotext_en p {
padding: 20px;
font-family: Arial;
font-weight: bold;
font-size: 4vw;
margin: 0;
} }
} }

BIN
website/text_website.docx

Binary file not shown.
Loading…
Cancel
Save