1<!DOCTYPE html> 2<html lang="en-gb" class="no-js"> 3 <head> 4 <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> 5 <link rel="mask-icon" href="/images/safari-pinned-tab.svg" color="#307fe2"> 6 <link rel="manifest" href="/manifest.json"/> 7 8 <link type="application/atom+xml" rel="alternate" href="https://www.rdsaunders.co.uk/feed.xml" title="Richard Saunders, Product owner and designer" /> 9 10 <meta charset="utf-8"/> 11 <meta name="author" content=""/> 12 <meta name="referrer" content="origin"/> 13 <meta name="robots" content="index, follow"/> 14 <meta name="theme-color" content="#307fe2"/> 15 <meta name="msapplication-TileColor" content="#2d89ef"> 16 <meta name="application-name" content="Richard Saunders, Product owner and designer"/> 17 <meta name="viewport" content="width=device-width, initial-scale=1"/> 18 19 <!-- Begin Jekyll SEO tag v2.6.1 --> 20<title>Stream | Richard Saunders, Product owner and designer</title> 21<meta name="generator" content="Jekyll v4.0.0" /> 22<meta property="og:title" content="Stream" /> 23<meta name="author" content="Richard Saunders" /> 24<meta property="og:locale" content="en_GB" /> 25<meta name="description" content="The personal site of Richard Saunders, product owner of @contensis and designer based in Newport, South Wales" /> 26<meta property="og:description" content="The personal site of Richard Saunders, product owner of @contensis and designer based in Newport, South Wales" /> 27<link rel="canonical" href="https://www.rdsaunders.co.uk/stream/" /> 28<meta property="og:url" content="https://www.rdsaunders.co.uk/stream/" /> 29<meta property="og:site_name" content="Richard Saunders, Product owner and designer" /> 30<link rel="next" href="https://www.rdsaunders.co.uk/stream/page/2" />
31<script type="application/ld+json"> 32{"author":{"@type":"Person","name":"Richard Saunders"},"description":"The personal site of Richard Saunders, product owner of @contensis and designer based in Newport, South Wales","@type":"WebPage","headline":"Stream","url":"https://www.rdsaunders.co.uk/stream/","@context":"https://schema.org"}</script>
32 33<!-- End Jekyll SEO tag --> 34 35 <link rel="dns-prefetch" href="https://webmention.io"><link rel="preconnect" href="https://webmention.io"><link rel="preconnect" href="ws://webmention.io:8080"><link rel="pingback" href="https://webmention.io/www.rdsaunders.co.uk/xmlrpc"><link rel="webmention" href="https://webmention.io/www.rdsaunders.co.uk/webmention"> 36 37 <link rel="stylesheet" type="text/css" href="/style.css" /> 38 39 40 </head> 41 42 <body id="top" class="sans-serif f4-l ma0-l mw7-m mw8-l mh3-ns mh5-m mh6-l"> 43 <div class="hidden" hidden> 44 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol viewBox="0 0 800 800" id="dribble"><path d="M40 400C40 202 202 40 400 40s360 162 360 360-162 360-360 360S40 598 40 400zm473 36c41 111 58 219 59 219 0 0 111-67 131-206 0 0-94-30-190-13zm-59 14c-179 60-243 192-243 192s131 113 309 41c0 0-20-122-66-233zM171 606c109-174 262-206 262-206s-16-37-26-53c-168 50-315 43-315 43s-10 118 79 216zm213-306c-52-97-114-177-114-177C125 190 99 338 99 338s138 3 285-38zm59-17c114-42 160-113 160-113S500 64 328 101c0 0 68 88 115 182zm24 46c8 15 27 59 27 59s87-15 213 10c0-116-69-192-69-192s-52 75-171 123z"/></symbol><symbol viewBox="0 0 80 80" id="external" xmlns="http://www.w3.org/2000/svg"><path d="M66 8H48V0h32v32h-8V14L38 48l-6-6L66 8zm6 40h8v32H0V0h32v8H8v64h64V48z"/></symbol><symbol viewBox="0 0 800 800" id="github"><path d="M400 48c200 0 360 160 360 360 0 160-104 296-246 343-13 4-24-3-24-18v-99c0-48-25-66-25-66 79-9 165-39 165-178 0-61-38-97-38-97s20-40-2-95c0 0-30-10-100 37-58-17-122-17-180 0-69-47-100-37-100-37-22 55-3 95-2 95 0 0-38 36-38 97 0 139 86 170 165 178 0 0-20 14-24 48-20 10-73 25-105-30 0 0-18-35-54-38 0 0-36 0-3 23 0 0 24 11 41 52 0 0 22 71 121 49v61c0 15-12 22-25 18C144 708 40 568 40 408 40 209 200 48 400 48z"/></symbol><symbol viewBox="0 0 36 36" id="heart" xmlns="http://www.w3.org/2000/svg"><path fill="#DD2E44" d="M35.885 11.833c0-5.45-4.418-9.868-9.867-9.868-3.308 0-6.227 1.633-8.018 4.129-1.791-2.496-4.71-4.129-8.017-4.129-5.45 0-9.868 4.417-9.868 9.868 0 .772.098 1.52.266 2.241C1.751 22.587 11.216 31.568 18 34.034c6.783-2.466 16.249-11.447 17.617-19.959.17-.721.268-1.469.268-2.242z"/></symbol><symbol viewBox="0 0 504 504" id="instagram"><path d="M252 45.47c67.27 0 75.23.26 101.8 1.47 24.56 1.12 37.9 5.22 46.78 8.67a78.07 78.07 0 0129 18.84 78 78 0 0118.84 29c3.45 8.88 7.55 22.22 8.67 46.78 1.21 26.57 1.47 34.53 1.47 101.8s-.26 75.23-1.47 101.8c-1.12 24.56-5.22 37.9-8.67 46.78a83.42 83.42 0 01-47.81 47.81c-8.88 3.45-22.22 7.55-46.78 8.67-26.56 1.21-34.53 1.47-101.8 1.47s-75.24-.26-101.8-1.47c-24.56-1.12-37.9-5.22-46.78-8.67a78.06 78.06 0 01-29-18.84 78 78 0 01-18.84-29c-3.45-8.88-7.55-22.22-8.67-46.78-1.21-26.57-1.47-34.53-1.47-101.8s.26-75.23 1.47-101.8c1.12-24.56 5.22-37.9 8.67-46.78a78.08 78.08 0 0118.84-29 78 78 0 0129-18.85c8.88-3.45 22.22-7.55 46.78-8.67 26.57-1.21 34.53-1.47 101.8-1.47M252 .08c-68.42 0-77 .29-103.86 1.51S103 7.07 87 13.3a123.49 123.49 0 00-44.63 29.06A123.49 123.49 0 0013.31 87C7.08 103 2.82 121.32 1.6 148.13S.08 183.58.08 252s.29 77 1.52 103.87S7.08 401 13.31 417a123.49 123.49 0 0029.06 44.62A123.47 123.47 0 0087 490.7c16 6.23 34.34 10.49 61.15 11.71s35.45 1.52 103.87 1.52 77-.29 103.87-1.52S401 496.92 417 490.7a128.82 128.82 0 0073.7-73.7c6.23-16 10.49-34.34 11.71-61.15s1.52-35.45 1.52-103.87-.29-77-1.51-103.87S496.93 103 490.7 87a123.48 123.48 0 00-29.06-44.62A123.49 123.49 0 00417 13.31C401 7.08 382.68 2.82 355.87 1.6S320.42.08 252 .08"/><path d="M252 122.64A129.36 129.36 0 10381.36 252 129.37 129.37 0 00252 122.64zM252 336a84 84 0 1184-84 84 84 0 01-84 84zm164.71-218.47a30.23 30.23 0 11-30.23-30.23 30.23 30.23 0 0130.23 30.23"/></symbol><symbol viewBox="0 0 24 24" id="moon" xmlns="http://www.w3.org/2000/svg"><path d="M17.75 4.09l-2.53 1.94.91 3.06-2.63-1.81-2.63 1.81.91-3.06-2.53-1.94L12.44 4l1.06-3 1.06 3 3.19.09m3.5 6.91l-1.64 1.25.59 1.98-1.7-1.17-1.7 1.17.59-1.98L15.75 11l2.06-.05L18.5 9l.69 1.95 2.06.05m-2.28 4.95c.83-.08 1.72 1.1 1.19 1.85-.32.45-.66.87-1.08 1.27C15.17 23 8.84 23 4.94 19.07c-3.91-3.9-3.91-10.24 0-14.14.4-.4.82-.76 1.27-1.08.75-.53 1.93.3
446 1.85 1.19-.27 2.86.69 5.83 2.89 8.02a9.96 9.96 0 008.02 2.89m-1.64 2.02a12.08 12.08 0 01-7.8-3.47c-2.17-2.19-3.33-5-3.49-7.82-2.81 3.14-2.7 7.96.31 10.98 3.02 3.01 7.84 3.12 10.98.31z"/></symbol><symbol viewBox="0 0 24 24" id="sun" xmlns="http://www.w3.org/2000/svg"><path d="M3.55 18.54l1.41 1.41 1.8-1.79-1.42-1.42M11 22.45h2V19.5h-2m1-14a6 6 0 00-6 6 6 6 0 006 6 6 6 0 006-6c0-3.32-2.69-6-6-6m8 7h3v-2h-3m-2.76 7.66l1.8 1.79 1.41-1.41-1.79-1.8m1.79-12.28l-1.41-1.41-1.8 1.79 1.42 1.42M13 .55h-2V3.5h2m-9 7H1v2h3m2.76-7.66l-1.8-1.79-1.41 1.41 1.79 1.8 1.42-1.42z"/></symbol><symbol viewBox="0 0 800 800" id="twitter"><path d="M718 236c11 232-159 489-467 489C98 725 0 651 0 651s120 25 242-67C119 576 89 469 89 469s34 9 74-3C25 432 31 303 31 303s34 21 75 21c-125-97-51-220-51-220s113 159 339 172C361 96 568 13 674 126c55-9 106-40 106-40s-18 61-73 90.5c45-3 94-26 94-26S769 202 718 236z"/></symbol></svg> 45 </div> 46 <a href="#content" class="skip-link">Skip to main content</a> 47 48 49 <header class="pt5 mb4 f5 flex-l items-center | h-card"> 50 51 <a class="logo f4 f3-m f3-l fw7 mb4 mb4-m mb0-l mr2-ns lh-solid no-underline flex items-center | u-url u-uid" href="https://www.rdsaunders.co.uk" title="Richard Saunders, Product owner and designer" rel="me"> 52 <svg width="48" height="48" class="icon pr2 | u-logo" preserveAspectRatio="xMinYMin" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" role="img" aria-labelledby="logoTitle"> 53 <title id="logoTitle">Richard Saunders</title> 54 <path class="cls-1" d="M9.42 14.11a40 40 0 0 1 23-13.39A40.65 40.65 0 0 1 46.77.58a40 40 0 0 1 19 8.79q.67.56 1.32 1.15a1.24 1.24 0 0 1 .29.27 1.57 1.57 0 0 1-.1.48q-.1.53-.17 1.07a39.65 39.65 0 0 0-.25 4c-.06 2.39-.1 4.8-.17 7.18a64.76 64.76 0 0 1-.4 6.82 10.06 10.06 0 0 1-.81 3.1 3.59 3.59 0 0 1-2.24 1.82 5 5 0 0 1-3.61-.08 6.87 6.87 0 0 1-2.77-2.37 15.16 15.16 0 0 1-2.16-7.79c-.12-2.52.44-5.1 2.41-6.82a8.43 8.43 0 0 1 3-1.6 1.88 1.88 0 0 0 .46-.21.4.4 0 0 0 0-.07 1.18 1.18 0 0 0-.06-.32l-.64-3.06-1.57-7.36-.1-.49a15.47 15.47 0 0 0-6.87 3.16 15.36 15.36 0 0 0-4.47 6.52 22.91 22.91 0 0 0-1.2 8.54 34.49 34.49 0 0 0 1.47 9.09c1.64 5.3 4.8 10.51 9.91 13.07a13.12 13.12 0 0 0 8.08 1.24 12.58 12.58 0 0 0 7-3.3c4.31-4.26 4.56-10.61 4.83-16.29q.06-1.2.1-2.4a39.6 39.6 0 0 1-11.79 45.81l-1.69-2.17-4.16-5.31-5.15-6.59-4.74-6.06-2.85-3.68a.91.91 0 0 0-.32-.36 1.49 1.49 0 0 0-.39.32l-.76.6-5.54 4.3-6.3 4.92c-1.15.89-2.31 1.77-3.43 2.69a21.1 21.1 0 0 0-7.72 12.13 17.7 17.7 0 0 0-.32 3.81A40.08 40.08 0 0 1 5.57 59.99a39.47 39.47 0 0 1-2.8-5.71c3.71-.94 7.95-1.49 10.61-4.54a7.83 7.83 0 0 0 1.41-2.27 8 8 0 0 0 .38-1.38q.06-.32.11-.67c0-.11 0-.56.17-.49a2.18 2.18 0 0 1 .35.56q.2.32.42.61a13 13 0 0 0 .83 1 10.41 10.41 0 0 0 1.82 1.68c3 2.11 7.31 2.18 10.72 1a11.81 11.81 0 0 0 7.32-7.79 16.11 16.11 0 0 0 .28-7.6l-.62-3.45-1-5.83-1.17-6.53-1-5.55c-.17-1-.28-2-.52-2.94a.28.28 0 0 0 0-.13l-2.31.43-5.6 1-6.78 1.19-5.88 1-2.85.5zM2.57 25.73a39.73 39.73 0 0 0-2.21 19.2c1.53-.4 3.06-.83 4.55-1.35a10.36 10.36 0 0 0 3.38-1.82 5.16 5.16 0 0 0 1.66-2.53 9.46 9.46 0 0 0 .11-3.87c-.36-2.52-.88-5-1.32-7.55l-.54-3.08-5 .87zm12.86-2.24l3.5-.55 6.2-1 2.09-.32a1.32 1.32 0 0 1 .42-.04c.06 0 0 0 .05.13.13.56.18 1.15.27 1.72l.46 2.94.88 5.58c.34 2.12.64 4.55-.66 6.43a5.81 5.81 0 0 1-3.8 2.15 6.81 6.81 0 0 1-4.82-.5c-2-1.21-2.61-3.73-3-5.89l-.78-5.36-.8-5zm41.23 52.82l-4.53-5.79-7.21-9.23-1.65-2.12-3.78 3c-1.35 1.06-2.77 2.07-4.06 3.2A11.77 11.77 0 0 0 32 70.21a10.53 10.53 0 0 0-.16 6.08 13.67 13.67 0 0 0 1.17 3 .32.32 0 0 0 .32.2l.35.09.89.09q.85.11 1.7.18a40.83 40.83 0 0 0 6.7 0 40.15 40.15 0 0 0 12.25-2.93q.73-.3 1.44-.63z" 55 /> 56 </svg> 57 <div class="p-name">Richard Saunders <span class="normal db f4 f4-m f4-l fw2 p-job-title ">Product owner & designer</span></div> 58 </a> 59 60 <nav class="ml-auto flex-ns items-center" aria-label="Site navigation"> 61 62 63 64 65 66 <a href="/" class="dib mr2">Articles</a> 67 68 69 70 <div class="dib mr2" aria-current="page">Stream</div> 71 72 73 74 <a href="/talks/" class="dib mr2">Talks</a> 75 76 77 78 <a href="/notes/" class="dib mr2">Notes</a> 79 80 81 82 <a href="/photos/" class="dib mr2">Photos</a> 83 84 85 86 <a href="/bookmarks/" class="dib mr2">Bookmarks</a> 87 88 89 90 <a href="/coffee/" class="dib mr2">Coffee</a> 91 92 93 94 <div class="user-toggle dib"> 95 <div role="status" class="clip js-mode-status"></div> 96 <button class="toggle-button js-mode-toggle" aria-label="Cho
96ose theme"> 97 <svg class="icon js-mode-svg" width="16" height="16"> 98 <use xlink:href="#moon"></use> 99 </svg> 100 </button> 101 </div> 102 103</nav> 104 105 </header> 106 107 108 <main class="pt4" id="content"> 109 <section> 110 111 <header> 112 <h1 class="f1 lh-title">Stream</h1> 113 </header> 114 115 <div class="content lh-copy measure-wide-m measure-wide-l | e-content "> 116 117<article class="pa3 mb3 ba br-round b--divider | h-entry"> 118 <div class="flex-ns"> 119 120 <div class="f5 w-30-ns self-start lh-copy mid-gray"> 121 <time class="mid-gray | dt-published" datetime="2021-07-18T14:36:54+00:00"> 122 <span class="db-ns">18 July 2021</span> 123 <span class="db-ns">02:36 pm <a class="no-underline | u-url" href="/photos/2021/07/18/a-friendship-maker" rel="bookmark">#</a></span> 124 </time> 125</div> 126 127 128<div class="content w-70-ns mt3 mt0-ns pl3-ns lh-copy cf"> 129 130 131 132 <a class="db | u-url" href="/photos/2021/07/18/a-friendship-maker" rel="bookmark" > 133 <img loading="lazy" class="db | u-photo" src="https://www.rdsaunders.co.uk/assets/uploads/2021/07/a-friendship-maker.jpg" alt="Two girls in summer dresses and hats, hugging whilst looking at the camera"/> 134 </a> 135 136 137</div> 138 139 </div> 140 141 <footer></footer> 142 143</article> 144 145<article class="pa3 mb3 ba br-round b--divider | h-entry"> 146 <div class="flex-ns"> 147 148 <div class="f5 w-30-ns self-start lh-copy mid-gray"> 149 <time class="mid-gray | dt-published" datetime="2021-07-17T07:55:35+00:00"> 150 <span class="db-ns">17 July 2021</span> 151 <span class="db-ns">07:55 am <a class="no-underline | u-url" href="/photos/2021/07/17/sibling-love" rel="bookmark">#</a></span> 152 </time> 153</div> 154 155 156<div class="content w-70-ns mt3 mt0-ns pl3-ns lh-copy cf"> 157 158 159 160 <a class="db | u-url" href="/photos/2021/07/17/sibling-love" rel="bookmark" > 161 <img loading="lazy" class="db | u-photo" src="https://www.rdsaunders.co.uk/assets/uploads/2021/07/sibling-love.jpg" alt="Three young girls sat on a large tree root"/> 162 </a> 163 164 165</div> 166 167 </div> 168 169 <footer></footer> 170 171</article> 172 173<article class="pa3 mb3 ba br-round b--divider | h-entry"> 174 <div class="flex-ns"> 175 176 <div class="f5 w-30-ns self-start lh-copy mid-gray"> 177 <time class="mid-gray | dt-published" datetime="2021-07-13T08:29:09+00:00"> 178 <span class="db-ns">13 July 2021</span> 179 <span class="db-ns">08:29 am <a class="no-underline | u-url" href="/photos/2021/07/13/newports-steel-wave-by-peter-fink" rel="bookmark">#</a></span> 180 </time> 181</div> 182 183 184<div class="content w-70-ns mt3 mt0-ns pl3-ns lh-copy cf"> 185 186 187 188 <a class="db | u-url" href="/photos/2021/07/13/newports-steel-wave-by-peter-fink" rel="bookmark" > 189 <img loading="lazy" class="db | u-photo" src="https://www.rdsaunders.co.uk/assets/uploads/2021/07/newports-steel-wave-by-peter-fink.jpg" alt="A large wave structure made of steel"/> 190 </a> 191 192 193</div> 194 195 </div> 196 197 <footer></footer> 198 199</article> 200 201<article class="pa3 mb3 ba br-round b--divider | h-entry"> 202 <div class="flex-ns"> 203 204 <div class="f5 w-30-ns self-start lh-copy mid-gray"> 205 <time class="mid-gray | dt-published" datetime="2021-07-07T07:53:37+00:00"> 206 <span class="db-ns">07 July 2021</span> 207 <span class="db-ns">07:53 am <a class="no-underline | u-url" href="/bookmarks/2021/07/the-dangerous-downsides-of-perfectionism-bbc-future" rel="bookmark">#</a></span> 208 </time> 209</div> 210 211 212<div class="content w-70-ns mt3 mt0-ns pl3-ns lh-copy"> 213 <h2 class="f4 measure-wide-m measure-wide-l lh-title mt0 mb2"> 214 <a class="u-bookmark-of h-cite" href="https://www.bbc.com/future/article/20180219-toxic-perfectionism-is-on-the-rise" rel="bookmark noopener" target="_blank"><span 215 class="clip">Opens in new window</span> The dangerous downsides of perfectionism - BBC Future </a> 216 </h2> 217 218 219 <div class="lh-copy measure-wide-m measure-wide-l mb2"> 220 <p>Iâve always regarded myself as a perfectionist, and as Iâve recently started exploring this trait in my CBT sessions I can see that it isnât necessarily helpful. Having read this article I would say I hold aspects of both the adaptive and maladaptive perfectionist types and was a helpful read in why I can get myself into an anxious state, and where setting unatainable goals can dramatically affect my mental health.</p> 221 222 </div> 223 224 225 226</div> 227 228 </div> 229 230 <footer></footer> 231 232</article> 233 234<article class="pa3 mb3 ba br-round b--divider | h-entry">
235 <div class="flex-ns"> 236 237 <div class="f5 w-30-ns self-start lh-copy mid-gray"> 238 <time class="mid-gray | dt-published" datetime="2020-11-10T10:06:06+00:00"> 239 <span class="db-ns">10 November 2020</span> 240 <span class="db-ns">10:06 am <a class="no-underline | u-url" href="/bookmarks/2020/11/grids-part-1-to-grid-or-not-to-grid-sarah-higley" rel="bookmark">#</a></span> 241 </time> 242</div> 243 244 245<div class="content w-70-ns mt3 mt0-ns pl3-ns lh-copy"> 246 <h2 class="f4 measure-wide-m measure-wide-l lh-title mt0 mb2"> 247 <a class="u-bookmark-of h-cite" href="https://sarahmhigley.com/writing/grids-part1/" rel="bookmark noopener" target="_blank"><span 248 class="clip">Opens in new window</span> Grids Part 1: To grid or not to grid | Sarah Higley </a> 249 </h2> 250 251 252 <div class="lh-copy measure-wide-m measure-wide-l mb2"> 253 <p>A great article on wether you should use the grid role or use a table. A helpful run through with examples.</p> 254 255 </div> 256 257 258 259</div> 260 261 </div> 262 263 <footer></footer> 264 265</article> 266 267<article class="pa3 mb3 ba br-round b--divider | h-entry"> 268 <div class="flex-ns"> 269 270 <div class="f5 w-30-ns self-start lh-copy mid-gray"> 271 <time class="mid-gray | dt-published" datetime="2020-09-23T06:37:36+00:00"> 272 <span class="db-ns">23 September 2020</span> 273 <span class="db-ns">06:37 am <a class="no-underline | u-url" href="/photos/2020/09/23/morning-cuddles-with-a-chicken" rel="bookmark">#</a></span> 274 </time> 275</div> 276 277 278<div class="content w-70-ns mt3 mt0-ns pl3-ns lh-copy cf"> 279 280 281 282 <a class="db | u-url" href="/photos/2020/09/23/morning-cuddles-with-a-chicken" rel="bookmark" > 283 <img loading="lazy" class="db | u-photo" src="https://www.rdsaunders.co.uk/assets/uploads/2020/09/morning-cuddles-with-a-chicken.jpg" alt="A little girl holding a chicken"/> 284 </a> 285 286 287</div> 288 289 </div> 290 291 <footer></footer> 292 293</article> 294 295<article class="pa3 mb3 ba br-round b--divider | h-entry"> 296 <div class="flex-ns"> 297 298 <div class="f5 w-30-ns self-start lh-copy mid-gray"> 299 <time class="mid-gray | dt-published" datetime="2020-09-22T15:25:28+00:00"> 300 <span class="db-ns">22 September 2020</span> 301 <span class="db-ns">03:25 pm <a class="no-underline | u-url" href="/photos/2020/09/22/meet-mabel" rel="bookmark">#</a></span> 302 </time> 303</div> 304 305 306<div class="content w-70-ns mt3 mt0-ns pl3-ns lh-copy cf"> 307 308 309 310 <a class="db | u-url" href="/photos/2020/09/22/meet-mabel" rel="bookmark" > 311 <img loading="lazy" class="db | u-photo" src="https://www.rdsaunders.co.uk/assets/uploads/2020/09/meet-mabel.jpg" alt="A brown Columbian Blacktail Hen"/> 312 </a> 313 314 315</div> 316 317 </div> 318 319 <footer></footer> 320 321</article> 322 323<article class="pa3 mb3 ba br-round b--divider | h-entry"> 324 <div class="flex-ns"> 325 326 <div class="f5 w-30-ns self-start lh-copy mid-gray"> 327 <time class="mid-gray | dt-published" datetime="2020-09-22T15:24:26+00:00"> 328 <span class="db-ns">22 September 2020</span> 329 <span class="db-ns">03:24 pm <a class="no-underline | u-url" href="/photos/2020/09/22/light-sussex" rel="bookmark">#</a></span> 330 </time> 331</div> 332 333 334<div class="content w-70-ns mt3 mt0-ns pl3-ns lh-copy cf"> 335 336 337 338 <a class="db | u-url" href="/photos/2020/09/22/light-sussex" rel="bookmark" > 339 <img loading="lazy" class="db | u-photo" src="https://www.rdsaunders.co.uk/assets/uploads/2020/09/light-sussex.jpg" alt="A light Sussex chicken, white feathers with black neck feathers. "/> 340 </a> 341 342 343</div> 344 345 </div> 346 347 <footer></footer> 348 349</article> 350 351<article class="pa3 mb3 ba br-round b--divider | h-entry"> 352 <div class="flex-ns"> 353 354 <div class="f5 w-30-ns self-start lh-copy mid-gray"> 355 <time class="mid-gray | dt-published" datetime="2020-07-22T08:05:17+00:00"> 356 <span class="db-ns">22 July 2020</span> 357 <span class="db-ns">08:05 am <a class="no-underline | u-url" href="/bookmarks/2020/07/planning-creating-and-publishing-accessible-social-media-campaigns-gcs" rel="bookmark">#</a></span> 358 </time> 359</div> 360 361 362<div class="content w-70-ns mt3 mt0-ns pl3-ns lh-copy"> 363 <h2 class="f4 measure-wide-m measure-wide-l lh-title mt0 mb2"> 364 <a class="u-bookmark-of h-cite" href="https://gcs.civilservice.gov.uk/guidance/digital-communication/planning-creating-and-publishing-accessible-social-media-campaigns/" rel="bookmark noopener" target="_blank"><span 365 class="clip">Opens in new window</span> Planning, creating and publishing accessible social media campaigns - GCS </a> 366 </h2> 367 368 369 <div class="lh-copy measure-wide-m measure-wide-l mb2"> 370 <p>A great document highlihgting ways to make social media posts accessible to all.</p> 371 372 </div> 373 374 375 376</div> 377 378 </div> 379 380 <footer></footer> 381 382</article> 383 384<article class="pa3 mb3 ba br-round b--divider | h-entry">
385 <div class="flex-ns"> 386 387 <div class="f5 w-30-ns self-start lh-copy mid-gray"> 388 <time class="mid-gray | dt-published" datetime="2020-06-27T12:37:42+00:00"> 389 <span class="db-ns">27 June 2020</span> 390 <span class="db-ns">12:37 pm <a class="no-underline | u-url" href="/photos/2020/06/27/exploring-at-coed-y-felin-woods" rel="bookmark">#</a></span> 391 </time> 392</div> 393 394 395<div class="content w-70-ns mt3 mt0-ns pl3-ns lh-copy cf"> 396 397 398 399 <a class="db | u-url" href="/photos/2020/06/27/exploring-at-coed-y-felin-woods" rel="bookmark" > 400 <img loading="lazy" class="db | u-photo" src="https://www.rdsaunders.co.uk/assets/uploads/2020/06/exploring-at-coed-y-felin-woods.jpg" alt="A little girl stands side on in dress and wellies in a wood "/> 401 </a> 402 403 404</div> 405 406 </div> 407 408 <footer></footer> 409 410</article> 411 412<article class="pa3 mb3 ba br-round b--divider | h-entry"> 413 <div class="flex-ns"> 414 415 <div class="f5 w-30-ns self-start lh-copy mid-gray"> 416 <time class="mid-gray | dt-published" datetime="2020-06-27T12:37:41+00:00"> 417 <span class="db-ns">27 June 2020</span> 418 <span class="db-ns">12:37 pm <a class="no-underline | u-url" href="/photos/2020/06/27/walks-in-the-woods" rel="bookmark">#</a></span> 419 </time> 420</div> 421 422 423<div class="content w-70-ns mt3 mt0-ns pl3-ns lh-copy cf"> 424 425 426 427 <a class="db | u-url" href="/photos/2020/06/27/walks-in-the-woods" rel="bookmark" > 428 <img loading="lazy" class="db | u-photo" src="https://www.rdsaunders.co.uk/assets/uploads/2020/06/walks-in-the-woods.jpg" alt="Two girls sat on a large rock with a border collie"/> 429 </a> 430 431 432</div> 433 434 </div> 435 436 <footer></footer> 437 438</article> 439 440<article class="pa3 mb3 ba br-round b--divider | h-entry"> 441 <div class="flex-ns"> 442 443 <div class="f5 w-30-ns self-start lh-copy mid-gray"> 444 <time class="mid-gray | dt-published" datetime="2020-06-08T06:00:21+00:00"> 445 <span class="db-ns">08 June 2020</span> 446 <span class="db-ns">06:00 am <a class="no-underline | u-url" href="/photos/2020/06/08/climbing-trees-and-scooting" rel="bookmark">#</a></span> 447 </time> 448</div> 449 450 451<div class="content w-70-ns mt3 mt0-ns pl3-ns lh-copy cf"> 452 453 454 455 <a class="db | u-url" href="/photos/2020/06/08/climbing-trees-and-scooting" rel="bookmark" > 456 <img loading="lazy" class="db | u-photo" src="https://www.rdsaunders.co.uk/assets/uploads/2020/06/climbing-trees-and-scooting.jpg" alt="A little girl looks up at the camera whilst sat high in a tree"/> 457 </a> 458 459 460</div> 461 462 </div> 463 464 <footer></footer> 465 466</article> 467 468<article class="pa3 mb3 ba br-round b--divider | h-entry"> 469 <div class="flex-ns"> 470 471 <div class="f5 w-30-ns self-start lh-copy mid-gray"> 472 <time class="mid-gray | dt-published" datetime="2020-05-24T06:58:45+00:00"> 473 <span class="db-ns">24 May 2020</span> 474 <span class="db-ns">06:58 am <a class="no-underline | u-url" href="/photos/2020/05/24/fast-asleep" rel="bookmark">#</a></span> 475 </time> 476</div> 477 478 479<div class="content w-70-ns mt3 mt0-ns pl3-ns lh-copy cf"> 480 481 482 483 <a class="db | u-url" href="/photos/2020/05/24/fast-asleep" rel="bookmark" > 484 <img loading="lazy" class="db | u-photo" src="https://www.rdsaunders.co.uk/assets/uploads/2020/05/fast-asleep.jpg" alt="Baby asleep in her Moses basket"/> 485 </a> 486 487 488</div> 489 490 </div> 491 492 <footer></footer> 493 494</article> 495 496<article class="pa3 mb3 ba br-round b--divider | h-entry"> 497 <div class="flex-ns"> 498 499 <div class="f5 w-30-ns self-start lh-copy mid-gray"> 500 <time class="mid-gray | dt-published" datetime="2020-05-21T22:13:13+00:00"> 501 <span class="db-ns">21 May 2020</span> 502 <span class="db-ns">10:13 pm <a class="no-underline | u-url" href="/photos/2020/05/21/our-new-arrival" rel="bookmark">#</a></span> 503 </time> 504</div> 505 506 507<div class="content w-70-ns mt3 mt0-ns pl3-ns lh-copy cf"> 508 509 510 511 <a class="db | u-url" href="/photos/2020/05/21/our-new-arrival" rel="bookmark" > 512 <img loading="lazy" class="db | u-photo" src="https://www.rdsaunders.co.uk/assets/uploads/2020/05/our-new-arrival.jpg" alt="A little baby girl in her mothers arms "/> 513 </a> 514 515 516</div> 517 518 </div> 519 520 <footer></footer> 521 522</article> 523 524<article class="pa3 mb3 ba br-round b--divider | h-entry">
525 <div class="flex-ns"> 526 527 <div class="f5 w-30-ns self-start lh-copy mid-gray"> 528 <time class="mid-gray | dt-published" datetime="2020-05-06T10:59:01+00:00"> 529 <span class="db-ns">06 May 2020</span> 530 <span class="db-ns">10:59 am <a class="no-underline | u-url" href="/photos/2020/05/06/woodland-wanderings" rel="bookmark">#</a></span> 531 </time> 532</div> 533 534 535<div class="content w-70-ns mt3 mt0-ns pl3-ns lh-copy cf"> 536 537 538 539 <a class="db | u-url" href="/photos/2020/05/06/woodland-wanderings" rel="bookmark" > 540 <img loading="lazy" class="db | u-photo" src="https://www.rdsaunders.co.uk/assets/uploads/2020/05/woodland-wanderings.jpg" alt="A dad and two girls sat on a log over a stream"/> 541 </a> 542 543 544</div> 545 546 </div> 547 548 <footer></footer> 549 550</article> 551 552<article class="pa3 mb3 ba br-round b--divider | h-entry"> 553 <div class="flex-ns"> 554 555 <div class="f5 w-30-ns self-start lh-copy mid-gray"> 556 <time class="mid-gray | dt-published" datetime="2020-03-07T11:44:55+00:00"> 557 <span class="db-ns">07 March 2020</span> 558 <span class="db-ns">11:44 am <a class="no-underline | u-url" href="/photos/2020/03/07/stomping-on-the-beach" rel="bookmark">#</a></span> 559 </time> 560</div> 561 562 563<div class="content w-70-ns mt3 mt0-ns pl3-ns lh-copy cf"> 564 565 566 567 <a class="db | u-url" href="/photos/2020/03/07/stomping-on-the-beach" rel="bookmark" > 568 <img loading="lazy" class="db | u-photo" src="https://www.rdsaunders.co.uk/assets/uploads/2020/3/stomping-on-the-beach.jpg" alt="A little girl walking through the water on the beach wearing an all in one"/> 569 </a> 570 571 572</div> 573 574 </div> 575 576 <footer></footer> 577 578</article> 579 580<article class="pa3 mb3 ba br-round b--divider | h-entry"> 581 <div class="flex-ns"> 582 583 <div class="f5 w-30-ns self-start mid-gray lh-copy"> 584 <time class="dt-published" datetime="2020-03-04 15:25:09"> 585 <span class="db-ns">04 March 2020</span> 586 <span class="db-ns">03:25 pm <a class="no-underline | u-url" href="/checkins/20200304152509" rel="bookmark">#</a></span> 587 </time> 588</div> 589 590<div class="content w-70-ns mt3 mt0-ns pl3-ns lh-copy"> 591 592 <p class="mb2 | p-name"><strong>Checked in to:</strong> <span class="mid-gray db-ns | u-checkin h-card">Coventry Station ⢠593 <data class="p-latitude" value="52.4007544148842">52.401<abbr title="degrees">°</abbr></data>, 594 <data class="p-longitude" value="-1.514110180717454">-1.514<abbr title="degrees">°</abbr></data> 595 </span> 596 </p> 597 598 <picture class="mb2"> 599 <source media="all and (prefers-color-scheme: dark)" 600 srcset="https://api.mapbox.com/styles/v1/mapbox/dark-v10/static/pin-l+307fe2(-1.514110180717454,52.4007544148842)/-1.514110180717454,52.4007544148842,13/800x300?access_token=pk.eyJ1IjoicmRzYXVuZGVycyIsImEiOiJjazNlaGQ3YXoxMDJpM251aTJzemx5ZjRrIn0.MiRvAifw2AcQ6WP2vWCaKQ"> 601 <img src="https://api.mapbox.com/styles/v1/mapbox/light-v10/static/pin-l+307fe2(-1.514110180717454,52.4007544148842)/-1.514110180717454,52.4007544148842,13/800x300?access_token=pk.eyJ1IjoicmRzYXVuZGVycyIsImEiOiJjazNlaGQ3YXoxMDJpM251aTJzemx5ZjRrIn0.MiRvAifw2AcQ6WP2vWCaKQ" 602 alt="Map of checkin"> 603 </picture> 604 605 606 <div class="e-content"><p>Heading back to Wales</p> 607</div> 608 609 610</div> 611 612 </div> 613 614 <footer></footer> 615 616</article> 617 618<article class="pa3 mb3 ba br-round b--divider | h-entry"> 619 <div class="flex-ns"> 620 621 <div class="f5 w-30-ns self-start mid-gray lh-copy"> 622 <time class="dt-published" datetime="2020-03-02 13:46:15"> 623 <span class="db-ns">02 March 2020</span> 624 <span class="db-ns">01:46 pm <a class="no-underline | u-url" href="/checkins/20200302134615" rel="bookmark">#</a></span> 625 </time> 626</div> 627 628<div class="content w-70-ns mt3 mt0-ns pl3-ns lh-copy"> 629 630 <p class="mb2 | p-name"><strong>Checked in to:</strong> <span class="mid-gray db-ns | u-checkin h-card">Beefy Boys, Hereford ⢠631 <data class="p-latitude" value="52.05855802474243">52.059<abbr title="degrees">°</abbr></data>, 632 <data class="p-longitude" value="-2.716209241872344">-2.716<abbr title="degrees">°</abbr></data> 633 </span> 634 </p> 635 636 <picture class="mb2"> 637 <source media="all and (prefers-color-scheme: dark)" 638 srcset="https://api.mapbox.com/styles/v1/mapbox/dark-v10/static/pin-l+307fe2(-2.716209241872344,52.05855802474243)/-2.716209241872344,52.05855802474243,13/800x300?access_token=pk.eyJ1IjoicmRzYXVuZGVycyIsImEiOiJjazNlaGQ3YXoxMDJpM251aTJzemx5ZjRrIn0.MiRvAifw2AcQ6WP2vWCaKQ"> 639 <img src="https://api.mapbox.com/styles/v1/mapbox/light-v10/static/pin-l+307fe2(-2.716209241872344,52.05855802474243)/-2.716209241872344,52.05855802474243,13/800x300?access_token=pk.eyJ1IjoicmRzYXVuZGVycyIsImEiOiJjazNlaGQ3YXoxMDJpM251aTJzemx5ZjRrIn0.MiRvAifw2AcQ6WP2vWCaKQ" 640 alt="Map of checkin"> 641 </picture> 642 643 644 <div class="e-content"><p>Post release team lunch. Dirty boy burger with bacon fries and pork belly bites. Washed down with Tiny Rebel Cwtch</p> 645</div> 646 647 648</div> 649 650 </div> 651 652 <footer></footer> 653 654</article> 655 656<article class="pa3 mb3 ba br-round b--divider | h-entry">
657 <div class="flex-ns"> 658 659 <div class="f5 w-30-ns self-start lh-copy mid-gray"> 660 <time class="mid-gray | dt-published" datetime="2020-03-01T19:59:31+00:00"> 661 <span class="db-ns">01 March 2020</span> 662 <span class="db-ns">07:59 pm <a class="no-underline | u-url" href="/bookmarks/2020/03/why-the-govuk-design-system-team-changed-the-input-type-for-numbers-technology-in-government" rel="bookmark">#</a></span> 663 </time> 664</div> 665 666 667<div class="content w-70-ns mt3 mt0-ns pl3-ns lh-copy"> 668 <h2 class="f4 measure-wide-m measure-wide-l lh-title mt0 mb2"> 669 <a class="u-bookmark-of h-cite" href="https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-design-system-team-changed-the-input-type-for-numbers/" rel="bookmark noopener" target="_blank"><span 670 class="clip">Opens in new window</span> Why the GOV.UK Design System team changed the input type for numbers - Technology in government </a> 671 </h2> 672 673 674 <div class="lh-copy measure-wide-m measure-wide-l mb2"> 675 <p>Really interesting insight to the number input type. Especially the focus on accessibility and the silent loss of non number user input. Love the level of effort that the GDS team take to investigate these issues.</p> 676 677 </div> 678 679 680 681 <div> 682 <b>Tagged with:</b> a11y, accessibility, GDS, forms, and inputmode 683 </div> 684 685</div> 686 687 </div> 688 689 <footer></footer> 690 691</article> 692 693<article class="pa3 mb3 ba br-round b--divider | h-entry"> 694 <div class="flex-ns"> 695 696 <div class="f5 w-30-ns self-start mid-gray lh-copy"> 697 <time class="dt-published" datetime="2020-02-27 19:31:19"> 698 <span class="db-ns">27 February 2020</span> 699 <span class="db-ns">07:31 pm <a class="no-underline | u-url" href="/checkins/20200227193119" rel="bookmark">#</a></span> 700 </time> 701</div> 702 703<div class="content w-70-ns mt3 mt0-ns pl3-ns lh-copy"> 704 705 <p class="mb2 | p-name"><strong>Checked in to:</strong> <span class="mid-gray db-ns | u-checkin h-card">St Davidâs Hall ⢠706 <data class="p-latitude" value="51.48038974507921">51.48<abbr title="degrees">°</abbr></data>, 707 <data class="p-longitude" value="-3.176707943400159">-3.177<abbr title="degrees">°</abbr></data> 708 </span> 709 </p> 710 711 <picture class="mb2"> 712 <source media="all and (prefers-color-scheme: dark)" 713 srcset="https://api.mapbox.com/styles/v1/mapbox/dark-v10/static/pin-l+307fe2(-3.176707943400159,51.48038974507921)/-3.176707943400159,51.48038974507921,13/800x300?access_token=pk.eyJ1IjoicmRzYXVuZGVycyIsImEiOiJjazNlaGQ3YXoxMDJpM251aTJzemx5ZjRrIn0.MiRvAifw2AcQ6WP2vWCaKQ"> 714 <img src="https://api.mapbox.com/styles/v1/mapbox/light-v10/static/pin-l+307fe2(-3.176707943400159,51.48038974507921)/-3.176707943400159,51.48038974507921,13/800x300?access_token=pk.eyJ1IjoicmRzYXVuZGVycyIsImEiOiJjazNlaGQ3YXoxMDJpM251aTJzemx5ZjRrIn0.MiRvAifw2AcQ6WP2vWCaKQ" 715 alt="Map of checkin"> 716 </picture> 717 718 719 <div class="e-content"><p>Banff Mountain Film Festival World Tour</p> 720</div> 721 722 723</div> 724 725 </div> 726 727 <footer></footer> 728 729</article> 730 731<article class="pa3 mb3 ba br-round b--divider | h-entry"> 732 <div class="flex-ns"> 733 734 <div class="f5 w-30-ns self-start lh-copy mid-gray"> 735 <time class="mid-gray | dt-published" datetime="2020-02-22T14:08:33+00:00"> 736 <span class="db-ns">22 February 2020</span> 737 <span class="db-ns">02:08 pm <a class="no-underline | u-url" href="/photos/2020/02/22/m-enjoying-soft-play" rel="bookmark">#</a></span> 738 </time> 739</div> 740 741 742<div class="content w-70-ns mt3 mt0-ns pl3-ns lh-copy cf"> 743 744 745 746 <a class="db | u-url" href="/photos/2020/02/22/m-enjoying-soft-play" rel="bookmark" > 747 <img loading="lazy" class="db | u-photo" src="https://www.rdsaunders.co.uk/assets/uploads/2020/2/m-enjoying-soft-play.jpg" alt="A little girl smiling in a soft play tunnel "/> 748 </a> 749 750 751</div> 752 753 </div> 754 755 <footer></footer> 756 757</article> 758 759<article class="pa3 mb3 ba br-round b--divider | h-entry"> 760 <div class="flex-ns"> 761 762 <div class="f5 w-30-ns self-start lh-copy mid-gray"> 763 <time class="mid-gray | dt-published" datetime="2020-02-19T12:48:05+00:00">
764 <span class="db-ns">19 February 2020</span> 765 <span class="db-ns">12:48 pm <a class="no-underline | u-url" href="/photos/2020/02/19/e-painting" rel="bookmark">#</a></span> 766 </time> 767</div> 768 769 770<div class="content w-70-ns mt3 mt0-ns pl3-ns lh-copy cf"> 771 772 773 774 <a class="db | u-url" href="/photos/2020/02/19/e-painting" rel="bookmark" > 775 <img loading="lazy" class="db | u-photo" src="https://www.rdsaunders.co.uk/assets/uploads/2020/02/elsie-painting.JPG" alt="A little girl painting"/> 776 </a> 777 778 779</div> 780 781 </div> 782 783 <footer></footer> 784 785</article> 786 787<article class="pa3 mb3 ba br-round b--divider | h-entry"> 788 <div class="flex-ns"> 789 790 <div class="f5 w-30-ns self-start mid-gray lh-copy"> 791 <time class="dt-published" datetime="2020-02-13 09:11:27"> 792 <span class="db-ns">13 February 2020</span> 793 <span class="db-ns">09:11 am <a class="no-underline | u-url" href="/checkins/20200213091127" rel="bookmark">#</a></span> 794 </time> 795</div> 796 797<div class="content w-70-ns mt3 mt0-ns pl3-ns lh-copy"> 798 799 <p class="mb2 | p-name"><strong>Checked in to:</strong> <span class="mid-gray db-ns | u-checkin h-card">The Depot ⢠800 <data class="p-latitude" value="51.47131553210239">51.471<abbr title="degrees">°</abbr></data>, 801 <data class="p-longitude" value="-3.178500677296391">-3.179<abbr title="degrees">°</abbr></data> 802 </span> 803 </p> 804 805 <picture class="mb2"> 806 <source media="all and (prefers-color-scheme: dark)" 807 srcset="https://api.mapbox.com/styles/v1/mapbox/dark-v10/static/pin-l+307fe2(-3.178500677296391,51.47131553210239)/-3.178500677296391,51.47131553210239,13/800x300?access_token=pk.eyJ1IjoicmRzYXVuZGVycyIsImEiOiJjazNlaGQ3YXoxMDJpM251aTJzemx5ZjRrIn0.MiRvAifw2AcQ6WP2vWCaKQ"> 808 <img src="https://api.mapbox.com/styles/v1/mapbox/light-v10/static/pin-l+307fe2(-3.178500677296391,51.47131553210239)/-3.178500677296391,51.47131553210239,13/800x300?access_token=pk.eyJ1IjoicmRzYXVuZGVycyIsImEiOiJjazNlaGQ3YXoxMDJpM251aTJzemx5ZjRrIn0.MiRvAifw2AcQ6WP2vWCaKQ" 809 alt="Map of checkin"> 810 </picture> 811 812 813 <div class="e-content"><p>Serverless days cardiff conference.</p> 814</div> 815 816 817</div> 818 819 </div> 820 821 <footer></footer> 822 823</article> 824 825<article class="pa3 mb3 ba br-round b--divider | h-entry"> 826 <div class="flex-ns"> 827 828 <div class="f5 w-30-ns self-start mid-gray lh-copy"> 829 <time class="dt-published" datetime="2020-02-12 20:02:48"> 830 <span class="db-ns">12 February 2020</span> 831 <span class="db-ns">08:02 pm <a class="no-underline | u-url" href="/checkins/20200212200248" rel="bookmark">#</a></span> 832 </time> 833</div> 834 835<div class="content w-70-ns mt3 mt0-ns pl3-ns lh-copy"> 836 837 <p class="mb2 | p-name"><strong>Checked in to:</strong> <span class="mid-gray db-ns | u-checkin h-card">Steak of the art ⢠838 <data class="p-latitude" value="51.48065818990816">51.481<abbr title="degrees">°</abbr></data>, 839 <data class="p-longitude" value="-3.171478105247537">-3.171<abbr title="degrees">°</abbr></data> 840 </span> 841 </p> 842 843 <picture class="mb2"> 844 <source media="all and (prefers-color-scheme: dark)" 845 srcset="https://api.mapbox.com/styles/v1/mapbox/dark-v10/static/pin-l+307fe2(-3.171478105247537,51.48065818990816)/-3.171478105247537,51.48065818990816,13/800x300?access_token=pk.eyJ1IjoicmRzYXVuZGVycyIsImEiOiJjazNlaGQ3YXoxMDJpM251aTJzemx5ZjRrIn0.MiRvAifw2AcQ6WP2vWCaKQ"> 846 <img src="https://api.mapbox.com/styles/v1/mapbox/light-v10/static/pin-l+307fe2(-3.171478105247537,51.48065818990816)/-3.171478105247537,51.48065818990816,13/800x300?access_token=pk.eyJ1IjoicmRzYXVuZGVycyIsImEiOiJjazNlaGQ3YXoxMDJpM251aTJzemx5ZjRrIn0.MiRvAifw2AcQ6WP2vWCaKQ" 847 alt="Map of checkin"> 848 </picture> 849 850 851 <div class="e-content"><p>Letâs eat meat! ð¥©</p> 852</div> 853 854 855</div> 856 857 </div> 858 859 <footer></footer> 860 861</article> 862 863<article class="pa3 mb3 ba br-round b--divider | h-entry"> 864 <div class="flex-ns"> 865 866 <div class="f5 w-30-ns self-start lh-copy mid-gray"> 867 <time class="mid-gray | dt-published" datetime="2020-02-07T18:02:26+00:00">
868 <span class="db-ns">07 February 2020</span> 869 <span class="db-ns">06:02 pm <a class="no-underline | u-url" href="/bookmarks/2020/02/home-utopia" rel="bookmark">#</a></span> 870 </time> 871</div> 872 873 874<div class="content w-70-ns mt3 mt0-ns pl3-ns lh-copy"> 875 <h2 class="f4 measure-wide-m measure-wide-l lh-title mt0 mb2"> 876 <a class="u-bookmark-of h-cite" href="https://utopia.fyi/" rel="bookmark noopener" target="_blank"><span 877 class="clip">Opens in new window</span> Home | Utopia </a> 878 </h2> 879 880 881 <div class="lh-copy measure-wide-m measure-wide-l mb2"> 882 <p>An interesting approach to fluid typography. Need to spend some time exploring this.</p> 883 884 </div> 885 886 887 888 <div> 889 <b>Tagged with:</b> Typography, RWD, and Fluor 890 </div> 891 892</div> 893 894 </div> 895 896 <footer></footer> 897 898</article> 899 900 901</section> 902 903 904<nav aria-label="Article list pagination" class="flex justify-between f5 pv3 bb b--divider"> 905 906 907 <span class="mid-gray">Previous</span> 908 909 910 <span>Page: 1 of 215</span> 911 912 913 <a href="/stream/page/2" rel="next">Next</a> 914 915 916</nav> 917 918 919 920 </div> 921 922</section> 923 </main> 924 925 <footer class="flex f5 items-center mv4"> 926 927 <small>©  928 <time>2019</time> 929 <a href="https://www.rdsaunders.co.uk" rel="author">Richard Saunders</a> 930 <span class="flex items-center mt2">Made with love 931 <svg class="icon ph1" width="16" height="16"> 932 <use xlink:href="#heart"></use> 933 </svg> 934 in Wales.</span> 935 </small> 936 937 938 <ul class="list pl0 mv0 flex ml-auto"> 939 <li class="pr2"> 940 <a class="inline-flex" rel="me" href="https://twitter.com/rdsaunders" aria-label="Follow me on Twitter"> 941 <svg class="icon" width="24" height="24" focusable="false"> 942 <use xlink:href="#twitter"></use> 943 </svg> 944 </a> 945 </li> 946 <li class="pr2"> 947 <a class="inline-flex" rel="me" href="https://dribbble.com/rdsaunders" aria-label="See my shots on Dribbble"> 948 <svg class="icon" width="24" height="24" focusable="false"> 949 <use xlink:href="#dribble"></use> 950 </svg> 951 </a> 952 </li> 953 <li class="pr2"> 954 <a class="inline-flex" rel="me" href="https://github.com/rdsaunders" aria-label="View my code on GitHub"> 955 <svg class="icon" width="24" height="24" focusable="false"> 956 <use xlink:href="#github"></use> 957 </svg> 958 </a> 959 </li> 960 <li> 961 <a class="inline-flex" rel="me" href="https://instagram.com/richardsaunders" aria-label="Find me on Instagram"> 962 <svg class="icon" width="24" height="24" focusable="false"> 963 <use xlink:href="#instagram"></use> 964 </svg> 965 </a> 966 </li> 967 </ul> 968 969</footer> 970 971 972 973
973<script src="/js/main.js" defer></script>
973 974
974<script> 975 if (navigator.serviceWorker && !navigator.serviceWorker.controller) { navigator.serviceWorker.register('/serviceworker.js'); } 976 </script>
976 977 978 </body> 979</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.