From 4f661a82070bf0ff44d5bfc3db1b16474490c61b Mon Sep 17 00:00:00 2001 From: Anton Linus Date: Sun, 11 Oct 2020 14:46:11 +0200 Subject: [PATCH] mail/website updates --- website/mail/htmlmail.css | 28 ++++++++++ website/mail/htmlmail.html | 99 ++++++++++++++++++++++++++++++++++ website/mail/index.html | 108 +++++++++++++++++++++++++++++++++++++ website/mail/main.css | 106 ++++++++++++++++++++++++++++++++++++ website/preshow/main.css | 1 + 5 files changed, 342 insertions(+) create mode 100644 website/mail/htmlmail.css create mode 100644 website/mail/htmlmail.html create mode 100644 website/mail/index.html create mode 100644 website/mail/main.css diff --git a/website/mail/htmlmail.css b/website/mail/htmlmail.css new file mode 100644 index 0000000..d2441a8 --- /dev/null +++ b/website/mail/htmlmail.css @@ -0,0 +1,28 @@ +.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; +} diff --git a/website/mail/htmlmail.html b/website/mail/htmlmail.html new file mode 100644 index 0000000..a2023ea --- /dev/null +++ b/website/mail/htmlmail.html @@ -0,0 +1,99 @@ +
+
+

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

+

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

+
+
+

+ Dear Participants,

+ we hereby send you an update on the OPENCOIL roaming (low-)speedshow. We have exciting news and a couple of questions:
+ First of all, a big thanks to everyone for participating and sending in works!
+ 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
+ + Some relevant data:

+ + - Deadline submitting works: 14th October 2020
+ - Soft-Opening: October 16th @ Berlin Zentrum der Netz Kunst, 7pm
+ - Showcase: October 17th @ KO Markt, Haus der Statistik, 2pm-8pm
+ - Puplic roaming Speedshow in the wild: October 26th - 1st November

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

+ +Questions to you:
+ + - What is the title of your work? This will be the SSIDs being broadcasted by the scooter
+ + - We would like to have a one line description of your work for the map marker (opencoil.show/map.html)

+ +Invitation:

+ + We have made a html invitation to send to your friends ---> https://opencoil.show/invite
+ Feel free to invite whom ever you like.

+ +See you soon!
+Speedy&Scooty +

+
+
+

+ __,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/mail/index.html b/website/mail/index.html new file mode 100644 index 0000000..52decb9 --- /dev/null +++ b/website/mail/index.html @@ -0,0 +1,108 @@ + + + + OPENCOIL + + + + + +
+

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

+

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

+
+
+

+ Dear Participants,

+ we hereby send you an update on the OPENCOIL roaming (low-)speedshow. We have exciting news and a couple of questions:
+ First of all, a big thanks to everyone for participating and sending in works!
+ 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
+ + Some relevant data:

+ + - Deadline submitting works: 14th October 2020
+ - Soft-Opening: October 16th @ Berlin Zentrum der Netz Kunst, 7pm
+ - Showcase: October 17th @ KO Markt, Haus der Statistik, 2pm-8pm
+ - Puplic roaming Speedshow in the wild: October 26th - 1st November

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

+ +Questions to you:
+ + - What is the title of your work? This will be the SSIDs being broadcasted by the scooter
+ + - We would like to have a one line description of your work for the map marker (opencoil.show/map.html)

+ +Invitation:

+ + We have made a html invitation to send to your friends ---> https://opencoil.show/invite
+ Feel free to invite whom ever you like.

+ +See you soon!
+Speedy&Scooty +

+
+
+

+ __,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/mail/main.css b/website/mail/main.css new file mode 100644 index 0000000..faa469a --- /dev/null +++ b/website/mail/main.css @@ -0,0 +1,106 @@ +body { + height: 100%; + width: 100%; + max-width: 100%; + max-height: 100%; + overflow: hidden; +} + +#inviteDiv { + 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%; +} + +#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: 1vw; + color: #d152b8; + text-align: center; + line-height: 1.8vh; + margin-left: 27vw; + margin-right: 27vw; +} + +#backgroundDiv { + white-space: pre; + 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 { + padding-top: 0vh; + font-size: 1.5vw; + } + + #inviteDiv h2 { + font-size: 0.8vw; + } + + #invitetextDiv p { + font-size: 2vw; + line-height: 1.4vw; + color: #d152b8; + margin-left: 13vw; + margin-right: 13vw; + } + + #backgroundDiv h3 { + font-size: 1.8vw; + } +} \ No newline at end of file diff --git a/website/preshow/main.css b/website/preshow/main.css index 78c0182..87fc96a 100644 --- a/website/preshow/main.css +++ b/website/preshow/main.css @@ -5,6 +5,7 @@ body { max-height: 100%; overflow: hidden; white-space: pre; + background: white; } #inviteDiv {