mail/website updates
This commit is contained in:
parent
c93e5b7aff
commit
4f661a8207
28
website/mail/htmlmail.css
Normal file
28
website/mail/htmlmail.css
Normal file
@ -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;
|
||||||
|
}
|
99
website/mail/htmlmail.html
Normal file
99
website/mail/htmlmail.html
Normal file
@ -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>
|
108
website/mail/index.html
Normal file
108
website/mail/index.html
Normal file
@ -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>
|
106
website/mail/main.css
Normal file
106
website/mail/main.css
Normal file
@ -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;
|
||||||
|
}
|
||||||
|
}
|
@ -5,6 +5,7 @@ body {
|
|||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
white-space: pre;
|
white-space: pre;
|
||||||
|
background: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
#inviteDiv {
|
#inviteDiv {
|
||||||
|
Loading…
Reference in New Issue
Block a user