PageSourceSearch

https://www.rdsaunders.co.uk/stream/

html rdsaunders.co.uk collected 2026-10-03 23:31:58 UTC 41,395 bytes, 979 lines download raw bytes

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>©&thinsp;
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.