-
Notifications
You must be signed in to change notification settings - Fork 0
/
2018w42-intersections-email.mjml
219 lines (214 loc) · 9.33 KB
/
2018w42-intersections-email.mjml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
<mjml>
<mj-head>
<mj-preview>Use code CODAME-FRIENDS for 25% off (already applied when you click through)</mj-preview>
<mj-font name="Signika" href="https://fonts.googleapis.com/css?family=Signika:300"></mj-font>
<mj-font name="Asap" href="https://fonts.googleapis.com/css?family=Asap"></mj-font>
<mj-attributes>
<mj-all font-family="Signika, Helvetica, sans-serif"></mj-all>
<mj-text font-weight="300" font-size="16px" color="#d6e6fa" line-height="24px"></mj-text>
<mj-section padding="0px" background-color="#1d021d"></mj-section>
</mj-attributes>
<mj-style inline="inline">
a{
color: #b87fc9;
}
</mj-style>
</mj-head>
<mj-body background-color="#3c043a">
<mj-section padding-top="20px">
<mj-column width="100%">
<mj-image padding="0px" padding-top="20px" padding-bottom="20px"
src="http://codame.com/uploaded_images/intersections.jpg"
></mj-image>
<mj-text>
<b>Where:</b> San Francisco Art Institute, Fort Mason, San Francisco.
<br>
<b>When:</b> Saturday, November 3rd, 2018, from 6pm to 10pm
</mj-text>
<mj-text>
Use code CODAME-FRIENDS for 25% off (already applied when you click through)
</mj-text>
<mj-button
font-family="Asap, Helvetica, sans-serif"
color="#1d021d"
font-size="20px"
background-color="#d6e6fa"
padding-top="15px"
href="https://codame.eventbrite.com?aff=w42&discount=CODAME-FRIENDS#tickets"
>
Get Tickets
</mj-button>
</mj-column>
</mj-section>
<mj-section background-color="#1d021d" padding-top="5px" padding-bottom="10px">
<mj-column width="100%">
</mj-column>
</mj-section>
<mj-section background-color="#3c043a" padding-top="30px">
</mj-section>
<mj-section background-color="#1d021d">
<mj-column width="100%" padding-top="20px">
<mj-text
font-size="38px"
align="center"
line-height="1%"
padding-top="15px"
padding-bottom="15px"
>
Final Lineup
</mj-text>
</mj-column>
</mj-section>
<mj-section background-color="#1d021d" padding="0" padding-bottom="34px">
<mj-column width="100%" padding-top="20px" padding="0px">
<mj-image padding="0px" src="http://codame.com/uploaded_images/what-does-the-bot-say-to-the-human.jpg"></mj-image>
<mj-text
padding="24px 100px 10px"
font-style="italic"
align="center"
>
<a href="http://codame.com/projects/what-does-the-bot-say-to-the-human">What does the bot say to the human?</a> by <a href="http://codame.com/artists/jiayi-young">Jiayi Young</a>
</mj-text>
<mj-text>
We've finally published the 18+ installations, screenings performances, and artists showing at INTERSECTIONS! Work that defies boundaries will enliven the beautiful Fort Mason campus at SFAI.
</mj-text>
<mj-text padding-bottom="15px">
Art and science have long collaborated for common purpose. Explore the surprising, inspiring, and challenging crossings which contour contemporary landscapes. Play, experiment, wander, and collide through curious new media!<br>
</mj-text>
<mj-button
font-family="Asap, Helvetica, sans-serif"
color="#1d021d"
font-size="20px"
background-color="#d6e6fa"
padding-top="15px"
href="http://codame.com/events/intersections"
>
Learn More
</mj-button>
</mj-column>
</mj-section>
<mj-section background-color="#3c043a" padding-top="30px">
</mj-section>
<mj-section background-color="#1d021d">
<mj-column width="100%" padding-top="20px">
<mj-text
font-size="38px"
align="center"
line-height="110%"
padding-top="15px"
padding-bottom="15px"
>
Volunteer Opportunities
</mj-text>
</mj-column>
</mj-section>
<mj-section background-color="#1d021d" padding="0" padding-bottom="34px">
<mj-column width="100%" padding-top="20px" padding="0px">
<mj-image padding="0px" src="http://codame.com/uploaded_images/call-for-volunteers.jpeg"></mj-image>
<mj-text
padding="24px 100px 10px"
font-style="italic"
align="center"
>
All skillsets, strengths <br>and levels of commitment are welcome!
</mj-text>
<mj-text>
Building CODAME events is a fun and rewarding experience that has fueled us since 2010. When you become part of the crew you'll meet like-minded people, learn new skills, and pass on knowledge.
</mj-text>
<mj-text>
We have several roles to fill for November 4th and the surrounding dates. Set the stage or tear it down from behind the scenes. Manage or emcee the stage if you prefer the lime light. Be a hollywood buster or run an installation to interact with the crowd up close.
</mj-text>
<mj-text>
Leading up to the event and beyond, we have several evergreen opportunities. Apply programming skills to art projects, our website, or at workshops. Let your words shine as a media press liaison or in the CODAME medium collection. Connect with artists around the world to expand our HD collection.
</mj-text>
<mj-text>
Or maybe you have another idea you'd like to share. We're always excited to try something new!
</mj-text>
<mj-button
font-family="Asap, Helvetica, sans-serif"
color="#1d021d"
font-size="20px"
background-color="#d6e6fa"
padding-top="15px"
href="http://codame.com/pages/call-for-volunteers"
>
Join Us
</mj-button>
</mj-column>
</mj-section>
<mj-section background-color="#3c043a" padding-top="30px">
</mj-section>
<mj-section background-color="#1d021d">
<mj-column width="100%" padding-top="20px">
<mj-text
font-size="40px"
align="center"
>
About CODAME
</mj-text>
</mj-column>
</mj-section>
<mj-section background-color="#1d021d">
<mj-column width="100%" padding-top="15px">
<mj-text padding-bottom="10px">
CODAME forms the future through inspiring experiences and playful ART+TECH projects. CODAME events, installations, and workshops connect people of all specialties and backgrounds. There are many ways to participate in the visionary celebration:
</mj-text>
<mj-text>
<li>Get your <a href="https://codame.eventbrite.com?aff=w42b&discount=CODAME-FRIENDS#tickets">tickets</a> for the event</li>
<li>Invite your friends or your teammates</li>
<li><a href="http://codame.com/pages/call-for-volunteers">Join us</a> as a volunteer, we always need one more hand</li>
<li>Stand out with your 💟 of ART+TECH & become a <a href="http://codame.com/pages/support-art-tech">sponsor or partner</a>.</li>
</mj-text>
<mj-text>
CODAME is fiscally sponsored as non-profit members of Intersection for the Arts, a 501(c)(3). All proceeds are split with participating artists.
</mj-text>
<mj-text>
We love to hear from you. <a href="mailto:[email protected]">Contact us</a> anytime even just to say hi!
</mj-text>
<mj-text padding-bottom="30px">
Sincere thanks for sharing in love of ART+TECH 🙏
<br>
<i><a href="http://codame.com/pages/about"><i>Your CODAME Team</i></a></i>
</mj-text>
</mj-column>
</mj-section>
<mj-section background-color="#3c043a" padding-top="30px">
</mj-section>
<mj-section>
<mj-column>
<mj-text
font-size="12px"
font-style="italic"
padding-bottom="0px"
align="center"
color="#917792"
>
This email was lovingly hacked together by CODAME Ninjas!<br>
IFTA (c/o CODAME), 901 Mission Street, Suite 306, SF, CA 94103<br>
<a href="[unsubscribe]">Unsubscribe</a> if you must ;)<br>
<a href="[webversion]">Permalink</a> to a shareable web version<br>
</mj-text>
<mj-divider border-width="1px" border-color="#E0E0E0"></mj-divider>
</mj-column>
</mj-section>
<mj-section>
<mj-column width="100%">
<mj-table>
<tr style="list-style: none;line-height:1">
<td align="left" width="70%">
<img width="50px" href="https://codame.com/" src="https://festival.codame.com/img/sendy/Codame_Badge_Logo_08_white_web.png"></mj-image>
</td>
<td align="right"> <a href="https://twitter.com/codame">
<img width="25" src="https://cdn.recast.ai/newsletter/twitter.png" />
</a> </td>
<td align="right"> <a href="https://www.facebook.com/CODAME.ART.TECH">
<img width="25" src="https://cdn.recast.ai/newsletter/facebook.png" />
</a> </td>
<td align="right"> <a href="https://medium.com/codame-art-tech">
<img width="25" src="https://cdn.recast.ai/newsletter/medium.png" />
</a> </td>
</mj-table>
</mj-column>
</mj-section>
</mj-body>
</mjml>