From c93e5b7aff28ee6c28a123c87bcbc147fa2f2bba Mon Sep 17 00:00:00 2001 From: Anton Linus Date: Fri, 9 Oct 2020 23:26:50 +0200 Subject: [PATCH] opencoil.show / opencloi.show/invite --- graphics/falling-scooters/index.html | 113 ++++++++++++++++-------- graphics/falling-scooters/invite.css | 127 +++++++++++++++++++++++++++ website/.DS_Store | Bin 6148 -> 6148 bytes website/index.php | 10 +-- website/main.css | 2 +- website/preshow/index.html | 92 +++++++++++++++++++ website/preshow/main.css | 102 +++++++++++++++++++++ 7 files changed, 401 insertions(+), 45 deletions(-) create mode 100644 graphics/falling-scooters/invite.css create mode 100644 website/preshow/index.html create mode 100644 website/preshow/main.css diff --git a/graphics/falling-scooters/index.html b/graphics/falling-scooters/index.html index 024c1e1..906c27b 100644 --- a/graphics/falling-scooters/index.html +++ b/graphics/falling-scooters/index.html @@ -2,47 +2,86 @@ - + + + -

YOU'RE INVITED!

-
+
+

+ _|_| _|_|_| _|_|_|_| _| _| _|_|_| _|_| _|_|_| _| + _| _| _| _| _| _|_| _| _| _| _| _| _| + _| _| _|_|_| _|_|_| _| _| _| _| _| _| _| _| + _| _| _| _| _| _|_| _| _| _| _| _| + _|_| _| _|_|_|_| _| _| _|_|_| _|_| _|_|_| _|_|_|_| +

+

+ _ _ _ + (_) | | | | + __ _ _ __ ___ __ _ _ __ ___ _ _ __ __ _ ___ _ __ ___ ___ __| |___| |__ _____ __ + / _` | | '__/ _ \ / _` | '_ ` _ \| | '_ \ / _` | / __| '_ \ / _ \/ _ \/ _` / __| '_ \ / _ \ \ /\ / / + | (_| | | | | (_) | (_| | | | | | | | | | | (_| | \__ \ |_) | __/ __/ (_| \__ \ | | | (_) \ V V / + \__,_| |_| \___/ \__,_|_| |_| |_|_|_| |_|\__, | |___/ .__/ \___|\___|\__,_|___/_| |_|\___/ \_/\_/ + __/ | | | + |___/ |_| +

+
+
+

+ you are hereby invited to the opening of OPENCOIL

+ 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.

decentralized and climate neutral.
helmets not included.

opening:
oct 16th, 7pm / zentrum f netzkunst, haus d statistik
showcase:
oct 17th / ko-markt, haus d statistik
roaming speedshow:
oct 26th - nov 1st / berlin

more soon ---> opencoil.show <--- +

+
+ +
diff --git a/graphics/falling-scooters/invite.css b/graphics/falling-scooters/invite.css new file mode 100644 index 0000000..edb32f6 --- /dev/null +++ b/graphics/falling-scooters/invite.css @@ -0,0 +1,127 @@ +html, body, div +{ + padding:0; + margin: 0; + overflow: hidden; +} +body +{ + width:100%; + height:100%; + background-color: white; +} + +canvas +{ + background-color: white; + width:100%; +} + +#game +{ + width: 100; + height: 100; + margin: 0 auto; +} + +#inviteDiv { + z-index: 1000; + display: inline-flex; + flex-direction: column; + position: absolute; + pointer-events: none; + word-wrap: break-word; + width: 100%; +} + +#inviteDiv h1, h2 { + text-align: center; + font-family: monospace; + font-weight: bold; + white-space: pre; + max-width: 100%; + margin: 0; + word-wrap: break-word; + text-shadow: 3px 3px 1px rgba(75, 75, 75, 1); + color: #d152b8; +} + +#inviteDiv h1 { + padding-top: 5vh; + padding-left: 18vw; + font-size: 1vw; +} + +#inviteDiv h2 { + font-size: 0.4vw; + padding-left: 24vw; +} + +#invitetextDiv { + pointer-events: none; + position: absolute; + padding-top: 25vh; + word-wrap: break-word; + height: 100%; + width: 100%; + max-height: 100%; + max-width: 100%; +} + +#invitetextDiv p { + padding-top: 10vh; + font-family: Arial; + font-weight: bold; + flex-grow: 1; + font-size: 1.2vw; + color: #d152b8; + text-align: left; + margin-left: 27vw; + margin-right: 27vw; +} + +u { + color: blue; +} + +/* +#backgroundDiv { + width: 100%; + height: 100%; + z-index: 800; + display: flex; + justify-content: center; + align-items: center; + position: absolute; + pointer-events: none; +} + +#backgroundDiv h3 { + font-family: monospace; + white-space: pre; + font-size: 1.5vw; + color: lightgrey; +} +*/ + +@media only screen and (max-width: 768px) { + + #inviteDiv h1 { + padding-top: 5vh; + padding-left: 11vw; + font-size: 1.5vw; + } + + #inviteDiv h2 { + font-size: 0.8vw; + padding-left: 33vw; + } + #invitetextDiv p { + align-self: flex-start; + padding-top: 0vh; + font-size: 3vw; + color: #d152b8; + margin-left: 13vw; + margin-right: 13vw; + } +} \ No newline at end of file diff --git a/website/.DS_Store b/website/.DS_Store index 5008ddfcf53c02e82d7eee2e57c38e5672ef89f6..6b7959f3c4bbf7d63874f43b8b254916b8655424 100644 GIT binary patch delta 226 zcmZoMXfc=|#>B`mF;Q%yo}wrV0|Nsi1A_nqLkUAFLlHx9PP$?6#Kh(GAPEkJV1{Id zd>}-UOwP|O0LsAthML@b7nh`*{3M_Pj+a)<<$Ti*IfB^eX65Fm;87=pu(Tk8y4$p#`Uo4Gl-IeAjHu~2NHo+1YW5HK<@2y9-+n8vnw1EUw?W_AvK4xj>{$am(+{342+ UKzW7)kiy9(Jj$D6L{=~Z04H+~3jhEB diff --git a/website/index.php b/website/index.php index aa7aae6..c441505 100644 --- a/website/index.php +++ b/website/index.php @@ -4,7 +4,7 @@ Opencoil Speedshow - + @@ -12,13 +12,9 @@

OPENCOIL

roaming (low-)speedshow

26. October - 1. November

-

the map was last updated

+

this map was last updated

- - - + \ No newline at end of file diff --git a/website/main.css b/website/main.css index d031788..635abeb 100644 --- a/website/main.css +++ b/website/main.css @@ -27,7 +27,7 @@ h1, h2, h3, p { width: 100%; pointer-events: none; font-family: Courier; - color: purple; + color: #d152b8; margin: 0; } diff --git a/website/preshow/index.html b/website/preshow/index.html new file mode 100644 index 0000000..b8a595f --- /dev/null +++ b/website/preshow/index.html @@ -0,0 +1,92 @@ + + + + OPENCOIL + + + + + +
+

+ _|_| _|_|_| _|_|_|_| _| _| _|_|_| _|_| _|_|_| _| + _| _| _| _| _| _|_| _| _| _| _| _| _| + _| _| _|_|_| _|_|_| _| _| _| _| _| _| _| _| + _| _| _| _| _| _|_| _| _| _| _| _| + _|_| _| _|_|_|_| _| _| _|_|_| _|_| _|_|_| _|_|_|_| +

+

+ _ _ _ + (_) | | | | + __ _ _ __ ___ __ _ _ __ ___ _ _ __ __ _ ___ _ __ ___ ___ __| |___| |__ _____ __ + / _` | | '__/ _ \ / _` | '_ ` _ \| | '_ \ / _` | / __| '_ \ / _ \/ _ \/ _` / __| '_ \ / _ \ \ /\ / / + | (_| | | | | (_) | (_| | | | | | | | | | | (_| | \__ \ |_) | __/ __/ (_| \__ \ | | | (_) \ V V / + \__,_| |_| \___/ \__,_|_| |_| |_|_|_| |_|\__, | |___/ .__/ \___|\___|\__,_|___/_| |_|\___/ \_/\_/ + __/ | | | + |___/ |_| +

+
+
+

+
+ Aram Bartholl
+ Constant Dullart
+ Dennis de Bel & Anton Jehle
+ JODI
+ Jonas Lund
+ Martin Howse
+ Mediengruppe Bitnik!
+ Rosa Menkman
+ Sarah Grant
+ Sofya Aleynikova
+

+
+
+

+ __,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" + + `"""""""""""""' +

+
+ + \ No newline at end of file diff --git a/website/preshow/main.css b/website/preshow/main.css new file mode 100644 index 0000000..78c0182 --- /dev/null +++ b/website/preshow/main.css @@ -0,0 +1,102 @@ +body { + height: 100%; + width: 100%; + max-width: 100%; + max-height: 100%; + overflow: hidden; + white-space: pre; +} + +#inviteDiv { + position: absolute; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + pointer-events: none; + word-wrap: break-word; + width: 100%; +} + +#inviteDiv h1, h2 { + 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; +} + +#inviteDiv h1 { + font-size: 1vw; + padding-top: 5vh; + padding-left: 17vw; +} + +#inviteDiv h2 { + font-size: 0.4vw; + padding-left: 24vw; +} + +#invitetextDiv { + 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%; +} + +#invitetextDiv p { + font-family: Arial; + font-weight: bold; + flex-grow: 1; + font-size: 1.2vw; + color: #d152b8; + text-align: center; + margin-left: 27vw; + margin-right: 27vw; +} + +#backgroundDiv { + position: absolute; + display: flex; + justify-content: center; + align-items: center; + width: 100%; + height: 100%; +} + +#backgroundDiv h3 { + font-family: monospace; + white-space: pre; + font-size: 0.8vw; + color: lightgrey; +} + +@media only screen and (max-width: 768px) { + + #inviteDiv h1 { + font-size: 1.5vw; + } + + #inviteDiv h2 { + font-size: 0.8vw; + } + + #invitetextDiv p { + font-size: 3vw; + color: #d152b8; + margin-left: 13vw; + margin-right: 13vw; + } + + #backgroundDiv h3 { + font-size: 1.8vw; + } +} \ No newline at end of file