PageSourceSearch

https://www.onsequences.com/blog/

html onsequences.com collected 2026-10-04 08:08:00 UTC 49,518 bytes, 873 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" class="is-color-onyx">
3
4<head>
5    <meta charset="utf-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7    <title>Writing</title>
8
9    <link rel="preload" as="style" href="https://www.onsequences.com/assets/built/screen.css?v=AZ1Jx6TNekA2d5oi">
10    <link rel="preload" as="script" href="https://www.onsequences.com/assets/built/main.min.js?v=GMEt77xXHIYSLWiV">
11    <link rel="stylesheet" type="text/css" href="https://www.onsequences.com/assets/built/screen.css?v=AZ1Jx6TNekA2d5oi">
12
13    
13<script>
14        // Function to set the theme
15        function setTheme(theme) {
16            document.documentElement.setAttribute('data-theme', theme);
17            localStorage.setItem('theme', theme);
18            updateThemeToggleIcon(theme);
19        }
20
21        // Function to get the user's color scheme preference
22        function getColorScheme() {
23            return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
24        }
25
26        // Function to update theme toggle icon
27        function updateThemeToggleIcon(theme) {
28            const toggle = document.querySelector('.gh-theme-toggle');
29            if (toggle) {
30                toggle.setAttribute('data-theme', theme);
31            }
32        }
33
34        // Function to toggle theme
35        function toggleTheme() {
36            const currentTheme = document.documentElement.getAttribute('data-theme');
37            const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
38            setTheme(newTheme);
39        }
40
41        // Get the theme setting from Ghost
42        var themeSetting = 'user';
43        var savedTheme = localStorage.getItem('theme');
44
45        // Initialize theme based on settings
46        if (themeSetting === 'user') {
47            // Use saved preference if available, otherwise system preference
48            if (savedTheme) {
49                setTheme(savedTheme);
50            } else {
51                setTheme(getColorScheme());
52            }
53        } else if (themeSetting === 'light') {
54            setTheme('light');
55        } else if (themeSetting === 'dark') {
56            setTheme('dark');
57        } else if (themeSetting === 'system') {
58            setTheme(getColorScheme());
59        }
60
61        // Add click handler to theme toggles
62        document.addEventListener('DOMContentLoaded', function() {
63            const themeToggles = document.querySelectorAll('.gh-theme-toggle');
64            themeToggles.forEach(toggle => {
65                toggle.addEventListener('click', function() {
66                    if (themeSetting === 'user') {
67                        toggleTheme();
68                    }
69                });
70            });
71        });
72
73        // Listen for changes in system color scheme
74        if (themeSetting === 'system') {
75            window.matchMedia('(prefers-color-scheme: dark)').addListener((e) => {
76                setTheme(e.matches ? 'dark' : 'light');
77            });
78        }
79    </script>
79
80    <meta name="description" content="My thoughts, stories.">
81    <link rel="canonical" href="https://www.onsequences.com/blog/">
82    <meta name="referrer" content="no-referrer-when-downgrade">
83    
84    <meta property="og:site_name" content="On Sequences">
85    <meta property="og:type" content="website">
86    <meta property="og:title" content="Writing">
87    <meta property="og:description" content="My thoughts, stories.">
88    <meta property="og:url" content="https://www.onsequences.com/blog/">
89    <meta property="og:image" content="https://static.ghost.org/v5.0.0/images/publication-cover.jpg">
90    <meta property="article:modified_time" content="2024-10-18T07:17:49.000Z">
91    <meta property="article:publisher" content="https://www.facebook.com/ghost">
92    <meta name="twitter:card" content="summary_large_image">
93    <meta name="twitter:title" content="Writing">
94    <meta name="twitter:description" content="My thoughts, stories.">
95    <meta name="twitter:url" content="https://www.onsequences.com/blog/">
96    <meta name="twitter:image" content="https://static.ghost.org/v5.0.0/images/publication-cover.jpg">
97    <meta name="twitter:site" content="@ghost">
98    <meta property="og:image:width" content="1200">
99    <meta property="og:image:height" content="840">
100    
101    
101<script type="application/ld+json">
102{
103    "@context": "https://schema.org",
104    "@type": "Article",
105    "publisher": {
106        "@type": "Organization",
107        "name": "On Sequences",
108        "url": "https://www.onsequences.com/",
109        "logo": {
110            "@type": "ImageObject",
111            "url": "https://www.onsequences.com/favicon.ico",
112            "width": 48,
113            "height": 48
114        }
115    },
116    "author": {
117        "@type": "Person",
118        "name": "Franklin Bi",
119        "sameAs": []
120    },
121    "headline": "Writing",
122    "url": "https://www.onsequences.com/blog/",
123    "dateModified": "2024-10-18T07:17:49.000Z",
124    "mainEntityOfPage": "https://www.onsequences.com/blog/"
125}
126    </script>
126
127
128    <meta name="generator" content="Ghost 6.68">
129    <link rel="alternate" type="application/rss+xml" title="On Sequences" href="https://www.onsequences.com/rss/">
130    
130<script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.71/umd/portal.min.js" data-i18n="true" data-ghost="https://www.onsequences.com/" data-key="9550cc7f23afbba84c421cdf07" data-api="https://onsequences.ghost.io/ghost/api/content/" data-locale="en" crossorigin="anonymous"></script>
130<style id="gh-members-styles">.gh-post-upgrade-cta-content,
131.gh-post-upgrade-cta {
132    display: flex;
133    flex-direction: column;
134    align-items: center;
135    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
136    text-align: center;
137    width: 100%;
138    color: #ffffff;
139    font-size: 16px;
140}
141
142.gh-post-upgrade-cta-content {
143    border-radius: 8px;
144    padding: 40px 4vw;
145}
146
147.gh-post-upgrade-cta h2 {
148    color: #ffffff;
149    font-size: 28px;
150    letter-spacing: -0.2px;
151    margin: 0;
152    padding: 0;
153}
154
155.gh-post-upgrade-cta p {
156    margin: 20px 0 0;
157    padding: 0;
158}
159
160.gh-post-upgrade-cta small {
161    font-size: 16px;
162    letter-spacing: -0.2px;
163}
164
165.gh-post-upgrade-cta a {
166    color: #ffffff;
167    cursor: pointer;
168    font-weight: 500;
169    box-shadow: none;
170    text-decoration: underline;
171}
172
173.gh-post-upgrade-cta a:hover {
174    color: #ffffff;
175    opacity: 0.8;
176    box-shadow: none;
177    text-decoration: underline;
178}
179
180.gh-post-upgrade-cta a.gh-btn {
181    display: block;
182    background: #ffffff;
183    text-decoration: none;
184    margin: 28px 0 0;
185    padding: 8px 18px;
186    border-radius: 4px;
187    font-size: 16px;
188    font-weight: 600;
189}
190
191.gh-post-upgrade-cta a.gh-btn:hover {
192    opacity: 0.92;
193}</style>
194    
194<script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/sodo-search.min.js" data-key="9550cc7f23afbba84c421cdf07" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/main.css" data-sodo-search="https://onsequences.ghost.io/" data-locale="en" crossorigin="anonymous"></script>
194
195    
196    <link href="https://www.onsequences.com/webmentions/receive/" rel="webmention">
197    
197<script defer src="/public/cards.min.js?v=ShRHxgy4po8zN-Wf"></script>
197
198    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=WwnU9jw5ancNC8Gc">
199    
199<script defer src="/public/member-attribution.min.js?v=AKG4hWena9j3yX3I"></script>
199
200    
200<script defer src="/public/ghost-stats.min.js?v=vFcCUf6ZQ0Hyhc8h" data-stringify-payload="false" data-datasource="analytics_events" data-storage="localStorage" data-host="https://www.onsequences.com/.ghost/analytics/api/v1/page_hit"  tb_site_uuid="a8defeed-6cdc-4b70-a5ec-f03dcb72745e" tb_post_uuid="undefined" tb_post_type="page" tb_member_uuid="undefined" tb_member_status="undefined" tb_gift_link=""></script>
200<style>:root {--ghost-accent-color: #ee6029;}</style>
201    <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 201-202
201
202<script async src="https://www.googletagmanager.com/gtag/js?id=
202G-1LPMXMFKKF
vendor: 12 bytes, line 202
202"></script>
203<script>
204  
vendor: 134 bytes, lines 204-208
204window.dataLayer = window.dataLayer || [];
205  function gtag(){dataLayer.push(arguments);}
206  gtag('js', new Date());
207
208  gtag('config', '
208G-1LPMXMFKKF
vendor: 4 bytes, line 208
208');
209</script>
209
210    <link rel="preconnect" href="https://fonts.bunny.net"><link rel="stylesheet" href="https://fonts.bunny.net/css?family=libre-baskerville:700|inter:400,500,600"><style>:root {--gh-font-heading: Libre Baskerville;--gh-font-body: Inter;}</style>
211</head>
212
213<body class="page-template page-blog tag-hash-section-blog tag-hash-import-2025-08-15-08-29 tag-hash-import-2026-02-11-17-22 gh-font-heading-libre-baskerville gh-font-body-inter">
214    <div class="is-color-onyx">
215        <div class="site">
216            <header id="gh-head" class="gh-outer">
217                <div class="head-inner no-profile">
218                    <div class="gh-head-nav">
219                        <div class="gh-head-brand">
220                            <div class="gh-head-brand-wrapper">
221                                <div class="gh-head-logo-text">
222                                </div>
223                                <div class="gh-head-text-wrapper">
224                                    <a class="h4 gh-head-title" href="https://www.onsequences.com">
225                                        On Sequences
226                                    </a>
227                                </div>
228                            </div>
229                                <button 
230        class="gh-theme-toggle gh-icon-btn visible-mobile"
231        data-a11y="false"
232        aria-label="Activate dark mode"
233        title="Activate dark mode"
234    >
235        <div class="theme-toggle-icon">
236            <div class="moon-or-sun"></div>
237            <div class="moon-mask"></div>
238        </div>
239    </button>
240                            <button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"/>
241    <path d="m21 21-4.35-4.35"/>
242</svg></button>
243                            <button class="gh-burger"></button>
244                        </div>
245
246                        <div class="head-action-social">
247                            <a class="header-search-bar u-header-search-bar"
248                                href="#"
249                            aria-label="Search"
250                            data-ghost-search >
251                                <span class="social-item">
252                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"/>
253    <path d="m21 21-4.35-4.35"/>
254</svg>                                </span>
255                                <span class="search-help-text">⌘K</span>
256                            </a>
257                                <button 
258        class="gh-theme-toggle gh-icon-btn visible-desktop"
259        data-a11y="false"
260        aria-label="Activate dark mode"
261        title="Activate dark mode"
262    >
263        <div class="theme-toggle-icon">
264            <div class="moon-or-sun"></div>
265            <div class="moon-mask"></div>
266        </div>
267    </button>
268                        </div>
269                        
270                        <nav class="head-menu">
271                            
272    <ul class="nav">
273            <li class="nav-home nav-item">
274                <a href="https://www.onsequences.com/">
275                    <div class="nav-icon"></div>
276                    <span>Home</span>
277                </a>
278            </li>
279            <li class="nav-blog nav-current nav-item">
280                <a href="https://www.onsequences.com/blog/">
281                    <div class="nav-icon"></div>
282                    <span>Blog</span>
283                </a>
284            </li>
285            <li class="nav-works nav-item">
286                <a href="https://www.onsequences.com/works/">
287                    <div class="nav-icon"></div>
288                    <span>Works</span>
289                </a>
290            </li>
291            <li class="nav-about nav-item">
292                <a href="https://www.onsequences.com/about/">
293                    <div class="nav-icon"></div>
294                    <span>About</span>
295                </a>
296            </li>
297            <li class="nav-pages nav-item">
298                <a href="https://www.onsequences.com/">
299                    <div class="nav-icon"></div>
300                    <span>#Pages</span>
301                </a>
302            </li>
303            <li class="nav-now nav-item">
304                <a href="https://www.onsequences.com/now/">
305                    <div class="nav-icon"></div>
306                    <span>Now</span>
307                </a>
308            </li>
309            <li class="nav-timeline nav-item">
310                <a href="https://www.onsequences.com/timeline/">
311                    <div class="nav-icon"></div>
312                    <span>Timeline</span>
313                </a>
314            </li>
315            <li class="nav-contact nav-item">
316                <a href="https://www.onsequences.com/contact/">
317                    <div class="nav-icon"></div>
318                    <span>Contact</span>
319                </a>
320            </li>
321            <li class="nav-resources nav-item">
322                <a href="https://www.onsequences.com/">
323                    <div class="nav-icon"></div>
324                    <span>#Resources</span>
325                </a>
326            </li>
327            <li class="nav-reading-list nav-item">
328                <a href="https://www.onsequences.com/books/">
329                    <div class="nav-icon"></div>
330                    <span>Reading List</span>
331                </a>
332            </li>
333            <li class="nav-tool-kit nav-item">
334                <a href="https://www.onsequences.com/tools/">
335                    <div class="nav-icon"></div>
336                    <span>Tool Kit</span>
337                </a>
338            </li>
339            <li class="nav-podcasts nav-item">
340                <a href="https://www.onsequences.com/podcasts/">
341                    <div class="nav-icon"></div>
342                    <span>Podcasts</span>
343                </a>
344            </li>
345            <li class="nav-newsletters nav-item">
346                <a href="https://www.onsequences.com/newsletters/">
347                    <div class="nav-icon"></div>
348                    <span>Newsletters</span>
349                </a>
350            </li>
351            <li class="nav-bookmarks nav-item">
352                <a href="https://www.onsequences.com/bookmarks/">
353                    <div class="nav-icon"></div>
354                    <span>Bookmarks</span>
355                </a>
356            </li>
357            <li class="nav-connect nav-item">
358                <a href="https://www.onsequences.com/">
359                    <div class="nav-icon"></div>
360                    <span>#Connect</span>
361                </a>
362            </li>
363            <li class="nav-twitter nav-item">
364                <a href="https://x.com/home">
365                    <div class="nav-icon"></div>
366                    <span>Twitter</span>
367                </a>
368            </li>
369            <li class="nav-linkedin nav-item">
370                <a href="https://www.linkedin.com/">
371                    <div class="nav-icon"></div>
372                    <span>LinkedIn</span>
373                </a>
374            </li>
375    </ul>
376
377                        </nav>
378
379                    </div>
380                        <div class="head-member-actions">
381                            <div class="gh-head-members">
382                                            <a class="gh-head-link button button-primary button-head" href="#/portal/signup" data-portal="signup">Subscribe</a>
383                                            <a class="gh-head-link" href="#/portal/signin" data-portal="signin">Sign in</a>
384                            </div>
385                        </div>
386                </div>
387
388            </header>
389            <div class="sidebar-overlay-nav">
390                <button class="sidebar-burger" aria-label="Close menu"></button>
391                <div class="gh-head-brand-wrapper">
392                    <div class="gh-head-text-wrapper">
393                        <a class="h4 gh-head-title" href="https://www.onsequences.com">
394                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 20 20" class="size-5">
395  <path fill-rule="evenodd" d="M9.293 2.293a1 1 0 0 1 1.414 0l7 7A1 1 0 0 1 17 11h-1v6a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-6H3a1 1 0 0 1-.707-1.707l7-7Z" clip-rule="evenodd" />
396</svg>
397                            On Sequences
398                        </a>
399                    </div>
400                </div>
401            </div>
402
403            <div class="site-content">
404                <div class="content-area custom-page">
405    <main class="site-main">
406            <section class="container medium">
407    <div class="hero-wrapper">
408        <h1 class="hero-header">Writing</h1>
409            <p class="body-1 hero-desc"> My thoughts, stories.</p>
410    </div>
411</section>
412
413            <nav class="blog-nav container medium">
414    <button class="blog-nav-scroll-btn prev" aria-label="Scroll left">
415        <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
416    <path d="M26.667 14.667v2.667h-16L18 24.667l-1.893 1.893L5.547 16l10.56-10.56L18 7.333l-7.333 7.333h16z"></path>
417</svg>    </button>
418    <button class="blog-nav-scroll-btn next" aria-label="Scroll right">
419        <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
420    <path d="M5.333 14.667v2.667h16L14 24.667l1.893 1.893L26.453 16 15.893 5.44 14 7.333l7.333 7.333h-16z"></path>
421</svg>    </button>
422    <div class="blog-nav-scroll-wrapper">
423                <div class="blog-navbar">
424                    <a href="/blog/" class="body-2 blog-navbar-item">All</a>
425                            <a href=/featured-posts/ class="body-2 blog-navbar-item">Featured Posts</a>
426                        <a href="/tag/books/" class="body-2 blog-nav-books blog-navbar-item">Books</a>
427                        <a href="/tag/newsletter-698d1452005ce3001bacee6c/" class="body-2 blog-nav-newsletter-698d1452005ce3001bacee6c blog-navbar-item">Newsletter</a>
428                        <a href="/tag/now/" class="body-2 blog-nav-now blog-navbar-item">Now</a>
429                        <a href="/tag/blockchain/" class="body-2 blog-nav-blockchain blog-navbar-item">blockchain</a>
430                </div>
431    </div>
432</nav>        
433        <section class="section-container">
434            <div class="post-feed expanded gh-feed container medium">
435                    <article class="feed post tag-news post-year-2026 post-date-2" data-month="February 2026">
436    
437
438                <div class="feed-image u-placeholder rectangle round">
439                        <img class="u-object-fit"
440                            srcset="https://static.ghost.org/v4.0.0/images/feature-image.jpg 150w,
441                                    https://static.ghost.org/v4.0.0/images/feature-image.jpg 400w,
442                                    https://static.ghost.org/v4.0.0/images/feature-image.jpg 750w"
443                            sizes="(min-width: 576px) 300px, 90vw"
444                            src="https://static.ghost.org/v4.0.0/images/feature-image.jpg"
445                            alt="Coming soon"
446                            loading="lazy"
447                        >
448                </div>
449    <div class="feed-wrapper">
450            <div class="feed-tag">
451                <span class="feed-tag-item sub-heading">News</span>
452            </div>
453        <h2 class="body-1 feed-title">Coming soon</h2>
454            <div class="feed-excerpt">This is On Sequences, a brand new site by Franklin Bi that&#39;s just getting started. Things will be</div>
455        <div class="dot-spacer"></div>
456        <div class="feed-right">
457            <time class="body-1 feed-calendar" datetime="2026-02-09">
458                    09 Feb
459            </time>
460            <div class="feed-icon">
461                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
462    <path d="M5.333 14.667v2.667h16L14 24.667l1.893 1.893L26.453 16 15.893 5.44 14 7.333l7.333 7.333h-16z"></path>
463</svg>            </div>
464        </div>
465    </div>
466        <a class="u-permalink" href=/coming-soon/ aria-label="Coming soon"></a>
467</article>                    <article class="feed post tag-newsletter-698d1452005ce3001bacee6c tag-hash-franklin-bi tag-hash-migrated-1770853448050 tag-hash-import-2026-02-11-15-44 post-year-2025 post-date-7" data-month="July 2025">
468    
469
470                <div class="feed-image u-placeholder rectangle round">
471                        <img class="u-object-fit"
472                            srcset="https://images.unsplash.com/photo-1669874596298-71da0f3db236?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDR8fGdyZWF0JTIwbWlncmF0aW9ufGVufDB8fHx8MTc3MDg1NjUxNXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;150 150w,
473                                    https://images.unsplash.com/photo-1669874596298-71da0f3db236?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDR8fGdyZWF0JTIwbWlncmF0aW9ufGVufDB8fHx8MTc3MDg1NjUxNXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;400 400w,
474                                    https://images.unsplash.com/photo-1669874596298-71da0f3db236?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDR8fGdyZWF0JTIwbWlncmF0aW9ufGVufDB8fHx8MTc3MDg1NjUxNXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;750 750w"
475                            sizes="(min-width: 576px) 300px, 90vw"
476                            src="https://images.unsplash.com/photo-1669874596298-71da0f3db236?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDR8fGdyZWF0JTIwbWlncmF0aW9ufGVufDB8fHx8MTc3MDg1NjUxNXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;400"
477                            alt="The Great Onchain Migration"
478                            loading="lazy"
479                        >
480                </div>
481    <div class="feed-wrapper">
482            <div class="feed-tag">
483                <span class="feed-tag-item sub-heading">Newsletter</span>
484            </div>
485        <h2 class="body-1 feed-title">The Great Onchain Migration</h2>
486            <div class="feed-excerpt">A New Fintech Playbook: Tokenization as a Gravity Well</div>
487        <div class="dot-spacer"></div>
488        <div class="feed-right">
489            <time class="body-1 feed-calendar" datetime="2025-07-23">
490                    23 Jul
491            </time>
492            <div class="feed-icon">
493                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
494    <path d="M5.333 14.667v2.667h16L14 24.667l1.893 1.893L26.453 16 15.893 5.44 14 7.333l7.333 7.333h-16z"></path>
495</svg>            </div>
496        </div>
497    </div>
498        <a class="u-permalink" href=/the-great-onchain-migration/ aria-label="The Great Onchain Migration"></a>
499</article>                    <article class="feed post tag-blockchain tag-hash-franklin-bi tag-ethereum tag-crypto tag-newsletter-698d1452005ce3001bacee6c tag-hash-migrated-1770853448050 tag-hash-import-2026-02-11-15-44 post-year-2025 post-date-5" data-month="May 2025">
500    
501
502                <div class="feed-image u-placeholder rectangle round">
503                        <img class="u-object-fit"
504                            srcset="https://storage.ghost.io/c/a8/de/a8defeed-6cdc-4b70-a5ec-f03dcb72745e/content/images/size/w150/format/webp/2026/02/8f6a38e0-6e54-45af-8667-5522c1b285a4_2100x900-jpeg.jpg 150w,
505                                    https://storage.ghost.io/c/a8/de/a8defeed-6cdc-4b70-a5ec-f03dcb72745e/content/images/size/w400/format/webp/2026/02/8f6a38e0-6e54-45af-8667-5522c1b285a4_2100x900-jpeg.jpg 400w,
506                                    https://storage.ghost.io/c/a8/de/a8defeed-6cdc-4b70-a5ec-f03dcb72745e/content/images/size/w750/format/webp/2026/02/8f6a38e0-6e54-45af-8667-5522c1b285a4_2100x900-jpeg.jpg 750w"
507                            sizes="(min-width: 576px) 300px, 90vw"
508                            src="https://storage.ghost.io/c/a8/de/a8defeed-6cdc-4b70-a5ec-f03dcb72745e/content/images/size/w400/2026/02/8f6a38e0-6e54-45af-8667-5522c1b285a4_2100x900-jpeg.jpg"
509                            alt="Ethereum&#x27;s Commercial Unlock: Pectra"
510                            loading="lazy"
511                        >
512                </div>
513    <div class="feed-wrapper">
514            <div class="feed-tag">
515                <span class="feed-tag-item sub-heading">blockchain</span>
516            </div>
517        <h2 class="body-1 feed-title">Ethereum&#x27;s Commercial Unlock: Pectra</h2>
518            <div class="feed-excerpt">Why today&#39;s Ethereum upgrade is a big deal in &lt; 10 minutes</div>
519        <div class="dot-spacer"></div>
520        <div class="feed-right">
521            <time class="body-1 feed-calendar" datetime="2025-05-07">
522                    07 May
523            </time>
524            <div class="feed-icon">
525                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
526    <path d="M5.333 14.667v2.667h16L14 24.667l1.893 1.893L26.453 16 15.893 5.44 14 7.333l7.333 7.333h-16z"></path>
527</svg>            </div>
528        </div>
529    </div>
530        <a class="u-permalink" href=/ethereums-commercial-unlock-pectra/ aria-label="Ethereum&#x27;s Commercial Unlock: Pectra"></a>
531</article>                    <article class="feed post tag-blockchain tag-hash-franklin-bi tag-venture tag-venture-capital tag-crypto tag-newsletter-698d1452005ce3001bacee6c tag-hash-migrated-1770853448050 tag-hash-import-2026-02-11-15-44 post-year-2025 post-date-1" data-month="January 2025">
532    
533
534                <div class="feed-image u-placeholder rectangle round">
535                        <img class="u-object-fit"
536                            srcset="https://images.unsplash.com/photo-1760773766915-9a656de8a037?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHBhdGglMjB0byUyMGZ1dHVyZXxlbnwwfHx8fDE3NzA4NTY3NTZ8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;150 150w,
537                                    https://images.unsplash.com/photo-1760773766915-9a656de8a037?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHBhdGglMjB0byUyMGZ1dHVyZXxlbnwwfHx8fDE3NzA4NTY3NTZ8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;400 400w,
538                                    https://images.unsplash.com/photo-1760773766915-9a656de8a037?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHBhdGglMjB0byUyMGZ1dHVyZXxlbnwwfHx8fDE3NzA4NTY3NTZ8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;750 750w"
539                            sizes="(min-width: 576px) 300px, 90vw"
540                            src="https://images.unsplash.com/photo-1760773766915-9a656de8a037?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHBhdGglMjB0byUyMGZ1dHVyZXxlbnwwfHx8fDE3NzA4NTY3NTZ8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;400"
541                            alt="The Path to Adoption"
542                            loading="lazy"
543                        >
544                </div>
545    <div class="feed-wrapper">
546            <div class="feed-tag">
547                <span class="feed-tag-item sub-heading">blockchain</span>
548            </div>
549        <h2 class="body-1 feed-title">The Path to Adoption</h2>
550            <div class="feed-excerpt">Finding the next 100x opportunity in crypto</div>
551        <div class="dot-spacer"></div>
552        <div class="feed-right">
553            <time class="body-1 feed-calendar" datetime="2025-01-14">
554                    14 Jan
555            </time>
556            <div class="feed-icon">
557                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
558    <path d="M5.333 14.667v2.667h16L14 24.667l1.893 1.893L26.453 16 15.893 5.44 14 7.333l7.333 7.333h-16z"></path>
559</svg>            </div>
560        </div>
561    </div>
562        <a class="u-permalink" href=/the-path-to-adoption/ aria-label="The Path to Adoption"></a>
563</article>                    <article class="feed post tag-blockchain tag-hash-franklin-bi tag-bitcoin tag-defi tag-crypto tag-newsletter-698d1452005ce3001bacee6c post-year-2024 post-date-12" data-month="December 2024">
564    
565
566                <div class="feed-image u-placeholder rectangle round">
567                        <img class="u-object-fit"
568                            srcset="https://storage.ghost.io/c/a8/de/a8defeed-6cdc-4b70-a5ec-f03dcb72745e/content/images/size/w150/format/webp/2026/02/0e112ae5-e82e-473e-89fc-8284b35fe8b7_1200x675-jpeg.jpg 150w,
569                                    https://storage.ghost.io/c/a8/de/a8defeed-6cdc-4b70-a5ec-f03dcb72745e/content/images/size/w400/format/webp/2026/02/0e112ae5-e82e-473e-89fc-8284b35fe8b7_1200x675-jpeg.jpg 400w,
570                                    https://storage.ghost.io/c/a8/de/a8defeed-6cdc-4b70-a5ec-f03dcb72745e/content/images/size/w750/format/webp/2026/02/0e112ae5-e82e-473e-89fc-8284b35fe8b7_1200x675-jpeg.jpg 750w"
571                            sizes="(min-width: 576px) 300px, 90vw"
572                            src="https://storage.ghost.io/c/a8/de/a8defeed-6cdc-4b70-a5ec-f03dcb72745e/content/images/size/w400/2026/02/0e112ae5-e82e-473e-89fc-8284b35fe8b7_1200x675-jpeg.jpg"
573                            alt="The Most Neglected Asset in the World"
574                            loading="lazy"
575                        >
576                </div>
577    <div class="feed-wrapper">
578            <div class="feed-tag">
579                <span class="feed-tag-item sub-heading">blockchain</span>
580            </div>
581        <h2 class="body-1 feed-title">The Most Neglected Asset in the World</h2>
582            <div class="feed-excerpt">A Trillion Dollar Opportunity Hiding in Plain Sight</div>
583        <div class="dot-spacer"></div>
584        <div class="feed-right">
585            <time class="body-1 feed-calendar" datetime="2024-12-08">
586                    08 Dec
587            </time>
588            <div class="feed-icon">
589                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
590    <path d="M5.333 14.667v2.667h16L14 24.667l1.893 1.893L26.453 16 15.893 5.44 14 7.333l7.333 7.333h-16z"></path>
591</svg>            </div>
592        </div>
593    </div>
594        <a class="u-permalink" href=/coming-soon-698d1452005ce3001bacee6b/ aria-label="The Most Neglected Asset in the World"></a>
595</article>                    <article class="feed post tag-personal-growth tag-hash-course tag-hash-import-2025-08-15-08-29 tag-hash-import-2026-02-11-17-22 featured post-year-2024 post-date-5" data-month="May 2024">
596    
597
598                <div class="feed-image u-placeholder rectangle round">
599                        <img class="u-object-fit"
600                            srcset="https://images.unsplash.com/photo-1617957796155-72d8717ac882?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE4fHxncmVlbnxlbnwwfHx8fDE3NTUyNDczMDF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;150 150w,
601                                    https://images.unsplash.com/photo-1617957796155-72d8717ac882?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE4fHxncmVlbnxlbnwwfHx8fDE3NTUyNDczMDF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;400 400w,
602                                    https://images.unsplash.com/photo-1617957796155-72d8717ac882?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE4fHxncmVlbnxlbnwwfHx8fDE3NTUyNDczMDF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;750 750w"
603                            sizes="(min-width: 576px) 300px, 90vw"
604                            src="https://images.unsplash.com/photo-1617957796155-72d8717ac882?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE4fHxncmVlbnxlbnwwfHx8fDE3NTUyNDczMDF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;400"
605                            alt="Cultivating the Productivity Mindset"
606                            loading="lazy"
607                        >
608                </div>
609    <div class="feed-wrapper">
610            <div class="feed-tag">
611                <span class="feed-tag-item sub-heading">Personal Growth</span>
612            </div>
613        <h2 class="body-1 feed-title">Cultivating the Productivity Mindset</h2>
614            <div class="feed-excerpt">Unlock the powerful habits &amp; attitudes of highly productive people. Develop a growth mindset &amp; overcome obstacles to success.</div>
615        <div class="dot-spacer"></div>
616        <div class="feed-right">
617            <time class="body-1 feed-calendar" datetime="2024-05-18">
618                    18 May
619            </time>
620            <div class="feed-icon">
621                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
622    <path d="M5.333 14.667v2.667h16L14 24.667l1.893 1.893L26.453 16 15.893 5.44 14 7.333l7.333 7.333h-16z"></path>
623</svg>            </div>
624        </div>
625    </div>
626        <a class="u-permalink" href=/cultivating-the-productivity-mindset/ aria-label="Cultivating the Productivity Mindset"></a>
627</article>                    <article class="feed post tag-focus tag-hash-course tag-hash-import-2025-08-15-08-29 tag-hash-import-2026-02-11-17-22 post-year-2024 post-date-5" data-month="May 2024">
628    
629
630                <div class="feed-image u-placeholder rectangle round">
631                        <img class="u-object-fit"
632                            srcset="https://images.unsplash.com/photo-1551970634-747846a548cb?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE5fHxncmVlbnxlbnwwfHx8fDE3NTUyNDczMDF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;150 150w,
633                                    https://images.unsplash.com/photo-1551970634-747846a548cb?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE5fHxncmVlbnxlbnwwfHx8fDE3NTUyNDczMDF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;400 400w,
634                                    https://images.unsplash.com/photo-1551970634-747846a548cb?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE5fHxncmVlbnxlbnwwfHx8fDE3NTUyNDczMDF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;750 750w"
635                            sizes="(min-width: 576px) 300px, 90vw"
636                            src="https://images.unsplash.com/photo-1551970634-747846a548cb?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE5fHxncmVlbnxlbnwwfHx8fDE3NTUyNDczMDF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;400"
637                            alt="The Myth of Multitasking Mastery"
638                            loading="lazy"
639                        >
640                </div>
641    <div class="feed-wrapper">
642            <div class="feed-tag">
643                <span class="feed-tag-item sub-heading">Focus</span>
644            </div>
645        <h2 class="body-1 feed-title">The Myth of Multitasking Mastery</h2>
646            <div class="feed-excerpt">Explore why multitasking sabotages productivity &amp; how single-tasking boosts focus, efficiency &amp; output. An eye-opening read.</div>
647        <div class="dot-spacer"></div>
648        <div class="feed-right">
649            <time class="body-1 feed-calendar" datetime="2024-05-18">
650                    18 May
651            </time>
652            <div class="feed-icon">
653                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
654    <path d="M5.333 14.667v2.667h16L14 24.667l1.893 1.893L26.453 16 15.893 5.44 14 7.333l7.333 7.333h-16z"></path>
655</svg>            </div>
656        </div>
657    </div>
658        <a class="u-permalink" href=/the-myth-of-multitasking-mastery/ aria-label="The Myth of Multitasking Mastery"></a>
659</article>                    <article class="feed post tag-time-management tag-hash-course tag-hash-import-2025-08-15-08-29 tag-hash-import-2026-02-11-17-22 featured post-year-2024 post-date-5" data-month="May 2024">
660    
661
662                <div class="feed-image u-placeholder rectangle round">
663                        <img class="u-object-fit"
664                            srcset="https://images.unsplash.com/photo-1468434453985-b1ca3b555f00?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIyfHxncmVlbnxlbnwwfHx8fDE3NTUyNDczMDF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;150 150w,
665                                    https://images.unsplash.com/photo-1468434453985-b1ca3b555f00?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIyfHxncmVlbnxlbnwwfHx8fDE3NTUyNDczMDF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;400 400w,
666                                    https://images.unsplash.com/photo-1468434453985-b1ca3b555f00?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIyfHxncmVlbnxlbnwwfHx8fDE3NTUyNDczMDF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;750 750w"
667                            sizes="(min-width: 576px) 300px, 90vw"
668                            src="https://images.unsplash.com/photo-1468434453985-b1ca3b555f00?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIyfHxncmVlbnxlbnwwfHx8fDE3NTUyNDczMDF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;400"
669                            alt="Prioritizing Your Path to Productivity"
670                            loading="lazy"
671                        >
672                </div>
673    <div class="feed-wrapper">
674            <div class="feed-tag">
675                <span class="feed-tag-item sub-heading">Time Management</span>
676            </div>
677        <h2 class="body-1 feed-title">Prioritizing Your Path to Productivity</h2>
678            <div class="feed-excerpt">Discover techniques to identify priorities, eliminate time-wasters &amp; cultivate laser focus. Regain control of your time.</div>
679        <div class="dot-spacer"></div>
680        <div class="feed-right">
681            <time class="body-1 feed-calendar" datetime="2024-05-18">
682                    18 May
683            </time>
684            <div class="feed-icon">
685                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
686    <path d="M5.333 14.667v2.667h16L14 24.667l1.893 1.893L26.453 16 15.893 5.44 14 7.333l7.333 7.333h-16z"></path>
687</svg>            </div>
688        </div>
689    </div>
690        <a class="u-permalink" href=/how-to-unleash-your-day-with-purpose-and-clarity/ aria-label="Prioritizing Your Path to Productivity"></a>
691</article>                    <article class="feed post tag-styleguide tag-hash-import-2025-08-15-08-29 tag-hash-import-2026-02-11-17-22 post-year-2024 post-date-5" data-month="May 2024">
692    
693
694                <div class="feed-image u-placeholder rectangle round">
695                        <img class="u-object-fit"
696                            srcset="https://images.unsplash.com/photo-1598759473345-d8d3239a25bd?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDh8fGdyZWVufGVufDB8fHx8MTc1NTI0NzMwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;150 150w,
697                                    https://images.unsplash.com/photo-1598759473345-d8d3239a25bd?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDh8fGdyZWVufGVufDB8fHx8MTc1NTI0NzMwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;400 400w,
698                                    https://images.unsplash.com/photo-1598759473345-d8d3239a25bd?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDh8fGdyZWVufGVufDB8fHx8MTc1NTI0NzMwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;750 750w"
699                            sizes="(min-width: 576px) 300px, 90vw"
700                            src="https://images.unsplash.com/photo-1598759473345-d8d3239a25bd?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDh8fGdyZWVufGVufDB8fHx8MTc1NTI0NzMwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;400"
701                            alt="Proper footnote formatting and usage"
702                            loading="lazy"
703                        >
704                </div>
705    <div class="feed-wrapper">
706            <div class="feed-tag">
707                <span class="feed-tag-item sub-heading">Styleguide</span>
708            </div>
709        <h2 class="body-1 feed-title">Proper footnote formatting and usage</h2>
710            <div class="feed-excerpt">Footnotes serve as essential tools in academic and professional writing, providing valuable supplementary information without disrupting the main text.</div>
711        <div class="dot-spacer"></div>
712        <div class="feed-right">
713            <time class="body-1 feed-calendar" datetime="2024-05-01">
714                    01 May
715            </time>
716            <div class="feed-icon">
717                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
718    <path d="M5.333 14.667v2.667h16L14 24.667l1.893 1.893L26.453 16 15.893 5.44 14 7.333l7.333 7.333h-16z"></path>
719</svg>            </div>
720        </div>
721    </div>
722        <a class="u-permalink" href=/proper-footnote-formatting-and-usage/ aria-label="Proper footnote formatting and usage"></a>
723</article>            </div>
724            <nav class="load-more">
725    <button class="button button-secondary button-disabled gh-loadmore">
726        <svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
727    <g stroke-linecap="round" stroke-width="2" fill="currentColor" stroke="none" stroke-linejoin="round" class="nc-icon-wrapper">
728        <g class="nc-loop-dots-4-24-icon-o">
729            <circle cx="4" cy="12" r="3"></circle>
730            <circle cx="12" cy="12" r="3"></circle>
731            <circle cx="20" cy="12" r="3"></circle>
732        </g>
733        <style data-cap="butt">
734            .nc-loop-dots-4-24-icon-o{--animation-duration:0.8s}
735            .nc-loop-dots-4-24-icon-o *{opacity:.4;transform:scale(.75);animation:nc-loop-dots-4-anim var(--animation-duration) infinite}
736            .nc-loop-dots-4-24-icon-o :nth-child(1){transform-origin:4px 12px;animation-delay:-.3s;animation-delay:calc(var(--animation-duration)/-2.666)}
737            .nc-loop-dots-4-24-icon-o :nth-child(2){transform-origin:12px 12px;animation-delay:-.15s;animation-delay:calc(var(--animation-duration)/-5.333)}
738            .nc-loop-dots-4-24-icon-o :nth-child(3){transform-origin:20px 12px}
739            @keyframes nc-loop-dots-4-anim{0%,100%{opacity:.4;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}
740        </style>
741    </g>
742</svg>    </button>
743</nav>
744
745
746        </section>
747    </main>
748</div>
749
750
751                <footer class="site-footer">
752    <div class="container medium footer-container">
753        <div class="fade-to-right"></div>
754        <div class="body-2 footer-copyright">
755            On Sequences © 2026.
756           <span class="footer-signature">
757                Published with
758                <a class="menu-item badge" href="https://ghost.org/" target="_blank" rel="noopener noreferrer"> Ghost</a>
759                & <a class="menu-item badge" href="https://themex.studio/braun/" target="_blank" rel="noopener noreferrer"> Braun</a>
760            </span>
761        </div>
762         <div class="fade-to-left"></div>
763    </div>
764    <div class="footer-container-bottom">
765        <div class="footer-bottom-inner body-2">
766            
767    <ul class="nav-footer">
768            <li class="nav-privacy nav-footer-item">
769                <a href="#">
770                    <span>Privacy</span>
771                </a>
772            </li>
773            <li class="nav-about nav-footer-item">
774                <a href="https://www.onsequences.com/about/">
775                    <span>About</span>
776                </a>
777            </li>
778            <li class="nav-sign-up nav-footer-item">
779                <a href="#/portal/">
780                    <span>Sign up</span>
781                </a>
782            </li>
783    </ul>
784
785        </div>
786    </div>
787</footer>            </div>
788        </div>
789    </div>
790
791        <div class="pswp" tabindex="-1" role="dialog">
792    <div class="pswp__bg"></div>
793
794    <div class="pswp__scroll-wrap">
795        <div class="pswp__container">
796            <div class="pswp__item"></div>
797            <div class="pswp__item"></div>
798            <div class="pswp__item"></div>
799        </div>
800
801        <div class="pswp__ui pswp__ui--hidden">
802            <div class="pswp__top-bar">
803                <div class="pswp__counter"></div>
804
805                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
806                <button class="pswp__button pswp__button--share" title="Share"></button>
807                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
808                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
809
810                <div class="pswp__preloader">
811                    <div class="pswp__preloader__icn">
812                        <div class="pswp__preloader__cut">
813                            <div class="pswp__preloader__donut"></div>
814                        </div>
815                    </div>
816                </div>
817            </div>
818
819            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
820                <div class="pswp__share-tooltip"></div>
821            </div>
822
823            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
824            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
825
826            <div class="pswp__caption">
827                <div class="pswp__caption__center"></div>
828            </div>
829        </div>
830    </div>
831</div>
832
833    
833<script src="https://www.onsequences.com/assets/built/main.min.js?v=GMEt77xXHIYSLWiV"></script>
833
834    
834<script src="https://www.onsequences.com/assets/built/lightbox.min.js?v=FkFQklkHa2OLyoKL"></script>
834
835    
835<script src="https://www.onsequences.com/assets/js/prism.js?v=QfSoF6AyOshpqKKQ"></script>
835
836
837
838    
838<script src="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.10.0/tocbot.min.js"></script>
838
839    
839<script>
840        tocbot.init({
841            tocSelector: '.toc',
842            contentSelector: '.single-content',
843            headingSelector: 'h2, h3',
844            hasInnerContainers: true,
845            ignoreSelector: '.kg-card h2, .kg-card h3, .kg-card h4, .kg-card h5, .kg-card h6, .toc-sidebar h4'
846        });
847    </script>
847
848
849    
849<script>
850window.navIcons?.setIcon(
851	'sidebar-overlay', 
852	`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-panel-right-close-icon lucide-panel-right-close"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M15 3v18"/><path d="m8 9 3 3-3 3"/></svg>`
853);
854
855window.navIcons?.setIcon(
856	'works', 
857	`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-briefcase-business-icon lucide-briefcase-business"><path d="M12 12h.01"/><path d="M16 6V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2"/><path d="M22 13a18.15 18.15 0 0 1-20 0"/><rect width="20" height="14" x="2" y="6" rx="2"/></svg>`
858);
859  
860window.navIcons?.setIcon(
861	'timeline', 
862	`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-notepad-text-icon lucide-notepad-text"><path d="M8 2v4"/><path d="M12 2v4"/><path d="M16 2v4"/><rect width="16" height="18" x="4" y="4" rx="2"/><path d="M8 10h6"/><path d="M8 14h8"/><path d="M8 18h5"/></svg>`
863);
864    
865window.navIcons?.setIcon(
866	'style-guides', 
867	`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-palette-icon lucide-palette"><path d="M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z"/><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"/><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"/><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"/><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"/></svg>`
868);
869
870</script>
870
871
872</body>
873</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.