---<br>
title: "I've built a blog"<br>
description: ""<br>
tags: ["I've built a blog"]<br>
date: "2017-12-25 11:23:38"<br>
---<br>
&lt;p&gt;Well, when I say built, what I actually meaning is building.&lt;/p&gt;&lt;p&gt;By no means is this blog finished and I don&#039;t expect it to be finished anytime soon, if ever.&lt;/p&gt;&lt;p&gt;So why have I built (building) this:&lt;/p&gt;&lt;h2&gt;Writing&lt;/h2&gt;&lt;p&gt;So I can write about what I&#039;m &lt;a href=&quot;https://new.letorey.co.uk/about&quot;&gt;passionate&lt;/a&gt; about, you know:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Music&lt;/li&gt;&lt;li&gt;Food&lt;/li&gt;&lt;li&gt;Books&lt;/li&gt;&lt;li&gt;Travel&lt;/li&gt;&lt;li&gt;Lego&lt;/li&gt;&lt;li&gt;The Web&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;Learning&lt;/h2&gt;&lt;p&gt;The industry I work in changes daily, every morning I read about a new practice or JavaScript Library or whatever. So this will allow me to write about what I&#039;ve learnt in the building of this humble site.&lt;/p&gt;&lt;p&gt;The development of this blog can be found on &lt;a href=&quot;https://github.com/dletorey/letorey.co.uk&quot; title=&quot;letorey.co.uk Github Repository&quot;&gt;github&lt;/a&gt;.&lt;/p&gt;&lt;p&gt;This blog is built on &lt;a href=&quot;https://matrix.squiz.net&quot;&gt;Squiz Matrix CMS&lt;/a&gt;, it&#039;s what I do during the week and probably way overkill for a simple blog, but will allow me to talk about development and new features in Squiz Matrix.&lt;/p&gt;&lt;h2&gt;What&#039;s happening&lt;/h2&gt;&lt;p&gt;I&#039;ve started a &lt;a href=&quot;https://new.letorey.co.uk/style-guide&quot;&gt;Style Guide&lt;/a&gt;, which will continue to grow overtime.&lt;/p&gt;&lt;p&gt;There a &lt;a href=&quot;https://new.letorey.co.uk/new-features&quot;&gt;new features&lt;/a&gt; that need adding to this blog.&lt;/p&gt;&lt;p&gt;I already have a &lt;a href=&quot;https://new.letorey.co.uk/things-to-write-about&quot;&gt;backlog of posts&lt;/a&gt; to write to, these will also drive what features are added first.&lt;/p&gt;<br>
<br>
splitsplitsplitsplitsplitsplit<br>
<br>---<br>
title: "Adding Google Analytics to a Site"<br>
description: ""<br>
tags: ["Google Analytics"," Setup"," Site Configuration"," Tracking"," Web"]<br>
date: "2017-12-25 17:28:26"<br>
---<br>
&lt;p&gt;So in-order to see if anyone is actually looking at/reading my blog, I decided that the first thing I should do is set up Google Analytics.&lt;/p&gt;&lt;p&gt;I&#039;ve setup &lt;abbr title=&quot;Google Analytics&quot;&gt;GA&lt;/abbr&gt; on many sites before, the issue is that they keep updating it and everytime I login to google analytic they&#039;ve changed the interface so it&#039;s not as I remember it.&lt;/p&gt;&lt;h2&gt;Step by Step Guide&lt;/h2&gt;&lt;ol&gt;&lt;li&gt;Login to &lt;a href=&quot;https://analytics.google.com&quot;&gt;https://analytics.google.com&lt;/a&gt;&lt;/li&gt;&lt;li&gt;Click &lt;strong&gt;Admin&lt;/strong&gt;&lt;br /&gt;&lt;picture&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0020/2459/varieties/Large.jpg&quot; media=&quot;(min-width: 1024px)&quot;&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0020/2459/varieties/Medium.jpg&quot; media=&quot;(min-width: 599px)&quot;&gt;&lt;img srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0020/2459/varieties/Small.jpg&quot; alt=&quot;Admin Button&quot; /&gt;&lt;/picture&gt;  &lt;figcaption&gt;Click the Admin Button to Start Setting up a new Account&lt;/figcaption&gt; &lt;/li&gt;&lt;li&gt;From the &lt;strong&gt;Accounts&lt;/strong&gt; dropdown select &lt;strong&gt;Create New Account&lt;/strong&gt;&lt;br /&gt;&lt;picture&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0013/2461/varieties/Large.jpg&quot; media=&quot;(min-width: 1024px)&quot;&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0013/2461/varieties/Medium.jpg&quot; media=&quot;(min-width: 599px)&quot;&gt;&lt;img srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0013/2461/varieties/Small.jpg&quot; alt=&quot;Create New Google Analytics Account&quot; /&gt;&lt;/picture&gt;  &lt;figcaption&gt;Creating a new Google Analytics Account&lt;/figcaption&gt; &lt;/li&gt;&lt;li&gt;Fill out the new accounts details&lt;br /&gt;&lt;picture&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0014/2462/varieties/Large.jpg&quot; media=&quot;(min-width: 1024px)&quot;&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0014/2462/varieties/Medium.jpg&quot; media=&quot;(min-width: 599px)&quot;&gt;&lt;img srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0014/2462/varieties/Small.jpg&quot; alt=&quot;Google Analytics Account Details&quot; width=&quot;1024&quot; height=&quot;700&quot; /&gt;&lt;/picture&gt;  &lt;figcaption&gt;Google Analytics Account Details&lt;/figcaption&gt; &lt;/li&gt;&lt;li&gt;Click &lt;strong&gt;Get Tracking ID&lt;/strong&gt;&lt;br /&gt;&lt;picture&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0015/2463/varieties/Large.jpg&quot; media=&quot;(min-width: 1024px)&quot;&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0015/2463/varieties/Medium.jpg&quot; media=&quot;(min-width: 599px)&quot;&gt;&lt;img srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0015/2463/varieties/Small.jpg&quot; alt=&quot;Google Analytics Get tracking ID&quot; width=&quot;1024&quot; height=&quot;700&quot; /&gt;&lt;/picture&gt;  &lt;figcaption&gt;Google Analytics Get tracking ID&lt;/figcaption&gt; &lt;/li&gt;&lt;li&gt;&lt;strong&gt;Accept&lt;/strong&gt; Googles Terms &amp;amp; Conditions&lt;br /&gt;&lt;picture&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0016/2464/varieties/Large.jpg&quot; media=&quot;(min-width: 1024px)&quot;&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0016/2464/varieties/Medium.jpg&quot; media=&quot;(min-width: 599px)&quot;&gt;&lt;img srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0016/2464/varieties/Small.jpg&quot; alt=&quot;Google Analytics Terms of Service&quot; width=&quot;1024&quot; height=&quot;700&quot; /&gt;&lt;/picture&gt;  &lt;figcaption&gt;Google Analytics Terms of Service&lt;/figcaption&gt; &lt;/li&gt;&lt;li&gt;Copy the Google Tracking code and paste into your site immediately before the &amp;lt;/head&amp;gt; tag of your site&lt;br /&gt;&lt;picture&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0017/2465/varieties/Large.jpg&quot; media=&quot;(min-width: 1024px)&quot;&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0017/2465/varieties/Medium.jpg&quot; media=&quot;(min-width: 599px)&quot;&gt;&lt;img srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0017/2465/varieties/Small.jpg&quot; alt=&quot;Google Analytics Tracking Code&quot; width=&quot;1024&quot; height=&quot;700&quot; /&gt;&lt;/picture&gt;  &lt;figcaption&gt;Google Analytics Tracking Code&lt;/figcaption&gt; &lt;/li&gt;&lt;/ol&gt;<br>
<br>
splitsplitsplitsplitsplitsplit<br>
<br>---<br>
title: "Jöro"<br>
description: ""<br>
tags: ["Food"," Restaurant"," Tasting Menu"," Sheffield"," Yorkshire"," Tapas"]<br>
date: "2017-12-26 13:03:52"<br>
---<br>
&lt;p&gt;A couple of months ago I read a review of a &lt;a href=&quot;https://www.theguardian.com/lifeandstyle/2017/nov/03/joro-sheffield-restaurant-review-guardian-felicity-cloake&quot; title=&quot;Guardian review of Jöro&quot;&gt;Sheffield restaurant in the Guardian&lt;/a&gt;. The review excited me and as we were spending Christmas near Sheffield the next day I booked a table for two. &lt;picture&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0018/2484/varieties/Large.jpg&quot; media=&quot;(min-width: 1024px)&quot;&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0018/2484/varieties/Medium.jpg&quot; media=&quot;(min-width: 599px)&quot;&gt;&lt;img srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0018/2484/varieties/Small.jpg&quot; alt=&quot;Wood Fired Onion&quot; /&gt;&lt;/picture&gt; &lt;figcaption&gt; Joro Wood Fired Onion &lt;/figcaption&gt; &lt;/p&gt;&lt;p&gt;Their tagline is:&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;A meal built of many small plates.&lt;/p&gt;&lt;p&gt;At Jöro we serve our food in the form of lots of small plates, allowing you to have as little or much as you want, snacking as you go. &lt;cite&gt;&lt;a href=&quot;http://www.jororestaurant.co.uk/&quot;&gt;Jöro&lt;/a&gt;&lt;/cite&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;I call it &lt;strong&gt;Yorkshire Tapas&lt;/strong&gt;.&lt;/p&gt;&lt;p&gt;They also offer 2 tasting menus:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;8 courses £45 with matching Drinks Flight&lt;sup&gt;&lt;a href=&quot;#1&quot;&gt;1&lt;/a&gt;&lt;/sup&gt; at £35&lt;/li&gt;&lt;li&gt;10 courses £55 with matching Drinks Flight at £45&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;We choose the 10 course with matching wines.&lt;/p&gt;&lt;p&gt;The food was incredible, most of the courses were vegetable based and my favourite was the &lt;strong&gt;Wood Fired Onion, Cherry Beer &amp;amp; Yorkshire Blue&lt;/strong&gt;.&lt;/p&gt;&lt;p&gt;The Staff were superbly knowledgeable about all of the food and wine, they were also passionate about the food industry and spoke about other restaurants and chefs they&#039;d visited and admired.&lt;/p&gt;&lt;p&gt;We were told that the Head Chef, &lt;a href=&quot;https://www.thestaffcanteen.com/Britain-s-Got-Talent/luke-french-chef-and-co-owner-joro&quot;&gt;Luke French&lt;/a&gt;, used to work at &lt;a href=&quot;http://www.thefatduck.co.uk/&quot;&gt;The Fat Duck&lt;/a&gt; amongst others.&lt;/p&gt;&lt;p&gt;The restaurant itself was on the A61on the way to Barnsley, in a complex made of Shipping Containers but once you&#039;re inside the only indication that you&#039;re in Shipping Container is the narrow rooms.&lt;/p&gt;&lt;p&gt;I can&#039;t recommend this place highly enough. If you live in or near Sheffield there&#039;s no reason not to go. If you live in London the train is only 2hr so really there&#039;s no reason not to come, after all the cost of 10 courses and the train is way cheaper than anywhere you&#039;d get the same quality in London.&lt;/p&gt;&lt;h2&gt;Menu&lt;/h2&gt;&lt;p&gt;What we had to eat.&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Butter poached celeriac with lincolnshire poacher, gherkin ketchup and crispy shallots &lt;ul&gt;&lt;li&gt;&lt;a href=&quot;http://www.parrafamilyorganic.com/eng/wines/parra-jimenez-verdejo/&quot;&gt;Parra Jimenez Verdejo&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Scottish king scallops with dashi &amp;amp; seaweed cream, turnip and smoked scallop roe &lt;ul&gt;&lt;li&gt;&lt;a href=&quot;https://www.henningswine.co.uk/product/vila-nova-vinho-verde/&quot;&gt;Vila nova Vinho Verde&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Beetroots with horseradish, pumpkin seed granola and pickled blueberries &lt;ul&gt;&lt;li&gt;&lt;a href=&quot;https://hannibalbrown.com/wines/type/white/bodegas-ontanon-akemi-rioja-blanco-2014-felix-jimenez&quot;&gt;Akemi White Rioja&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Danish plaice with tartar sauce and crispy potatoe &lt;ul&gt;&lt;li&gt;&lt;a href=&quot;https://www.forestwines.com/products/folle-blanche-pierre-luneau-loire&quot;&gt;Folle Blanche&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Wortley estate mallard with red cabbage and honey glazed parsnip &lt;ul&gt;&lt;li&gt;&lt;a href=&quot;https://www.chateaucivrac.com/store/6-x-Grand-Vin-2006-75cl-p46770646&quot;&gt;Chateau Civrac 2006&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Wood Fired Onions with cherry beer and yorkshire blue &lt;ul&gt;&lt;li&gt;&lt;a href=&quot;https://www.buonvino.co.uk/ciello-rosso-nero-d-avola&quot;&gt;Ciello Rosso&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Moss Valley Pork, loin and belly with carrots and choucroute &lt;ul&gt;&lt;li&gt;&lt;a href=&quot;http://www.ndjohn.co.uk/circumstance-sauvignon-blanc.html&quot;&gt;Circumstance Sauvignon Blanc&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Carrot Cheesecake Sorbet&lt;/li&gt;&lt;li&gt;Compote of blackcurrants with pickled spruce ice cream and yoghurt &lt;ul&gt;&lt;li&gt;&lt;a href=&quot;https://www.allaboutwine.co.uk/shop/details/9771/122/dessert-wine/chile/emiliana-late-harvest-sauvignon-blanc&quot;&gt;Emiliana Late Harvest&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Brown butter parfait with parkin, apple and pedro xirnenez &lt;ul&gt;&lt;li&gt;&lt;a href=&quot;https://www.allaboutwine.co.uk/shop/details/9771/122/dessert-wine/chile/emiliana-late-harvest-sauvignon-blanc&quot;&gt;Emiliana Late Harvest&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;Contact Details&lt;/h2&gt;&lt;h3&gt;Address&lt;/h3&gt;&lt;p&gt;294 Shalesmoor&lt;br /&gt;Sheffield&lt;br /&gt;S3 8US&lt;/p&gt;&lt;h3&gt;Telephone&lt;/h3&gt;&lt;p&gt;&lt;a href=&quot;tel:+441142991539&quot;&gt;0114 299 1539&lt;/a&gt;&lt;/p&gt;&lt;iframe src=&quot;https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2379.4847807808087!2d-1.4779747841599604!3d53.38826747998789!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4879787d92cd81dd%3A0x12ddd57e3de89e82!2s294+Shalesmoor%2C+Sheffield+S3+8UL!5e0!3m2!1sen!2suk!4v1514292849167&quot; width=&quot;100%&quot; height=&quot;450&quot; frameborder=&quot;0&quot; style=&quot;border:0&quot; allowfullscreen title=&quot;Map of J&amp;ouml;ro&quot;&gt;&lt;/iframe&gt;&lt;p&gt;&lt;sup id=&quot;1&quot;&gt;1&lt;/sup&gt; Drinks Flight - Matching wines for each course&lt;/p&gt;<br>
<br>
splitsplitsplitsplitsplitsplit<br>
<br>---<br>
title: "Responsive Images"<br>
description: ""<br>
tags: ["Responsive Images"," Responsive Web Design"," Images"," Squiz Matrix"," Ethan Marcotte"," Browser Support"," picture element"," Yoav Weiss"," srcset"," Content management System"," CMS"]<br>
date: "2017-12-27 18:49:41"<br>
---<br>
&lt;p&gt;So before I started this blog I read &lt;a href=&quot;https://twitter.com/beep&quot; title=&quot;Ethan Marcotte&#039;s Twitter&quot;&gt;Ethan Marcotte&lt;/a&gt;&#039;s &lt;a href=&quot;https://abookapart.com/products/responsive-design-patterns-principles&quot; title=&quot;Responsive Design Patterns &amp;amp; Principles Book&quot;&gt;Responsive Design: Patterns and Principles&lt;/a&gt;. It&#039;s a fabulous book and I shall write about it in the near future. After reading this the approach I chose for Responsive Images is to use the &lt;code&gt;&amp;lt;picture&amp;gt;&lt;/code&gt; element.&lt;/p&gt;&lt;h2&gt;&amp;lt;picture&amp;gt; html element&lt;/h2&gt;&lt;h3&gt;History of &amp;lt;picture&amp;gt;&lt;/h3&gt;&lt;p&gt;The &lt;code&gt;&amp;lt;picture&amp;gt;&lt;/code&gt; is an HTML5 element, which was first suggested by &lt;a href=&quot;https://twitter.com/brucel&quot; title=&quot;Bruce Lawson&#039;s Twitter&quot;&gt;Bruce Lawson&lt;/a&gt;, among others&lt;sup&gt;&lt;a href=&quot;#1&quot;&gt;1&lt;/a&gt;&lt;/sup&gt; &lt;sup&gt;&lt;a href=&quot;#2&quot;&gt;2&lt;/a&gt;&lt;/sup&gt; &lt;sup&gt;&lt;a href=&quot;#3&quot;&gt;3&lt;/a&gt;&lt;/sup&gt; &lt;sup&gt;&lt;a href=&quot;#4&quot;&gt;4&lt;/a&gt;&lt;/sup&gt; &lt;sup&gt;&lt;a href=&quot;#5&quot;&gt;5&lt;/a&gt;&lt;/sup&gt; . The general idea being similar to the &lt;code&gt;&amp;lt;video&amp;gt;&lt;/code&gt; &amp;amp; &lt;code&gt;&amp;lt;audio&amp;gt;&lt;/code&gt; elements, which allowed the user to embed rich media and have a fallback for browsers that do not support this new elements. Browsers are our friends, in the fact that if a browser does not recognise an element it just ignores it and the fallback enclosed in the element is displayed instead.&lt;/p&gt;&lt;p&gt;Once a specification for picture element was agree a crowdfunder was created for &lt;a href=&quot;https://twitter.com/yoavweiss&quot; title=&quot;Yoav&#039;s twitter&quot;&gt;Yoav Weiss&lt;/a&gt; to implement it in Blink&lt;sup&gt;&lt;a href=&quot;#7&quot;&gt;7&lt;/a&gt;&lt;/sup&gt;. Yoav then gave a talk about his work at State of the Browser 4&lt;sup&gt;&lt;a href=&quot;#8&quot;&gt;8&lt;/a&gt;&lt;/sup&gt;, hosted by &lt;a href=&quot;https://twitter.com/webstandards&quot; title=&quot;LWS twitter&quot;&gt;London Web Standards&lt;/a&gt;.&lt;/p&gt;&lt;h3&gt;Syntax&lt;/h3&gt;&lt;pre class=&quot;example-html&quot;&gt;&amp;lt;picture&amp;gt;
  &amp;lt;source srcset=&quot;images/large.jpg&quot; media=&quot;(min-width: 1024px)&quot;&amp;gt;
  &amp;lt;source srcset=&quot;images/medium.jpg&quot; media=&quot;(min-width: 599px)&quot;&amp;gt;
  &amp;lt;img srcset=&quot;images/small.jpg&quot; src=&quot;images/large.jpg&quot; alt=&quot;alternative text for image&quot;&amp;gt;
&amp;lt;/picture&amp;gt; &lt;/pre&gt;&lt;h3&gt;How it works&lt;/h3&gt;&lt;p&gt;First of all if the browser &lt;a href=&quot;https://caniuse.com/#search=picture&quot; title=&quot;Can I Use Picture&quot;&gt;does not support&lt;/a&gt; the &lt;code&gt;&amp;lt;picture&amp;gt;&lt;/code&gt; element, it just skips straight to the &lt;code&gt;&amp;lt;img&amp;gt;&lt;/code&gt; element.&lt;/p&gt;&lt;p&gt;If the &lt;code&gt;&amp;lt;picture&amp;gt;&lt;/code&gt; element is supported then it looks are the first &lt;code&gt;&amp;lt;source&amp;gt;&lt;/code&gt; element and if the &lt;code&gt;media&lt;/code&gt; attribute is true then it replaces the &lt;code&gt;src&lt;/code&gt; attribute of the &lt;code&gt;&amp;lt;img&amp;gt;&lt;/code&gt; element with the value of the &lt;code&gt;srcset&lt;/code&gt; attribute.&lt;/p&gt;&lt;p&gt;If the &lt;code&gt;media&lt;/code&gt; attribute is false it moves onto the next &lt;code&gt;&amp;lt;source&amp;gt;&lt;/code&gt; element and so forth until it gets to the &lt;code&gt;&amp;lt;img&amp;gt;&lt;/code&gt; element.&lt;/p&gt;&lt;p&gt;If the browser gets all the way to the &lt;code&gt;&amp;lt;img&amp;gt;&lt;/code&gt; element then it replaces the &lt;code&gt;src&lt;/code&gt; attribute with the value of the &lt;code&gt;srcset&lt;/code&gt; attribute.&lt;/p&gt;&lt;p&gt;If the browser &lt;a href=&quot;https://caniuse.com/#search=srcset&quot; title=&quot;Can I Use srcset&quot;&gt;does not support&lt;/a&gt; the &lt;code&gt;srcset&lt;/code&gt; attribute then it just uses the value of the &lt;code&gt;src&lt;/code&gt; attribute.&lt;/p&gt;&lt;h3&gt;Using &amp;lt;picture&amp;gt; with Squiz Matrix&lt;/h3&gt;&lt;p&gt;&lt;a href=&quot;https://matrix.squiz.net&quot; title=&quot;Squiz Matrix site&quot;&gt;Squiz Matrix&lt;/a&gt; allows you to automatically create different versions/sizes of an image when uploading an image called &lt;a href=&quot;https://matrix.squiz.net/manuals/core-assets/chapters/image#Varieties-Screen&quot; title=&quot;Squiz Matrix Manual page on Image Varieties&quot;&gt;image varieties&lt;/a&gt;.&lt;/p&gt;&lt;p&gt;These varieties can be created manually&lt;sup&gt;&lt;a href=&quot;#9&quot;&gt;9&lt;/a&gt;&lt;/sup&gt; or automatically via a trigger&lt;sup&gt;&lt;a href=&quot;#10&quot;&gt;10&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;&lt;p&gt;Images Varieties can be:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Size &lt;ul&gt;&lt;li&gt;width&lt;/li&gt;&lt;li&gt;height&lt;/li&gt;&lt;li&gt;both&lt;/li&gt;&lt;li&gt;min dimension&lt;/li&gt;&lt;li&gt;square and centered&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Alternative Image&lt;/li&gt;&lt;/ul&gt;&lt;h4&gt;Squiz Matrix Image Variety keyword replacements&lt;/h4&gt;&lt;p&gt;In Squiz Matrix, you can use keyword replacements&lt;sup&gt;&lt;a href=&quot;#11&quot;&gt;11&lt;/a&gt;&lt;/sup&gt; to show dynamic information about the assets (e.g. Images, pages, etc).&lt;/p&gt;&lt;p&gt;There are two different syntaxes for using image varieties:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;code&gt;%image_v_&amp;lt;variety_name&amp;gt;%&lt;/code&gt;&lt;/li&gt;&lt;li&gt;&lt;code&gt; &amp;lt;img src=&quot;./?a=&lt;strong&gt;xxxx&lt;/strong&gt;:v&lt;strong&gt;y&lt;/strong&gt;$&quot;&amp;gt; &lt;/code&gt; (where &lt;strong&gt;xxxx&lt;/strong&gt; is the asset id of the image and &lt;strong&gt;y&lt;/strong&gt; is the order the image variety was created)&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;The first will print the &lt;code&gt;&amp;lt;img&amp;gt;&lt;/code&gt; element with the image variety&#039;s url in the &lt;code&gt;src&lt;/code&gt; attribute. The second will print the image variety&#039;s url in the &lt;code&gt;src&lt;/code&gt; attribute.&lt;/p&gt;&lt;p&gt;A full list of all the image variety keyword replacements&lt;sup&gt;&lt;a href=&quot;#12&quot;&gt;12&lt;/a&gt;&lt;/sup&gt; can be found on the Squiz matrix manuals site.&lt;/p&gt;&lt;h4&gt;Squiz Matrix &amp;lt;picture&amp;gt; element syntax&lt;/h4&gt;&lt;pre class=&quot;example-matrix&quot;&gt;&amp;lt;picture&amp;gt;
  &amp;lt;source srcset=&quot;./?a=xxxx:v1$&quot; media=&quot;(min-width: 1024px)&quot;&amp;gt;
  &amp;lt;source srcset=&quot;./?a=xxxx:v2$&quot; media=&quot;(min-width: 599px)&quot;&amp;gt;
  &amp;lt;img src=&quot;./?a=xxxx:v3$&quot; srcset=&quot;./?a=xxxx:v3$&quot; alt=&quot;&amp;#37;globals_asset_attribute_alt:xxxx&amp;#37;&quot;&amp;gt;
&amp;lt;/picture&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;hr /&gt;&lt;h2&gt;Alternative to &amp;lt;picture&amp;gt;&lt;/h2&gt;&lt;p&gt;The &lt;code&gt;srcset&lt;/code&gt; attribute can also be used in the &lt;code&gt;&amp;lt;img&amp;gt;&lt;/code&gt; element.&lt;/p&gt;&lt;h3&gt;Syntax&lt;/h3&gt;&lt;pre class=&quot;example-html&quot;&gt;&amp;lt;img srcset=&quot;images/large.jpg 1440w,
             images/medium.jpg 720w,
           &amp;nbsp;&amp;nbsp;images/small.jpg 360w&quot;
        src=&quot;images/main-medium.jpg&quot;
        alt=&quot;alternative text for image&quot; /&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;h3&gt;How it works&lt;/h3&gt;&lt;p&gt;The srcset attribute has an image path followed by a width value if the width value is matched then that image is displayed, if not it moves onto the next image and width.&lt;/p&gt;&lt;p&gt;To find out more on how this works or is implemented I can highly recommend Ethan Marcotte&#039;s &quot;&lt;a href=&quot;https://abookapart.com/products/responsive-design-patterns-principles&quot; title=&quot;Responsive Design: Patterns &amp;amp; Principles&quot;&gt;A Book Apart - Responsive Design: Patterns and Principles&lt;/a&gt;&quot;.&lt;/p&gt;&lt;hr /&gt;&lt;h2&gt;Footnotes&lt;/h2&gt;&lt;p&gt;&lt;sup id=&quot;1&quot;&gt;1&lt;/sup&gt; &lt;a href=&quot;http://lists.w3.org/Archives/Public/public-html/2007Jul/0121.html&quot; title=&quot;WGHTML picture draft&quot;&gt;W3C Draft proposal for &lt;code&gt;&amp;lt;picture&amp;gt;&lt;/code&gt; element&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;2&quot;&gt;2&lt;/sup&gt; &lt;a href=&quot;http://www.brucelawson.co.uk/2011/notes-on-adaptive-images-yet-again/&quot; title=&quot;Bruce&#039;s notes on adaptive images&quot;&gt;Bruce Lawson&#039;s post: notes on adaptive images yet again&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;3&quot;&gt;3&lt;/sup&gt; &lt;a href=&quot;http://www.brucelawson.co.uk/2012/html5-urgently-needs-adaptive-images-mechanism/&quot; title=&quot;Bruce&#039;s HTML5 urgently needs adaptive images&quot;&gt;Bruce Lawson&#039;s post: html5 urgently needs adaptive images mechanism/&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;4&quot;&gt;4&lt;/sup&gt; &lt;a href=&quot;http://www.brucelawson.co.uk/2012/editors-draft-picture-element/&quot; title=&quot;Bruce&#039;s editors draft on picture element&quot;&gt;Bruce Lawson&#039;s post: editors draft &lt;code&gt;&amp;lt;picture&amp;gt;&lt;/code&gt; element/&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;5&quot;&gt;5&lt;/sup&gt; &lt;a href=&quot;http://www.brucelawson.co.uk/2015/why-we-cant-do-real-responsive-images-with-css-or-javascript/&quot; title=&quot;Bruce&#039;s blog on why we can&#039;t use JS for responsive images&quot;&gt;Bruce Lawson&#039;s post: why we cant do real responsive images with css or javascript/&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;6&quot;&gt;6&lt;/sup&gt; &lt;a href=&quot;https://www.indiegogo.com/projects/picture-element-implementation-in-blink&quot; title=&quot;Crowdfunder for picture element&quot;&gt;Indie Go Go crowdfunding page for implementation of &lt;code&gt;&amp;lt;picture&amp;gt;&lt;/code&gt; element in blink&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;7&quot;&gt;7&lt;/sup&gt; &lt;a href=&quot;https://en.wikipedia.org/wiki/Blink_(web_engine)&quot; title=&quot;Blink Web Engine&quot;&gt;Wikipedia entry on Blink web engine&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;8&quot;&gt;8&lt;/sup&gt; &lt;a href=&quot;https://vimeo.com/93347500&quot;&gt;Yoav Weiss&#039;s talk on Responsive Images at State of the Browser&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;9&quot;&gt;9&lt;/sup&gt; &lt;a href=&quot;https://matrix.squiz.net/manuals/core-assets/chapters/image#creating-a-new-variety&quot; title=&quot;Squiz Matrix Manual creating a new variety&quot;&gt;Manually creating Image Varieties&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;10&quot;&gt;10&lt;/sup&gt; &lt;a href=&quot;https://matrix.squiz.net/manuals/triggers/examples/configuring-a-trigger-to-create-an-image-variety&quot; title=&quot;Squiz Matrix manual for creating image varieties via a trigger&quot;&gt;Creating image varieties via a trigger in Squiz Matrix&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;11&quot;&gt;11&lt;/sup&gt; &lt;a href=&quot;https://matrix.squiz.net/manuals/keyword-replacements&quot;&gt;Squiz Matrix manuals page on keyword replacements&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;12&quot;&gt;12&lt;/sup&gt; &lt;a href=&quot;https://matrix.squiz.net/manuals/core-assets/appendices/keyword-replacements#image-variety&quot;&gt;Full list of image variety keyword replacements&lt;/a&gt;&lt;/p&gt;<br>
<br>
splitsplitsplitsplitsplitsplit<br>
<br>---<br>
title: "I'm Sorry My Blog isn't finished yet"<br>
description: ""<br>
tags: ["Development"," Blog"," Completion"]<br>
date: "2017-12-29 11:09:44"<br>
---<br>
&lt;p&gt;So since I first published my &lt;a href=&quot;https://new.letorey.co.uk/blog/ive-built-a-blog&quot;&gt;first post&lt;/a&gt; on this blog, I&#039;ve been getting messages from friends on social media, for example from my friend David:&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;dave i love the sidebar on your website 😍 &lt;cite&gt;&lt;a href=&quot;https://twitter.com/Orangetronic/status/946097827620339713&quot;&gt;@Orangetronic&lt;/a&gt;&lt;/cite&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;&lt;picture&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0008/2510/varieties/Large.jpg&quot; media=&quot;(min-width: 1024px)&quot;&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0008/2510/varieties/Medium.jpg&quot; media=&quot;(min-width: 599px)&quot;&gt;&lt;img src=&quot;https://new.letorey.co.uk/__data/assets/image/0008/2510/varieties/Small.jpg&quot; srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0008/2510/varieties/Small.jpg&quot; alt=&quot;Sidebar of my blog&quot; /&gt;&lt;/picture&gt; &lt;figcaption&gt;Example of the sidebar in the early days of my blog&lt;/figcaption&gt; &lt;/p&gt;&lt;h2&gt;Why is it not finished?&lt;/h2&gt;&lt;p&gt;Well there are a number of reasons:&lt;/p&gt;&lt;p&gt;First and foremost I&#039;ve been planning this for so many years and nothing has happened as planning and planning and planning&amp;hellip;&lt;/p&gt;&lt;p&gt;So what I decided was to just start writing and build the blog around the writing. There were a couple of things that I started with first:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;A basic grid layout - which I&#039;m yet to blog about&lt;/li&gt;&lt;li&gt;The starting of a &lt;a href=&quot;https://new.letorey.co.uk/style-guide&quot;&gt;Style Guide&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Secondly, I wanted to use this blog to learn and write about my learnings. I have a &lt;a href=&quot;https://new.letorey.co.uk/new-features&quot;&gt;list of things&lt;/a&gt; that I want to build on this blog.&lt;/p&gt;&lt;p&gt;Thirdly, if this blog is ever finished then that means that I&#039;ve stopped learning or I no longer care about the new advances.&lt;/p&gt;&lt;h2&gt;What&#039;s happening next?&lt;/h2&gt;&lt;p&gt;Generally, the development of this site will be lead by either what I write about or what I learn about.&lt;/p&gt;&lt;p&gt;For example the other day I decided that I should have Google Analytics so that I discover where my readers are from. This meant that I needed to put &lt;a href=&quot;https://new.letorey.co.uk/blog/adding-google-analytics-to-a-site&quot;&gt;pictures in my blog post&lt;/a&gt;, which also meant that I needed to workout:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;What type of responsive Images to use&lt;/li&gt;&lt;li&gt;What were the breakpoints for the responsive images&lt;/li&gt;&lt;li&gt;What sizes the images should be&lt;/li&gt;&lt;li&gt;How to style the images and captions&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;This then lead to a later post on &lt;a href=&quot;https://new.letorey.co.uk/blog/responsive-images&quot;&gt;Responsive Images&lt;/a&gt; and updating the style guide. It will also lead to a post on automatically creating multiple versions of an image in Squiz Matrix and a post on how to connect Squiz Matrix to Google Analytics to show results directly in the CMS, a concept originally thought up by &lt;a href=&quot;https://twitter.com/justinavery&quot; title=&quot;Justin&#039;s Twitter&quot;&gt;Justin&lt;/a&gt;.&lt;/p&gt;&lt;p&gt;If you have any thought/ideas then please let me know through &lt;a href=&quot;https://twitter.com/dletorey&quot; title=&quot;My twitter&quot;&gt;twitter&lt;/a&gt;.&lt;/p&gt;<br>
<br>
splitsplitsplitsplitsplitsplit<br>
<br>---<br>
title: "Music 2017"<br>
description: ""<br>
tags: ["Music"," 2017"," Gigs"," Festivals"," Films"," Documentaries"," Kraftwerk"," Autobahn"," Antwerp"," Sigur Ros"," Hammersmith Apollo"," Prophets of Rage"," Rage Against the Machine"," Cypress Hill"," Public Enemy"," Brixton Academy"," Justice"," The Orb"," Underworld"," Radiophonic Workshop"," Leftfield"," Leftism"," Public Service Broadcasting"," Chase & Status"," Orbital"," Unkle"," Tribes"," Every Valley"," Loyle Carner"," Yesterday's Gone"," Laurent Garnier"," Booka Shade"," Greg Wilson"," Oval Space"," Printworks"," XOYO"," Bearded Theory"," Field Day"," Glastonbury"," Standon Calling"," Boomtown"," Beyond the Tracks"," Dreadzone"," Megadog"," Banco de Gaia"," Youth"," Gaudi"," System 7"," The Fall"," Sugar Hill Gang"," Furious Five"," Kismet"," Reverend & the Makers"," Aphex Twin"," Sleaford Mods"," Bunch of Kunst"," Lunar Orbit"," Jeremy Corbyn"," King Gizzard & the Lizard Wizard"," Kate Tempest"," Orbital"," Kulminator"]<br>
date: "2017-12-30 16:53:38"<br>
---<br>
&lt;p&gt;2017 has been an incredible year for music with many highlights.&lt;/p&gt;&lt;h2&gt;Gigs&lt;/h2&gt;&lt;p&gt;This year I&#039;ve been to a great many gigs some amazing and one that I walked out of. I&#039;m not going to mention all of them here, but here are some of my favourites - not in any particular order. I&#039;m often asked &quot;what&#039;s your favourite/best gig this year?&quot;, well that changes depending on what day it is (although Kraftwerk in Antwerp was particularly awesome).&lt;/p&gt;&lt;h3&gt;Kraftwerk&lt;/h3&gt;&lt;p&gt;20 May 2017 - &lt;a href=&quot;http://www.koninginelisabethzaal.be/en&quot; title=&quot;Queen Elisabeth Hall&quot;&gt;Queen Elisabeth Hall, Antwerp, Belgium&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://www.setlist.fm/setlist/kraftwerk/2017/koningin-elisabethzaal-antwerp-belgium-7be7e6d8.html&quot; title=&quot;Set list&quot;&gt;Setlist&lt;/a&gt;&lt;/p&gt;&lt;p&gt;We (Susan &lt;a href=&quot;https://twitter.com/TheWineosaur&quot; title=&quot;Lucy on Twitter&quot;&gt;Lucy&lt;/a&gt; &amp;amp; I), went to see Kraftwerk perform &lt;strong&gt;Autobahn&lt;/strong&gt; in Antwerp. Antwerp is probably my favourite Belgian city and has the greatest pub in the world&lt;sup&gt;&lt;a href=&quot;#1&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;, &lt;a href=&quot;https://www.ratebeer.com/p/kulminator-antwerpen/533/&quot; title=&quot;The Kulminator on Rate Beer&quot;&gt;The Kulminator&lt;/a&gt;.&lt;/p&gt;&lt;p&gt;The gig was at the newly refurbished &lt;span lang=&quot;be&quot;&gt;Koningin Elisabeth Zaal. In fact it was so newly refurbished that, when we left, the exit was still not finished and was just bare concrete walls.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;Our seats were on row &lt;strong&gt;AA&lt;/strong&gt; so when we walked in I headed to the row just behind row Z, however it turned out that row AA was the very front row,( in fact our seats were just in front of Ralf). &lt;picture&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0014/2534/varieties/Large.jpg&quot; media=&quot;(min-width: 1024px)&quot;&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0014/2534/varieties/Medium.jpg&quot; media=&quot;(min-width: 599px)&quot;&gt;&lt;img src=&quot;https://new.letorey.co.uk/__data/assets/image/0014/2534/varieties/Small.jpg&quot; srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0014/2534/varieties/Small.jpg&quot; alt=&quot;Ralf from Kraftwerk&quot; width=&quot;1024&quot; height=&quot;576&quot; /&gt;&lt;/picture&gt; &lt;figcaption&gt; Our view of Ralf Hütter of Kraftwerk &lt;cite&gt; Photo by &lt;a href=&quot;https://twitter.com/TheWineosaur&quot;&gt;Lucy Robinson&lt;/a&gt;&lt;/cite&gt;&lt;/figcaption&gt; &lt;/p&gt;&lt;p&gt;The acoustics in the hall were the best I&#039;ve ever heard. There was not 1 flat surface, which meant that the sound was never bounced off a surface back at you. To top that, Kraftwerk had spent a few days making sure that the audio and video were perfectly set up.&lt;/p&gt;&lt;p&gt;They played all of the tracks from Autobahn&lt;sup&gt;&lt;a href=&quot;#2&quot;&gt;2&lt;/a&gt;&lt;/sup&gt; and also some of their other greatest tracks, including one of my favourites &lt;strong&gt;Tour de France&lt;/strong&gt;&lt;sup&gt;&lt;a href=&quot;#3&quot;&gt;3&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;&lt;h3&gt;Sigur Ros&lt;/h3&gt;&lt;p&gt;20 September 2017 - &lt;a href=&quot;https://www.eventimapollo.com/&quot; title=&quot;Hammersmith Apollo&quot;&gt;Hammersmith Apollo&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://www.setlist.fm/setlist/sigur-ros/2017/eventim-apollo-london-england-2be21096.html&quot; title=&quot;Setlist for Sigur Ros&quot;&gt;Setlist&lt;/a&gt;&lt;/p&gt;&lt;p&gt;We (&lt;a href=&quot;https://twitter.com/CaptFakeBeard&quot; title=&quot;Adrian (aka Captain Fake Beard) on Twitter&quot;&gt;Adrian&lt;/a&gt;, &lt;a href=&quot;https://twitter.com/pintsized&quot; title=&quot;James on Twitter&quot;&gt;James&lt;/a&gt; &amp;amp; I) went to this gig and really there&#039;s only one way to describe this gig: WOW!&lt;/p&gt;&lt;p&gt;The lighting was immense, in fact they used the walls as well as the stage. They had 3 video screens behind each other so they could create 3D visuals. They had smoke machines pumping smoke out the of upstairs and over the balcony.&lt;/p&gt;&lt;p&gt;In the second half of the show they came out behind the first video screen.&lt;/p&gt;&lt;p&gt;The music was monumental and emotional.&lt;/p&gt;&lt;p&gt;Adrian, started filming one of the tracks&lt;sup&gt;&lt;a href=&quot;#4&quot;&gt;4&lt;/a&gt;&lt;/sup&gt;, thinking he&#039;d film 30 seconds and ended up filming over 6 mins.&lt;/p&gt;&lt;h3&gt;Prophets of Rage&lt;/h3&gt;&lt;p&gt;13 June 2017 -&amp;nbsp;&lt;a href=&quot;https://www.academymusicgroup.com/o2academybrixton/&quot; title=&quot;Brixton Academy&quot;&gt;Brixton Academy&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://www.setlist.fm/setlist/prophets-of-rage/2017/o2-academy-brixton-london-england-63e4baa7.html&quot; title=&quot;Setlist for Prophets of Rage Brixton Academy&quot;&gt;Setlist&lt;/a&gt;&lt;picture&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0017/2537/varieties/Large.jpg&quot; media=&quot;(min-width: 1024px)&quot;&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0017/2537/varieties/Medium.jpg&quot; media=&quot;(min-width: 599px)&quot;&gt;&lt;img src=&quot;https://new.letorey.co.uk/__data/assets/image/0017/2537/varieties/Small.jpg&quot; srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0017/2537/varieties/Small.jpg&quot; alt=&quot;Chuck D&quot; /&gt;&lt;/picture&gt; &lt;figcaption&gt; Chuck D in the crowd during Prophets of Rage gig at Brixton Academy &lt;cite&gt; Photo by me &lt;/cite&gt;&lt;/figcaption&gt; &lt;/p&gt;&lt;p&gt;We (&lt;a href=&quot;https://twitter.com/nick_rayman&quot; title=&quot;Nick on Twitter&quot;&gt;Nick&lt;/a&gt;, &lt;a href=&quot;https://twitter.com/bigjamielicence&quot; title=&quot;Jamie on Twitter&quot;&gt;Jamie&lt;/a&gt; &amp;amp; I) went to this gig, based on the reaction of Ian &amp;amp; Michala when they went to see them in New York in September 2016.&lt;/p&gt;&lt;p&gt;The Prophets of Rage&lt;sup&gt;&lt;a href=&quot;#5&quot;&gt;5&lt;/a&gt;&lt;/sup&gt; are a super group made up of members of Rage Against the Machine&lt;sup&gt;&lt;a href=&quot;#6&quot;&gt;6&lt;/a&gt;&lt;/sup&gt;, Public Enemy&lt;sup&gt;&lt;a href=&quot;#7&quot;&gt;7&lt;/a&gt;&lt;/sup&gt; &amp;amp; Cypress Hill&lt;sup&gt;&lt;a href=&quot;#8&quot;&gt;8&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;&lt;p&gt;I thought I was too old for mosh pits it turns out not, with the help of Jamie working as human barrier for me.&lt;/p&gt;&lt;p&gt;The energy was intense and powerful - a stupendous gig.&lt;/p&gt;&lt;p&gt;The encore was a cover of Rage Against the Machine&#039;s &lt;strong&gt;Killing in the Name Of&lt;/strong&gt;. Jamie filmed this&lt;sup&gt;&lt;a href=&quot;#9&quot;&gt;9&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;&lt;h3&gt;Justice&lt;/h3&gt;&lt;p&gt;29 September 2017 - &lt;a href=&quot;https://www.academymusicgroup.com/o2academybrixton/&quot; title=&quot;Brixton Academy&quot;&gt;Brixton Academy&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://www.setlist.fm/setlist/justice/2017/o2-academy-brixton-london-england-53e24f85.html&quot; title=&quot;Justice Setlist Brixton Academy&quot;&gt;Setlist&lt;/a&gt;&lt;picture&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0015/2535/varieties/Large.jpg&quot; media=&quot;(min-width: 1024px)&quot;&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0015/2535/varieties/Medium.jpg&quot; media=&quot;(min-width: 599px)&quot;&gt;&lt;img src=&quot;https://new.letorey.co.uk/__data/assets/image/0015/2535/varieties/Small.jpg&quot; srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0015/2535/varieties/Small.jpg&quot; alt=&quot;Justice Brixton Academy&quot; /&gt;&lt;/picture&gt; &lt;figcaption&gt; Justice Brixton Academy &lt;cite&gt; Photo by &lt;a href=&quot;https://www.twitter.com/dletorey&quot; title=&quot;Me on twitter&quot; rel=&quot;me&quot;&gt;me&lt;/a&gt;&lt;/cite&gt;&lt;/figcaption&gt; &lt;/p&gt;&lt;p&gt;I went to this with &lt;a href=&quot;https://twitter.com/CaptFakeBeard&quot; title=&quot;Captain on Twitter&quot;&gt;Adrian&lt;/a&gt;.This was a great gig. We met Adam there too who dropped his phone in the mosh pit and then got it back later in the evening as someone had handed it in.&lt;/p&gt;&lt;p&gt;The lighting was insane! Everything lit up -&amp;nbsp;&amp;nbsp;the walls, the floor, the ceiling, the speakers, the equipment - everything except Justice.&lt;/p&gt;&lt;p&gt;The lighting was so bright that the video I filmed&lt;sup&gt;&lt;a href=&quot;#10&quot;&gt;10&lt;/a&gt;&lt;/sup&gt; had to be shot through my sun glasses.&lt;/p&gt;&lt;h3&gt;Other highlights this year:&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;The Orb &amp;amp; Friends - Festival Hall - 21 April 2017 - &lt;a href=&quot;https://www.setlist.fm/setlist/the-orb/2017/southbank-centre-london-england-2be6184a.html&quot; title=&quot;Set 1 - Adventures&quot;&gt;Set 1&lt;/a&gt;, &lt;a href=&quot;https://www.setlist.fm/setlist/the-orb/2017/southbank-centre-london-england-1be6212c.html&quot; title=&quot;Set 2 Chill out world&quot;&gt;Set 2&lt;/a&gt;&lt;/li&gt;&lt;li&gt;Underworld - Alexandra Palace&lt;sup&gt;&lt;a href=&quot;#11&quot;&gt;11&lt;/a&gt;&lt;/sup&gt; - 17 March 2017 - &lt;a href=&quot;https://www.setlist.fm/setlist/underworld/2017/alexandra-palace-london-england-13f9198d.html&quot; title=&quot;Underworld Setlist&quot;&gt;Setlist&lt;/a&gt;&lt;/li&gt;&lt;li&gt;Radiophonic Workshop - Jazz Cafe&lt;sup&gt;&lt;a href=&quot;#12&quot;&gt;12&lt;/a&gt;&lt;/sup&gt; - 22 March 2017 - &lt;a href=&quot;https://www.setlist.fm/setlist/the-bbc-radiophonic-workshop/2017/jazz-cafe-london-england-2be468d6.html&quot; title=&quot;Part of the setlist&quot;&gt;Setlist&lt;/a&gt;&lt;/li&gt;&lt;li&gt;Leftfield playing Leftism - Brixton Academy - 12 May 2017 - &lt;a href=&quot;https://www.setlist.fm/setlist/leftfield/2017/o2-academy-brixton-london-england-53e7eb69.html&quot; title=&quot;Leftfield Setlist&quot;&gt;Setlist&lt;/a&gt;&lt;/li&gt;&lt;li&gt;Public Service Broadcasting - Hammersmith Apollo&lt;sup&gt;&lt;a href=&quot;#13&quot;&gt;13&lt;/a&gt;&lt;/sup&gt; - 26 October 2017 - &lt;a href=&quot;https://www.setlist.fm/setlist/public-service-broadcasting/2017/eventim-apollo-london-england-2be308c6.html&quot; title=&quot;PSB Setlist&quot;&gt;Setlist&lt;/a&gt;&lt;/li&gt;&lt;li&gt;Chase &amp;amp; Status - Brixton Academy - 1 November 2017 - &lt;a href=&quot;https://www.setlist.fm/setlist/chase-and-status/2017/o2-academy-brixton-london-england-5be36fac.html&quot; title=&quot;Chase &amp;amp; Status setlist&quot;&gt;Setlist&lt;/a&gt;&lt;/li&gt;&lt;li&gt;Orbital - Hammersmith Apollo - 2 December 2017 -&amp;nbsp;&amp;nbsp;&lt;a href=&quot;https://www.setlist.fm/setlist/orbital/2017/eventim-apollo-london-england-43e00323.html&quot; title=&quot;Orbital Setlist&quot;&gt;Setlist&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;Clubbing&lt;/h2&gt;&lt;p&gt;I haven&#039;t been clubbing many times this year, but during those times I&#039;ve discovered two amazing new venues, &lt;a href=&quot;https://ovalspace.co.uk/&quot; title=&quot;Oval Space site&quot;&gt;Oval Space&lt;/a&gt; &amp;amp; &lt;a href=&quot;http://printworkslondon.co.uk/&quot; title=&quot;Printworks Site&quot;&gt;Printworks&lt;/a&gt;.&lt;/p&gt;&lt;h3&gt;Laurent Garnier&lt;/h3&gt;&lt;p&gt;11 February 2017 - Oval Space&lt;/p&gt;&lt;p&gt;When we first arrived I was really dubious about this; we could hear nothing at all. As we checked our coats into the cloakroom and worked our way upstairs to the main room, we could still hear nothing. As soon as we opened the door, there was the bass! It had been hiding behind the amazing soundproofing.&lt;/p&gt;&lt;p&gt;The wall on the right was entirely glazed and quadruple glazed at that. This had the effect that when you looked out and saw the terraced housing, the lighting reflected in the window looked like aliens were invading Bethnal Green.&lt;/p&gt;&lt;p&gt;Laurent Garnier was supported by French Techno DJ, DJ Deep. Just like Laurent Garnier he was banging - unless you were Issac Small!&lt;/p&gt;&lt;p&gt;Issac Small, took great exception to DJ Deep playing a &quot;Banging Set&quot; and he&#039;d gone round the venue and defacing all the posters explaining:&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;Warm up DJs, should Warm Up not play a Banging set to distract from the main act &lt;cite&gt; Issac Smalls &lt;/cite&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;h3&gt;Booka Shade&lt;/h3&gt;&lt;p&gt;7 April 2017 - Printworks&lt;/p&gt;&lt;p&gt;Printworks is another incredible venue, it used to house the printing presses of the Evening Standard.&lt;/p&gt;&lt;p&gt;The lighting rig is amazing.&lt;/p&gt;&lt;h3&gt;Greg Wilson&lt;/h3&gt;&lt;p&gt;4 November 2017 - &lt;a href=&quot;http://xoyo.co.uk/&quot; title=&quot;XOYO site&quot;&gt;XOYO&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Greg is just awesome, love the guy, here&#039;s his &lt;a href=&quot;https://soundcloud.com/gregwilson/xoyo-london-041117-greg-wilson-live-mix&quot;&gt;set from this night&lt;/a&gt;. There were a great many of us who went and we had our own private podium next to the DJ booth.&lt;/p&gt;&lt;h2&gt;Festivals&lt;/h2&gt;&lt;p&gt;This year I did quite a few festivals:&lt;/p&gt;&lt;h3&gt;Bearded Theory&lt;/h3&gt;&lt;p&gt;25-28 May 2017 - &lt;a href=&quot;http://www.efestivals.co.uk/festivals/beardedtheory/2017/lineup.shtml&quot;&gt;Lineup&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;http://www.beardedtheory.co.uk/&quot;&gt;Bearded Theory&lt;/a&gt; as always was fantastic - this one more so with it being the 10th anniversary&lt;/p&gt;&lt;h4&gt;Highlights&lt;/h4&gt;&lt;p&gt;On the Thursday, they had the same lineup as the first Bearded Theory -&amp;nbsp;&lt;a href=&quot;https://twitter.com/dreadzonemusic&quot; title=&quot;Dreadzone on twitter&quot;&gt;Dreadzone&lt;/a&gt;&lt;sup&gt;&lt;a href=&quot;#15&quot;&gt;15&lt;/a&gt;&lt;/sup&gt; closed the Pallet stage.&lt;/p&gt;&lt;p&gt;On Friday, &lt;a href=&quot;http://www.megadog.co.uk/&quot; title=&quot;Megadog site&quot;&gt;Megadog&lt;/a&gt; took over the Magical Sounds Dance tent. I pretty much stayed in there all day -&amp;nbsp;&lt;a href=&quot;https://twitter.com/bancodegaia&quot; title=&quot;Banco de Gaia on twitter&quot;&gt;Banco de Gaia&lt;/a&gt;&lt;sup&gt;&lt;a href=&quot;#16&quot;&gt;16&lt;/a&gt;&lt;/sup&gt; were brilliant&lt;/p&gt;&lt;p&gt;Saturday I spent most of the day in the Dance tent, again, featuring &lt;a href=&quot;https://twitter.com/youthmartin&quot; title=&quot;Youth on Twitter&quot;&gt;Youth&lt;/a&gt;, &lt;a href=&quot;https://twitter.com/gaudi_music&quot; title=&quot;Gaudi on Twitter&quot;&gt;Gaudi&lt;/a&gt; and &lt;a href=&quot;https://www.facebook.com/System7page/?ref=br_rs&quot; title=&quot;System 7 on Facebook&quot;&gt;System 7&lt;/a&gt;, I also loved&amp;nbsp;&lt;a href=&quot;https://twitter.com/TheFallDaily&quot; title=&quot;The fall on Twitter&quot;&gt;The Fall&lt;/a&gt; on the Woodlands stage. During the System 7&lt;sup&gt;&lt;a href=&quot;#17&quot;&gt;17&lt;/a&gt;&lt;/sup&gt;, set Miquette became unwell and it turned into a Steve Hillage Jam session, BRILLIANT!&lt;/p&gt;&lt;p&gt;Sunday was a fun fun day featuring Sugar Hill Gang &amp;amp; Furious Five, Kismet &amp;amp; Reverend &amp;amp; the Makers.&lt;/p&gt;&lt;h3&gt;Field Day&lt;/h3&gt;&lt;p&gt;3 June 2017 - &lt;a href=&quot;http://www.efestivals.co.uk/festivals/fieldday/2017/lineup.shtml&quot;&gt;Lineup&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Field day was, originally, about 1 thing and 1 thing alone &lt;a href=&quot;https://twitter.com/AphexTwin&quot; title=&quot;Aphex twin on Twitter&quot;&gt;Aphex Twin&lt;/a&gt; - That was until I learnt about &lt;a href=&quot;https://twitter.com/LoyleCarner&quot; title=&quot;Loyle Carner on Twitter&quot;&gt;Loyle Carner&lt;/a&gt;.&lt;/p&gt;&lt;p&gt;Loyle Carner was brilliant, as he has been all the times i&#039;ve seen him this year.&lt;/p&gt;&lt;p&gt;Aphex Twin, well what can I say about this? Firstly they&#039;d built a Tent (when I say tent I mean aircraft Hanger) so that he could play in the dark for the videos &amp;amp; lasers. &lt;picture&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0018/2538/varieties/Large.jpg&quot; media=&quot;(min-width: 1024px)&quot;&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0018/2538/varieties/Medium.jpg&quot; media=&quot;(min-width: 599px)&quot;&gt;&lt;img src=&quot;https://new.letorey.co.uk/__data/assets/image/0018/2538/varieties/Small.jpg&quot; srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0018/2538/varieties/Small.jpg&quot; alt=&quot;Aphex Twin Tent&quot; /&gt;&lt;/picture&gt; &lt;figcaption&gt; Aphex Twin Tent at Field Day, it had 82 doors &lt;cite&gt; Photo by Me &lt;/cite&gt;&lt;/figcaption&gt; &lt;/p&gt;&lt;p&gt;When we got in to the tent, it was rammed - easily 20,000 people. The 1st 10 minutes were just white noise, that cleared out a few hipsters! The gig was &lt;a href=&quot;https://www.youtube.com/watch?v=YJA5yFqFw18&quot;&gt;streamed live&lt;/a&gt;&lt;sup&gt;&lt;a href=&quot;#18&quot;&gt;18&lt;/a&gt;&lt;/sup&gt;. &lt;picture&gt;&lt;img src=&quot;https://new.letorey.co.uk/__data/assets/image/0019/2539/varieties/Small.jpg&quot; srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0019/2539/varieties/Small.jpg&quot; alt=&quot;Aphex Twin Video Screens&quot; width=&quot;690&quot; height=&quot;306&quot; /&gt;&lt;/picture&gt;  &lt;cite&gt; Photo by Me &lt;/cite&gt;&lt;figcaption&gt; Aphex Twin Video Screens & Lasers at Field Day &lt;/figcaption&gt; &lt;/p&gt;&lt;h3&gt;Glastonbury&lt;/h3&gt;&lt;p&gt;21-25 June 2017 - &lt;a href=&quot;http://www.glastonburyfestivals.co.uk/line-up/line-up-2017/&quot; title=&quot;Glastonbury 2017 Lineup&quot;&gt;Lineup&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Glastonbury, as always ,was excellent fun.&lt;/p&gt;&lt;h4&gt;Highlights&lt;/h4&gt;&lt;p&gt;&lt;a href=&quot;https://twitter.com/Orbinfo&quot; title=&quot;The Orb on Twitter&quot;&gt;The Orb&lt;/a&gt; Glade takeover - Thursday 18:00-02:50 Glade Stage, featuring The Orb, Steve Hillage, Gaudi and many others&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://www.bbc.co.uk/events/ec584f/play/agc3v2/p0580c9m&quot; title=&quot;Sleaford Mods live at Glastonbury&quot;&gt;Sleaford Mods&lt;/a&gt; - Friday 21:00 -&amp;nbsp;&amp;nbsp;Park Stage Introduced by Lord Buckethead&lt;sup&gt;&lt;a href=&quot;#19&quot;&gt;19&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://www.youtube.com/watch?v=UVGFi8balOM&quot; title=&quot;Jeremy Corbyn live on the Pyramid Stage&quot;&gt;Jeremy Corbyn&lt;/a&gt; - Saturday 16:00 - Pyramid Stage&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://www.bbc.co.uk/events/ec584f/play/av35q9/p057x8hv&quot; title=&quot;Loyle Carner live at John Peel Stage Glastonbury&quot;&gt;Loyle Carner&lt;/a&gt; - Saturday 16:50 - John Peel Stage&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://www.bbc.co.uk/events/ec584f/play/a42wbp/p057x32y&quot; title=&quot;King Gizzard and the Lizard Wizard live at Glastonbury&quot;&gt;King Gizzard and the Lizard Wizard&lt;/a&gt; - Sunday 14:30 - John Peel Stage&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://www.youtube.com/watch?v=5ZeEFZtFz_U&quot;&gt;System 7&lt;/a&gt; - Sunday 22:55 - Glade Stage&lt;/p&gt;&lt;h3&gt;Standon Calling&lt;/h3&gt;&lt;p&gt;28 July 2017 - &lt;a href=&quot;https://standon-calling.com/lineup-2017/&quot;&gt;Lineup&lt;/a&gt;&lt;/p&gt;&lt;p&gt;I only went for 1 day; Orbital Day.&lt;/p&gt;&lt;p&gt;The bonus was, &lt;a href=&quot;https://twitter.com/katetempest&quot; title=&quot;Kate Tempest on Twitter&quot;&gt;Kate Tempest&lt;/a&gt; also played that day and, boy, was she amazing&lt;sup&gt;&lt;a href=&quot;#20&quot;&gt;20&lt;/a&gt;&lt;/sup&gt;!&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://twitter.com/orbitalband&quot; title=&quot;Orbital on Twitter&quot;&gt;Orbital&lt;/a&gt; were the reason I went in the first place - they were good (not great but good) - mostly due to the crowd.&lt;/p&gt;&lt;p&gt;I shan&#039;t go to Standon Calling again, for me there were too many teenagers and it just wasn&#039;t for me.&lt;/p&gt;&lt;h3&gt;Boomtown&lt;/h3&gt;&lt;p&gt;9-12 August 2017 - &lt;a href=&quot;https://www.boomtownfair.co.uk/gallery/line-up-posters/&quot;&gt;Lineup&lt;/a&gt;&lt;/p&gt;&lt;p&gt;I&#039;m not telling you about Boomtown. All you need to know is you need to experience it for yourself.&lt;/p&gt;&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/hKDYKFif9uk&quot; frameborder=&quot;0&quot; gesture=&quot;media&quot; allow=&quot;encrypted-media&quot; allowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;&lt;h3&gt;Beyond the Tracks&lt;/h3&gt;&lt;p&gt;15 September 2017 - &lt;a href=&quot;http://www.efestivals.co.uk/festivals/others2017/beyondthetracks/lineup.shtml&quot;&gt;Lineup&lt;/a&gt;&lt;/p&gt;&lt;p&gt;We only went for 1 day, the Friday. Leftfield supporting Orbital. Top top night!&lt;/p&gt;&lt;h2&gt;Albums&lt;/h2&gt;&lt;p&gt;While there have been many great albums this year, 4 have blown me away they are:&lt;/p&gt;&lt;h3&gt;Loyle Carner - Yesterday&#039;s Gone&lt;/h3&gt;&lt;iframe src=&quot;https://open.spotify.com/embed/album/0tgsACxUMuBElueq2YRe1K&quot; width=&quot;300&quot; height=&quot;380&quot; frameborder=&quot;0&quot; allowtransparency=&quot;true&quot;&gt;&lt;/iframe&gt;&lt;h3&gt;Public Service Broadcasting - Every Valley&lt;/h3&gt;&lt;iframe src=&quot;https://open.spotify.com/embed/album/3a33Xlh3zCHxs1hOlGTzMz&quot; width=&quot;300&quot; height=&quot;380&quot; frameborder=&quot;0&quot; allowtransparency=&quot;true&quot;&gt;&lt;/iframe&gt;&lt;h3&gt;Unkle - The Road pt 1&lt;/h3&gt;&lt;iframe src=&quot;https://open.spotify.com/embed/album/3smDqYFdgz4c67b1JHFl2u&quot; width=&quot;300&quot; height=&quot;380&quot; frameborder=&quot;0&quot; allowtransparency=&quot;true&quot;&gt;&lt;/iframe&gt;&lt;h3&gt;Chase &amp;amp; Status - Tribes&lt;/h3&gt;&lt;iframe src=&quot;https://open.spotify.com/embed/album/17Vuna2GN1VDRGdQqx4RZe&quot; width=&quot;300&quot; height=&quot;380&quot; frameborder=&quot;0&quot; allowtransparency=&quot;true&quot;&gt;&lt;/iframe&gt;&lt;h2&gt;Films&lt;/h2&gt;&lt;h3&gt;Bunch of Kunst - Sleaford Mods&lt;/h3&gt;&lt;p&gt;&lt;a href=&quot;http://www.imdb.com/title/tt6520634&quot;&gt;IMDB&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://vimeo.com/228965948&quot; title=&quot;Bunch of Kunst Trailer&quot;&gt;Trailer&lt;/a&gt;&lt;/p&gt;&lt;p&gt;I found this one of the best music documentaries I&#039;ve ever seen. If you get the chance go see it.&lt;/p&gt;&lt;h3&gt;Lunar Orbit - A film about The Orb&lt;/h3&gt;&lt;p&gt;&lt;a href=&quot;http://www.imdb.com/title/tt5896404&quot;&gt;IMDB&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://www.lunarorbitfilm.com/#trailer&quot;&gt;Trailer&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Fascinating insight into the life of Alex &amp;amp; Thomas.&lt;/p&gt;&lt;h2&gt;Footnotes&lt;/h2&gt;&lt;p&gt;&lt;sup id=&quot;1&quot;&gt;1&lt;/sup&gt; &lt;a href=&quot;https://belgiuminabox.com/blog/2011/02/the-kuliminator-voted-as-best-beer-pub-in-the-world-by-ratebeer-com&quot; title=&quot;Kulminator rated as the best pub in the world&quot;&gt;Kulminator rated as the best pub in the world&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;2&quot;&gt;2&lt;/sup&gt; &lt;a href=&quot;https://en.wikipedia.org/wiki/Autobahn_(album)&quot; title=&quot;Autobahn the Album&quot;&gt;Autobahn the Album - Wikipedia&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;3&quot;&gt;3&lt;/sup&gt; &lt;a href=&quot;https://vimeo.com/218337825&quot;&gt;Tour De France by Kraftwerk live in Antwerp&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;4&quot;&gt;4&lt;/sup&gt; &lt;a href=&quot;https://vimeo.com/235882023&quot; title=&quot;Sigur Ros live at Hammersmith Apollo filmed by Adrian&quot;&gt;Sigur Ros live at Hammersmith Apollo filmed by Adrian&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;5&quot;&gt;5&lt;/sup&gt; &lt;a href=&quot;https://en.wikipedia.org/wiki/Prophets_of_Rage&quot; title=&quot;Prophets of Rage&quot;&gt;Prophets of Rage - Wikipedia&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;6&quot;&gt;6&lt;/sup&gt; &lt;a href=&quot;https://en.wikipedia.org/wiki/Rage_Against_the_Machine&quot; title=&quot;Rage Against the Machine&quot;&gt;Rage Against the Machine - Wikipedia&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;7&quot;&gt;7&lt;/sup&gt; &lt;a href=&quot;https://en.wikipedia.org/wiki/Public_Enemy_(group)&quot; title=&quot;Public Enemy&quot;&gt;Public Enemy - Wikipedia&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;8&quot;&gt;8&lt;/sup&gt; &lt;a href=&quot;https://en.wikipedia.org/wiki/Cypress_Hill&quot;&gt;Cypress Hill - Wikipedia&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;9&quot;&gt;9&lt;/sup&gt; &lt;a href=&quot;https://vimeo.com/221554353&quot;&gt;Killing in the Name of by Prophets of Rage live at Brixton Academy, fillmed by Jamie&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;10&quot;&gt;10&lt;/sup&gt; &lt;a href=&quot;https://vimeo.com/236066106&quot;&gt;Justice live at Brixton Academy, filmed by me&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;11&quot;&gt;11&lt;/sup&gt; &lt;a href=&quot;https://vimeo.com/208978343&quot; title=&quot;Underworld Scribbler live at Alexandra Palace&quot;&gt;Underworld Scribbler live at Alexandra Palace, filmed by Me&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;12&quot;&gt;12&lt;/sup&gt; &lt;a href=&quot;https://vimeo.com/209704950&quot; title=&quot;Radiophonic Workshop Hitchhikers Guide to the Galaxy&quot;&gt;Radiophonic Workshop Hitchhikers Guide to the Galaxy, filmed by Me&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;13&quot;&gt;13&lt;/sup&gt; &lt;a href=&quot;https://vimeo.com/240810563&quot;&gt;Public Service Broadcasting playing Gagarin live at Hammersmith Apollo&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;14&quot;&gt;14&lt;/sup&gt; &lt;a href=&quot;https://vimeo.com/212337195&quot;&gt;Booka Shade live at Printworks, video by Me&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;15&quot;&gt;15&lt;/sup&gt; &lt;a href=&quot;https://www.youtube.com/watch?v=p1l_3gkEWAk&quot;&gt;Dreadzone live at Bearded Theory 2017&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;16&quot;&gt;16&lt;/sup&gt; &lt;a href=&quot;https://www.youtube.com/watch?v=hulwUJFW_dc&quot;&gt;Banco de Gaia live at Bearded Theory 2017&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;17&quot;&gt;17&lt;/sup&gt; &lt;a href=&quot;https://vimeo.com/239607777&quot; title=&quot;System 7 live at Bearded Theory&quot;&gt;System 7 live at Bearded Theory, video by Me&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;18&quot;&gt;18&lt;/sup&gt; &lt;a href=&quot;https://www.setlist.fm/setlist/aphex-twin/2017/victoria-park-london-england-23e708b7.html&quot;&gt;Aphex Twin Field Day set list&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;19&quot;&gt;19&lt;/sup&gt; &lt;a href=&quot;https://vimeo.com/227708339&quot;&gt;Lord Buckethead introducing the Sleaford Mods, video by Me&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;20&quot;&gt;20&lt;/sup&gt; &lt;a href=&quot;https://vimeo.com/227708856&quot;&gt;Kate Tempest live at Standon Calling, video by Me&lt;/a&gt;&lt;/p&gt;<br>
<br>
splitsplitsplitsplitsplitsplit<br>
<br>---<br>
title: "CSS text-decoration-skip"<br>
description: ""<br>
tags: ["CSS"," text-decoration-skip"," underline"," break the line"," MDN"," Can I Use"]<br>
date: "2018-01-04 12:02:49"<br>
---<br>
&lt;p&gt;Looking at twitter this morning I saw a tweet by &lt;a href=&quot;https://www.twitter.com/notwaldorf&quot; title=&quot;Monica&#039;s twitter&quot;&gt;Monica Dinculescu‏&lt;/a&gt;:&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;Whatttttt how did I miss that `text-decoration-skip: ink` works in Chrome now? 🎉 &lt;cite&gt;&lt;a href=&quot;https://twitter.com/notwaldorf/status/948696156355219456&quot;&gt;Monica Dinculescu&lt;/a&gt;&lt;/cite&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;h2&gt;Is this right?&lt;/h2&gt;&lt;p&gt;Reading further down this twitter thread:&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;🚨 Oh no, I&#039;ve led you to dragons. &lt;br /&gt;Previous tweet was a bit wrong. So:&lt;br /&gt; - text-decoration-skip: ink is deprecated&lt;br /&gt; - text-decoration-skip-ink is the new thing, and works in Beta/Stable &lt;br /&gt;(🙌 to &lt;a href=&quot;https://twitter.com/ebidel&quot;&gt;&lt;strong&gt;@ebidel&lt;/strong&gt;&lt;/a&gt; for sherlocking this with me) &lt;cite&gt;&lt;a href=&quot;https://twitter.com/notwaldorf/status/948708058674339841&quot;&gt;Monica Dinculescu&lt;/a&gt;&lt;/cite&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;It appears that this has been deprecated.&lt;/p&gt;&lt;h3&gt;So I also looked into this&lt;/h3&gt;&lt;h4&gt;Can I Use&lt;/h4&gt;&lt;p&gt;Can I use does not, yet, have an entry for &lt;code&gt;text-decoration-skip-ink&lt;/code&gt;&lt;sup&gt;&lt;a href=&quot;#1&quot;&gt;1&lt;/a&gt;&lt;/sup&gt; but does have an entry for &lt;code&gt;text-decoration-skip&lt;/code&gt;&lt;sup&gt;&lt;a href=&quot;#2&quot;&gt;2&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;&lt;p&gt;It states that &lt;code&gt;text-decoration-skip:ink;&lt;/code&gt; and &lt;code&gt;text-decoration-skip:object;&lt;/code&gt; works in &lt;em&gt;Chrome 61+&lt;/em&gt; and &lt;em&gt;Chrome for Android 62&lt;/em&gt;. &lt;picture&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0012/2550/varieties/Large.jpg&quot; media=&quot;(min-width: 1024px)&quot;&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0012/2550/varieties/Medium.jpg&quot; media=&quot;(min-width: 599px)&quot;&gt;&lt;img src=&quot;https://new.letorey.co.uk/__data/assets/image/0012/2550/varieties/Small.jpg&quot; srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0012/2550/varieties/Small.jpg&quot; alt=&quot;Can I Use text-decoration-skip&quot; /&gt;&lt;/picture&gt; &lt;figcaption&gt; Entry in Can I Use for text-decoration-skip 04/01/2018 &lt;/figcaption&gt; &lt;/p&gt;&lt;h4&gt;MDN (Mozilla Developer Network)&lt;/h4&gt;&lt;p&gt;MDN has an entry for both &lt;code&gt;text-decoration-skip-ink&lt;/code&gt; and &lt;code&gt;text-decoration-skip&lt;/code&gt; .&lt;/p&gt;&lt;h5&gt;text-decoration-skip-ink&lt;sup&gt;&lt;a href=&quot;#3&quot;&gt;3&lt;/a&gt;&lt;/sup&gt;&lt;/h5&gt;&lt;p&gt;This has two &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-skip-ink#Values&quot; title=&quot;text-decoration-skip-ink Values&quot;&gt;values&lt;/a&gt; available:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;code&gt; text-decoration-skip-ink: none; &lt;/code&gt; - no effect&lt;/li&gt;&lt;li&gt;&lt;code&gt; text-decoration-skip-ink: auto; &lt;/code&gt; - the underline will skip any characters that break the underline&lt;/li&gt;&lt;/ul&gt;&lt;h6&gt;Example&lt;/h6&gt;&lt;p&gt;&lt;img src=&quot;https://new.letorey.co.uk/__data/assets/image/0020/2549/example-of-text-decoration-ink-auto.jpg&quot; alt=&quot;Example of line being broken for letters with tails&quot; width=&quot;278&quot; height=&quot;32&quot; /&gt;&lt;/p&gt;&lt;h6&gt;Support&lt;sup&gt;&lt;a href=&quot;#4&quot;&gt;4&lt;/a&gt;&lt;/sup&gt;&lt;/h6&gt;&lt;p&gt;MDN says this is currently supports (as of 04/01/2018):&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Desktop&lt;ul&gt;&lt;li&gt;Chrome 64&lt;/li&gt;&lt;li&gt;Opera 50&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Mobile&lt;ul&gt;&lt;li&gt;Android webview 64&lt;/li&gt;&lt;li&gt;Chrome for Android 64&lt;/li&gt;&lt;li&gt;Opera for Android 50&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h5&gt;text-decoration-skip&lt;sup&gt;&lt;a href=&quot;#5&quot;&gt;5&lt;/a&gt;&lt;/sup&gt;&lt;/h5&gt;&lt;p&gt;This has seven &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-skip&quot; title=&quot;text-decoration-skip Values&quot;&gt;values&lt;/a&gt; available, &lt;code&gt;ink&lt;/code&gt; not being one:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;code&gt;none&lt;/code&gt; - Nothing is skipped, i.e. text decoration is drawn for all text content and across atomic inline-level boxes.&lt;/li&gt;&lt;li&gt;&lt;code&gt;objects&lt;/code&gt; - The entire margin box of the element is skipped if it is an atomic inline such as an image or inline-block.&lt;/li&gt;&lt;li&gt;&lt;code&gt;spaces&lt;/code&gt; - All spacing is skipped, i.e. all &lt;a href=&quot;http://www.unicode.org/reports/tr44/#White_Space&quot;&gt;Unicode white space characters&lt;/a&gt; and all word separators, plus any adjacent &lt;code&gt;letter-spacing&lt;/code&gt; or &lt;code&gt;word-spacing&lt;/code&gt; .&lt;/li&gt;&lt;li&gt;&lt;code&gt;leading-spaces&lt;/code&gt; - The same as &lt;code style=&quot;padding: 0px 2px;border: 0px&quot;&gt;spaces&lt;/code&gt; , except that only leading spaces are skipped.&lt;/li&gt;&lt;li&gt;&lt;code&gt;trailing-spaces&lt;/code&gt; - The same as &lt;code&gt;spaces&lt;/code&gt; , except that only trailing spaces are skipped.&lt;/li&gt;&lt;li&gt;&lt;code&gt;edges&lt;/code&gt; - The start and end of the text decoration is placed slightly inward (e.g. by half of the line thickness) from the content edge of the decorating box. E.g. two underlined elements side-by-side do not appear to have a single underline. (This is important in Chinese, where underlining is a form of punctuation.)&lt;/li&gt;&lt;li&gt;&lt;code&gt;box-decoration&lt;/code&gt; - The text decoration is skipped over the box&#039;s margin, border and padding areas. This only has an effect on decorations imposed by an ancestor; a&amp;nbsp;&lt;em style=&quot;border: 0px&quot;&gt;decorating box&lt;/em&gt; never draws over its own box decoration.&lt;/li&gt;&lt;/ul&gt;&lt;h6&gt;Support&lt;sup&gt;&lt;a href=&quot;#6&quot;&gt;6&lt;/a&gt;&lt;/sup&gt;&lt;/h6&gt;&lt;p&gt;MDN says this is currently supports (as of 04/01/2018):&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Desktop&lt;ul&gt;&lt;li&gt;Chrome 57&lt;/li&gt;&lt;li&gt;Opera 44&lt;/li&gt;&lt;li&gt;Safari 8 with &lt;code&gt;webkit-&lt;/code&gt; prefix&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Mobile&lt;ul&gt;&lt;li&gt;Android webview 57&lt;/li&gt;&lt;li&gt;Chrome for Android 57&lt;/li&gt;&lt;li&gt;Opera for Android 44&lt;/li&gt;&lt;li&gt;Safari 8 with &lt;code&gt;webkit-&lt;/code&gt; prefix&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;Footnotes&lt;/h2&gt;&lt;p&gt;&lt;sup id=&quot;1&quot;&gt;1&lt;/sup&gt; &lt;a href=&quot;https://caniuse.com/#search=text-decoration-skip-ink&quot;&gt;Can I Use text-decoration-skip-ink&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;2&quot;&gt;2&lt;/sup&gt; &lt;a href=&quot;https://caniuse.com/#search=text-decoration-skip&quot;&gt;Can I Use text-decoration-skip&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;3&quot;&gt;3&lt;/sup&gt; &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-skip-ink&quot;&gt;MDN text-decoration-skip-ink&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;4&quot;&gt;4&lt;/sup&gt; &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-skip-ink#Browser_Compatibility&quot;&gt;MDN text-decoration-skip-ink Browser support&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;5&quot;&gt;5&lt;/sup&gt; &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-skip&quot;&gt;MDN text-decoration-skip&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;sup id=&quot;6&quot;&gt;6&lt;/sup&gt; &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-skip#Browser_Compatibility&quot;&gt;MDN text-decoration-skip Browser support&lt;/a&gt;&lt;/p&gt;<br>
<br>
splitsplitsplitsplitsplitsplit<br>
<br>---<br>
title: "Snow Crash - Neal Stephenson"<br>
description: ""<br>
tags: ["Snow Crash - Neal Stephenson"," Book"," Review"," Dystopia"]<br>
date: "2018-01-28 19:33:00"<br>
---<br>
&lt;h2&gt;Plot&lt;/h2&gt;&lt;p&gt;Set in a dystopian near future, where the world is run by franchises and people find joy in a virtual world called the &lt;em&gt;Metaverse&lt;/em&gt;.&lt;/p&gt;&lt;h2&gt;My Thoughts&lt;/h2&gt;&lt;p&gt;There are parts of this book that are so exciting that I often missed my stop on the tube on my way to work. Then there are bits, although way fewer, that are not so exciting. Overall this is a highly enjoyable book.&lt;/p&gt;&lt;h3&gt;Rating&lt;/h3&gt;&lt;p&gt;4/5&lt;/p&gt;&lt;h2&gt;Cover&lt;/h2&gt;&lt;p&gt;&lt;picture&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0007/2599/varieties/Small.jpg&quot; media=&quot;(min-width: 1024px)&quot;&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0007/2599/varieties/Small.jpg&quot; media=&quot;(min-width: 599px)&quot;&gt;&lt;img src=&quot;https://new.letorey.co.uk/__data/assets/image/0007/2599/varieties/Small.jpg&quot; srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0007/2599/varieties/Small.jpg&quot; alt=&quot;&quot; /&gt;&lt;/picture&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://smile.amazon.co.uk/Snow-Crash-Neal-Stephenson/dp/0241953189/ref=sr_1_1&quot;&gt;Buy it from Amazon&lt;/a&gt;&lt;/p&gt;<br>
<br>
splitsplitsplitsplitsplitsplit<br>
<br>---<br>
title: "Monki Gras 2018 notes Thursday Morning"<br>
description: ""<br>
tags: ["Monki Gras 2018"," Thursday"," Morning"," Sustaining Craft"]<br>
date: "2018-02-01 14:45:34"<br>
---<br>
&lt;h2&gt;Aneel Lakhani&lt;/h2&gt;&lt;p&gt;&lt;a href=&quot;https://twitter.com/aneel&quot;&gt;@aneel&lt;/a&gt;&lt;/p&gt;&lt;h3&gt;How we build things&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;We rely on the knowledge of others &quot;Standing on the shoulders of giants&quot;&lt;/li&gt;&lt;/ul&gt;&lt;h3&gt;Assumptions:&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;We assume things are reliable&lt;/li&gt;&lt;li&gt;we&#039;re looked after by our society, class, local authority etc&lt;/li&gt;&lt;/ul&gt;&lt;h3&gt;Empowered + Disenfranchised&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;we have neither knowledge or power because we&#039;re at the end of the supply change&lt;/li&gt;&lt;/ul&gt;&lt;h3&gt;Sustain&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;What does it mean to sustain??&lt;/li&gt;&lt;li&gt;as we&#039;re so far from the supplly change we can only &lt;ul&gt;&lt;li&gt;start law suits&lt;/li&gt;&lt;li&gt;buy else where&lt;/li&gt;&lt;li&gt;social media attack&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h3&gt;Disintermediation&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;get closer to the source, farmers markets etc&lt;/li&gt;&lt;/ul&gt;&lt;h3&gt;Conclusion&lt;/h3&gt;&lt;p&gt;The act of innovating keeps tradition going.&lt;/p&gt;&lt;h2&gt;Dormain Drewitz - Not Dead Yet&lt;/h2&gt;&lt;p&gt;&lt;a href=&quot;https://www.twitter.com/dormaindrewitz&quot;&gt;@dormaindrewitz&lt;/a&gt;&lt;/p&gt;&lt;h3&gt;Medieval Crafts Guilds&lt;/h3&gt;&lt;p&gt;Over time they turned into monopolistic overloads, e.g The Masons, they could block out other people.&lt;/p&gt;&lt;p&gt;The guild is the coming together of people and setting up apprenticeships, etc&lt;/p&gt;&lt;h3&gt;Why are Old Crafts not dead yet&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;Letterpress printing stated in 1702&lt;/li&gt;&lt;li&gt;Offset - 1900&lt;/li&gt;&lt;li&gt;Digital - 1990&lt;/li&gt;&lt;li&gt;So why are people still letterpress printing now&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;https://www.huffingtonpost.com/matt-douglas/part-3-the-past-present-f_b_9479272.html&quot;&gt;Wedding Invitations alone are keeping letterpress&lt;/a&gt; a thing&lt;/li&gt;&lt;li&gt;The sattionary market in the UK is still growing, but niche&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;https://thebristolcable.org/2017/02/print-industry/&quot;&gt;The rise and fall of the print industry&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;picture&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0015/2607/varieties/Large.jpg&quot; media=&quot;(min-width: 1024px)&quot;&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0015/2607/varieties/Medium.jpg&quot; media=&quot;(min-width: 599px)&quot;&gt;&lt;img src=&quot;https://new.letorey.co.uk/__data/assets/image/0015/2607/varieties/Small.jpg&quot; srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0015/2607/varieties/Small.jpg&quot; alt=&quot;&quot; /&gt;&lt;/picture&gt;&lt;/p&gt;&lt;h3&gt;Why is this still happening&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;https://www.instagram.com/hummul/?hl=en&quot;&gt;Matt Hummul Instagram&lt;/a&gt;&lt;/li&gt;&lt;li&gt;Rallys, emotional meetups to remember the old times&lt;/li&gt;&lt;li&gt;Sentimentality&lt;/li&gt;&lt;/ul&gt;&lt;h3&gt;What About Software&lt;/h3&gt;&lt;p&gt;&lt;picture&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0016/2608/varieties/Large.jpg&quot; media=&quot;(min-width: 1024px)&quot;&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0016/2608/varieties/Medium.jpg&quot; media=&quot;(min-width: 599px)&quot;&gt;&lt;img src=&quot;https://new.letorey.co.uk/__data/assets/image/0016/2608/varieties/Small.jpg&quot; srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0016/2608/varieties/Small.jpg&quot; alt=&quot;&quot; /&gt;&lt;/picture&gt;&lt;/p&gt;&lt;h2&gt;&lt;picture&gt; Catherine Dixon &lt;/picture&gt;&lt;/h2&gt;&lt;p&gt;&lt;a href=&quot;https://twitter.com/ThinkingType&quot;&gt;@ThinkingType&lt;/a&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;You can&#039;t solve problems just in your head&lt;/li&gt;&lt;li&gt;It&#039;s much cheaper to teach generalism than specialism&lt;/li&gt;&lt;li&gt;We should look to other areas for inspiration and ideas&lt;/li&gt;&lt;li&gt;maker-illiteracy - lack of understanding of where things come from&lt;/li&gt;&lt;/ul&gt;&lt;h3&gt;Typeface v Lettering&lt;/h3&gt;&lt;p&gt;Typeface is the font what the type looks like&lt;/p&gt;&lt;p&gt;Lettering is the typeface insitue&lt;picture&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0017/2609/varieties/Large.jpg&quot; media=&quot;(min-width: 1024px)&quot;&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0017/2609/varieties/Medium.jpg&quot; media=&quot;(min-width: 599px)&quot;&gt;&lt;img src=&quot;https://new.letorey.co.uk/__data/assets/image/0017/2609/varieties/Small.jpg&quot; srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0017/2609/varieties/Small.jpg&quot; alt=&quot;The Royal London Homoeopathic Hospital&quot; /&gt;&lt;/picture&gt; &lt;figcaption&gt;The Royal London Homoeopathic Hospital, the Royal was added afterwards and is not part of the Lettering thought process.&lt;/figcaption&gt; &lt;/p&gt;&lt;h2&gt;Chas Emerick&lt;/h2&gt;&lt;p&gt;&lt;a href=&quot;https://twitter.com/cemerick&quot;&gt;@cemerick&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;picture&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0011/2612/varieties/Large.png&quot; media=&quot;(min-width: 1024px)&quot;&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0011/2612/varieties/Medium.png&quot; media=&quot;(min-width: 599px)&quot;&gt;&lt;img src=&quot;https://new.letorey.co.uk/__data/assets/image/0011/2612/varieties/Small.png&quot; srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0011/2612/varieties/Small.png&quot; alt=&quot;Access to resources toof a subject over time&quot; /&gt;&lt;/picture&gt; &lt;figcaption&gt; https://www.explainxkcd.com/wiki/index.php/1909:_Digital_Resource_Lifespan &lt;/figcaption&gt; &lt;/p&gt;&lt;ul&gt;&lt;li&gt;Revolutionary computing systems from a history of PDFs &lt;ul&gt;&lt;li&gt;UNIX&lt;/li&gt;&lt;li&gt;TCP, Ethernet, Bittorrent&lt;/li&gt;&lt;li&gt;x86, ARM, RISC-V&lt;/li&gt;&lt;li&gt;Lisp, Visual Basic, Excel Hypercard&lt;/li&gt;&lt;li&gt;PDF&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;If we can learn for the heritage of PDF to help with the future&lt;/li&gt;&lt;li&gt;PDF had to solve the &quot;Display Problem&quot;&lt;/li&gt;&lt;li&gt;The code name for the PDF project was &quot;&lt;a href=&quot;https://blogs.adobe.com/acrobat/files/2013/09/Camelot.pdf&quot;&gt;The Camelot Project&lt;/a&gt;&quot;&lt;/li&gt;&lt;/ul&gt;&lt;blockquote&gt;&lt;p&gt;These documents should be viewable on any display and should be printable on any modern printers. If this&lt;br /&gt;problem can be solved, then the fundamental way people work will change.&lt;/p&gt;&lt;/blockquote&gt;&lt;ul&gt;&lt;li&gt;PDF is a single self container document that works universally&lt;/li&gt;&lt;li&gt;Unlike PostScript PDF is not a program, it&#039;s a well structured object model&lt;/li&gt;&lt;li&gt;Lessons Learned: &lt;ul&gt;&lt;li&gt;Small Killer team that were absolutely dedicated to fixing the problem!&lt;/li&gt;&lt;li&gt;Learnt for the lessons of failure in PostScript&lt;/li&gt;&lt;li&gt;Open data model meant that &lt;strong&gt;anyone&lt;/strong&gt; could extend PDF to suit their internal needs&lt;/li&gt;&lt;li&gt;They understood the scope of their case&lt;/li&gt;&lt;li&gt;Had partners with expertise &amp;amp; gravitas&lt;/li&gt;&lt;li&gt;Not deviating from the original scope, PDF is basically the same as version 1.1 circa 1994&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Learn a heritage!&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;Lars Trieloff - 20 Year History of Adobe&lt;/h2&gt;&lt;p&gt;&lt;a href=&quot;https://twitter.com/trieloff&quot;&gt;@trieloff&lt;/a&gt;&lt;picture&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0012/2613/varieties/Large.jpg&quot; media=&quot;(min-width: 1024px)&quot;&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0012/2613/varieties/Medium.jpg&quot; media=&quot;(min-width: 599px)&quot;&gt;&lt;img src=&quot;https://new.letorey.co.uk/__data/assets/image/0012/2613/varieties/Small.jpg&quot; srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0012/2613/varieties/Small.jpg&quot; alt=&quot;Talk Bingo&quot; /&gt;&lt;/picture&gt; &lt;figcaption&gt; https://twitter.com/trieloff/status/958373126294814720 &lt;/figcaption&gt; &lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;https://twitter.com/dletorey/status/959047469232476160&quot;&gt;https://twitter.com/dletorey/status/959047469232476160&lt;/a&gt;&lt;/li&gt;&lt;li&gt;Grey Beards are sustainability Santas, they&#039;ve broken things before&lt;/li&gt;&lt;li&gt;You need to take out your garbage - Your API surface is bigger than you think&lt;/li&gt;&lt;li&gt;Process &amp;amp; Tooling helps &lt;ul&gt;&lt;li&gt;Collect and find configurations that no one uses and then remove them&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Manage Technical Debt&lt;/li&gt;&lt;li&gt;Treat deprecation like any other hostage situations &lt;ul&gt;&lt;li&gt;No sudden moves&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Integrate Tension, don&#039;t externalise it &lt;ul&gt;&lt;li&gt;Tension leads to innovation, consensus leads to usability&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Use standards to guarantee compatibility&lt;/li&gt;&lt;li&gt;Sustainability is about &lt;strong&gt;Culture&lt;/strong&gt;. &lt;ul&gt;&lt;li&gt;Empathy - know your users&lt;/li&gt;&lt;li&gt;Curiosity - take on large scale risks, treat them as experiments&lt;/li&gt;&lt;li&gt;Transmission - soft stories &amp;amp; hard goals (tell stories and establish hard goals e.g. this is the max 2614)&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Sustainability is about the future not about the past&lt;/li&gt;&lt;li&gt;Nobody had a Master Plan&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;David Scott - Kew Brewery&lt;/h2&gt;&lt;p&gt;&lt;picture&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0013/2614/varieties/Large.jpg&quot; media=&quot;(min-width: 1024px)&quot;&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0013/2614/varieties/Medium.jpg&quot; media=&quot;(min-width: 599px)&quot;&gt;&lt;img src=&quot;https://new.letorey.co.uk/__data/assets/image/0013/2614/varieties/Small.jpg&quot; srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0013/2614/varieties/Small.jpg&quot; alt=&quot;&quot; /&gt;&lt;/picture&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;English Malt&lt;/li&gt;&lt;li&gt;English Hops (even though they&#039;re not trendy)&lt;/li&gt;&lt;li&gt;Recycle brewing waste to local allotments&lt;/li&gt;&lt;/ul&gt;<br>
<br>
splitsplitsplitsplitsplitsplit<br>
<br>---<br>
title: "Monki Gras 2018 notes Thursday Afternoon"<br>
description: ""<br>
tags: ["Monki Gras 2018"," Afternoon"," Thursday"," Sustaining Craft"]<br>
date: "2018-02-01 18:51:28"<br>
---<br>
&lt;h2&gt;Jessica Rose - Burnout&lt;/h2&gt;&lt;p&gt;&lt;a href=&quot;https://twitter.com/jesslynnrose&quot;&gt;@jesslynnrose&lt;/a&gt;&lt;/p&gt;&lt;p&gt;If you&#039;re burning out you&#039;re not going to craft anything&lt;/p&gt;&lt;p&gt;Burnout takes a huge chunk off the top&lt;/p&gt;&lt;h3&gt;What is Burnout&lt;/h3&gt;&lt;h4&gt;Occupational Burnout&lt;/h4&gt;&lt;ul&gt;&lt;li&gt;Doing too much&lt;/li&gt;&lt;li&gt;exhaustion &lt;ul&gt;&lt;li&gt;Physical&lt;/li&gt;&lt;li&gt;emotional&lt;/li&gt;&lt;li&gt;mental&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Result of long term avoidable stress&lt;/li&gt;&lt;li&gt;Mirrors symptoms and may trigger depression&lt;/li&gt;&lt;/ul&gt;&lt;h3&gt;Detecting Burnout&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;Cynical&lt;/li&gt;&lt;li&gt;Irritated&lt;/li&gt;&lt;li&gt;Lack energy&lt;/li&gt;&lt;li&gt;Lack satisfaction from your achievements&lt;/li&gt;&lt;li&gt;Disillusioned about your job&lt;/li&gt;&lt;li&gt;are you useing drugs alcohol, vidoe games to escape&lt;/li&gt;&lt;li&gt;Is your body doing weird stuff (hurting etc)&lt;/li&gt;&lt;/ul&gt;&lt;h3&gt;Recovering from Burnout&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;Slow down and reboot&lt;/li&gt;&lt;li&gt;Seek professional help&lt;/li&gt;&lt;li&gt;It will take along time&lt;/li&gt;&lt;li&gt;Stop doing the things that stress you&lt;/li&gt;&lt;li&gt;Outsource the things you can (ask for help)&lt;/li&gt;&lt;li&gt;Start saying No!&lt;/li&gt;&lt;li&gt;Take care of yourself first&lt;/li&gt;&lt;li&gt;Decide where to invest your emotion&lt;/li&gt;&lt;li&gt;Ask people for help&lt;/li&gt;&lt;li&gt;Recharge&lt;/li&gt;&lt;li&gt;Do things that make you feel good&lt;/li&gt;&lt;li&gt;Don&#039;t be a jerk (future your will need human interaction)&lt;/li&gt;&lt;/ul&gt;&lt;h3&gt;The Upside&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;enjoy the things you learnt from recovery&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;Charity Majors - Sustainable Software Development&lt;/h2&gt;&lt;h3&gt;A story of being On Call&lt;/h3&gt;&lt;p&gt;&lt;a href=&quot;https://twitter.com/mipsytipsy&quot;&gt;@mipsytipsy&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;picture&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0010/2620/varieties/Large.jpg&quot; media=&quot;(min-width: 1024px)&quot;&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0010/2620/varieties/Medium.jpg&quot; media=&quot;(min-width: 599px)&quot;&gt;&lt;img src=&quot;https://new.letorey.co.uk/__data/assets/image/0010/2620/varieties/Small.jpg&quot; srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0010/2620/varieties/Small.jpg&quot; alt=&quot;&quot; /&gt;&lt;/picture&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;em&gt;the only good diff is a red diff&lt;/em&gt;&lt;/li&gt;&lt;li&gt;On call is hard, it sucks and is stressful and people are very abused&lt;/li&gt;&lt;li&gt;You should not feel bad about asking someone to be on call&lt;/li&gt;&lt;li&gt;I&#039;ve had people not on my team beg to join the on call rotation&lt;/li&gt;&lt;li&gt;The craft of software engineering is about maintainability&lt;/li&gt;&lt;li&gt;Every rotation needs an owner &lt;ul&gt;&lt;li&gt;otherwises it&#039;s no ones job&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Services need owners not operators &lt;ul&gt;&lt;li&gt;Devs are the absentee fathers of software development&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Signal that you value this work &lt;ul&gt;&lt;li&gt;Answer support tickets&lt;/li&gt;&lt;li&gt;fix staging&lt;/li&gt;&lt;li&gt;test continuously&lt;/li&gt;&lt;li&gt;Track down bugs&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;As you grow, split and add rotations&lt;/li&gt;&lt;li&gt;The right size for a weekly rotation is 5-8 people&lt;/li&gt;&lt;li&gt;Care more about less. &lt;ul&gt;&lt;li&gt;Failure is constant and not a big deal&lt;/li&gt;&lt;li&gt;Prioritise customer experience, not arbitrary numbers&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Model a compassionate culture &lt;ul&gt;&lt;li&gt;people are cheerful&lt;/li&gt;&lt;li&gt;volunteer&lt;/li&gt;&lt;li&gt;create team cohesion&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Don&#039;t be afraid to ask for hard things &lt;ul&gt;&lt;li&gt;people like showing they&#039;re capable&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Do be afraid&lt;/strong&gt; to ask for someone to do the same boring, boring task&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Create a golden path &lt;ul&gt;&lt;li&gt;Decide what to support and don&#039;t support the rest (support Postgres &amp;amp; not Oracle)&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;picture&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0011/2621/varieties/Large.jpg&quot; media=&quot;(min-width: 1024px)&quot;&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0011/2621/varieties/Medium.jpg&quot; media=&quot;(min-width: 599px)&quot;&gt;&lt;img src=&quot;https://new.letorey.co.uk/__data/assets/image/0011/2621/varieties/Small.jpg&quot; srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0011/2621/varieties/Small.jpg&quot; alt=&quot;&quot; /&gt;&lt;/picture&gt;&lt;/p&gt;&lt;h2&gt;Luis Villa - Friction, Sustainability &amp;amp; Open Source&lt;/h2&gt;&lt;p&gt;&lt;a href=&quot;https://www.twitter.com/luis_in_140&quot;&gt;@luis_in_140&lt;/a&gt;&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;If you wrap the world in internet and spin it, software comes out &lt;cite&gt; Luis Villa at Monki Gras 2018 &lt;/cite&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;h3&gt;Low friction beginnings&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;No cost, low friction &lt;abbr title=&quot;Free open Source Software&quot;&gt;FOSS&lt;/abbr&gt;&lt;/li&gt;&lt;li&gt;This lack of friction meant that FOSS won the world&lt;/li&gt;&lt;li&gt;Sometimes when you lose friction you fall on your arse&lt;/li&gt;&lt;/ul&gt;&lt;h3&gt;Lurking friction&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;3 big sources of friction &lt;ul&gt;&lt;li&gt;Frictionless software is hard&lt;/li&gt;&lt;li&gt;Frictionless software at scale is harder &lt;ul&gt;&lt;li&gt;to remain relevant we need to reduce friction - &lt;a href=&quot;https://libraries.io/&quot;&gt;libraries.io/&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Frictionless people = bad :(&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h3&gt;The Luddites - Frictionless Humans&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;People were getting replaced by machines, losing control of their lives due to technology&lt;/li&gt;&lt;li&gt;Friction is (was) autonomy&lt;/li&gt;&lt;li&gt;Bosses perspective - friction is cost&lt;/li&gt;&lt;/ul&gt;&lt;h3&gt;Wrapping up&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;People are happy don&#039;t throw out the low-friction&lt;/li&gt;&lt;li&gt;Experiment, Experiment, Experiment&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;a href=&quot;https://bit.ly/tidelift_survey&quot;&gt;bit.ly/tidelift_survey&lt;/a&gt;&lt;/p&gt;&lt;h2&gt;Jamie Day - Gosnells Mead&lt;/h2&gt;&lt;p&gt;&lt;a href=&quot;https://www.gosnells.co.uk/&quot;&gt;https://www.gosnells.co.uk/&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;picture&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0012/2622/varieties/Large.jpg&quot; media=&quot;(min-width: 1024px)&quot;&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0012/2622/varieties/Medium.jpg&quot; media=&quot;(min-width: 599px)&quot;&gt;&lt;img src=&quot;https://new.letorey.co.uk/__data/assets/image/0012/2622/varieties/Small.jpg&quot; srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0012/2622/varieties/Small.jpg&quot; alt=&quot;&quot; /&gt;&lt;/picture&gt;&lt;/p&gt;&lt;p&gt;We&#039;ve produced a gateway mead.&lt;/p&gt;&lt;h2&gt;Theo Schlossnagle - Ethics in Computing&lt;/h2&gt;&lt;p&gt;&lt;a href=&quot;https://twitter.com/postwait&quot;&gt;@postwait&lt;/a&gt;&lt;/p&gt;&lt;h3&gt;Coping with Ethical Debt&lt;/h3&gt;&lt;p&gt;Disclaimer I&#039;m not an ethicist&lt;/p&gt;&lt;h3&gt;What is Ethics&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;A set of rules about what is right or wrong&lt;/li&gt;&lt;li&gt;Can be view from 3 lenses &lt;ul&gt;&lt;li&gt;Virtue Ethics (Doing good)&lt;/li&gt;&lt;li&gt;Duties and rules&lt;/li&gt;&lt;li&gt;Consequentialism (consequences)&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;The problem with virtues, is no one is perfect&lt;/li&gt;&lt;li&gt;Ethics only exist within the context of human society and they change over time due to: &lt;ul&gt;&lt;li&gt;Globalisation&lt;/li&gt;&lt;li&gt;Scientific Understanding&lt;/li&gt;&lt;li&gt;Supernatural belief structures&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h3&gt;Applying Ethics&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;One of the first professions to adopt ethics was the clergy&lt;/li&gt;&lt;li&gt;Then the medical profession&lt;/li&gt;&lt;li&gt;followed by (kinda): &lt;ul&gt;&lt;li&gt;Business - contracts&lt;/li&gt;&lt;li&gt;Professional - what it means to be a professional rather than an ametuer&lt;/li&gt;&lt;li&gt;Computing&amp;hellip; &lt;ul&gt;&lt;li&gt;In 20 years time no human will be able to live without a computer&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h3&gt;Examples&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;VW Emissions &lt;ul&gt;&lt;li&gt;oh my word they got this wrong!&lt;/li&gt;&lt;li&gt;Breaking the law is NOT ethical&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Uber - &lt;a href=&quot;https://www.theguardian.com/technology/2017/mar/03/uber-secret-program-greyball-resignation-ed-baker&quot;&gt;Greyball&lt;/a&gt;&lt;ul&gt;&lt;li&gt;Theming app, to make uber look like your sports team (go sports team)&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Uber - Autonomous Vehicle Operation &lt;ul&gt;&lt;li&gt;engineers deliberately interrupt the development of&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Strava &lt;a href=&quot;https://www.theguardian.com/technology/2018/jan/29/strava-secret-army-base-locations-heatmap-public-users-military-ban&quot;&gt;Global Heatmap&lt;/a&gt;&lt;ul&gt;&lt;li&gt;Identify where when who someone is&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h3&gt;Anecdotes - What Now&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;What can we do? &lt;ul&gt;&lt;li&gt;Look for professionals&lt;/li&gt;&lt;li&gt;Treat what we do as with consequence&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Is this really my responsibility? &lt;ul&gt;&lt;li&gt;we should all be dealing with ethics&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h3&gt;Start the Conversation&lt;/h3&gt;&lt;p&gt;&lt;picture&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0013/2623/varieties/Large.jpg&quot; media=&quot;(min-width: 1024px)&quot;&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0013/2623/varieties/Medium.jpg&quot; media=&quot;(min-width: 599px)&quot;&gt;&lt;img src=&quot;https://new.letorey.co.uk/__data/assets/image/0013/2623/varieties/Small.jpg&quot; srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0013/2623/varieties/Small.jpg&quot; alt=&quot;Ethical Computing&quot; /&gt;&lt;/picture&gt; &lt;figcaption&gt; Start the Conversation about Ethics in Computing &lt;/figcaption&gt; &lt;/p&gt;&lt;h2&gt;Farrell Governor - Flossing&lt;/h2&gt;&lt;iframe src=&quot;https://player.vimeo.com/video/253839083&quot; width=&quot;640&quot; height=&quot;360&quot; frameborder=&quot;0&quot; webkitallowfullscreen=&quot;&quot; mozallowfullscreen=&quot;&quot; allowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;&lt;p&gt;&lt;a href=&quot;https://vimeo.com/253839083&quot;&gt;Flossing at Monki Gras 2018&lt;/a&gt; from &lt;a href=&quot;https://vimeo.com/dletorey&quot;&gt;Dave Letorey&lt;/a&gt; on &lt;a href=&quot;https://vimeo.com&quot;&gt;Vimeo&lt;/a&gt;.&lt;/p&gt;&lt;h2&gt;Pia Mancini - Transparent by Design&lt;/h2&gt;&lt;p&gt;&lt;a href=&quot;https://twitter.com/piamancini&quot;&gt;@piamancini&lt;/a&gt;&lt;/p&gt;&lt;h3&gt;Crafts are a product of Love&lt;/h3&gt;&lt;blockquote&gt;&lt;p&gt;Open Source software is not free, someone is paying for it &lt;br /&gt;&lt;cite&gt; Pia Mancinc Monki Gras 2018 &lt;/cite&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;ul&gt;&lt;li&gt;Who is the president of the internet - who is going to take responsibility&lt;/li&gt;&lt;li&gt;Open Collective &lt;ul&gt;&lt;li&gt;A community of people with a shared misson that operates in full transparency&lt;/li&gt;&lt;li&gt;a new social and economic unit&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Ensure that our craft is funded&lt;/li&gt;&lt;/ul&gt;&lt;blockquote&gt;&lt;p&gt;You never change things by fighting the existing reality. To change something, build a new model that makes the existing model obsolete.&lt;br /&gt;&lt;cite&gt; Buckminster Fuller &lt;/cite&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;&lt;picture&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0014/2624/varieties/Large.jpg&quot; media=&quot;(min-width: 1024px)&quot;&gt;&lt;source srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0014/2624/varieties/Medium.jpg&quot; media=&quot;(min-width: 599px)&quot;&gt;&lt;img src=&quot;https://new.letorey.co.uk/__data/assets/image/0013/2623/varieties/Small.jpg&quot; srcset=&quot;https://new.letorey.co.uk/__data/assets/image/0014/2624/varieties/Small.jpg&quot; alt=&quot;buckminster fuller&quot; /&gt;&lt;/picture&gt; &lt;figcaption&gt; You never change things by fighting the existing reality. To change something, build a new model that makes the existing model obsolete. &lt;/figcaption&gt; &lt;/p&gt;<br>
<br>
splitsplitsplitsplitsplitsplit<br>
<br><br>
<a href="https://new.letorey.co.uk/output-of-pages?result_85374_result_page=2">Next</a>