Skip to content

Commit 3bc23d9

Browse files
authored
email draft
1 parent 915158b commit 3bc23d9

File tree

1 file changed

+255
-0
lines changed

1 file changed

+255
-0
lines changed

emails/su2_email_v6_v1.0.html

Lines changed: 255 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,255 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2+
<html xmlns="http://www.w3.org/1999/xhtml">
3+
<head>
4+
<meta name="viewport" content="width=device-width" />
5+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
6+
<title>Official Release of SU2 v6.0</title>
7+
<style>
8+
/* -------------------------------------
9+
GLOBAL
10+
------------------------------------- */
11+
* {
12+
margin: 0;
13+
padding: 0;
14+
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
15+
font-size: 100%;
16+
line-height: 1.6;
17+
}
18+
img {
19+
max-width: 100%;
20+
}
21+
body {
22+
-webkit-font-smoothing: antialiased;
23+
-webkit-text-size-adjust: none;
24+
width: 100%!important;
25+
height: 100%;
26+
}
27+
/* -------------------------------------
28+
ELEMENTS
29+
------------------------------------- */
30+
a {
31+
color: #348eda;
32+
}
33+
.btn-primary {
34+
text-decoration: none;
35+
color: #FFF;
36+
background-color: #002975;
37+
border: solid #002975;
38+
border-width: 10px 20px;
39+
line-height: 2;
40+
font-weight: bold;
41+
margin-right: 10px;
42+
text-align: center;
43+
cursor: pointer;
44+
display: inline-block;
45+
border-radius: 20px;
46+
}
47+
.btn-secondary {
48+
text-decoration: none;
49+
color: #FFF;
50+
background-color: #AB002F;
51+
border: solid #AB002F;
52+
border-width: 10px 20px;
53+
line-height: 2;
54+
font-weight: bold;
55+
margin-right: 10px;
56+
text-align: center;
57+
cursor: pointer;
58+
display: inline-block;
59+
border-radius: 20px;
60+
}
61+
.last {
62+
margin-bottom: 0;
63+
}
64+
.first {
65+
margin-top: 0;
66+
}
67+
.padding {
68+
padding: 10px 0;
69+
}
70+
/* -------------------------------------
71+
BODY
72+
------------------------------------- */
73+
table.body-wrap {
74+
width: 100%;
75+
padding: 10px;
76+
}
77+
table.body-wrap .container {
78+
border: 2px solid #FFFFFF;
79+
}
80+
/* -------------------------------------
81+
FOOTER
82+
------------------------------------- */
83+
table.footer-wrap {
84+
width: 100%;
85+
clear: both!important;
86+
}
87+
.footer-wrap .container p {
88+
font-size: 12px;
89+
color: #666;
90+
91+
}
92+
table.footer-wrap a {
93+
color: #999;
94+
}
95+
/* -------------------------------------
96+
TYPOGRAPHY
97+
------------------------------------- */
98+
h1, h2, h3 {
99+
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
100+
line-height: 1.1;
101+
margin-bottom: 15px;
102+
color: #000;
103+
margin: 40px 0 10px;
104+
line-height: 1.2;
105+
font-weight: 200;
106+
}
107+
h1 {
108+
font-size: 36px;
109+
}
110+
h2 {
111+
margin: 10px 0 10px;
112+
font-size: 28px;
113+
margin-bottom: 5px;
114+
}
115+
h3 {
116+
margin: 10px 0 10px;
117+
font-size: 22px;
118+
}
119+
p, ul, ol {
120+
margin-bottom: 10px;
121+
font-weight: normal;
122+
font-size: 15px;
123+
}
124+
ul li, ol li {
125+
margin-left: 5px;
126+
list-style-position: inside;
127+
}
128+
/* ---------------------------------------------------
129+
RESPONSIVENESS
130+
Nuke it from orbit. It's the only way to be sure.
131+
------------------------------------------------------ */
132+
/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
133+
.container {
134+
display: block!important;
135+
max-width: 600px!important;
136+
margin: 0 auto!important; /* makes it centered */
137+
clear: both!important;
138+
}
139+
/* Set the padding on the td rather than the div for Outlook compatibility */
140+
.body-wrap .container {
141+
padding: 20px;
142+
}
143+
/* This should also be a block element, so that it will fill 100% of the .container */
144+
.content {
145+
max-width: 600px;
146+
margin: 0 auto;
147+
display: block;
148+
}
149+
/* Let's make sure tables in the content area are 100% wide */
150+
.content table {
151+
width: 100%;
152+
}
153+
</style>
154+
</head>
155+
156+
<body bgcolor="#FFFFFF">
157+
158+
<!-- body -->
159+
<table class="body-wrap">
160+
<tr>
161+
<td></td>
162+
<td class="container" bgcolor="#FFFFFF">
163+
164+
<!-- content -->
165+
<div class="content">
166+
<table>
167+
<tr>
168+
<td>
169+
170+
<center>
171+
<a href="https://su2code.github.io"><img src="https://su2code.github.io/emails/logoSU2_v3.3_small.jpeg" height="152" width="250"></a>
172+
<p><h1> SU2 v6.0 Falcon</h1></p>
173+
<p><h3>Suporting students and professionals to achive their goals since 2012. Free. Always!</h3></p>
174+
<br>
175+
176+
177+
<p>Discover today the <font color="#B22234">S</font><font color="#3C3B6E">U</font><font color="#B22234">2</font> v6.0 Falcon, the latest release of our open-source software for multiphysics simulation and design. <font color="#B22234">S</font><font color="#3C3B6E">U</font><font color="#B22234">2</font> v6.0 Falcon is packed with new features and improvements across the board, making it the best version of <font color="#B22234">S</font><font color="#3C3B6E">U</font><font color="#B22234">2</font>... yet.</p>
178+
179+
<table>
180+
<tr>
181+
<td class="padding">
182+
<center>
183+
<p><a href="https://github.com/su2code/SU2/releases" class="btn-primary"> Download SU2 v6.0 </a></p>
184+
</center>
185+
</td>
186+
</tr>
187+
</table>
188+
189+
190+
<figure>
191+
<img src="https://su2code.github.io/emails/BSCWTC3_EDDES_37500_Q-100.png" height="200" width="400">
192+
193+
<figcaption><font color="#B22234">S</font><font color="#3C3B6E">U</font><font color="#B22234">2</font> Delayed Detached Eddy Simulation (DDES) developed by the department of Aeronautics and Mechanics of the ITA-Brazil. (FP do you know how to reduce the size of this caption?)
194+
</figcaption>
195+
</figure>
196+
<br>
197+
198+
Do you want more? <a href="https://www.su2devsociety.org"> Join the new <font color="#B22234">S</font><font color="#3C3B6E">U</font><font color="#B22234">2</font> International Developers Society!</a><br>
199+
<p><h3>We helped you. Now you help others!<br>
200+
201+
Share the love. Share the code. (FP here we need the "forward to a friend" capability... any idea?)</h3></p>
202+
203+
</center>
204+
205+
206+
</td>
207+
</tr>
208+
</table>
209+
</div>
210+
<!-- /content -->
211+
212+
</td>
213+
<td></td>
214+
</tr>
215+
</table>
216+
217+
<!-- footer -->
218+
<table class="footer-wrap">
219+
<tr>
220+
<td></td>
221+
<td class="container">
222+
223+
<!-- content -->
224+
<div class="content">
225+
<table>
226+
227+
<tr>
228+
<td class="padding">
229+
<center>
230+
<p><a href="https://github.com/su2code/SU2"><img src="https://su2code.github.io/emails/GitHub_45.png" height="45" width="45" style="PADDING-LEFT: 20px; PADDING-RIGHT: 20px"></a> <a href="https://su2code.github.io"><img src="https://su2code.github.io/emails/su2_buttons_home_45.jpg" height="45" width="45" style="PADDING-LEFT: 20px; PADDING-RIGHT: 20px"></a> <a href="https://twitter.com/intent/user?screen_name=su2code"><img src="https://su2code.github.io/emails/su2_buttons_twitter_45.png" height="45" width="45" style="PADDING-LEFT: 20px; PADDING-RIGHT: 20px"></a><a href="https://www.facebook.com/su2code/"><img src="https://su2code.github.io/emails/facebook_button_45.png" height="45" width="45" style="PADDING-LEFT: 20px; PADDING-RIGHT: 20px"></a></p>
231+
</center>
232+
</td>
233+
</tr>
234+
235+
<tr>
236+
<td align="center">
237+
<p> Having trouble viewing this email? View it as a <a href="https://su2code.github.io/emails/su2_email_v6.html">webpage.</a></p>
238+
239+
<p>SU2 is maintained by developers all around the world and is released under an open-source license (LGPL v2.1).
240+
This list is only used to disseminate important information regarding our software. The development team respects your privacy, and should you wish, you can <a href="https://mailman.stanford.edu/mailman/listinfo/susquared-users"><unsubscribe>unsubscribe</unsubscribe></a>.
241+
</p><br>
242+
</td>
243+
</tr>
244+
</table>
245+
</div>
246+
<!-- /content -->
247+
248+
</td>
249+
<td></td>
250+
</tr>
251+
</table>
252+
<!-- /footer -->
253+
254+
</body>
255+
</html>

0 commit comments

Comments
 (0)