then
/
opencoil-paracity
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

mail/website updates

master
Anton Linus 4 years ago
parent
c93e5b7aff
commit
4f661a8207
5 changed files with 342 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 28
      website/mail/htmlmail.css
  2. 99
      website/mail/htmlmail.html
  3. 108
      website/mail/index.html
  4. 106
      website/mail/main.css
  5. 1
      website/preshow/main.css

28
website/mail/htmlmail.css
View 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
View 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
View 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
View 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;
}
}

1
website/preshow/main.css
View File

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

Write Preview
Loading…
Cancel
Save