Skip to content

Commit e4c9942

Browse files
economoneconomon
committed
2 parents 2edd9ad + 4e8624a commit e4c9942

File tree

2 files changed

+270
-0
lines changed

2 files changed

+270
-0
lines changed

‎emails/SU2IDS_black_white_background.png‎

-14.3 KB
Loading

‎emails/su2_email_IDS_07_24_2018.html‎

Lines changed: 270 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,270 @@
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 7.28.2018</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><h2>
191+
<b> <font color="#B22234">S</font><font color="#3C3B6E">U</font><font color="#B22234">2</font> IDS July Meeting <br>
192+
7/28/2018 @ 07:00-07:45 am PDT <br>
193+
(keep in mind the time difference with California) </b> <br>
194+
</h2></p>
195+
<br>
196+
197+
198+
<p>
199+
<b>Agenda:</b><i>
200+
<br> Review of the <font color="#B22234">S</font><font color="#3C3B6E">U</font><font color="#B22234">2</font> project (webpage, Github and social media).
201+
<br> Review of the <font color="#B22234">S</font><font color="#3C3B6E">U</font><font color="#B22234">2</font> users survey.
202+
<br> Membership update.
203+
<br> This week in <font color="#B22234">S</font><font color="#3C3B6E">U</font><font color="#B22234">2</font>, blog and forum update.
204+
<br> Open Forum Q&amp;A
205+
</i></p>
206+
207+
<table>
208+
<tr>
209+
<td class="padding">
210+
<div id="wrapper">
211+
<div id="first"><a href="https://meet.jit.si/SU2_IDS_Meeting" class="btn-primary"> Click to Join the Meeting </a></div>
212+
</div>
213+
</td>
214+
</tr>
215+
216+
</table>
217+
<br>
218+
<p><i> To join by phone, dial +1.512.402.2718 and enter this PIN: 2335216438# <br>
219+
To view more phone numbers, click this link:<br> https://meet.jit.si/static/dialInInfo.html?room=SU2_IDS_Meeting </i></p>
220+
221+
</td>
222+
</tr>
223+
</table>
224+
</div>
225+
<!-- /content -->
226+
227+
</td>
228+
<td></td>
229+
</tr>
230+
</table>
231+
232+
<!-- footer -->
233+
<table class="footer-wrap">
234+
<tr>
235+
<td></td>
236+
<td class="container">
237+
238+
<!-- content -->
239+
<div class="content">
240+
<table>
241+
242+
<tr>
243+
<td class="padding">
244+
<center>
245+
<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>
246+
</center>
247+
</td>
248+
</tr>
249+
250+
<tr>
251+
<td align="center">
252+
<p> Having trouble viewing this email? View it as a <a href="https://su2code.github.io/emails/su2_email_IDS_07_24_2018.html">webpage.</a></p>
253+
254+
<p>SU2 is maintained by developers all around the world and is released under an open-source license (LGPL v2.1).
255+
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>.
256+
</p><br>
257+
</td>
258+
</tr>
259+
</table>
260+
</div>
261+
<!-- /content -->
262+
263+
</td>
264+
<td></td>
265+
</tr>
266+
</table>
267+
<!-- /footer -->
268+
269+
</body>
270+
</html>

0 commit comments

Comments
 (0)