Skip to content

Commit d5f3bda

Browse files
fpalaciosfpalacios
authored
IDS email
1 parent 3eef53c commit d5f3bda

File tree

1 file changed

+273
-0
lines changed

1 file changed

+273
-0
lines changed

‎emails/su2_email_IDS_05_24_2018.html‎

Lines changed: 273 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,273 @@
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>SU2 IDS Meeting 2018.05.26</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, h4 {
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: 30px;
109+
}
110+
h2 {
111+
margin: 10px 0 10px;
112+
font-size: 24px;
113+
margin-bottom: 5px;
114+
}
115+
h3 {
116+
margin: 10px 0 10px;
117+
font-size: 18px;
118+
}
119+
h4 {
120+
margin: 10px 0 10px;
121+
font-size: 12px;
122+
}
123+
p, ul, ol {
124+
margin-bottom: 10px;
125+
font-weight: normal;
126+
font-size: 15px;
127+
}
128+
ul li, ol li {
129+
margin-left: 5px;
130+
list-style-position: inside;
131+
}
132+
/* ---------------------------------------------------
133+
RESPONSIVENESS
134+
Nuke it from orbit. It's the only way to be sure.
135+
------------------------------------------------------ */
136+
/* 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 */
137+
.container {
138+
display: block!important;
139+
max-width: 600px!important;
140+
margin: 0 auto!important; /* makes it centered */
141+
clear: both!important;
142+
}
143+
/* Set the padding on the td rather than the div for Outlook compatibility */
144+
.body-wrap .container {
145+
padding: 20px;
146+
}
147+
/* This should also be a block element, so that it will fill 100% of the .container */
148+
.content {
149+
max-width: 600px;
150+
margin: 0 auto;
151+
display: block;
152+
}
153+
/* Let's make sure tables in the content area are 100% wide */
154+
.content table {
155+
width: 100%;
156+
}
157+
#wrapper {
158+
display: flex;
159+
flex-wrap: wrap; /* optional. only if you want the items to wrap */
160+
justify-content: center; /* for horizontal alignment */
161+
align-items: center; /* for vertical alignment */
162+
}
163+
#first {
164+
float: left;
165+
margin-top: 10px;
166+
}
167+
#second {
168+
float: left;
169+
margin-top: 10px;
170+
}
171+
</style>
172+
</head>
173+
174+
<body bgcolor="#FFFFFF">
175+
176+
<!-- body -->
177+
<table class="body-wrap">
178+
<tr>
179+
<td></td>
180+
<td class="container" bgcolor="#FFFFFF">
181+
182+
<!-- content -->
183+
<div class="content">
184+
<table>
185+
<tr>
186+
<td>
187+
188+
<center>
189+
<a href="https://su2devsociety.org/"><img src="https://su2code.github.io/emails/SU2IDS_black_white_background.png" ></a>
190+
<p><h1> <font color="#B22234">S</font><font color="#3C3B6E">U</font><font color="#B22234">2</font> IDS Launch</h1></p>
191+
<p><h3>Connect. Inspire. Expand.</h3></p>
192+
<br>
193+
194+
195+
<p>We've been working hard behind the scenes on the structure of the SU2 International Developers Society (IDS), and it's time to share our prototype with you. With that objective, we are holding our launch meeting to overview the details and get your valuable feedback on the concept. Join us to learn more about what the IDS has to offer!</p>
196+
197+
<br>
198+
<p><b> SU2 IDS Launch Meeting <br>
199+
5/26/2018 @ 07:00-07:45 am PDT (Yep! it's a Saturday!)<br><br>
200+
201+
Agenda:</b> <i>
202+
<br> Introduction to the IDS and our Team
203+
<br> Membership Grade Strategy
204+
<br> SU2 IDS Web Portal Features
205+
<br> Communication Initiatives
206+
<br> Open Forum Q&amp;A
207+
</i></p>
208+
209+
<table>
210+
<tr>
211+
<td class="padding">
212+
<div id="wrapper">
213+
<div id="first"><a href="https://meet.jit.si/SU2DevSociety" class="btn-primary"> Click to Join the Meeting </a></div>
214+
</div>
215+
</td>
216+
</tr>
217+
218+
</table>
219+
<br>
220+
<p><i> To join by phone, dial +1.512.402.2718 and enter this PIN: 98394514# <br>
221+
To view more phone numbers, click this link:<br> https://meet.jit.si/static/dialInInfo.html?room=SU2DevSociety </i></p>
222+
223+
224+
</td>
225+
</tr>
226+
</table>
227+
</div>
228+
<!-- /content -->
229+
230+
</td>
231+
<td></td>
232+
</tr>
233+
</table>
234+
235+
<!-- footer -->
236+
<table class="footer-wrap">
237+
<tr>
238+
<td></td>
239+
<td class="container">
240+
241+
<!-- content -->
242+
<div class="content">
243+
<table>
244+
245+
<tr>
246+
<td class="padding">
247+
<center>
248+
<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>
249+
</center>
250+
</td>
251+
</tr>
252+
253+
<tr>
254+
<td align="center">
255+
<p> Having trouble viewing this email? View it as a <a href="https://su2code.github.io/emails/su2_email_IDS_05_24_2018.html">webpage.</a></p>
256+
257+
<p>SU2 is maintained by developers all around the world and is released under an open-source license (LGPL v2.1).
258+
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="http://su2devsociety.org/unsubscribe-su2/"><unsubscribe>unsubscribe</unsubscribe></a>.
259+
</p><br>
260+
</td>
261+
</tr>
262+
</table>
263+
</div>
264+
<!-- /content -->
265+
266+
</td>
267+
<td></td>
268+
</tr>
269+
</table>
270+
<!-- /footer -->
271+
272+
</body>
273+
</html>

0 commit comments

Comments
 (0)