mail/website updates

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;
+}

website/mail/htmlmail.html

@@ -0,0 +1,99 @@
+<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>

website/mail/index.html

@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>OPENCOIL</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <link rel="stylesheet" type="text/css" href="main.css">
+</head>
+<body>
+<div id="inviteDiv">
+    <h1>
+     _|_|    _|_|_|    _|_|_|_|  _|      _|    _|_|_|    _|_|    _|_|_|  _|                                      
+   _|    _|  _|    _|  _|        _|_|    _|  _|        _|    _|    _|    _|                                      
+   _|    _|  _|_|_|    _|_|_|    _|  _|  _|  _|        _|    _|    _|    _|                                      
+   _|    _|  _|        _|        _|    _|_|  _|        _|    _|    _|    _|                                      
+     _|_|    _|        _|_|_|_|  _|      _|    _|_|_|    _|_|    _|_|_|  _|_|_|_|                                
+    </h1>
+    <h2>
+                                      _                                       _     _                            
+                                     (_)                                     | |   | |                           
+     __ _   _ __ ___   __ _ _ __ ___  _ _ __   __ _   ___ _ __   ___  ___  __| |___| |__   _____      __         
+    / _` | | '__/ _ \ / _` | '_ ` _ \| | '_ \ / _` | / __| '_ \ / _ \/ _ \/ _` / __| '_ \ / _ \ \ /\ / /         
+   | (_| | | | | (_) | (_| | | | | | | | | | | (_| | \__ \ |_) |  __/  __/ (_| \__ \ | | | (_) \ V  V /          
+    \__,_| |_|  \___/ \__,_|_| |_| |_|_|_| |_|\__, | |___/ .__/ \___|\___|\__,_|___/_| |_|\___/ \_/\_/           
+                                               __/ |     | |                                                     
+                                              |___/      |_|                                                     
+    </h2>
+</div>  
+<div id="invitetextDiv">
+    <p>
+    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">
+        <h3>
+               __,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>
+</body>
+</html>

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;
+    }
+}

website/preshow/main.css

@@ -5,6 +5,7 @@ body {
     max-height: 100%;
     overflow: hidden;
 	white-space: pre;
+    background: white;
 }
 
 #inviteDiv {