opencoil-paracity/website/mail/htmlmail.html

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