https://www.tibz.blog/search/

1<!DOCTYPE html>
2<html lang="en">
3    <head>
4  <meta charset="utf-8">
5  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
7  <meta name="view-transition" content="same-origin" />
8  <title>Search | Tibz</title>
9  <link rel="preload" href="/fonts/GT-W-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"/>
10  <link rel="preload" href="/fonts/GT-W-Regular-Oblique.woff2" as="font" type="font/woff2" crossorigin="anonymous"/>
11  <link rel="preload" href="/fonts/GT-W-Bold.woff2" as="font" type="font/woff2" crossorigin="anonymous"/>
12  <link rel="preload" href="/fonts/GT-W-Bold-Oblique.woff2" as="font" type="font/woff2" crossorigin="anonymous"/>
13  <meta property="og:title" content="Search">
14  <meta name="twitter:title" content="Search">
15  <meta name="twitter:card" content="summary">
16  <meta name="description" content="   ">
17  <meta property="og:description" content="   ">
18  <meta name="twitter:description" content="   ">
19  <meta name="fediverse:creator" content="@[email protected]" />
20  <link rel="canonical" href="https://www.tibz.blog/search/">
21  <link rel="author" href="humans.txt" />
22  <link href="/css/fonts.css?1785761765" rel="preload stylesheet" as="style">
23  <link href="/css/main.css?1785761765" rel="preload stylesheet" as="style">
24  <link href="/css/photos-masonry.css?1785761765"rel="preload stylesheet" as="style">
25  <meta name="color-scheme" content="light dark" />
26  <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)" />
27  <meta name="theme-color" content="#20232a" media="(prefers-color-scheme: dark)" />
28  
29  <link rel="alternate" href="https://www.tibz.blog/feed.xml" type="application/rss+xml" title="Tibz">
30  <link rel="alternate" href="https://www.tibz.blog/feed.json" type="application/json" title="Tibz">
31
32
33
34  <link rel="alternate" href="https://www.tibz.blog/podcast.xml" type="application/rss+xml" title="Podcast">
35  <link rel="alternate" href="https://www.tibz.blog/podcast.json" type="application/json" title="Podcast">
36
37
38<link rel="me" href="https://micro.blog/tibz">
39
40
41  <link rel="me" href="https://twitter.com/@itibz">
42
43
44
45
46
47  <link rel="me" href="https://instagram.com/@itibz">
48
49
50<link rel="shortcut icon" href="https://micro.blog/tibz/favicon.png" type="image/x-icon">
51<link rel="EditURI" type="application/rsd+xml" href="https://www.tibz.blog/rsd.xml">
52<link rel="authorization_endpoint" href="https://micro.blog/indieauth/auth">
53<link rel="token_endpoint" href="https://micro.blog/indieauth/token">
54<link rel="subscribe" href="https://micro.blog/users/follow">
55<link rel="webmention" href="https://micro.blog/webmention">
56<link rel="micropub" href="https://micro.blog/micropub">
57<link rel="microsub" href="https://micro.blog/microsub">
58
59
60  <link rel="site.standard.publication" href="at://did:plc:jr5wbt2nllj4xwvcrfym4x4f/site.standard.publication/3mo3cwapypk2f">
61
62
63
64
65<link rel="stylesheet" href="/custom.css?1785761765">
66
67
68  <link rel="stylesheet" href="/navlist.css?v=0">
69
70  <link rel="stylesheet" href="/css/all.min.css?v=0">
71
72  <link rel="stylesheet" href="/archive_months.css?v=0">
73
74
75
76  
77
78
79	<meta property="og:title" content="Search" />
80
81
82<meta property="og:description" content="   " />
83<meta property="og:type" content="article" />
84<meta property="og:url" content="https://www.tibz.blog/search/" />
85
86
87
88
89
90
91
92
93  
94    <meta property="article:published_time" content="2026-08-03T12:01:36&#43;02:00"/>
95  
96
97  
98    <meta property="article:modified_time" content="2026-08-03T12:01:36&#43;02:00"/>
99  
100
101
102
103
104
105  
106
107    <meta property="article:section" content="" />
108
109  
110
111
112
113  

113<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>

113

114<script src="/assets/bigfoot/dist/bigfoot.min.js"></script>

114
115<link rel="stylesheet" 
116      type="text/css" href="
117      
118        /assets/bigfoot/dist/bigfoot-default.css 
119      " 
120>

121<script>
122  $.bigfoot(
123    {
124      numberResetSelector:  null 
125    }
126  );
127</script>

127
128
129
130  <meta name="twitter:card" content="summary" />
131
132  <meta name="twitter:title" content="Search" />
133
134<meta name="twitter:description" content="   " />
135
136
137
138  

138<script src="https://cdnjs.cloudflare.com/ajax/libs/lite-youtube-embed/0.2.0/lite-yt-embed.js"></script>

138
139
140
141
142
143 

143<script>
144    document.addEventListener('DOMContentLoaded', (event) => {
145      const posts = [...document.getElementsByClassName("post-content")].forEach(p => {
146          const links = [...p.getElementsByTagName('a')]
147
148          links.forEach(l => {
149              if (!l.href) return
150              l.href.includes('youtube.com') || l.href.includes('youtu.be')
151
152              
153              const matches = l.href.match(/(http:|https:)?(\/\/)?(www\.)?(youtube.com|youtu.be)\/(watch|embed)?(\?v=|\/)?(\S+)?/)
154              const ytId = matches ? matches[7] : null
155              const article = l.closest('.post-content')
156              if (ytId && article) {
157                  const video = document.createElement('lite-youtube')
158                  video.setAttribute('videoid', ytId)
159                  video.setAttribute('playlabel', l.innerText)
160                  article.appendChild(video)
161              }
162          })
163        })
164    })
165</script>

165
166
167<style>
168    lite-youtube {
169        background-color: #000;
170        position: relative;
171        display: block;
172        contain: content;
173        background-position: center center;
174        background-size: cover;
175        cursor: pointer;
176        max-width: 720px;
177        margin-bottom: 10px;
178    }
179
180     
181    lite-youtube::before {
182        content: '';
183        display: block;
184        position: absolute;
185        top: 0;
186        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
187        background-position: top;
188        background-repeat: repeat-x;
189        height: 60px;
190        padding-bottom: 50px;
191        width: 100%;
192        transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
193    }
194
195     
196    lite-youtube::after {
197        content: "";
198        display: block;
199        padding-bottom: calc(100% / (16 / 9));
200    }
201    lite-youtube > iframe {
202        width: 100%;
203        height: 100%;
204        position: absolute;
205        top: 0;
206        left: 0;
207        border: 0;
208    }
209
210     
211    lite-youtube > .lty-playbtn {
212        display: block;
213        width: 68px;
214        height: 48px;
215        position: absolute;
216        cursor: pointer;
217        transform: translate3d(-50%, -50%, 0);
218        top: 50%;
219        left: 50%;
220        z-index: 1;
221        background-color: transparent;
222         
223        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');
224        filter: grayscale(100%);
225        transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
226        border: none;
227    }
228
229    lite-youtube:hover > .lty-playbtn,
230    lite-youtube .lty-playbtn:focus {
231        filter: none;
232    }
233
234     
235    lite-youtube.lyt-activated {
236        cursor: unset;
237    }
238    lite-youtube.lyt-activated::before,
239    lite-youtube.lyt-activated > .lty-playbtn {
240        opacity: 0;
241        pointer-events: none;
242    }
243
244    .lyt-visually-hidden {
245        clip: rect(0 0 0 0);
246        clip-path: inset(50%);
247        height: 1px;
248        overflow: hidden;
249        position: absolute;
250        white-space: nowrap;
251        width: 1px;
252    }
253</style>
254
255  
256
257
258
259</head>
260    <body>
261        <header class="header">
262    <nav class="site-nav">
263        <h1 class="site-title"><a href="/"><img id="avatar" class="u-photo" src="https://www.tibz.blog/uploads/2025/tibz-memoji.jpg" width="36" height="36" />Tibz</a></h1>
264        <ul class="nav-menu">
265            <li class="nav-item"><a href="/about/">About</a></li>
266            <li class="nav-item"><a href="/now/">Now</a></li>
267            <li class="nav-item"><a href="/work/">Work</a></li>
268            <li class="nav-item"><a href="/life/">Life</a></li>
269            <li class="nav-item"><a href="/tech/">Tech</a></li>
270            <li class="nav-item"><a href="/photos/">Photos</a></li>
271            <li class="nav-item"><a href="/contact/">Contact</a></li>
272            <li class="nav-item"><a href="/archive/">Archive</a></li>
273            <li class="nav-item"><a href="/search/">Search</a></li>
274        </ul>
275        <div class="hamburger">
276            <span class="bar"></span>
277            <span class="bar"></span>
278            <span class="bar"></span>
279        </div>
280    </nav>
281</header>
282
283        
284<main>
285  <article>
286    <h1 class="page-title">Search</h1>
287    <form onSubmit="return false;">
288    <input class="field"
289           type="text"
290           name="q"
291           id="input_search"
292           placeholder="Type and hit return"
293           onChange="submitSearch(this.value.toLowerCase());"
294           autofocus />
295</form>
296<div id="list_results"
297     data-max-results="5">
298</div>

299<script defer type="text/javascript" src="/js/search.js"></script>

299
300
301  </article>
302</main>
303
304        <footer>
305    <p>©2011 - 2026 Thibault Lemaitre</p>

306<script async="true" src="https://www.vivino.com/external/vivino-widgets.js"></script>

306
307
308<iframe
309  src="https://www.rumicat.com/embed/tibz?variant=button"
310  width="540"
311  height="128"
312  style="border:none;background:transparent;box-sizing:border-box;max-width:100%;"
313  frameborder="0"
314  title="Newsletter subscription">
315</iframe>
316
317    <p class="credits">Hosted by <a href="https://micro.blog">Micro.blog</a>. Powered by <a href="https://github.com/jimmitchell/mnml">mnml</a>. Designed by <a href="https://jimmitchell.org">Jim Mitchell</a>.</p>
318</footer>
319<button class="to-top" id="to-top" onclick="topFunction();">
320    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 137.4c12.5-12.5 32.8-12.5 45.3 0l160 160c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 205.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l160-160z"/></svg>
321</button>
322        

322<script defer type="text/javascript" src="/js/menu.js?1785761765"></script>

322
323        

323<script defer type="text/javascript" src="/js/scroll-to-top.js?1785761765"></script>

323<script defer type="text/javascript" src="https://cdn.jsdelivr.net/npm/hls.js?v=0"></script>

323<script defer type="text/javascript" src="/js/studio.js?v=0"></script>

323</body>
324</html>