mail/website updates
This commit is contained in:
Anton Linus
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%;
|
||||
overflow: hidden;
|
||||
white-space: pre;
|
||||
background: white;
|
||||
}
|
||||
|
||||
#inviteDiv {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user