PageSourceSearch

https://danhett.com/

html danhett.com collected 2026-09-26 04:00:16 UTC 48,749 bytes, 1,151 lines download raw bytes

1<!DOCTYPE html>
2<html>
3  <head>
4    <title>Dan Hett</title>
5    <meta name="description" content="Award-winning games writer, designer, and digital artist from Manchester, UK."/>
6    <link rel="icon" href="https://carbon-media.accelerator.net/0000000hPyL/a2r9LOzQMNtdS44QpQ6xoG;crop(0,24,579,579)/32x32.png" />
7    <meta property="og:description" content="Award-winning games writer, designer, and digital artist from Manchester, UK."/>
8  <link rel="icon" href="https://carbon-media.accelerator.net/0000000hPyL/a2r9LOzQMNtdS44QpQ6xoG;crop(0,24,579,579)/32x32.png" />
9    <link rel="stylesheet" id="styles" href="https://dynamic.cmcdn.net/static/3/1.3.11/styles/all.css?accentColor=%23f14440&fontScheme=sans" data-accent-color="#f14440" data-font-scheme="sans" />
10    <link rel="stylesheet" href="https://fonts.bunny.net/css?family=Source+Sans+Pro:400,600,700,400italic&subset=latin,latin-ext,vietnamese" />
11    <meta name="viewport" content="width=820"/>
12    
12<script>
13    window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
14    ga('create', 'UA-15391115-25', 'auto');
15    ga('send', 'pageview');
16    </script>
16
17    
17<script async src="https://www.google-analytics.com/analytics.js"></script>
17
18  </head>
19
20  <body class="color light">
21    <div id="wrapper">
22      <div class="sidebar">
23  <div class="scrollable">
24    <div class="rail"><div class="handle"></div></div>
25    <div class="content">     
26      
27<header class="bigLogo">
28  <a href="/">
29    
30
31    
32    <h1 class="logo">Dan Hett</h1>
33<style>
34h1.logo {
35  width: 133px;
36  height: 140px;
37  background: center / contain no-repeat url('https://carbon-media.accelerator.net/0000000hPyL/36DgVI3qxrkgmxm9VXW6pY;133x140.png?auto=webp');
38  background-image: image-set(url('https://carbon-media.accelerator.net/0000000hPyL/36DgVI3qxrkgmxm9VXW6pY;133x140.png?auto=webp') 1x, url('https://carbon-media.accelerator.net/0000000hPyL/36DgVI3qxrkgmxm9VXW6pY;266x280.png?auto=webp') 2x);;
39}</style>
40    
41
42    <h2 class="tagline hide"></h2>
43  </a>
44</header>
45
46       <nav on-insert="nav:setup"> 
47  <ul class="siteLinks">
48    
49      <li id="homeLink" class="current ">
50        <a href="/">Work</a>
51      </li>
52    
53      <li id="aboutLink" class=" ">
54        <a href="/about">About</a>
55      </li>
56    
57      <li id="contactLink" class=" ">
58        <a href="/contact">Contact</a>
59      </li>
60    
61  </ul>
62
63  <hr/>
64  
65  <ul class="projectLinks">
66    
67      <li id="project7266499Link" class="">
68        <a class="thumbnail" href="/projects/7266499">Writing Portfolio</a>
69      </li>
70    
71      <li id="project7229336Link" class="">
72        <a class="thumbnail" href="/projects/7229336">Closed Hands</a>
73      </li>
74    
75      <li id="project7229337Link" class="">
76        <a class="thumbnail" href="/projects/7229337">Tom Aspaul - The Program</a>
77      </li>
78    
79      <li id="project7191401Link" class="">
80        <a class="thumbnail" href="/projects/7191401">The Measure Of Change</a>
81      </li>
82    
83      <li id="project7186637Link" class="">
84        <a class="thumbnail" href="/projects/7186637">every thing, every time (Doha)</a>
85      </li>
86    
87      <li id="project7174838Link" class="">
88        <a class="thumbnail" href="/projects/7174838">Daphne &amp; Celeste!</a>
89      </li>
90    
91      <li id="project7168599Link" class="">
92        <a class="thumbnail" href="/projects/7168599">Manchester International Festival</a>
93      </li>
94    
95      <li id="project7167281Link" class="">
96        <a class="thumbnail" href="/projects/7167281">Songs of the Lost</a>
97      </li>
98    
99      <li id="project7157844Link" class="">
100        <a class="thumbnail" href="/projects/7157844">Mr Wilson&#x27;s Second Liners</a>
101      </li>
102    
103      <li id="project7116776Link" class="">
104        <a class="thumbnail" href="/projects/7116776">every thing, every time (SXSW)</a>
105      </li>
106    
107      <li id="project7116765Link" class="">
108        <a class="thumbnail" href="/projects/7116765">The Measure Of All Things</a>
109      </li>
110    
111      <li id="project7116759Link" class="">
112        <a class="thumbnail" href="/projects/7116759">Traversal</a>
113      </li>
114    
115      <li id="project7116754Link" class="">
116        <a class="thumbnail" href="/projects/7116754">By The Code of Soil</a>
117      </li>
118    
119      <li id="project6999420Link" class="">
120        <a class="thumbnail" href="/projects/6999420">Sorry To Bother You</a>
121      </li>
122    
123      <li id="project6918863Link" class="">
124        <a class="thumbnail" href="/projects/6918863">every thing, every time (2018)</a>
125      </li>
126    
127      <li id="project6918852Link" class="">
128        <a class="thumbnail" href="/projects/6918852">Here &amp; Now</a>
129      </li>
130    
131      <li id="project6800697Link" class="">
132        <a class="thumbnail" href="/projects/6800697">The Loss Levels</a>
133      </li>
134    
135      <li id="project6734521Link" class="">
136        <a class="thumbnail" href="/projects/6734521">Auri</a>
137      </li>
138    
139      <li id="project6724376Link" class="">
140        <a class="thumbnail" href="/projects/6724376">WeDo</a>
141      </li>
142    
143      <li id="project6631890Link" class="">
144        <a class="thumbnail" href="/projects/6631890">Great Energy Escape</a>
145      </li>
146    
147      <li id="project6619433Link" class="">
148        <a class="thumbnail" href="/projects/6619433">You Can-Can!</a>
149      </li>
150    
151      <li id="project6072371Link" class="">
152        <a class="thumbnail" href="/projects/6072371">CBeebies Storytime</a>
153      </li>
154    
155      <li id="project6525037Link" class="">
156        <a class="thumbnail" href="/projects/6525037">every thing, every time</a>
157      </li>
158    
159      <li id="project6399058Link" class="">
160        <a class="thumbnail" href="/projects/6399058">Virago</a>
161      </li>
162    
163      <li id="project6401188Link" class="">
164        <a class="thumbnail" href="/projects/6401188">Duet</a>
165      </li>
166    
167      <li id="project6072382Link" class="">
168        <a class="thumbnail" href="/projects/6072382">Cornerhouse Scribbler</a>
169      </li>
170    
171      <li id="project7133943Link" class="">
172        <a class="thumbnail" href="/projects/7133943">Circuit / Louise Bourgeois</a>
173      </li>
174    
175      <li id="project6422783Link" class="">
176        <a class="thumbnail" href="/projects/6422783">Meanderings</a>
177      </li>
178    
179      <li id="project6305088Link" class="">
180        <a class="thumbnail" href="/projects/6305088">Borborygmus!</a>
181      </li>
182    
183      <li id="project6399048Link" class="">
184        <a class="thumbnail" href="/projects/6399048">Zabludowicz Takeover</a>
185      </li>
186    
187      <li id="project6072381Link" class="">
188        <a class="thumbnail" href="/projects/6072381">BBC R&amp;D Nearly Live</a>
189      </li>
190    
191      <li id="project6255196Link" class="">
192        <a class="thumbnail" href="/projects/6255196">Blue Dot Festival</a>
193      </li>
194    
195      <li id="project6255189Link" class="">
196        <a class="thumbnail" href="/projects/6255189">
196Enger Tower</a>
197      </li>
198    
199      <li id="project6255178Link" class="">
200        <a class="thumbnail" href="/projects/6255178">Open Data Institute</a>
201      </li>
202    
203      <li id="project6255191Link" class="">
204        <a class="thumbnail" href="/projects/6255191">PARADOXPARADOX</a>
205      </li>
206    
207      <li id="project6092960Link" class="">
208        <a class="thumbnail" href="/projects/6092960">Snowskull Collaboration</a>
209      </li>
210    
211      <li id="project6255205Link" class="">
212        <a class="thumbnail" href="/projects/6255205">GLUG Manchester</a>
213      </li>
214    
215      <li id="project6072544Link" class="">
216        <a class="thumbnail" href="/projects/6072544">Rituals</a>
217      </li>
218    
219      <li id="project6072414Link" class="">
220        <a class="thumbnail" href="/projects/6072414">TATE - A Sense Of Perspective</a>
221      </li>
222    
223      <li id="project6072389Link" class="">
224        <a class="thumbnail" href="/projects/6072389">Livecode Prints</a>
225      </li>
226    
227      <li id="project6072557Link" class="">
228        <a class="thumbnail" href="/projects/6072557">BBC Multiplayer</a>
229      </li>
230    
231      <li id="project6072384Link" class="">
232        <a class="thumbnail" href="/projects/6072384">HOME typography</a>
233      </li>
234    
235      <li id="project6072415Link" class="">
236        <a class="thumbnail" href="/projects/6072415">Permission Taken</a>
237      </li>
238    
239      <li id="project6072416Link" class="">
240        <a class="thumbnail" href="/projects/6072416">Lazycoder</a>
241      </li>
242    
243      <li id="project6072543Link" class="">
244        <a class="thumbnail" href="/projects/6072543">Live Visuals 101</a>
245      </li>
246    
247      <li id="project6072560Link" class="">
248        <a class="thumbnail" href="/projects/6072560">Twitter bots</a>
249      </li>
250    
251      <li id="project6072428Link" class="">
252        <a class="thumbnail" href="/projects/6072428">MCR Moleskine</a>
253      </li>
254    
255      <li id="project6072390Link" class="">
256        <a class="thumbnail" href="/projects/6072390">Algorave</a>
257      </li>
258    
259      <li id="project6072422Link" class="">
260        <a class="thumbnail" href="/projects/6072422">Manchester Game Jam</a>
261      </li>
262    
263      <li id="project6072421Link" class="">
264        <a class="thumbnail" href="/projects/6072421">Gamedev 101</a>
265      </li>
266    
267  </ul>
268</nav>
269      <footer id="footer">    
270  <div id="rights">
271    <p id="footerContent">© 2024 Dan Hett</p>
272  </div>
273
274  
275</footer>
276    </div>
277  </div>
278</div>
279      
280      <main role="main">
281        <ul class="projects wide">
282  
283  <li class="thumb project placeholder ">
284    
285
286    
287    <a href="/projects/7266499" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/99h8aX9CQZIbxZw6XeWeAP;crop(0,60,818,409)/480x240.png?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/99h8aX9CQZIbxZw6XeWeAP;crop(0,60,818,409)/480x240.png?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/99h8aX9CQZIbxZw6XeWeAP;crop(0,60,818,409)/480x240.png?auto=webp&#x27;) 2x);">
288      <div class="metadata">
289        <div class="bg"></div>
290        
291        <div class="inner">
292          <h1>Writing Portfolio</h1>
293          
294        </div>
295        
296      </div>
297    </a>
298  </li>
299  
300  <li class="thumb project placeholder ">
301    
302
303    
304    <a href="/projects/7229336" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/5J6tXmZsdQacZYNlhleykt;crop(0,60,1920,960)/480x240.jpeg?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/5J6tXmZsdQacZYNlhleykt;crop(0,60,1920,960)/480x240.jpeg?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/5J6tXmZsdQacZYNlhleykt;crop(0,60,1920,960)/880x440.jpeg?auto=webp&#x27;) 2x);">
305      <div class="metadata">
306        <div class="bg"></div>
307        
308        <div class="inner">
309          <h1>Closed Hands</h1>
310          
311        </div>
312        
313      </div>
314    </a>
315  </li>
316  
317  <li class="thumb project placeholder ">
318    
319
320    
321    <a href="/projects/7229337" style="background-image: url(&#x27;
321https://carbon-media.accelerator.net/0000000hPyL/k7p22NR4dz8dY54I1qU9oR;crop(0,70,2337,1168)/480x240.png?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/k7p22NR4dz8dY54I1qU9oR;crop(0,70,2337,1168)/480x240.png?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/k7p22NR4dz8dY54I1qU9oR;crop(0,70,2337,1168)/880x440.png?auto=webp&#x27;) 2x);">
322      <div class="metadata">
323        <div class="bg"></div>
324        
325        <div class="inner">
326          <h1>Tom Aspaul - The Program</h1>
327          
328        </div>
329        
330      </div>
331    </a>
332  </li>
333  
334  <li class="thumb project placeholder ">
335    
336
337    
338    <a href="/projects/7191401" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/jTFja3cCjs6euU4O1QbAUx;crop(0,409,1622,811)/480x240.png?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/jTFja3cCjs6euU4O1QbAUx;crop(0,409,1622,811)/480x240.png?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/jTFja3cCjs6euU4O1QbAUx;crop(0,409,1622,811)/880x440.png?auto=webp&#x27;) 2x);">
339      <div class="metadata">
340        <div class="bg"></div>
341        
342        <div class="inner">
343          <h1>The Measure Of Change</h1>
344          
345        </div>
346        
347      </div>
348    </a>
349  </li>
350  
351  <li class="thumb project placeholder ">
352    
353
354    
355    <a href="/projects/7186637" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/c6g1PNt3Q6IbCPX5gffD67;crop(0,256,2048,1024)/480x240.jpeg?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/c6g1PNt3Q6IbCPX5gffD67;crop(0,256,2048,1024)/480x240.jpeg?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/c6g1PNt3Q6IbCPX5gffD67;crop(0,256,2048,1024)/880x440.jpeg?auto=webp&#x27;) 2x);">
356      <div class="metadata">
357        <div class="bg"></div>
358        
359        <div class="inner">
360          <h1>every thing, every time (Doha)</h1>
361          
362        </div>
363        
364      </div>
365    </a>
366  </li>
367  
368  <li class="thumb project placeholder ">
369    
370
371    
372    <a href="/projects/7174838" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/bWgHd3uF890exXNMkm97nx;crop(0,59,2446,1223)/480x240.png?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/bWgHd3uF890exXNMkm97nx;crop(0,59,2446,1223)/480x240.png?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/bWgHd3uF890exXNMkm97nx;crop(0,59,2446,1223)/880x440.png?auto=webp&#x27;) 2x);">
373      <div class="metadata">
374        <div class="bg"></div>
375        
376        <div class="inner">
377          <h1>Daphne &amp; Celeste!</h1>
378          
379        </div>
380        
381      </div>
382    </a>
383  </li>
384  
385  <li class="thumb project placeholder ">
386    
387
388    
389    <a href="/projects/7168599" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/dqK2L8zN0bPcW8s5DBAXK1;crop(0,136,1766,883)/480x240.jpeg?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/dqK2L8zN0bPcW8s5DBAXK1;crop(0,136,1766,883)/480x240.jpeg?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/dqK2L8zN0bPcW8s5DBAXK1;crop(0,136,1766,883)/880x440.jpeg?auto=webp&#x27;) 2x);">
390      <div class="metadata">
391        <div class="bg"></div>
392        
393        <div class="inner">
394          <h1>Manchester International Festival</h1>
395          
396        </div>
397        
398      </div>
399    </a>
400  </li>
401  
402  <li class="thumb project placeholder ">
403    
404
405    
406    <a href="/projects/7167281" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/jzl3jcXfJnhczghKFpuggE;crop(0,70,1568,784)/480x240.png?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/jzl3jcXfJnhczghKFpuggE;crop(0,70,1568,784)/480x240.png?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/jzl3jcXfJnhczghKFpuggE;crop(0,70,1568,784)/880x440.png?auto=webp&#x27;) 2x);">
407      <div class="metadata">
408        <div class="bg"></div>
409        
410        <div class="inner">
411          <h1>Songs of the Lost</h1>
412          
413        </div>
414        
415      </div>
416    </a>
417  </li>
418  
419  <li class="thumb project placeholder ">
420    
421
422    
423    <a href="/projects/7157844" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/b1ztcZySBCJbest2GCiCZO;crop(0,123,2056,1028)/480x240.png?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/b1ztcZySBCJbest2GCiCZO;crop(0,123,2056,1028)/480x240.png?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/b1ztcZySBCJbest2GCiCZO;crop(0,123,2056,1028)/880x440.png?auto=webp&#x27;) 2x);">
424      <div class="metadata">
425        <div class="bg"></div>
426        
427        <div class="inner">
428          <h1>Mr Wilson&#x27;
428s Second Liners</h1>
429          
430        </div>
431        
432      </div>
433    </a>
434  </li>
435  
436  <li class="thumb project placeholder ">
437    
438
439    
440    <a href="/projects/7116776" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/5oXMYclFIRWf5IDhAucNeo;crop(0,119,960,480)/480x240.jpeg?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/5oXMYclFIRWf5IDhAucNeo;crop(0,119,960,480)/480x240.jpeg?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/5oXMYclFIRWf5IDhAucNeo;crop(0,119,960,480)/880x440.jpeg?auto=webp&#x27;) 2x);">
441      <div class="metadata">
442        <div class="bg"></div>
443        
444        <div class="inner">
445          <h1>every thing, every time (SXSW)</h1>
446          
447        </div>
448        
449      </div>
450    </a>
451  </li>
452  
453  <li class="thumb project placeholder ">
454    
455
456    
457    <a href="/projects/7116765" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/2qKLGzEquLpdgTk8D4HBsL;crop(0,172,5504,2752)/480x240.jpeg?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/2qKLGzEquLpdgTk8D4HBsL;crop(0,172,5504,2752)/480x240.jpeg?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/2qKLGzEquLpdgTk8D4HBsL;crop(0,172,5504,2752)/880x440.jpeg?auto=webp&#x27;) 2x);">
458      <div class="metadata">
459        <div class="bg"></div>
460        
461        <div class="inner">
462          <h1>The Measure Of All Things</h1>
463          
464        </div>
465        
466      </div>
467    </a>
468  </li>
469  
470  <li class="thumb project placeholder ">
471    
472
473    
474    <a href="/projects/7116759" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/dJgS2vJrgD1bAuHRlsyxY6;crop(0,81,2642,1321)/480x240.png?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/dJgS2vJrgD1bAuHRlsyxY6;crop(0,81,2642,1321)/480x240.png?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/dJgS2vJrgD1bAuHRlsyxY6;crop(0,81,2642,1321)/880x440.png?auto=webp&#x27;) 2x);">
475      <div class="metadata">
476        <div class="bg"></div>
477        
478        <div class="inner">
479          <h1>Traversal</h1>
480          
481        </div>
482        
483      </div>
484    </a>
485  </li>
486  
487  <li class="thumb project placeholder ">
488    
489
490    
491    <a href="/projects/7116754" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/doDXkKPTXJSc66CRYnQEdg;crop(0,32,1024,512)/480x240.jpeg?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/doDXkKPTXJSc66CRYnQEdg;crop(0,32,1024,512)/480x240.jpeg?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/doDXkKPTXJSc66CRYnQEdg;crop(0,32,1024,512)/880x440.jpeg?auto=webp&#x27;) 2x);">
492      <div class="metadata">
493        <div class="bg"></div>
494        
495        <div class="inner">
496          <h1>By The Code of Soil</h1>
497          
498        </div>
499        
500      </div>
501    </a>
502  </li>
503  
504  <li class="thumb project placeholder ">
505    
506
507    
508    <a href="/projects/6999420" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/1pWtYnzFouzeboCp67XJ7f;crop(0,62,2038,1019)/480x240.png?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/1pWtYnzFouzeboCp67XJ7f;crop(0,62,2038,1019)/480x240.png?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/1pWtYnzFouzeboCp67XJ7f;crop(0,62,2038,1019)/880x440.png?auto=webp&#x27;) 2x);">
509      <div class="metadata">
510        <div class="bg"></div>
511        
512        <div class="inner">
513          <h1>Sorry To Bother You</h1>
514          
515        </div>
516        
517      </div>
518    </a>
519  </li>
520  
521  <li class="thumb project placeholder ">
522    
523
524    
525    <a href="/projects/6918863" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/1hG7SLsxMvOdDJn9ZECohl;crop(0,302,1242,621)/480x240.jpeg?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/1hG7SLsxMvOdDJn9ZECohl;crop(0,302,1242,621)/480x240.jpeg?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/1hG7SLsxMvOdDJn9ZECohl;crop(0,302,1242,621)/880x440.jpeg?auto=webp&#x27;) 2x);">
526      <div class="metadata">
527        <div class="bg"></div>
528        
529        <div class="inner">
530          <h1>every thing, every time (2018)</h1>
531          
532        </div>
533        
534      </div>
535    </a>
536  </li>
537  
538  <li class="thumb project placeholder ">
539    
540
541    
542    <a href="/projects/6918852" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/3uefxrNZYIFbSL1OXwoHo1;crop(0,230,4604,2302)/480x240.jpeg?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/3uefxrNZYIFbSL1OXwoHo1;crop(0,230,4604,2302)/480x240.jpeg?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/3uefxrNZYIFbSL1OXwoHo1;crop(0,230,4604,2302)/880x440.jpeg?auto=webp&#x27;) 2x);">
543      <div class="metadata">
544        <div class="bg"></div>
545        
546        <div class="inner">
547          <h1>Here &amp; Now</h1>
548          
549        </div>
550        
551      </div>
552    </a>
553  </li>
554  
555  <li class="thumb project placeholder ">
556    
557
558    
559    <a href="/projects/6800697" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/hF766cBIwMVf90ZpRPIDFx;crop(0,75,2478,1239)/480x240.png?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/hF766cBIwMVf90ZpRPIDFx;crop(0,75,2478,1239)/480x240.png?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/hF766cBIwMVf90ZpRPIDFx;crop(0,75,2478,1239)/880x440.png?auto=webp&#x27;) 2x);">
560      <div class="metadata">
561        <div class="bg"></div>
562        
563        <div class="inner">
564          <h1>The Loss Levels</h1>
565          
566        </div>
567        
568      </div>
569    </a>
570  </li>
571  
572  <li class="thumb project placeholder ">
573    
574
575    
576    <a href="/projects/6734521" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/3Kh63vEBsvofuG1KrEQvgV;crop(32,0,1756,878)/480x240.png?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/3Kh63vEBsvofuG1KrEQvgV;crop(32,0,1756,878)/480x240.png?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/3Kh63vEBsvofuG1KrEQvgV;crop(32,0,1756,878)/880x440.png?auto=webp&#x27;) 2x);">
577      <div class="metadata">
578        <div class="bg"></div>
579        
580        <div class="inner">
581          <h1>Auri</h1>
582          
583        </div>
584        
585      </div>
586    </a>
587  </li>
588  
589  <li class="thumb project placeholder ">
590    
591
592    
593    <a href="/projects/6724376" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/4P8dpKowEcVfhajEFCWJWo;crop(0,66,1551,775)/480x240.jpeg?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/4P8dpKowEcVfhajEFCWJWo;crop(0,66,1551,775)/480x240.jpeg?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/4P8dpKowEcVfhajEFCWJWo;crop(0,66,1551,775)/880x440.jpeg?auto=webp&#x27;) 2x);">
594      <div class="metadata">
595        <div class="bg"></div>
596        
597        <div class="inner">
598          <h1>WeDo</h1>
599          
600        </div>
601        
602      </div>
603    </a>
604  </li>
605  
606  <li class="thumb project placeholder ">
607    
608
609    
610    <a href="/projects/6631890" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/0D5VGH6fwKwftIeD3rZGRN;crop(0,166,5312,2656)/480x240.jpeg?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/0D5VGH6fwKwftIeD3rZGRN;crop(0,166,5312,2656)/480x240.jpeg?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/0D5VGH6fwKwftIeD3rZGRN;crop(0,166,5312,2656)/880x440.jpeg?auto=webp&#x27;) 2x);">
611      <div class="metadata">
612        <div class="bg"></div>
613        
614        <div class="inner">
615          <h1>Great Energy Escape</h1>
616          
617        </div>
618        
619      </div>
620    </a>
621  </li>
622  
623  <li class="thumb project placeholder ">
624    
625
626    
627    <a href="/projects/6619433" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/9WMqdtM2deudLztgTqH9Xn;crop(0,130,1686,843)/480x240.png?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/9WMqdtM2deudLztgTqH9Xn;crop(0,130,1686,843)/480x240.png?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/9WMqdtM2deudLztgTqH9Xn;crop(0,130,1686,843)/880x440.png?auto=webp&#x27;) 2x);">
628      <div class="metadata">
629        <div class="bg"></div>
630        
631        <div class="inner">
632          <h1>You Can-Can!</h1>
633          
634        </div>
635        
636      </div>
637    </a>
638  </li>
639  
640  <li class="thumb project placeholder ">
641    
642
643    
644    <a href="/projects/6072371" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/lRwL3fPWb1xbfNWL1WIKEv;crop(0,42,1344,672)/480x240.jpeg?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/lRwL3fPWb1xbfNWL1WIKEv;crop(0,42,1344,672)/480x240.jpeg?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/lRwL3fPWb1xbfNWL1WIKEv;crop(0,42,1344,672)/880x440.jpeg?auto=webp&#x27;) 2x);">
645      <div class="metadata">
646        <div class="bg"></div>
647        
648        <div class="inner">
649          <h1>CBeebies Storytime</h1>
650          
651        </div>
652        
653      </div>
654    </a>
655  </li>
656  
657  <li class="thumb project placeholder ">
658    
659
660    
661    <a href="/projects/6525037" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/gGJK4XLfmV8fQt9NDPdXBZ;crop(0,138,1680,840)/480x240.png?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/gGJK4XLfmV8fQt9NDPdXBZ;crop(0,138,1680,840)/480x240.png?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/gGJK4XLfmV8fQt9NDPdXBZ;crop(0,138,1680,840)/880x440.png?auto=webp&#x27;) 2x);">
662      <div class="metadata">
663        <div class="bg"></div>
664        
665        <div class="inner">
666          <h1>every thing, every time</h1>
667          
668        </div>
669        
670      </div>
671    </a>
672  </li>
673  
674  <li class="thumb project placeholder ">
675    
676
677    
678    <a href="/projects/6399058" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/jlFLA1kh70jgc6wp3GWFAz;crop(0,57,960,480)/480x240.jpeg?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/jlFLA1kh70jgc6wp3GWFAz;crop(0,57,960,480)/480x240.jpeg?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/jlFLA1kh70jgc6wp3GWFAz;crop(0,57,960,480)/880x440.jpeg?auto=webp&#x27;) 2x);">
679      <div class="metadata">
680        <div class="bg"></div>
681        
682        <div class="inner">
683          <h1>Virago</h1>
684          
685        </div>
686        
687      </div>
688    </a>
689  </li>
690  
691  <li class="thumb project placeholder ">
692    
693
694    
695    <a href="/projects/6401188" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/183eAafdKOOeBBshS2CGug;crop(0,60,1920,960)/480x240.png?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/183eAafdKOOeBBshS2CGug;crop(0,60,1920,960)/480x240.png?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/183eAafdKOOeBBshS2CGug;crop(0,60,1920,960)/880x440.png?auto=webp&#x27;) 2x);">
696      <div class="metadata">
697        <div class="bg"></div>
698        
699        <div class="inner">
700          <h1>Duet</h1>
701          
702        </div>
703        
704      </div>
705    </a>
706  </li>
707  
708  <li class="thumb project placeholder ">
709    
710
711    
712    <a href="/projects/6072382" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/iORifYpioUjgneiBm1C8b1;crop(10,0,920,460)/480x240.jpeg?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/iORifYpioUjgneiBm1C8b1;crop(10,0,920,460)/480x240.jpeg?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/iORifYpioUjgneiBm1C8b1;crop(10,0,920,460)/880x440.jpeg?auto=webp&#x27;) 2x);">
713      <div class="metadata">
714        <div class="bg"></div>
715        
716        <div class="inner">
717          <h1>Cornerhouse Scribbler</h1>
718          
719        </div>
720        
721      </div>
722    </a>
723  </li>
724  
725  <li class="thumb project placeholder ">
726    
727
728    
729    <a href="/projects/7133943" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/0voqNggZpr3c1rrbIke8hA;crop(0,110,1646,823)/480x240.png?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/0voqNggZpr3c1rrbIke8hA;crop(0,110,1646,823)/480x240.png?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/0voqNggZpr3c1rrbIke8hA;crop(0,110,1646,823)/880x440.png?auto=webp&#x27;) 2x);">
730      <div class="metadata">
731        <div class="bg"></div>
732        
733        <div class="inner">
734          <h1>Circuit / Louise Bourgeois</h1>
735          
736        </div>
737        
738      </div>
739    </a>
740  </li>
741  
742  <li class="thumb project placeholder ">
743    
744
745    
746    <a href="/projects/6422783" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/9pfuwdZFCMHb3v9Bi7x3ZW;crop(0,111,1004,502)/480x240.jpeg?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/9pfuwdZFCMHb3v9Bi7x3ZW;crop(0,111,1004,502)/480x240.jpeg?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/9pfuwdZFCMHb3v9Bi7x3ZW;crop(0,111,1004,502)/880x440.jpeg?auto=webp&#x27;) 2x);">
747      <div class="metadata">
748        <div class="bg"></div>
749        
750        <div class="inner">
751          <h1>Meanderings</h1>
752          
753        </div>
754        
755      </div>
756    </a>
757  </li>
758  
759  <li class="thumb project placeholder ">
760    
761
762    
763    <a href="/projects/6305088" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/2CHGrldjGGtgtz6DfQ9Bhm;crop(0,48,1518,759)/480x240.jpeg?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/2CHGrldjGGtgtz6DfQ9Bhm;crop(0,48,1518,759)/480x240.jpeg?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/2CHGrldjGGtgtz6DfQ9Bhm;crop(0,48,1518,759)/880x440.jpeg?auto=webp&#x27;) 2x);">
764      <div class="metadata">
765        <div class="bg"></div>
766        
767        <div class="inner">
768          <h1>Borborygmus!</h1>
769          
770        </div>
771        
772      </div>
773    </a>
774  </li>
775  
776  <li class="thumb project placeholder ">
777    
778
779    
780    <a href="/projects/6399048" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/cKl0OzMKVMoenFluiuqtk1;crop(0,75,949,474)/480x240.png?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/cKl0OzMKVMoenFluiuqtk1;crop(0,75,949,474)/480x240.png?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/cKl0OzMKVMoenFluiuqtk1;crop(0,75,949,474)/880x440.png?auto=webp&#x27;) 2x);">
781      <div class="metadata">
782        <div class="bg"></div>
783        
784        <div class="inner">
785          <h1>Zabludowicz Takeover</h1>
786          
787        </div>
788        
789      </div>
790    </a>
791  </li>
792  
793  <li class="thumb project placeholder ">
794    
795
796    
797    <a href="/projects/6072381" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/72isLGm6I3Cc1aP6jHUGtK;crop(0,40,1184,592)/480x240.jpeg?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/72isLGm6I3Cc1aP6jHUGtK;crop(0,40,1184,592)/480x240.jpeg?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accel
797erator.net/0000000hPyL/72isLGm6I3Cc1aP6jHUGtK;crop(0,40,1184,592)/880x440.jpeg?auto=webp&#x27;) 2x);">
798      <div class="metadata">
799        <div class="bg"></div>
800        
801        <div class="inner">
802          <h1>BBC R&amp;D Nearly Live</h1>
803          
804        </div>
805        
806      </div>
807    </a>
808  </li>
809  
810  <li class="thumb project placeholder ">
811    
812
813    
814    <a href="/projects/6255196" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/gryGVXe96A5cZdtDYGsXzb;crop(0,100,1200,600)/480x240.jpeg?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/gryGVXe96A5cZdtDYGsXzb;crop(0,100,1200,600)/480x240.jpeg?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/gryGVXe96A5cZdtDYGsXzb;crop(0,100,1200,600)/880x440.jpeg?auto=webp&#x27;) 2x);">
815      <div class="metadata">
816        <div class="bg"></div>
817        
818        <div class="inner">
819          <h1>Blue Dot Festival</h1>
820          
821        </div>
822        
823      </div>
824    </a>
825  </li>
826  
827  <li class="thumb project placeholder ">
828    
829
830    
831    <a href="/projects/6255189" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/6LdIPkp4Tw3frVTtYUAO1v;crop(0,52,866,433)/480x240.png?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/6LdIPkp4Tw3frVTtYUAO1v;crop(0,52,866,433)/480x240.png?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/6LdIPkp4Tw3frVTtYUAO1v;crop(0,52,866,433)/480x240.png?auto=webp&#x27;) 2x);">
832      <div class="metadata">
833        <div class="bg"></div>
834        
835        <div class="inner">
836          <h1>Enger Tower</h1>
837          
838        </div>
839        
840      </div>
841    </a>
842  </li>
843  
844  <li class="thumb project placeholder ">
845    
846
847    
848    <a href="/projects/6255178" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/iqFdNDCBCDAdidkC1waKun;crop(105,0,784,392)/480x240.png?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/iqFdNDCBCDAdidkC1waKun;crop(105,0,784,392)/480x240.png?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/iqFdNDCBCDAdidkC1waKun;crop(105,0,784,392)/480x240.png?auto=webp&#x27;) 2x);">
849      <div class="metadata">
850        <div class="bg"></div>
851        
852        <div class="inner">
853          <h1>Open Data Institute</h1>
854          
855        </div>
856        
857      </div>
858    </a>
859  </li>
860  
861  <li class="thumb project placeholder ">
862    
863
864    
865    <a href="/projects/6255191" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/6DLBRApZ3q2eIjdzq1pdWy;crop(0,46,1402,701)/480x240.png?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/6DLBRApZ3q2eIjdzq1pdWy;crop(0,46,1402,701)/480x240.png?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/6DLBRApZ3q2eIjdzq1pdWy;crop(0,46,1402,701)/880x440.png?auto=webp&#x27;) 2x);">
866      <div class="metadata">
867        <div class="bg"></div>
868        
869        <div class="inner">
870          <h1>PARADOXPARADOX</h1>
871          
872        </div>
873        
874      </div>
875    </a>
876  </li>
877  
878  <li class="thumb project placeholder ">
879    
880
881    
882    <a href="/projects/6092960" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/bopOsIFgeqIecfGF5Q8LtF;crop(0,30,960,480)/480x240.jpeg?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/bopOsIFgeqIecfGF5Q8LtF;crop(0,30,960,480)/480x240.jpeg?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/bopOsIFgeqIecfGF5Q8LtF;crop(0,30,960,480)/880x440.jpeg?auto=webp&#x27;) 2x);">
883      <div class="metadata">
884        <div class="bg"></div>
885        
886        <div class="inner">
887          <h1>Snowskull Collaboration</h1>
888          
889        </div>
890        
891      </div>
892    </a>
893  </li>
894  
895  <li class="thumb project placeholder ">
896    
897
898    
899    <a href="/projects/6255205" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/22boAq58yg8eTc5jgCTjo4;crop(0,31,975,487)/480x240.png?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/22boAq58yg8eTc5jgCTjo4;crop(0,31,975,487)/480x240.png?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/22boAq58yg8eTc5jgCTjo4;crop(0,31,975,487)/880x440.png?auto=webp&#x27;) 2x);">
900      <div class="metadata">
901        <div class="bg"></div>
902        
903        <div class="inner">
904          <h1>GLUG Manchester</h1>
905          
906        </div>
907        
908      </div>
909    </a>
910  </li>
911  
912  <li class="thumb project placeholder ">
913    
914
915    
916    <a href="/projects/6072544" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/d3TqklDcjDpdpdXLPbr6OA;
916crop(0,105,1280,640)/480x240.jpeg?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/d3TqklDcjDpdpdXLPbr6OA;crop(0,105,1280,640)/480x240.jpeg?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/d3TqklDcjDpdpdXLPbr6OA;crop(0,105,1280,640)/880x440.jpeg?auto=webp&#x27;) 2x);">
917      <div class="metadata">
918        <div class="bg"></div>
919        
920        <div class="inner">
921          <h1>Rituals</h1>
922          
923        </div>
924        
925      </div>
926    </a>
927  </li>
928  
929  <li class="thumb project placeholder ">
930    
931
932    
933    <a href="/projects/6072414" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/6WaH8hu07N6eRb4TFjPQtL;crop(0,125,500,250)/480x240.jpeg?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/6WaH8hu07N6eRb4TFjPQtL;crop(0,125,500,250)/480x240.jpeg?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/6WaH8hu07N6eRb4TFjPQtL;crop(0,125,500,250)/480x240.jpeg?auto=webp&#x27;) 2x);">
934      <div class="metadata">
935        <div class="bg"></div>
936        
937        <div class="inner">
938          <h1>TATE - A Sense Of Perspective</h1>
939          
940        </div>
941        
942      </div>
943    </a>
944  </li>
945  
946  <li class="thumb project placeholder ">
947    
948
949    
950    <a href="/projects/6072389" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/hgRME7clgEueSz2cTfgnsb;crop(0,108,1296,648)/480x240.jpeg?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/hgRME7clgEueSz2cTfgnsb;crop(0,108,1296,648)/480x240.jpeg?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/hgRME7clgEueSz2cTfgnsb;crop(0,108,1296,648)/880x440.jpeg?auto=webp&#x27;) 2x);">
951      <div class="metadata">
952        <div class="bg"></div>
953        
954        <div class="inner">
955          <h1>Livecode Prints</h1>
956          
957        </div>
958        
959      </div>
960    </a>
961  </li>
962  
963  <li class="thumb project placeholder ">
964    
965
966    
967    <a href="/projects/6072557" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/0pbHa8rHdrHfaeCcOZTpyi;crop(0,52,944,472)/480x240.jpeg?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/0pbHa8rHdrHfaeCcOZTpyi;crop(0,52,944,472)/480x240.jpeg?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/0pbHa8rHdrHfaeCcOZTpyi;crop(0,52,944,472)/880x440.jpeg?auto=webp&#x27;) 2x);">
968      <div class="metadata">
969        <div class="bg"></div>
970        
971        <div class="inner">
972          <h1>BBC Multiplayer</h1>
973          
974        </div>
975        
976      </div>
977    </a>
978  </li>
979  
980  <li class="thumb project placeholder ">
981    
982
983    
984    <a href="/projects/6072384" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/i2A8YzwPMTLeAR4GTzyBhF;crop(0,41,835,417)/480x240.png?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/i2A8YzwPMTLeAR4GTzyBhF;crop(0,41,835,417)/480x240.png?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/i2A8YzwPMTLeAR4GTzyBhF;crop(0,41,835,417)/480x240.png?auto=webp&#x27;) 2x);">
985      <div class="metadata">
986        <div class="bg"></div>
987        
988        <div class="inner">
989          <h1>HOME typography</h1>
990          
991        </div>
992        
993      </div>
994    </a>
995  </li>
996  
997  <li class="thumb project placeholder ">
998    
999
1000    
1001    <a href="/projects/6072415" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/jJ61X92bm4bclSzcvZIhmp;crop(0,81,1000,500)/480x240.jpeg?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/jJ61X92bm4bclSzcvZIhmp;crop(0,81,1000,500)/480x240.jpeg?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/jJ61X92bm4bclSzcvZIhmp;crop(0,81,1000,500)/880x440.jpeg?auto=webp&#x27;) 2x);">
1002      <div class="metadata">
1003        <div class="bg"></div>
1004        
1005        <div class="inner">
1006          <h1>Permission Taken</h1>
1007          
1008        </div>
1009        
1010      </div>
1011    </a>
1012  </li>
1013  
1014  <li class="thumb project placeholder ">
1015    
1016
1017    
1018    <a href="/projects/6072416" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/cBXINXUFNyRdsP0iasVpIv;crop(0,59,951,475)/480x240.png?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/cBXINXUFNyRdsP0iasVpIv;crop(0,59,951,475)/480x240.png?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/cBXINXUFNyRdsP0iasVpIv;crop(0,59,951,475)/880x440.png?auto=webp&#x27;) 2x);">
1019      <div class="metadata">
1020        <div class="bg"></div>
1021        
1022        <div class="inner">
1023          <h1>Lazycoder</h1>
1024          
1025        </div>
1026        
1027      </div>
1028    </a>
1029  </li>
1030  
1031  <li class="thumb project placeholder ">
1032    
1033
1034    
1035    <a href="/projects/6072543" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/7aqexeYifXmg6UUUnZOovL;crop(0,50,1600,800)/480x240.jpeg?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/7aqexeYifXmg6UUUnZOovL;crop(0,50,1600,800)/480x240.jpeg?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/7aqexeYifXmg6UUUnZOovL;crop(0,50,1600,800)/880x440.jpeg?auto=webp&#x27;) 2x);">
1036      <div class="metadata">
1037        <div class="bg"></div>
1038        
1039        <div class="inner">
1040          <h1>Live Visuals 101</h1>
1041          
1042        </div>
1043        
1044      </div>
1045    </a>
1046  </li>
1047  
1048  <li class="thumb project placeholder ">
1049    
1050
1051    
1052    <a href="/projects/6072560" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/hqFzAom96aDgkvnghSkrtp;crop(0,45,860,430)/480x240.png?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/hqFzAom96aDgkvnghSkrtp;crop(0,45,860,430)/480x240.png?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/hqFzAom96aDgkvnghSkrtp;crop(0,45,860,430)/480x240.png?auto=webp&#x27;) 2x);">
1053      <div class="metadata">
1054        <div class="bg"></div>
1055        
1056        <div class="inner">
1057          <h1>Twitter bots</h1>
1058          
1059        </div>
1060        
1061      </div>
1062    </a>
1063  </li>
1064  
1065  <li class="thumb project placeholder ">
1066    
1067
1068    
1069    <a href="/projects/6072428" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/c7wkdaekQKocOceRWoGdWC;crop(0,185,1421,710)/480x240.jpeg?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/c7wkdaekQKocOceRWoGdWC;crop(0,185,1421,710)/480x240.jpeg?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/c7wkdaekQKocOceRWoGdWC;crop(0,185,1421,710)/880x440.jpeg?auto=webp&#x27;) 2x);">
1070      <div class="metadata">
1071        <div class="bg"></div>
1072        
1073        <div class="inner">
1074          <h1>MCR Moleskine</h1>
1075          
1076        </div>
1077        
1078      </div>
1079    </a>
1080  </li>
1081  
1082  <li class="thumb project placeholder ">
1083    
1084
1085    
1086    <a href="/projects/6072390" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/4of6QEOfR7mdbaeF16GbsA;crop(0,128,1024,512)/480x240.jpeg?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/4of6QEOfR7mdbaeF16GbsA;crop(0,128,1024,512)/480x240.jpeg?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/4of6QEOfR7mdbaeF16GbsA;crop(0,128,1024,512)/880x440.jpeg?auto=webp&#x27;) 2x);">
1087      <div class="metadata">
1088        <div class="bg"></div>
1089        
1090        <div class="inner">
1091          <h1>Algorave</h1>
1092          
1093        </div>
1094        
1095      </div>
1096    </a>
1097  </li>
1098  
1099  <li class="thumb project placeholder ">
1100    
1101
1102    
1103    <a href="/projects/6072422" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/1jV8MsqMDVSfc61qUzxKCa;crop(0,3,600,300)/480x240.png?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/1jV8MsqMDVSfc61qUzxKCa;crop(0,3,600,300)/480x240.png?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/1jV8MsqMDVSfc61qUzxKCa;crop(0,3,600,300)/480x240.png?auto=webp&#x27;) 2x);">
1104      <div class="metadata">
1105        <div class="bg"></div>
1106        
1107        <div class="inner">
1108          <h1>Manchester Game Jam</h1>
1109          
1110        </div>
1111        
1112      </div>
1113    </a>
1114  </li>
1115  
1116  <li class="thumb project placeholder ">
1117    
1118
1119    
1120    <a href="/projects/6072421" style="background-image: url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/a9i4qE8WprEfltA2P5omTm;crop(0,4,861,430)/480x240.png?auto=webp&#x27;); background-image:-webkit-image-set(url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/a9i4qE8WprEfltA2P5omTm;crop(0,4,861,430)/480x240.png?auto=webp&#x27;) 1x, url(&#x27;https://carbon-media.accelerator.net/0000000hPyL/a9i4qE8WprEfltA2P5omTm;crop(0,4,861,430)/480x240.png?auto=webp&#x27;) 2x);">
1121      <div class="metadata">
1122        <div class="bg"></div>
1123        
1124        <div class="inner">
1125          <h1>Gamedev 101</h1>
1126          
1127        </div>
1128        
1129      </div>
1130    </a>
1131  </li>
1132  
1133</ul>
1134      </main>
1135    </div>
1136
1137    
1137<script src="https://static.cmcdn.net/libs/player/3.8.2/hls.js"></script>
1137
1138
1139    
1139<script src="https://static.cmcdn.net/libs/basejs/2.0.0/basejs.js" integrity="sha256-KFWWcoaguGpL7nNf/+1Y11DpDCQvmpwS6T3hF4B6lH4=" crossorigin></script>
1139
1140    
1140<script src="https://static.cmcdn.net/libs/corejs/2.6.0/corejs.js" integrity="sha256-QINPIB/5r50oO3HftMC6FzCzYFYS93iHgSdO1op/zMM=" crossorigin></script>
1140
1141    
1141<script src="https://static.cmcdn.net/libs/router/1.6.0/router.js" integrity="sha256-4IUSi5DVzvBoIJVNfZ416+yuCOs+cry22iJG94eaqW8=" crossorigin></script>
1141
1142    
1142<script src="https://static.cmcdn.net/libs/zoomable/1.3.4/zoomable.js" integrity="sha256-2GNkoWBtDUnTe8rTc9CjTDHaXA2IU26Kn+HY+zfrIn4=" crossorigin></script>
1142
1143    
1143<script src="https://static.cmcdn.net/libs/forms/3.0.3/forms.js" integrity="sha256-4o5EEI6V8LLNseNtxcptmS4rksrUyhG9khoE5rOcL4E=" crossorigin></script>
1143
1144    
1144<script src="https://static.cmcdn.net/libs/lazyjs/2.0.0/lazyjs.js" integrity="sha256-rE0IY0i/56vd9XdI2w/H8Sp9DQ68vupHN+77as642kA=" crossorigin></script>
1144
1145    
1145<script src="https://static.cmcdn.net/libs/scrollable/1.2.1/scrollable.js" integrity="sha256-TTonqeO34hliLyiuj5/16aDpaMgwqJQbmANQjHjG3j8=" crossorigin></script>
1145
1146    
1146<script src="https://static.cmcdn.net/libs/player/3.7.9/player.js" integrity="sha256-kwnXM4RzbXLa7VohM7RxMtFDTKRcQidgliCAm5y6uN4=" crossorigin></script>
1146
1147    
1147<script src="https://static.cmcdn.net/3/1.3.11/scripts/app.js" crossorigin></script>
1147
1148    
1149    
1150  </body>
1151</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.