-
Notifications
You must be signed in to change notification settings - Fork 41
/
Copy pathindex.html
282 lines (272 loc) · 37.3 KB
/
index.html
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
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
<!DOCTYPE html>
<html lang="en" class="page-home">
<head>
<title>DevTips Show</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="/assets/img/favicons/favicon.ico">
<link rel="stylesheet" href="/assets/css/main.css">
</head>
<body>
<div class="top-rect"></div>
<header><svg class="devtips-logo-svg" width="50px" height="40px" viewBox="0 0 50 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M16.567667,11.3620203 C16.567667,10.0424134 16.2988952,9.01032984 15.7613517,8.26501947 C15.2235581,7.51995912 14.4602463,7.14717892 13.4706661,7.14717892 C13.3359052,7.14717892 13.2201458,7.15017916 13.1223879,7.15642967 C13.02463,7.16268018 12.9086206,7.17193093 12.7743597,7.1839319 L12.7743597,15.7051221 C12.9086206,15.7296241 13.0276302,15.7448753 13.1316387,15.7508758 C13.2353971,15.7571263 13.3791587,15.7598766 13.5621735,15.7598766 C14.0629641,15.7598766 14.4997495,15.6563682 14.8725297,15.4483513 C15.2450598,15.2408345 15.5565851,14.9445605 15.8071054,14.5597793 C16.0573756,14.1749982 16.246891,13.7139608 16.3751514,13.1761673 C16.5034118,12.6386237 16.567667,12.0340748 16.567667,11.3620203 L16.567667,11.3620203 Z M19.481403,11.3435188 C19.481403,12.3943539 19.3466421,13.3474311 19.0781203,14.2025004 C18.8093486,15.0578197 18.4028156,15.7873788 17.8595216,16.3921778 C17.3159776,16.9969768 16.6346724,17.4612644 15.8163561,17.7850406 C14.9975398,18.1088168 14.0387121,18.2705799 12.9391231,18.2705799 C12.3895786,18.2705799 11.8947885,18.2523284 11.4547528,18.2155755 C11.0149672,18.1788225 10.5264276,18.1303186 9.9888841,18.0690636 L9.9888841,4.81999042 C10.4896747,4.75873546 10.962963,4.70998151 11.4089991,4.67322853 C11.8550353,4.63647555 12.3465751,4.61822408 12.8843686,4.61822408 C13.9837077,4.61822408 14.9457856,4.77423671 15.7706024,5.08576195 C16.5951692,5.39703716 17.2822249,5.84332331 17.8320194,6.42337029 C18.3818139,7.0036673 18.7940973,7.70922445 19.0688696,8.54004174 C19.3438919,9.37085904 19.481403,10.3054347 19.481403,11.3435188 Z M21.5097173,18.160546 L21.5097173,4.72795796 L28.4732813,4.72795796 L28.4732813,7.29366579 L24.2951929,7.29366579 L24.2951929,10.0608899 L27.9967427,10.0608899 L27.9967427,12.5163388 L24.2951929,12.5163388 L24.2951929,15.5950882 L28.4732813,15.5950882 L28.4732813,18.160546 L21.5097173,18.160546 Z M36.3275675,18.2704299 L34.9167033,18.2704299 L30.518597,4.7098315 L33.5238404,4.7098315 L35.6495126,12.5897198 L37.7751848,4.7098315 L40.7439253,4.7098315 L36.3275675,18.2704299 Z M14.9548613,23.481427 L14.9548613,34.3300557 L12.1696357,34.3300557 L12.1696357,23.481427 L9.25589973,23.481427 L9.25589973,20.8974677 L17.8503459,20.8974677 L17.8503459,23.481427 L14.9548613,23.481427 Z M18.9862129,34.3302808 L21.7714385,34.3302808 L21.7714385,20.8976927 L18.9862129,20.8976927 L18.9862129,34.3302808 Z M31.8653311,25.4605123 C31.8653311,26.0835628 31.7673232,26.679111 31.5720573,27.247407 C31.3765415,27.8154531 31.0832677,28.3132434 30.6924861,28.740778 C30.3014544,29.1685627 29.8156651,29.5105904 29.2356181,29.7668611 C28.6553211,30.0233819 27.9805164,30.1518923 27.2107041,30.1518923 L26.8624259,30.1518923 C26.7646679,30.1518923 26.6609095,30.1458918 26.5511506,30.1336408 L26.5511506,34.3299807 L23.765425,34.3299807 L23.765425,20.9891501 C24.2297126,20.9281452 24.7000007,20.8791412 25.1767893,20.8428883 C25.6530779,20.8058853 26.147868,20.7878838 26.6609095,20.7878838 C27.5407308,20.7878838 28.3070429,20.9066434 28.9608458,21.1451628 C29.6141487,21.3834321 30.1546925,21.7132088 30.5824772,22.1347429 C31.0100118,22.556027 31.3307878,23.0510671 31.5445551,23.6188631 C31.7583224,24.1871592 31.8653311,24.8012089 31.8653311,25.4605123 Z M29.061604,25.5155168 C29.061604,24.8194604 28.8965906,24.2876673 28.5668139,23.9211376 C28.2370372,23.5546079 27.7787501,23.3715931 27.1924526,23.3715931 C27.0824437,23.3715931 26.9816855,23.3745933 26.8899281,23.3805938 C26.7984207,23.3870944 26.6851615,23.3960951 26.5511506,23.4080961 L26.5511506,27.6964434 C26.6609095,27.7084444 26.7554172,27.7179452 26.8349236,27.7236956 C26.9144301,27.7299461 27.0029372,27.7329464 27.1006952,27.7329464 C27.7114946,27.7329464 28.1910335,27.5466813 28.5393117,27.1741511 C28.8873399,26.8016209 29.061604,26.2488262 29.061604,25.5155168 Z M40.3042146,30.6099294 C40.3042146,31.135472 40.221958,31.6335123 40.0566946,32.1035504 C39.8919312,32.5738385 39.641411,32.9896222 39.3056338,33.3496513 C38.9693565,33.7101805 38.5510726,33.9974538 38.0502821,34.2109711 C37.5492415,34.4247384 36.9689445,34.5319971 36.3093911,34.5319971 C35.6860906,34.5319971 35.0292874,34.4214881 34.3392315,34.2017203 C33.6491756,33.9817025 33.0291254,33.6826783 32.4793308,33.3038976 L33.3038976,30.7749428 C33.7556842,31.1169705 34.2322228,31.395243 34.7332634,31.6087603 C35.234054,31.8227776 35.7348445,31.9292863 36.2361351,31.9292863 C36.6756707,31.9292863 36.9934465,31.8227776 37.1889623,31.6087603 C37.3842281,31.395243 37.4822361,31.123221 37.4822361,30.7931942 C37.4822361,30.6224304 37.4547338,30.4576671 37.3997294,30.2984042 C37.3447249,30.1398913 37.2439668,29.9688775 37.0972049,29.7853626 C36.950693,29.6023478 36.7459264,29.3975812 36.4834052,29.1715629 C36.2206339,28.9457946 35.8816064,28.6860236 35.4663228,28.3927498 C34.5377476,27.7451974 33.8659431,27.1071457 33.4506595,26.4778447 C33.0351258,25.8485437 32.827609,25.1612381 32.827609,24.4164277 C32.827609,23.9393891 32.9161162,23.4788518 33.0933806,23.0325656 C33.2701449,22.5867795 33.5299159,22.1894973 33.8721936,21.8414692 C34.2139713,21.4931909 34.6325052,21.2156685 35.1272953,21.0076516 C35.6220854,20.8003848 36.1871312,20.6963764 36.8224326,20.6963764 C37.469735,20.6963764 38.0562826,20.7786331 38.5818251,20.9433964 C39.1066176,21.1084098 39.5896568,21.3316779 40.0294424,21.6124506 L39.2048756,24.123154 C38.8258449,23.8541322 38.444064,23.6371146 38.0592828,23.4723513 C37.6745016,23.3073379 37.2927207,23.2248312 36.91419,23.2248312 C36.4864054,23.2248312 36.1656294,23.3255894 35.9518621,23.5271057 C35.7380948,23.7291221 35.6313361,23.9826426 35.6313361,24.2876673 C35.6313361,24.4709321 35.6648389,24.6391958 35.7320943,24.7917081 C35.7990997,24.9447205 35.9091086,25.0972329 36.061871,25.2499952 C36.2143834,25.4030076 36.4128994,25.5737715 36.6574193,25.7630368 C36.901689,25.9523021 37.2072138,26.1815707 37.5737435,26.4500925 C38.086785,26.8166221 38.5175699,27.1651504 38.8658481,27.4946771 C39.2138763,27.8244538 39.4948991,28.1547305 39.7086664,28.4842572 C39.9224337,28.8140339 40.0751961,29.1533114 40.1669535,29.5013396 C40.2584609,29.8496178 40.3042146,30.2191478 40.3042146,30.6099294 Z M49.0649243,20.8554643 C48.061843,20.8554643 47.3910387,21.0792324 47.0525113,21.5265186 C46.7132338,21.9738049 46.5444701,22.6311081 46.5444701,23.4979283 L46.5444701,32.1166264 C46.5444701,36.8052562 44.2537846,39.1499461 39.6736636,39.1499461 L39.6736636,36.3447189 C40.9475167,36.3447189 41.9230958,36.0461947 42.6009007,35.4503965 C43.2779555,34.8538482 43.617233,33.7837615 43.617233,32.2386363 L43.617233,24.1892343 C43.617233,23.5386816 43.6509857,22.9838867 43.7189912,22.5223493 C43.7862467,22.061812 43.9222577,21.6552791 44.1255242,21.3027505 C44.3287906,20.950722 44.6133137,20.6459473 44.9790933,20.3879264 C45.345123,20.1311556 45.8126608,19.8663842 46.3817069,19.5953622 C45.8126608,19.3245903 45.345123,19.0535683 44.9790933,18.7820463 C44.6133137,18.5115244 44.3287906,18.2067497 44.1255242,17.8674723 C43.9222577,17.5286948 43.7862467,17.1294125 43.7189912,16.6681251 C43.6509857,16.2075878 43.617233,15.6517928 43.617233,15.0012401 L43.617233,6.9110848 C43.617233,5.36620966 43.2779555,4.30287353 42.6009007,3.71957629 C41.9230958,3.13727912 40.9475167,2.84575551 39.6736636,2.84575551 L39.6736636,2.50020252e-05 C44.2537846,2.50020252e-05 46.5444701,2.35771597 46.5444701,7.07359796 L46.5444701,15.6517928 C46.5444701,16.5461152 46.7132338,17.2106691 47.0525113,17.6439542 C47.3910387,18.0777393 48.061843,18.2942568 49.0649243,18.2942568 L50,18.2942568 L50,20.8554643 L49.0649243,20.8554643 Z M10.3260864,39.1499211 C5.74546538,39.1499211 3.4555299,36.8052312 3.4555299,32.1166014 L3.4555299,23.4981534 C3.4555299,22.6308331 3.28601617,21.9735299 2.94748875,21.5264936 C2.60821127,21.0789574 1.93740693,20.8554393 0.934825721,20.8554393 L0,20.8554393 L0,18.2944819 L0.934825721,18.2944819 C1.93740693,18.2944819 2.60821127,18.0777143 2.94748875,17.6439292 C3.28601617,17.2106441 3.4555299,16.5460902 3.4555299,15.6517678 L3.4555299,7.07382298 C3.4555299,2.35769097 5.74546538,0 10.3260864,0 L10.3260864,2.8457305 C9.05173319,2.8457305 8.07615417,3.13725412 7.39909933,3.7198013 C6.72129442,4.30284853 6.38251698,5.36618466 6.38251698,6.9110598 L6.38251698,15.0014651 C6.38251698,15.6517678 6.34826421,16.2075628 6.28100876,16.6681001 C6.21300325,17.1293875 6.0777423,17.5289198 5.87447583,17.8674473 C5.67120937,18.2067247 5.38668632,18.5114994 5.02065667,18.7820213 C4.65487705,19.0535433 4.18733917,19.3248153 3.61804306,19.5953372 C4.18733917,19.8666092 4.65487705,20.1308806 5.02065667,20.3881514 C5.38668632,20.6459223 5.67120937,20.950697 5.87447583,21.3027255 C6.0777423,21.6552541 6.21300325,22.061787 6.28100876,22.5223243 C6.34826421,22.9836117 6.38251698,23.5389067 6.38251698,24.1892093 L6.38251698,32.2386113 C6.38251698,33.7837365 6.72129442,34.8538232 7.39909933,35.4503715 C8.07615417,36.0461697 9.05173319,36.3446939 10.3260864,36.3446939 L10.3260864,39.1499211 Z" id="Combined-Shape" fill="#000000"></path>
</g>
</svg>
<svg class="menu-svg" fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>
</svg>
</header>
<section class="home-hero">
<div class="flex-container">
<div class="flex-about-content">
<hr class="section-title-rule">
<div class="mission">The education and training to change your circumstances and take control of your future.</div>
<hr class="section-title-rule bottom">
</div>
<div class="flex-video-right">
<div class="flex-video-wrap">
<div class="flex-video"><iframe src="http://www.youtube.com/embed/swcKGCX2Aos?rel=0&controls=0&showinfo=0" frameborder="0" allowfullscreen></iframe></div>
</div>
<p style="max-width: 300px" class="muted-extra"><span class="black">Video above:</span> I ask six talented creators what advice they would give their younger selves.</p>
</div>
</div>
</section>
<section class="what-is-devtips">
<div class="constrainer">
<div class="section-head">What is DevTips?</div>
<hr class="section-title-rule">
<div class="media-object">
<div class="media"><img src="https://ci5.googleusercontent.com/proxy/AaZXsl9_ruMCGZrO6LVVcCg5qr82Ti86mO-hGHy2ioUj7wbkNJp5niE5p6GDGVfpb4Z9X3Am-dOK84ShwqK2vyO1x_GjxNbdYeB7QG5NHLAJawEloHQa_0wrRTnfTtOLYHTHJWiJnbbxyA7y07-zTqSxkSDjOt-HRj1Qow0=s0-d-e1-ft#https://gallery.mailchimp.com/2abae111d44df144b3b3986bc/images/cd92ba3c-ecf7-4268-b153-181559b6ea28.jpg" class="avatar"></div>
<div class="content">
<p>DevTips is a <a href="https://www.youtube.com/user/DevTipsForDesigners">weekly YouTube show</a> that focuses on web development and design, hosted by <a href="http://travisneilson.com">Travis Neilson</a>.</p>
</div>
</div>
</div>
</section>
<section class="popular-episodes tint"><svg class="arc-svg" viewBox="0 0 1440 69" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M1440,69.0315425 L1440,0 L0,0 L0,69.0315425 C233.264983,25.0227325 473.943868,2 720,2 C966.056132,2 1206.73502,25.0227325 1440,69.0315425 Z" id="Combined-Shape"></path>
</g>
</svg>
<div class="constrainer">
<div class="section-head">Popular Videos <span>Free!</span></div>
<hr class="section-title-rule">
<div class="popular-list"><a href="https://www.youtube.com/playlist?list=PLqGj3iMvMa4KQZUkRjfwMmTq_f1fbxerI" class="video-unit">
<div class="media"><img src="https://i.ytimg.com/vi/VcMjo_wczCc/mqdefault.jpg"></div>
<div class="desc">
<div class="title">How to Build a Responsive Website from Start to Finish</div>
<div class="muted-extra meta">26 videos • 10hrs 46min</div>
</div></a><a href="https://www.youtube.com/playlist?list=PLqGj3iMvMa4IyCbhul-PdeiDqmh4ooJzk" class="video-unit">
<div class="media"><img src="https://i.ytimg.com/vi/STwoa-9jxi0/mqdefault.jpg"></div>
<div class="desc">
<div class="title">Parallax on the Web</div>
<div class="muted-extra meta">10 videos • 3hrs 7min</div>
</div></a><a href="https://www.youtube.com/watch?v=OFDAGiPJHL8" class="video-unit">
<div class="media"><img src="https://i.ytimg.com/vi/OFDAGiPJHL8/mqdefault.jpg"></div>
<div class="desc">
<div class="title">Advice and Crap for Young Creators</div>
<div class="muted-extra meta">1 video • 8min</div>
</div></a><a href="https://www.youtube.com/watch?v=G7EIAgfkhmg" class="video-unit">
<div class="media"><img src="https://i.ytimg.com/vi/G7EIAgfkhmg/mqdefault.jpg"></div>
<div class="desc">
<div class="title">CSS FlexBox Essentials</div>
<div class="muted-extra meta">2 videos • 1hr 6 min</div>
</div></a><a href="https://www.youtube.com/playlist?list=PLqGj3iMvMa4KeBN2krBtcO3U90_7SOl-A" class="video-unit">
<div class="media"><img src="https://i.ytimg.com/vi/sJhhLvW-Xvg/mqdefault.jpg"></div>
<div class="desc">
<div class="title">Design + Code my Personal Website in 12 hours</div>
<div class="muted-extra meta">28 videos • 12hrs 31 min</div>
</div></a><a href="https://www.youtube.com/watch?v=QLbUzwxkwHA" class="video-unit">
<div class="media"><img src="https://i.ytimg.com/vi/QLbUzwxkwHA/mqdefault.jpg"></div>
<div class="desc">
<div class="title">My First Websites Were Horrible!</div>
<div class="muted-extra meta">1 video • 18min</div>
</div></a>
</div>
</div>
</section>
<section class="jquery-video-course">
<div class="constrainer text-center">
<div class="section-head white">jQuery Video Course</div>
<hr class="section-title-rule">
<p class="white">Learn jQuery the DevTips way by coding real projects that you can use professionally.</p>
<form action="https://gumroad.com/follow_from_embed_form" method="post" class="jquerycourse-form">
<input name="seller_id" type="hidden" value="2449985483245">
<input name="email" placeholder="Enter your email" type="email" id="email">
<div>
<button data-custom-highlight-color="" type="submit" class="jquerycourse-submit">Tell me when it's ready!</button>
</div>
</form>
<p class="white">This video course is still in development, so sign up to be notified of the launch!</p>
<p><a href="/killingitwithjquery" class="white-hard">Learn more about the course</a></p>
</div>
</section>
<section class="patreon-community">
<div class="constrainer text-center">
<div class="section-head">Patreon Community</div>
<hr class="section-title-rule">
<div class="patreon-icons">
<div class="chat"><?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
<g>
<path d="M5.721,45.416c-0.158,0-0.313-0.058-0.433-0.169c-0.184-0.169-0.251-0.43-0.175-0.667l1.725-5.32
c-3.305-2.584-5.19-6.226-5.19-10.058c0-7.531,7.202-13.658,16.055-13.658s16.055,6.127,16.055,13.658S26.555,42.86,17.702,42.86
c-1.506,0-2.998-0.178-4.438-0.529l-7.297,3.036C5.887,45.4,5.804,45.416,5.721,45.416z M17.702,16.821
c-8.148,0-14.776,5.555-14.776,12.381c0,3.562,1.836,6.954,5.038,9.309c0.222,0.163,0.314,0.45,0.229,0.712l-1.437,4.432
l6.211-2.584c0.128-0.054,0.269-0.064,0.404-0.029c1.401,0.359,2.858,0.542,4.33,0.542c8.148,0,14.776-5.554,14.776-12.381
C32.479,22.376,25.85,16.821,17.702,16.821z"/>
<path d="M44.061,33.914c-0.084,0-0.166-0.016-0.246-0.049l-7.297-3.036c-0.141,0.034-0.283,0.066-0.425,0.099
c-0.346,0.071-0.687-0.142-0.763-0.485s0.141-0.686,0.484-0.763c0.199-0.044,0.396-0.089,0.593-0.14
c0.134-0.035,0.276-0.024,0.406,0.028l6.211,2.584l-1.437-4.432c-0.085-0.262,0.008-0.549,0.229-0.712
c3.202-2.354,5.038-5.747,5.038-9.309c0-6.826-6.629-12.38-14.776-12.38c-6.118,0-11.677,3.225-13.833,8.024
c-0.144,0.322-0.521,0.468-0.845,0.321c-0.322-0.145-0.466-0.523-0.321-0.845c2.359-5.251,8.387-8.778,15-8.778
c8.853,0,16.055,6.126,16.055,13.657c0,3.832-1.886,7.474-5.19,10.058l1.725,5.32c0.076,0.237,0.009,0.498-0.175,0.667
C44.373,33.856,44.218,33.914,44.061,33.914z"/>
</g>
</svg>
<p class="muted-extra">DevTips Chat</p>
</div>
<div class="vids"><?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
<g>
<path d="M45.334,16.849v24.681H4.359V16.849H45.334 M45.334,15.57H4.359c-0.706,0-1.278,0.572-1.278,1.278v24.681
c0,0.706,0.572,1.278,1.278,1.278h40.975c0.705,0,1.277-0.572,1.277-1.278V16.849C46.611,16.143,46.039,15.57,45.334,15.57
L45.334,15.57z"/>
<path d="M41.866,12.568h-35c-0.353,0-0.639-0.286-0.639-0.639s0.286-0.639,0.639-0.639h35c0.353,0,0.64,0.286,0.64,0.639
S42.219,12.568,41.866,12.568z"/>
<path d="M37.866,8.568h-26c-0.353,0-0.639-0.286-0.639-0.639s0.286-0.639,0.639-0.639h26c0.353,0,0.64,0.286,0.64,0.639
S38.219,8.568,37.866,8.568z"/>
<path d="M21.611,23.681l8.627,5.509l-8.627,5.509V23.681 M21.611,22.402c-0.211,0-0.422,0.053-0.614,0.157
c-0.409,0.225-0.664,0.654-0.664,1.121v11.018c0,0.467,0.254,0.896,0.664,1.121c0.192,0.104,0.403,0.157,0.614,0.157
c0.24,0,0.479-0.067,0.688-0.201l8.626-5.509c0.367-0.234,0.59-0.641,0.59-1.077s-0.223-0.843-0.59-1.077l-8.626-5.509
C22.09,22.47,21.851,22.402,21.611,22.402L21.611,22.402z"/>
</g>
</svg>
<p class="muted-extra">Extra Videos</p>
</div>
<div class="hang"><?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
<g>
<path d="M45.467,8.466v24.681H4.493V8.466H45.467 M45.467,7.188H4.493c-0.706,0-1.278,0.572-1.278,1.278v24.681
c0,0.706,0.572,1.278,1.278,1.278h40.974c0.706,0,1.278-0.572,1.278-1.278V8.466C46.745,7.76,46.173,7.188,45.467,7.188
L45.467,7.188z"/>
<g>
<path d="M13.112,29.126v1.265H9.952v-1.265H13.112 M13.112,27.848H9.952c-0.706,0-1.278,0.572-1.278,1.278v1.265
c0,0.706,0.572,1.278,1.278,1.278h3.161c0.706,0,1.278-0.572,1.278-1.278v-1.265C14.39,28.42,13.818,27.848,13.112,27.848
L13.112,27.848z"/>
<path d="M22.058,29.126v1.265h-3.16v-1.265H22.058 M22.058,27.848h-3.16c-0.706,0-1.278,0.572-1.278,1.278v1.265
c0,0.706,0.572,1.278,1.278,1.278h3.16c0.706,0,1.278-0.572,1.278-1.278v-1.265C23.335,28.42,22.764,27.848,22.058,27.848
L22.058,27.848z"/>
<path d="M31.004,29.126v1.265h-3.16v-1.265H31.004 M31.004,27.848h-3.16c-0.706,0-1.278,0.572-1.278,1.278v1.265
c0,0.706,0.572,1.278,1.278,1.278h3.16c0.705,0,1.277-0.572,1.277-1.278v-1.265C32.281,28.42,31.709,27.848,31.004,27.848
L31.004,27.848z"/>
<path d="M39.949,29.126v1.265h-3.16v-1.265H39.949 M39.949,27.848h-3.16c-0.706,0-1.277,0.572-1.277,1.278v1.265
c0,0.706,0.571,1.278,1.277,1.278h3.16c0.706,0,1.277-0.572,1.277-1.278v-1.265C41.227,28.42,40.655,27.848,39.949,27.848
L39.949,27.848z"/>
</g>
<path d="M38,41.632H12c-0.353,0-0.639-0.286-0.639-0.639s0.286-0.639,0.639-0.639h26c0.354,0,0.639,0.286,0.639,0.639
S38.354,41.632,38,41.632z"/>
<path d="M24.78,11.607c1.94,0,3.515,1.573,3.515,3.515s-1.574,3.515-3.515,3.515c-1.941,0-3.514-1.573-3.514-3.515
S22.839,11.607,24.78,11.607 M24.78,10.329c-2.643,0-4.792,2.15-4.792,4.793s2.149,4.793,4.792,4.793s4.792-2.15,4.792-4.793
S27.423,10.329,24.78,10.329L24.78,10.329z"/>
<path d="M32.715,26.304c-0.224,0-0.441-0.117-0.559-0.327c-1.231-2.203-3.506-3.187-7.376-3.187c-4.455,0-5.937,1.042-7.403,3.23
c-0.196,0.295-0.595,0.369-0.886,0.176c-0.293-0.197-0.372-0.594-0.175-0.887c1.902-2.839,4.038-3.797,8.465-3.797
c4.329,0,7.027,1.22,8.491,3.841c0.173,0.308,0.062,0.697-0.246,0.869C32.928,26.278,32.82,26.304,32.715,26.304z"/>
</g>
</svg>
<p class="muted-extra">hangouts</p>
</div>
<div class="pod"><?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
<g>
<path d="M24.936,33.849c-3.937,0-7.139-3.202-7.139-7.139V11c0-3.937,3.203-7.139,7.139-7.139S32.074,7.063,32.074,11v15.71
C32.074,30.646,28.872,33.849,24.936,33.849z M24.936,5.139c-3.232,0-5.861,2.63-5.861,5.861v15.71
c0,3.231,2.629,5.861,5.861,5.861c3.232,0,5.861-2.63,5.861-5.861V11C30.797,7.769,28.168,5.139,24.936,5.139z"/>
<path d="M24.936,37.676c-5.866,0-10.639-4.827-10.639-10.761v-2.457c0-0.353,0.286-0.639,0.639-0.639s0.639,0.286,0.639,0.639
v2.457c0,5.229,4.199,9.483,9.361,9.483c5.162,0,9.361-4.255,9.361-9.483v-2.457c0-0.353,0.285-0.639,0.639-0.639
s0.639,0.286,0.639,0.639v2.457C35.574,32.849,30.802,37.676,24.936,37.676z"/>
<rect x="18.561" y="18.319" width="12.75" height="1.277"/>
<path d="M33.311,45.597h-16.75c-0.353,0-0.639-0.286-0.639-0.639s0.286-0.639,0.639-0.639h16.75c0.354,0,0.639,0.286,0.639,0.639
S33.664,45.597,33.311,45.597z"/>
<rect x="24.296" y="37.037" width="1.278" height="7.921"/>
</g>
</svg>
<p class="muted-extra">DevTips Podcast</p>
</div>
</div>
<p>The <a href="https://www.patreon.com/DevTips">DevTips community</a> is a way for fans of the show to support the creative efforts involved.</p>
<p>Of course, Patrons get awesome perks ;)</p>
</div>
</section>
<!--section.quote div You can deal with anything today<br>if you have a compelling future<cite>— Tony Robbins</cite>
-->
<section class="quote">
<div><span>DevTips Mission:</span> educate, inspire, and uplift anyone willing to engage; whoever wherever, however possible.</div>
</section>
<footer class="white tint-reversed">
<div class="constrainer">
<ul class="link-list text-center">
<li><a href="http://travandlos.com">Late Nights with Trav & Los</a></li>
<li><a href="http://travisneilson.com/notes">Email Articles & Notes</a></li>
<li><a href="http://travisneilson.com">TravisNeilson.com</a></li>
<li style="color: hsla(0,0%,100%,0.4)">Copyright 2016</li>
</ul>
</div>
</footer>
<div class="menu-overlay">
<div class="menu-plate">
<div class="menu-close"><svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
<path d="M0 0h24v24H0z" fill="none"/>
</svg>
</div>
<ul class="menu">
<li><a href="/"> <svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/>
<path d="M0 0h24v24H0z" fill="none"/>
</svg>
<div class="double-line">Home<span>What is DevTips?</span></div></a></li>
<li><a href="/killingitwithjquery"> <svg class="jquery-icon-svg" width="30px" height="29px" viewBox="0 0 30 29" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M1.91175916,6.79566956 C-0.753545368,10.6265452 -0.421749329,15.6105208 1.6143131,19.680906 C1.66272027,19.7784942 1.71346179,19.8745156 1.76342625,19.9705433 C1.79544188,20.0314376 1.82549091,20.0938923 1.85867052,20.1540064 C1.87741559,20.1899009 1.89848221,20.2250471 1.91800432,20.2594002 C1.95273802,20.3241958 1.98826476,20.3858735 2.02417522,20.4491085 C2.08741344,20.5607475 2.15221216,20.6716063 2.21856817,20.7824715 C2.25526208,20.8433626 2.29156586,20.9042568 2.32943013,20.9651511 C2.40281474,21.0838155 2.47815316,21.2009195 2.55504888,21.3180202 C2.58706451,21.3679847 2.61828391,21.4179491 2.65107339,21.4663499 C2.75725068,21.6248324 2.86576551,21.7825314 2.97778504,21.9378866 C2.98056707,21.9418837 2.98362089,21.9464884 2.98713839,21.9503577 C3.00472588,21.9753319 3.02423201,21.9995419 3.04217765,22.0245257 C3.1389856,22.1580212 3.23891454,22.2899594 3.34001384,22.4203403 C3.37710746,22.4679608 3.41456882,22.5155845 3.45204297,22.5632051 C3.54221564,22.6764078 3.63394561,22.7888302 3.72723926,22.9012367 C3.76197296,22.9433955 3.79710957,22.9855479 3.83223979,23.0269265 C3.95754268,23.1744791 4.0851831,23.3212484 4.21555119,23.464887 C4.21794948,23.4671254 4.22102889,23.4703551 4.22334405,23.4726895 C4.22882175,23.478925 4.23349683,23.4828263 4.2381719,23.4890618 C4.3654254,23.6280254 4.49579989,23.7638648 4.62775085,23.8997138 C4.6687329,23.9418726 4.7105048,23.9840314 4.75266042,24.02541 C4.85493009,24.1284599 4.95876025,24.2299525 5.06376717,24.3306585 C5.10631291,24.3712536 5.14847173,24.4126322 5.19102067,24.4516669 C5.33115141,24.583605 5.47284904,24.7131993 5.61727753,24.8396789 C5.61967583,24.8419173 5.62155289,24.8436761 5.62391281,24.845147 C5.64849693,24.8670195 5.67387728,24.8873058 5.69808087,24.9083821 C5.82533437,25.0184606 5.95492861,25.1277588 6.0852935,25.2355094 C6.13837894,25.2784485 6.19225103,25.3206073 6.2457266,25.3635432 C6.35229082,25.4486378 6.4600254,25.5329555 6.56853703,25.6157094 C6.62592022,25.6594287 6.68330021,25.7031448 6.74107353,25.7468674 C6.86090831,25.835083 6.98152653,25.9217414 7.10331192,26.0068393 C7.14780827,26.0388549 7.19075053,26.0700743 7.23524689,26.1005198 C7.24771802,26.1091217 7.25906995,26.1176916 7.27154108,26.1262935 C7.38708771,26.2059233 7.5053588,26.2824289 7.62325895,26.3589409 C7.67400366,26.392517 7.72435825,26.4276376 7.77549628,26.4604271 C7.95661548,26.5751903 8.14048472,26.688393 8.32627259,26.7976912 C8.37662398,26.8265987 8.42776202,26.8546811 8.47850353,26.8835694 C8.61512637,26.9624189 8.75252945,27.0397079 8.89187356,27.1154365 C8.96721198,27.1560316 9.04450101,27.194286 9.12061968,27.2333206 C9.21898493,27.2848456 9.31657313,27.3371508 9.41650206,27.3871153 C9.43912597,27.3980835 9.4625653,27.4089877 9.48481188,27.419892 C9.52502009,27.4393981 9.56561522,27.4581464 9.60582022,27.4784455 C9.76078522,27.5526136 9.91692698,27.6252179 10.0746388,27.6954816 C10.1082149,27.710319 10.1406079,27.7251565 10.1737875,27.7399811 C10.3545166,27.8188275 10.5367933,27.894556 10.7206626,27.9671636 C10.764772,27.9851028 10.8092716,28.002297 10.8537711,28.0194656 C11.0239605,28.0850477 11.1965034,28.1498464 11.3698201,28.2107375 C11.3916862,28.21854 11.4127624,28.225575 11.4346188,28.2333455 C11.6247205,28.2997079 11.8167791,28.3613792 12.0099857,28.4214933 C12.0560457,28.4347638 12.1024959,28.4496013 12.148946,28.4628718 C12.3456829,28.5222056 12.5400919,28.5932463 12.7430515,28.6307205 C25.6330846,30.9814007 29.3773019,20.8845493 29.3773019,20.8845493 C26.2326582,24.9814757 20.6507079,26.0619873 15.361989,24.8590028 C15.1617411,24.813723 14.9673577,24.7512682 14.7717848,24.6934949 C14.7222072,24.6786574 14.6734163,24.663852 14.6246222,24.6489953 C14.4337436,24.590445 14.2444126,24.5287704 14.0562904,24.4639717 C14.0305103,24.4546343 14.0043721,24.445233 13.9782179,24.4358637 C13.8095891,24.3765299 13.6429044,24.3140751 13.4770064,24.2500598 C13.4301629,24.2313212 13.3833194,24.2133659 13.3364823,24.1946304 C13.1545797,24.1228063 12.9738602,24.047858 12.7954591,23.9697919 C12.7587652,23.9541551 12.7236349,23.9377731 12.6873312,23.922165 C12.5339235,23.8526848 12.3820794,23.7824244 12.2310157,23.7098168 C12.1872996,23.6887438 12.1435771,23.6684415 12.0990775,23.6465818 C11.9804419,23.588703 11.8630853,23.5269869 11.7460486,23.4668696 C11.6677043,23.4256189 11.5880809,23.3866067 11.5103762,23.3434374 C11.3674378,23.2670117 11.2270577,23.1873884 11.087317,23.1061661 C11.0399907,23.079625 10.9920248,23.0540432 10.9443787,23.0265428 C10.7585908,22.9171805 10.5750413,22.803981 10.3934105,22.6891827 C10.3432062,22.6572054 10.294281,22.6229897 10.2447163,22.5900532 C10.11297,22.5049937 9.9818632,22.4183353 9.85267507,22.3294385 C9.80982554,22.3003392 9.76857488,22.2693213 9.7263649,22.2405417 C9.60165359,22.1522845 9.47822137,22.0630679 9.35574847,21.9725723 C9.30010804,21.9313216 9.24542692,21.8897512 9.19138536,21.8485005 C9.07914518,21.7624817 8.96754454,21.6758233 8.85690323,21.5869266 C8.80693876,21.5471149 8.75697429,21.5072968 8.70779007,21.4674787 C8.56726601,21.3519385 8.42830243,21.2356116 8.29128627,21.1161765 C8.27685813,21.1037054 8.26122765,21.0912023 8.24561635,21.0779221 C8.09728664,20.9475477 7.95168459,20.8140458 7.80765581,20.6797733 C7.76588712,20.6399616 7.72528879,20.6009206 7.68430354,20.5611057 C7.57773932,20.4596163 7.47273879,20.3573466 7.36968248,20.252733 C7.32830711,20.2113544 7.28692854,20.1707593 7.24633341,20.1293807 C7.11517868,19.995105 6.98636149,19.8592592 6.86027196,19.7210951 C6.85403639,19.7140601 6.84740111,19.7078245 6.84116555,19.7007895 C6.70766369,19.5547973 6.57728921,19.4056874 6.44963599,19.2550265 C6.41490229,19.2136511 6.38132617,19.1738363 6.346973,19.1332411 C6.25172873,19.0184779 6.15726471,18.9021543 6.06514143,18.7850408 C6.03060599,18.7428308 5.99607055,18.6996615 5.96185488,18.6561724 C5.85089379,18.5122747 5.74249088,18.3686968 5.63632639,18.2228805 C2.70007854,14.2177289 1.6452447,8.69365738 3.99205573,4.15704366 L1.91175916,6.79566956 Z M10.081455,3.50239882 C8.15392974,6.27620219 8.25852735,9.98930557 9.76214923,12.9228993 C10.0143155,13.4147415 10.2977044,13.8917463 10.614663,14.3461112 C10.9035167,14.7598649 11.2236059,15.2525066 11.6069173,15.5850701 C11.7458841,15.7380876 11.8910928,15.8871976 12.0394097,16.0339668 C12.0768615,16.0722212 12.1151351,16.1089151 12.1533927,16.1463893 C12.297431,16.2861331 12.4438101,16.4235362 12.5952544,16.5570412 C12.60149,16.5617099 12.6069677,16.5679455 12.6132033,16.5726781 C12.6148021,16.574277 12.616401,16.5749165 12.6174786,16.5766753 C12.7849371,16.7234477 12.9578446,16.8647552 13.1335276,17.0036996 C13.1725783,17.0333425 13.2112068,17.0645971 13.2506315,17.0950426 C13.4266791,17.230105 13.6062506,17.3628202 13.7904716,17.4892902 C13.7959493,17.4932874 13.8006244,17.4970927 13.8061021,17.5009939 C13.8872956,17.5572035 13.9700495,17.6095119 14.0524102,17.6633776 C14.0918221,17.6891513 14.1293123,17.7164663 14.1691271,17.7406667 C14.3006752,17.8249811 14.4337773,17.9069548 14.5692266,17.9858043 C14.5883714,17.997508 14.6070813,18.0076768 14.6258264,18.018581 C14.7425434,18.0857173 14.8608144,18.1520765 14.9794948,18.216095 C15.0208702,18.2395023 15.0630258,18.2598143 15.1051847,18.2816739 C15.1871584,18.3246098 15.2691321,18.3683323 15.3526631,18.4097077 C15.3651342,18.4159432 15.3780434,18.4214114 15.3901148,18.4269114 C15.5599173,18.5104424 15.7312802,18.5908588 15.9061638,18.6673644 C15.9436156,18.6837688 15.9822825,18.6985742 16.0201436,18.7142047 C16.1598874,18.7735385 16.3011949,18.8313118 16.4432667,18.885961 C16.5033807,18.9086009 16.5642718,18.9304605 16.6243859,18.952317 C16.753203,18.9999375 16.8824072,19.04366 17.0127816,19.0873761 C17.0717221,19.1061148 17.1294986,19.1256305 17.1884391,19.143589 C17.3738497,19.2013591 17.5569131,19.2739635 17.7501517,19.3059727 C27.7024339,20.9547841 30,13.2923294 30,13.2923294 C27.9288329,16.2753599 23.9179254,17.6984759 19.6377692,16.5875859 C19.4476676,16.5376214 19.2603097,16.4829723 19.0741061,16.4244155 C19.0171162,16.4072438 18.9612935,16.3885211 18.9046938,16.3697728 C18.7723687,16.3268305 18.6408206,16.2815507 18.5104462,16.233927 C18.4507254,16.2120546 18.3910047,16.1902109 18.3324479,16.167571 C18.1895799,16.1129219 18.0482724,16.055932 17.9081417,15.9965982 C17.8698905,15.9801939 17.8312396,15.9653884 17.7937654,15.9481942 C17.6181112,15.8716854 17.4451813,15.7912754 17.2746146,15.7069578 C17.1867859,15.6640219 17.1005176,15.6187421 17.0142526,15.5742426 C16.9642881,15.5485009 16.9139335,15.5227176 16.8639659,15.4969535 C16.7531071,15.4368395 16.6430318,15.3743847 16.5345042,15.3111497 C16.5087625,15.2963122 16.4818089,15.2822422 16.4556547,15.2666469 C16.3209824,15.1877974 16.188264,15.1066071 16.0567064,15.0230729 C16.0161112,14.9972993 15.9770766,14.969204 15.9364783,14.9426597 C15.8498199,14.8864501 15.7631647,14.8294602 15.67807,14.7716869 C15.4946037,14.6452137 15.3162154,14.5124952 15.1401806,14.3782067 C15.0995854,14.3461879 15.0589903,14.3149717 15.0191754,14.2829625 C13.1456278,12.8036945 11.6606039,10.7824119 10.954546,8.49028202 C10.2145923,6.11309259 10.3741588,3.44459033 11.6561271,1.27909036 L10.081455,3.50239882 Z M17.2758653,1.17249416 C16.1395534,2.84474492 16.0279208,4.921508 16.8164161,6.76851448 C17.6478568,8.72884836 19.351733,10.2668266 21.3402389,10.9959081 C21.4222126,11.0263824 21.5041863,11.0536782 21.5873304,11.081783 C21.6236246,11.0927193 21.6595414,11.1052224 21.6962385,11.116117 C21.8133424,11.1528109 21.9296661,11.19575 22.0506744,11.2183899 C27.5459664,12.2801308 29.0364264,8.39850728 29.4332642,7.82720158 C28.1275688,9.70711265 25.9333532,10.1583438 23.2411878,9.50492044 C23.028539,9.45311728 22.7947853,9.37637186 22.589811,9.30378348 C22.326958,9.21009012 22.0679422,9.10328607 21.8162811,8.98241203 C21.3382211,8.75281531 20.8825452,8.47397361 20.4601256,8.15484057 C18.0509589,6.32702045 16.5544232,2.83990037 18.1264252,0 L17.2758653,1.17249416 Z"></path>
</g>
</svg>
<div class="double-line">Killing it with jQuery<span>video courses</span></div></a></li>
<li><a href="/gifs"> <svg width="22px" height="14px" viewBox="0 0 22 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="ic_gif" transform="translate(-1.000000, -5.000000)">
<path d="M0,0 L24,0 L24,24 L0,24 L0,0 L0,0 Z" id="Shape"></path>
<path d="M1,5 L3,5 L3,19 L1,19 L1,5 Z M5,5 L7,5 L7,19 L5,19 L5,5 Z M22,5 L10,5 C9.45,5 9,5.45 9,6 L9,18 C9,18.55 9.45,19 10,19 L22,19 C22.55,19 23,18.55 23,18 L23,6 C23,5.45 22.55,5 22,5 L22,5 Z M16,12.25 C17.24,12.25 18.25,11.24 18.25,10 C18.25,8.76 17.24,7.75 16,7.75 C14.76,7.75 13.75,8.76 13.75,10 C13.75,11.24 14.76,12.25 16,12.25 L16,12.25 Z M20.5,16.25 C20.5,14.75 17.5,14 16,14 C14.5,14 11.5,14.75 11.5,16.25 L11.5,17 L20.5,17 L20.5,16.25 L20.5,16.25 Z" id="Shape" fill="#757575"></path>
</g>
</g>
</svg>
<div class="double-line">Animated Gifs!<span>make the internet weird</span></div></a></li>
<li>
<hr>
</li>
<li><a href="https://www.youtube.com/user/DevTipsForDesigners"> <svg id="svg11927" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 16.82"><defs><style>.youtube-svg{fill:#cc181e;}</style></defs><title>ic_youtube</title><path id="path11905" class="youtube-svg" d="M2.9,20.28c-2.29-.48-2.88-2.1-2.9-8,0-4.17.16-5.59,0.85-7C1.39,4.27,2,3.93,3.9,3.74s11.46-.2,15.29,0c5.35,0.34,4.74,2.84,4.8,7.8C24,16.67,23.91,17.79,23,19.1s-0.53,1.26-10.47,1.31c-5,0-9.23,0-9.68-.12h0Zm13-8.32c-2.24-1.49-4.64-3.07-5.85-3.81,0.05,2.08,0,5.88,0,7.75,1.78-1.1,4.48-2.94,5.81-3.93h0Z" transform="translate(0 -3.59)"/></svg>
<div class="double-line">YouTube Videos<span>Hundreds for free</span></div></a></li>
<li><a href="https://www.patreon.com/DevTips"> <svg id="svg3168" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.patreon-svg{fill:#ff5900;}</style></defs><title>ic_patreon</title><path class="patreon-svg" d="M12,0A12,12,0,0,0,0,12V24H2.79V12a9.21,9.21,0,1,1,9.64,9.2A7.86,7.86,0,0,1,9,20.58v-4A5.51,5.51,0,1,0,6.47,12V24H12A12,12,0,0,0,12,0Zm0,21.21h0Z"/></svg>
<div class="double-line">Patreon Community<span>Extra content + Friends</span></div></a></li>
</ul>
</div>
</div>
<script src="/assets/js/jquery-2.2.2.min.js"></script>
<script src="/assets/js/functions.js" type="text/javascript"></script>
</body>
</html>