PageSourceSearch

https://blot.im/

html blot.im collected 2026-10-02 16:18:33 UTC 172,640 bytes, 2,359 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta http-equiv="content-type" content="text/html; charset=utf-8">
5  <meta name="viewport" content="width=device-width; initial-scale=1.0;">
6  
6<script>document.documentElement.dataset.auth = document.cookie.includes("signed_into_blot") ? "in" : "out";</script>
6
7  <meta name="description" content="Turns a folder into a website">
8  <title>Blot</title>
9  <link rel="preconnect" href="https://cdn.blot.im">
10  <link rel="icon" type="image/png" href="https://cdn.blot.im/documentation/v-06b08017/favicon-96x96.png" sizes="96x96">
11  <link rel="icon" type="image/svg+xml" href="https://cdn.blot.im/documentation/v-e126ea94/favicon.svg">
12  <link rel="shortcut icon" href="https://cdn.blot.im/documentation/v-69fe2758/favicon.ico">
13  <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.blot.im/documentation/v-f40b15b5/apple-touch-icon.png">
14  <meta name="apple-mobile-web-app-title" content="Blot">
15  <link rel="manifest" href="https://cdn.blot.im/documentation/v-476040a2/site.webmanifest">
16  <link rel="preload" as="style" href="https://cdn.blot.im/documentation/v-e1b99393/documentation.min.css">
17  <link rel="stylesheet" type="text/css" href="https://cdn.blot.im/documentation/v-e1b99393/documentation.min.css">
18</head>
19<body class="">
20  <header class="header public-header">
21    <div class="header-inner">
22      <a class="site-brand selected" href="/">
23        <svg class="site-brand-logo" xmlns="http://www.w3.org/2000/svg" width="29" height="23" viewBox="0 0 29 23" fill="none" aria-hidden="true">
24          <path d="M1 5.25V3.5C1 2.11929 2.11929 1 3.5 1H9.15C9.81274 1 10.4489 1.26339 10.9178 1.73223L13.1855 3.5H25.5C26.8807 3.5 28 4.61929 28 6V19.5C28 20.8807 26.8807 22 25.5 22H3.5C2.11929 22 1 20.8807 1 19.5V5.25Z" stroke="#006DF2" stroke-width="2" stroke-linejoin="round"></path>
25          <path d="M1 8H28" stroke="#006DF2" stroke-width="2" stroke-linecap="round"></path>
26        </svg>
27        <span>Blot</span>
28      </a>
29
30      <input type="checkbox" id="navbar-toggle" aria-label="Toggle navigation">
31      <label class="navigation-toggle" for="navbar-toggle" aria-controls="site-navigation">
32        <span class="icon-menu" aria-hidden="true"></span>
33        <span class="visually-hidden">Toggle navigation</span>
34      </label>
35
36      <nav class="site-navigation" id="site-navigation" aria-label="Main navigation">
37        <div class="signed-out">
38          <section class="navigation">
39              <ul class="navigation-primary">
40                  <li class="minor">
41                      <a href="/templates" class="">
42                          Templates
43                      </a>
44                  </li>
45                  <li class="minor">
46                      <a href="/examples" class="">
47                          Examples
48                      </a>
49                  </li>
50                  <li class="minor">
51                      <a href="/pricing" class="">
52                          Pricing
53                      </a>
54                  </li>
55                  <li class="minor">
56                      <a href="/how" class="">
57                          Documentation
58                      </a>
59                  </li>
60              </ul>
61          </section>
62        </div>
63        <div class="signed-in dashboard-navigation">
64          <section class="navigation">
65            <ul class="navigation-primary">
66              <li class="minor">
67                <a href="/how" class="">Documentation</a>
68              </li>
69              <li class="minor">
70                <a href="/questions" class="">Questions</a>
71              </li>
72              <li class="minor">
73                <a href="/support" class="">Support</a>
74              </li>
75            </ul>
76          </section>
77        </div>
78      </nav>
79
80      <div class="call-to-action">
81        <a class="signed-out" href="/sites/log-in">Log in</a>
82        <a class="signed-out" href="/sites/sign-up">Sign up</a>
83        <a class="signed-in" href="/sites">Dashboard</a>
84      </div>
85    </div>
86  </header>
87  <main class="content">
88    <section class="main-section">
89<section class="home-hero" aria-label="About Blot">
90    <section class="home-intro home-panel">
91        <h1>Blot turns a folder into a website</h1>
92
93        <p class="home-video-link">
94            <a href="/watch" data-watch-trigger=""><span class="icon-play icon-inline" aria-hidden="true"></span>Watch the video</a>
95        </p>
96
97        <p>Write with the tools you already use. Add files to a folder and Blot publishes them to your site.</p>
98
99        <nav class="home-links" aria-label="Blot links">
100            <a href="/how">
100How to use Blot<span class="icon-small-chevron-right align-right"></span></a>
101            <a href="/templates">Templates<span class="icon-small-chevron-right align-right"></span></a>
102            <a href="/about">About<span class="icon-small-chevron-right align-right"></span></a>
103        </nav>
104    </section>
105
106    <section class="home-featured" aria-label="People who use Blot">
107        <ul id="home-featured-grid" class="home-featured-grid home-fade-enabled">
108            <li class="home-featured-item">
109                <a class="home-avatar" target="_blank" rel="noopener" href="https://zacharykeeting.com">
110                    <img src="https://cdn.blot.im/documentation/v-277113cb/images/featured/zacharykeeting.com.jpg" alt="Zachary Keeting" width="48" height="48">
111                    <span class="home-avatar-card">
112                        <span class="home-avatar-name">Zachary Keeting</span>
113                        <span class="home-avatar-meta">Artist <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 7 years ago</span></span>
114                    </span>
115                </a>
116            </li>
117            <li class="home-featured-item">
118                <a class="home-avatar" target="_blank" rel="noopener" href="https://blog.andrewjanjigian.com">
119                    <img src="https://cdn.blot.im/documentation/v-4a8482f0/images/featured/blog.andrewjanjigian.com.jpg" alt="Andrew Janjigian" width="48" height="48">
120                    <span class="home-avatar-card">
121                        <span class="home-avatar-name">Andrew Janjigian</span>
122                        <span class="home-avatar-meta">Photographer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 8 years ago</span></span>
123                    </span>
124                </a>
125            </li>
126            <li class="home-featured-item">
127                <a class="home-avatar" target="_blank" rel="noopener" href="https://keywords.oxus.net">
128                    <img src="https://cdn.blot.im/documentation/v-bee279d0/images/featured/keywords.oxus.net.jpg" alt="Kerim Friedman" width="48" height="48">
129                    <span class="home-avatar-card">
130                        <span class="home-avatar-name">Kerim Friedman</span>
131                        <span class="home-avatar-meta">Anthropologist <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 8 years ago</span></span>
132                    </span>
133                </a>
134            </li>
135            <li class="home-featured-item">
136                <a class="home-avatar" target="_blank" rel="noopener" href="https://discombobulated.co.nz">
137                    <img src="https://cdn.blot.im/documentation/v-b4d1878d/images/featured/discombobulated.co.nz.jpg" alt="Jessica Nickelsen" width="48" height="48">
138                    <span class="home-avatar-card">
139                        <span class="home-avatar-name">Jessica Nickelsen</span>
140                        <span class="home-avatar-meta">Writer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 8 years ago</span></span>
141                    </span>
142                </a>
143            </li>
144            <li class="home-featured-item">
145                <a class="home-avatar" target="_blank" rel="noopener" href="https://blog.aurynn.com">
146                    <img src="https://cdn.blot.im/documentation/v-5206a2b6/images/featured/blog.aurynn.com.jpg" alt="Aurynn Shaw" width="48" height="48">
147                    <span class="home-avatar-card">
148                        <span class="home-avatar-name">Aurynn Shaw</span>
149                        <span class="home-avatar-meta">Software engineer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 10 years ago</span></span>
150                    </span>
151                </a>
152            </li>
153            <li class="home-featured-item">
154                <a class="home-avatar" target="_blank" rel="noopener" href="https://iiiiiiiii.in">
155                    <img src="https://cdn.blot.im/documentation/v-3f49156e/images/featured/iiiiiiiii.in.jpg" alt="Ishtaarth Dalmia" width="48" height="48">
156                    <span class="home-avatar-card">
157                        <span class="home-avatar-name">Ishtaarth Dalmia</span>
158                        <span class="home-avatar-meta">Writer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 11 years ago</span></span>
159                    </span>
160                </a>
161            </li>
162            <li class="home-featured-item">
163                <a class="home-avatar" target="_blank" rel="noopener" href="https://www.failuretolerated.com">
164                    <img src="https://cdn.blot.im/documentation/v-2770a006/images/featured/www.failuretolerated.com.jpg" alt="Sean McCoy" width="48" height="48">
165                    <span class="home-avatar-card">
166                        <span class="home-avatar-name">Sean McCoy</span>
167                        <span class="home-avatar-meta">Game designer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 9 years ago</span></span>
168                    </span>
169                </a>
170            </li>
171            <li class="home-featured-item">
172                <a class="home-avatar" target="_blank" rel="noopener" href="https://vaughntan.org">
173                    <img src="https://cdn.blot.im/documentation/v-a035fec1/images/featured/vaughntan.org.jpg" alt="Vaughn Tan" width="48" height="48">
174                    <span class="home-avatar-card">
175                        <span class="home-avatar-name">Vaughn Tan</span>
176                        <span class="home-avatar-meta">Writer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 7 years ago</span></span>
177                    </span>
178                </a>
179            </li>
180            <li class="home-featured-item">
181                <a class="home-avatar" target="_blank" rel="noopener" href="https://eli.li">
182                    <img src="https://cdn.blot.im/documentation/v-c455b30f/images/featured/eli.li.jpg" alt="Eli Mellen" width="48" height="48">
183                    <span class="home-avatar-card">
184                        <span class="home-avatar-name">Eli Mellen</span>
185                        <span class="home-avatar-meta">Software engineer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 6 years ago</span></span>
186                    </span>
187                </a>
188            </li>
189            <li class="home-featured-item">
190                <a class="home-avatar" target="_blank" rel="noopener" href="https://paul.af">
191                    <img src="https://cdn.blot.im/documentation/v-f5c140b8/images/featured/paul.af.jpg" alt="Paul Esch-Laurent" width="48" height="48">
192                    <span class="home-avatar-card">
193                        <span class="home-avatar-name">Paul Esch-Laurent</span>
194                        <span class="home-avatar-meta">Software engineer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 8 years ago</span></span>
195                    </span>
196                </a>
197            </li>
198            <li class="home-featured-item">
199                <a class="home-avatar" target="_blank" rel="noopener" href="https://www.chrbutler.com">
200                    <img src="https://cdn.blot.im/documentation/v-311982d0/images/featured/www.chrbutler.com.jpg" alt="Christopher Butler" width="48" height="48">
201                    <span class="home-avatar-card">
202                        <span class="home-avatar-name">Christopher Butler</span>
203                        <span class="home-avatar-meta">Designer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 10 years ago</span></span>
204                    </span>
205                </a>
206            </li>
207            <li class="home-featured-item">
208                <a class="home-avatar" target="_blank" rel="noopener" href="https://benlog.net">
209                    <img src="https://cdn.blot.im/documentation/v-b8f472d4/images/featured/benlog.net.jpg" alt="Ben Greenberg" width="48" height="48">
210                    <span class="home-avatar-card">
211                        <span class="home-avatar-name">Ben Greenberg</span>
212                        <span class="home-avatar-meta">Journalist <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 11 years ago</span></span>
213                    </span>
214                </a>
215            </li>
216            <li class="home-featured-item">
217                <a class="home-avatar" target="_blank" rel="noopener" href="https://www.letterspace.org">
218                    <img src="https://cdn.blot.im/documentation/v-72e0b903/images/featured/www.letterspace.org.jpg" alt="Robert van Vliet" width="48" height="48">
219                    <span class="home-avatar-card">
220                        <span class="home-avatar-name">Robert van Vliet</span>
221                        <span class="home-avatar-meta">Writer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 1 year ago</span></span>
222                    </span>
223                </a>
224            </li>
225            <li class="home-featured-item">
226                <a class="home-avatar" target="_blank" rel="noopener" href="https://inhab.it">
227                    <img src="https://cdn.blot.im/documentation/v-d243947e/images/featured/inhab.it.jpg" alt="Wil Turner" width="48" height="48">
228                    <span class="home-avatar-card">
229                        <span class="home-avatar-name">Wil Turner</span>
230                        <span class="home-avatar-meta">Writer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 8 years ago</span></span>
231                    </span>
232                </a>
233            </li>
234            <li class="home-featured-item">
235                <a class="home-avatar" target="_blank" rel="noopener" href="https://www.skellis.net">
236                    <img src="https://cdn.blot.im/documentation/v-7757877a/images/featured/www.skellis.net.jpg" alt="Simon Ellis" width="48" height="48">
237                    <span class="home-avatar-card">
238                        <span class="home-avatar-name">Simon Ellis</span>
239                        <span class="home-avatar-meta">Artist <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 6 years ago</span></span>
240                    </span>
241                </a>
242            </li>
243            <li class="home-featured-item">
244                <a class="home-avatar" target="_blank" rel="noopener" href="https://ianamurray.work">
245                    <img src="https://cdn.blot.im/documentation/v-638bb89f/images/featured/ianamurray.work.jpg" alt="Iana Murray" width="48" height="48">
246                    <span class="home-avatar-card">
247                        <span class="home-avatar-name">Iana Murray</span>
248                        <span class="home-avatar-meta">Journalist <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 6 years ago</span></span>
249                    </span>
250                </a>
251            </li>
252            <li class="home-featured-item">
253                <a class="home-avatar" target="_blank" rel="noopener" href="https://www.dustinsenos.com">
254                    <img src="https://cdn.blot.im/documentation/v-c57e3d16/images/featured/www.dustinsenos.com.jpg" alt="Dustin Senos" width="48" height="48">
255                    <span class="home-avatar-card">
256                        <span class="home-avatar-name">Dustin Senos</span>
257                        <span class="home-avatar-meta">Designer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 7 years ago</span></span>
258                    </span>
259                </a>
260            </li>
261            <li class="home-featured-item">
262                <a class="home-avatar" target="_blank" rel="noopener" href="https://theocasciani.page">
263                    <img src="https://cdn.blot.im/documentation/v-baaab81b/images/featured/theocasciani.page.jpg" alt="Théo Casciani" width="48" height="48">
264                    <span class="home-avatar-card">
265                        <span class="home-avatar-name">Théo Casciani</span>
266                        <span class="home-avatar-meta">Writer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 6 years ago</span></span>
267                    </span>
268                </a>
269            </li>
270            <li class="home-featured-item">
271                <a class="home-avatar" target="_blank" rel="noopener" href="https://www.emilycass.org">
272                    <img src="https://cdn.blot.im/documentation/v-e6e0d2b9/images/featured/www.emilycass.org.jpg" alt="Emily Cass" width="48" height="48">
273                    <span class="home-avatar-card">
274                        <span class="home-avatar-name">Emily Cass</span>
275                        <span class="home-avatar-meta">Architect <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 7 years ago</span></span>
276                    </span>
277                </a>
278            </li>
279            <li class="home-featured-item">
280                <a class="home-avatar" target="_blank" rel="noopener" href="https://jessytuddenham.com">
281                    <img src="https://cdn.blot.im/documentation/v-b8f4668a/images/featured/jessytuddenham.com.jpg" alt="Jessy Tuddenham" width="48" height="48">
282                    <span class="home-avatar-card">
283                        <span class="home-avatar-name">Jessy Tuddenham</span>
284                        <span class="home-avatar-meta">Dancer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 6 years ago</span></span>
285                    </span>
286                </a>
287            </li>
288            <li class="home-featured-item">
289                <a class="home-avatar" target="_blank" rel="noopener" href="https://bnjmnmddn.com">
290                    <img src="https://cdn.blot.im/documentation/v-11df9389/images/featured/bnjmnmddn.com.jpg" alt="Benjamin Madden" width="48" height="48">
291                    <span class="home-avatar-card">
292                        <span class="home-avatar-name">Benjamin Madden</span>
293                        <span class="home-avatar-meta">Academic <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 7 years ago</span></span>
294                    </span>
295                </a>
296            </li>
297            <li class="home-featured-item">
298                <a class="home-avatar" target="_blank" rel="noopener" href="https://www.jsoliday.com">
299                    <img src="https://cdn.blot.im/documentation/v-22bf945e/images/featured/www.jsoliday.com.jpg" alt="J. Soliday" width="48" height="48">
300                    <span class="home-avatar-card">
301                        <span class="home-avatar-name">J. Soliday</span>
302                        <span class="home-avatar-meta">Musician <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 7 years ago</span></span>
303                    </span>
304                </a>
305            </li>
306            <li class="home-featured-item">
307                <a class="home-avatar" target="_blank" rel="noopener" href="https://tellyou.today">
308                    <img src="https://cdn.blot.im/documentation/v-774c989d/images/featured/tellyou.today.jpg" alt="Neale Stokes" width="48" height="48">
309                    <span class="home-avatar-card">
310                        <span class="home-avatar-name">Neale Stokes</span>
311                        <span class="home-avatar-meta">Librarian <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 7 years ago</span></span>
312                    </span>
313                </a>
314            </li>
315            <li class="home-featured-item">
316                <a class="home-avatar" target="_blank" rel="noopener" href="https://poetry.bencallahan.com">
317                    <img src="https://cdn.blot.im/documentation/v-6a8a1620/images/featured/poetry.bencallahan.com.jpg" alt="Ben Callahan" width="48" height="48">
318                    <span class="home-avatar-card">
319                        <span class="home-avatar-name">Ben Callahan</span>
320                        <span class="home-avatar-meta">Poet <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 5 years ago</span></span>
321                    </span>
322                </a>
323            </li>
324            <li class="home-featured-item">
325                <a class="home-avatar" target="_blank" rel="noopener" href="https://spittingdog.net">
326                    <img src="https://cdn.blot.im/documentation/v-c4490c61/images/featured/spittingdog.net.jpg" alt="Dave Haysom" width="48" height="48">
327                    <span class="home-avatar-card">
328                        <span class="home-avatar-name">Dave Haysom</span>
329                        <span class="home-avatar-meta">Translator <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 6 years ago</span></span>
330                    </span>
331                </a>
332            </li>
333            <li class="home-featured-item">
334                <a class="home-avatar" target="_blank" rel="noopener" href="https://reillybrennan.com">
335                    <img src="https://cdn.blot.im/documentation/v-7e49e824/images/featured/reillybrennan.com.jpg" alt="Reilly Brennan" width="48" height="48">
336                    <span class="home-avatar-card">
337                        <span class="home-avatar-name">Reilly Brennan</span>
338                        <span class="home-avatar-meta">Venture capitalist <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 6 years ago</span></span>
339                    </span>
340                </a>
341            </li>
342            <li class="home-featured-item">
343                <a class="home-avatar" target="_blank" rel="noopener" href="https://sidenote.ridwansanusi.com">
344                    <img src="https://cdn.blot.im/documentation/v-95cccb0d/images/featured/sidenote.ridwansanusi.com.jpg" alt="Ridwan Sanusi" width="48" height="48">
345                    <span class="home-avatar-card">
346                        <span class="home-avatar-name">Ridwan Sanusi</span>
347                        <span class="home-avatar-meta">Designer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 7 years ago</span></span>
348                    </span>
349                </a>
350            </li>
351            <li class="home-featured-item">
352                <a class="home-avatar" target="_blank" rel="noopener" href="https://max.engineer">
353                    <img src="https://cdn.blot.im/documentation/v-8a21e5c2/images/featured/max.engineer.jpg" alt="Max Chernyak" width="48" height="48">
354                    <span class="home-avatar-card">
355                        <span class="home-avatar-name">Max Chernyak</span>
356                        <span class="home-avatar-meta">Software engineer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 6 years ago</span></span>
357                    </span>
358                </a>
359            </li>
360            <li class="home-featured-item">
361                <a class="home-avatar" target="_blank" rel="noopener" href="https://oliviaastawood.com">
362                    <img src="https://cdn.blot.im/documentation/v-9003ad65/images/featured/oliviaastawood.com.jpg" alt="Olivia Wood" width="48" height="48">
363                    <span class="home-avatar-card">
364                        <span class="home-avatar-name">Olivia Wood</span>
365                        <span class="home-avatar-meta">Writer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 5 years ago</span></span>
366                    </span>
367                </a>
368            </li>
369            <li class="home-featured-item">
370                <a class="home-avatar" target="_blank" rel="noopener" href="https://www.nitinpai.in">
371                    <img src="https://cdn.blot.im/documentation/v-776f7ae7/images/featured/www.nitinpai.in.jpg" alt="Nitin Pai" width="48" height="48">
372                    <span class="home-avatar-card">
373                        <span class="home-avatar-name">Nitin Pai</span>
374                        <span class="home-avatar-meta">Think-tank director <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 5 years ago</span></span>
375                    </span>
376                </a>
377            </li>
378            <li class="home-featured-item">
379                <a class="home-avatar" target="_blank" rel="noopener" href="https://jeankapsa.com">
380                    <img src="https://cdn.blot.im/documentation/v-84d63b97/images/featured/jeankapsa.com.jpg" alt="Jean Kapsa" width="48" height="48">
381                    <span class="home-avatar-card">
382                        <span class="home-avatar-name">Jean Kapsa</span>
383                        <span class="home-avatar-meta">Pianist <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 3 years ago</span></span>
384                    </span>
385                </a>
386            </li>
387            <li class="home-featured-item">
388                <a class="home-avatar" target="_blank" rel="noopener" href="https://www.declad.com">
389                    <img src="https://cdn.blot.im/documentation/v-f2249ddb/images/featured/www.declad.com.jpg" alt="Lewis Martin" width="48" height="48">
390                    <span class="home-avatar-card">
391                        <span class="home-avatar-name">Lewis Martin</span>
392                        <span class="home-avatar-meta">Architect <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 4 years ago</span></span>
393                    </span>
394                </a>
395            </li>
396            <li class="home-featured-item">
397                <a class="home-avatar" target="_blank" rel="noopener" href="https://notesof.com">
398                    <img src="https://cdn.blot.im/documentation/v-c6295446/images/featured/notesof.com.jpg" alt="Thibault Michel" width="48" height="48">
399                    <span class="home-avatar-card">
400                        <span class="home-avatar-name">Thibault Michel</span>
401                        <span class="home-avatar-meta">Designer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 5 years ago</span></span>
402                    </span>
403                </a>
404            </li>
405            <li class="home-featured-item">
406                <a class="home-avatar" target="_blank" rel="noopener" href="https://meredithgran.com">
407                    <img src="https://cdn.blot.im/documentation/v-9df4b6f1/images/featured/meredithgran.com.jpg" alt="Meredith Gran" width="48" height="48">
408                    <span class="home-avatar-card">
409                        <span class="home-avatar-name">Meredith Gran</span>
410                        <span class="home-avatar-meta">Cartoonist <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 2 years ago</span></span>
411                    </span>
412                </a>
413            </li>
414            <li class="home-featured-item">
415                <a class="home-avatar" target="_blank" rel="noopener" href="https://ellanew.com">
416                    <img src="https://cdn.blot.im/documentation/v-cb4b3385/images/featured/ellanew.com.jpg" alt="Ellane W" width="48" height="48">
417                    <span class="home-avatar-card">
418                        <span class="home-avatar-name">Ellane W</span>
419                        <span class="home-avatar-meta">Designer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 2 years ago</span></span>
420                    </span>
421                </a>
422            </li>
423            <li class="home-featured-item">
424                <a class="home-avatar" target="_blank" rel="noopener" href="https://alongtheray.com">
425                    <img src="https://cdn.blot.im/documentation/v-fc3971be/images/featured/alongtheray.com.jpg" alt="Raymond Hines" width="48" height="48">
426                    <span class="home-avatar-card">
427                        <span class="home-avatar-name">Raymond Hines</span>
428                        <span class="home-avatar-meta">Writer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 4 years ago</span></span>
429                    </span>
430                </a>
431            </li>
432            <li class="home-featured-item">
433                <a class="home-avatar" target="_blank" rel="noopener" href="https://matthiaszeeb.net">
434                    <img src="https://cdn.blot.im/documentation/v-0ab93759/images/featured/matthiaszeeb.net.jpg" alt="Matthias Zeeb" width="48" height="48">
435                    <span class="home-avatar-card">
436                        <span class="home-avatar-name">Matthias Zeeb</span>
437                        <span class="home-avatar-meta">Economist <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 1 year ago</span></span>
438                    </span>
439                </a>
440            </li>
441            <li class="home-featured-item">
442                <a class="home-avatar" target="_blank" rel="noopener" href="https://simonuvarov.com">
443                    <img src="https://cdn.blot.im/documentation/v-3eb16ae4/images/featured/simonuvarov.com.jpg" alt="Simon Uvarov" width="48" height="48">
444                    <span class="home-avatar-card">
445                        <span class="home-avatar-name">Simon Uvarov</span>
446                        <span class="home-avatar-meta">Software engineer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 4 years ago</span></span>
447                    </span>
448                </a>
449            </li>
450            <li class="home-featured-item">
451                <a class="home-avatar" target="_blank" rel="noopener" href="https://erinkissane.com">
452                    <img src="https://cdn.blot.im/documentation/v-1e696ce5/images/featured/erinkissane.com.jpg" alt="Erin Kissane" width="48" height="48">
453                    <span class="home-avatar-card">
454                        <span class="home-avatar-name">Erin Kissane</span>
455                        <span class="home-avatar-meta">Writer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 3 years ago</span></span>
456                    </span>
457                </a>
458            </li>
459            <li class="home-featured-item">
460                <a class="home-avatar" target="_blank" rel="noopener" href="https://nonaneva.com">
461                    <img src="https://cdn.blot.im/documentation/v-49e4389a/images/featured/nonaneva.com.jpg" alt="ノナネヷ" width="48" height="48">
462                    <span class="home-avatar-card">
463                        <span class="home-avatar-name">ノナネヷ</span>
464                        <span class="home-avatar-meta">Artist <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 3 years ago</span></span>
465                    </span>
466                </a>
467            </li>
468            <li class="home-featured-item">
469                <a class="home-avatar" target="_blank" rel="noopener" href="https://ilovewasting.ink">
470                    <img src="https://cdn.blot.im/documentation/v-5fb59495/images/featured/ilovewasting.ink.jpg" alt="Peter Orosz" width="48" height="48">
471                    <span class="home-avatar-card">
472                        <span class="home-avatar-name">Peter Orosz</span>
473                        <span class="home-avatar-meta">Writer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 5 years ago</span></span>
474                    </span>
475                </a>
476            </li>
477            <li class="home-featured-item">
478                <a class="home-avatar" target="_blank" rel="noopener" href="https://vesikar.com">
479                    <img src="https://cdn.blot.im/documentation/v-c1cad0cd/images/featured/vesikar.com.jpg" alt="Yash Vesikar" width="48" height="48">
480                    <span class="home-avatar-card">
481                        <span class="home-avatar-name">Yash Vesikar</span>
482                        <span class="home-avatar-meta">Computer scientist <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 1 year ago</span></span>
483                    </span>
484                </a>
485            </li>
486            <li class="home-featured-item">
487                <a class="home-avatar" target="_blank" rel="noopener" href="https://words.studiopallister.com">
488                    <img src="https://cdn.blot.im/documentation/v-b1c54a75/images/featured/words.studiopallister.com.jpg" alt="James Pallister" width="48" height="48">
489                    <span class="home-avatar-card">
490                        <span class="home-avatar-name">James Pallister</span>
491                        <span class="home-avatar-meta">Writer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 8 years ago</span></span>
492                    </span>
493                </a>
494            </li>
495            <li class="home-featured-item">
496                <a class="home-avatar" target="_blank" rel="noopener" href="https://www.gillianrosselli.com">
497                    <img src="https://cdn.blot.im/documentation/v-e46fdf42/images/featured/www.gillianrosselli.com.jpg" alt="Gillian Rosselli" width="48" height="48">
498                    <span class="home-avatar-card">
499                        <span class="home-avatar-name">Gillian Rosselli</span>
500                        <span class="home-avatar-meta">Artist <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 3 years ago</span></span>
501                    </span>
502                </a>
503            </li>
504            <li class="home-featured-item">
505                <a class="home-avatar" target="_blank" rel="noopener" href="https://www.caitlinmrivers.com">
506                    <img src="https://cdn.blot.im/documentation/v-be80eadb/images/featured/www.caitlinmrivers.com.jpg" alt="Caitlin Rivers" width="48" height="48">
507                    <span class="home-avatar-card">
508                        <span class="home-avatar-name">Caitlin Rivers</span>
509                        <span class="home-avatar-meta">Epidemiologist <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 2 years ago</span></span>
510                    </span>
511                </a>
512            </li>
513            <li class="home-featured-item">
514                <a class="home-avatar" target="_blank" rel="noopener" href="https://www.audunberdal.no">
515                    <img src="https://cdn.blot.im/documentation/v-4f53c2d8/images/featured/www.audunberdal.no.jpg" alt="Audun Berdal" width="48" height="48">
516                    <span class="home-avatar-card">
517                        <span class="home-avatar-name">Audun Berdal</span>
518                        <span class="home-avatar-meta">Designer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 1 year ago</span></span>
519                    </span>
520                </a>
521            </li>
522            <li class="home-featured-item">
523                <a class="home-avatar" target="_blank" rel="noopener" href="https://www.amirsharif.com">
524                    <img src="https://cdn.blot.im/documentation/v-db40f382/images/featured/www.amirsharif.com.jpg" alt="Amir Sharif" width="48" height="48">
525                    <span class="home-avatar-card">
526                        <span class="home-avatar-name">Amir Sharif</span>
527                        <span class="home-avatar-meta">Software engineer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 3 years ago</span></span>
528                    </span>
529                </a>
530            </li>
531            <li class="home-featured-item">
532                <a class="home-avatar" target="_blank" rel="noopener" href="https://www.hayalpozanti.com">
533                    <img src="https://cdn.blot.im/documentation/v-7186f3ab/images/featured/www.hayalpozanti.com.jpg" alt="Hayal Pozanti" width="48" height="48">
534                    <span class="home-avatar-card">
535                        <span class="home-avatar-name">Hayal Pozanti</span>
536                        <span class="home-avatar-meta">Artist <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 3 years ago</span></span>
537                    </span>
538                </a>
539            </li>
540            <li class="home-featured-item">
541                <a class="home-avatar" target="_blank" rel="noopener" href="https://www.rossrichardson.com">
542                    <img src="https://cdn.blot.im/documentation/v-690bdb24/images/featured/www.rossrichardson.com.jpg" alt="Ross Richardson" width="48" height="48">
543                    <span class="home-avatar-card">
544                        <span class="home-avatar-name">Ross Richardson</span>
545                        <span class="home-avatar-meta">Cinematographer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 3 years ago</span></span>
546                    </span>
547                </a>
548            </li>
549            <li class="home-featured-item">
550                <a class="home-avatar" target="_blank" rel="noopener" href="https://alineleynen.com">
551                    <img src="https://cdn.blot.im/documentation/v-cc390f17/images/featured/alineleynen.com.jpg" alt="Aline Leynen" width="48" height="48">
552                    <span class="home-avatar-card">
553                        <span class="home-avatar-name">Aline Leynen</span>
554                        <span class="home-avatar-meta">Jeweller <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 1 year ago</span></span>
555                    </span>
556                </a>
557            </li>
558            <li class="home-featured-item">
559                <a class="home-avatar" target="_blank" rel="noopener" href="https://robinschoenbaechler.com">
560                    <img src="https://cdn.blot.im/documentation/v-9c7863df/images/featured/robinschoenbaechler.com.jpg" alt="Robin Schoenbaechler" width="48" height="48">
561                    <span class="home-avatar-card">
562                        <span class="home-avatar-name">Robin Schoenbaechler</span>
563                        <span class="home-avatar-meta">Designer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 2 years ago</span></span>
564                    </span>
565                </a>
566            </li>
567            <li class="home-featured-item">
568                <a class="home-avatar" target="_blank" rel="noopener" href="https://www.stephgreen.co.uk">
569                    <img src="https://cdn.blot.im/documentation/v-d9e0acd2/images/featured/www.stephgreen.co.uk.jpg" alt="Steph Green" width="48" height="48">
570                    <span class="home-avatar-card">
571                        <span class="home-avatar-name">Steph Green</span>
572                        <span class="home-avatar-meta">Writer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot this year</span></span>
573                    </span>
574                </a>
575            </li>
576            <li class="home-featured-item">
577                <a class="home-avatar" target="_blank" rel="noopener" href="https://davidelitompkins.com">
578                    <img src="https://cdn.blot.im/documentation/v-15c2f25b/images/featured/davidelitompkins.com.jpg" alt="David Eli Tompkins" width="48" height="48">
579                    <span class="home-avatar-card">
580                        <span class="home-avatar-name">David Eli Tompkins</span>
581                        <span class="home-avatar-meta">Painter <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 1 year ago</span></span>
582                    </span>
583                </a>
584            </li>
585            <li class="home-featured-item">
586                <a class="home-avatar" target="_blank" rel="noopener" href="https://tormodotterjohansen.se">
587                    <img src="https://cdn.blot.im/documentation/v-5eb1b5bd/images/featured/tormodotterjohansen.se.jpg" alt="Tormod Johansen" width="48" height="48">
588                    <span class="home-avatar-card">
589                        <span class="home-avatar-name">Tormod Johansen</span>
590                        <span class="home-avatar-meta">Academic <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 5 years ago</span></span>
591                    </span>
592                </a>
593            </li>
594            <li class="home-featured-item">
595                <a class="home-avatar" target="_blank" rel="noopener" href="https://merissalombardo.com">
596                    <img src="https://cdn.blot.im/documentation/v-b7007ea1/images/featured/merissalombardo.com.jpg" alt="Merissa Lombardo" width="48" height="48">
597                    <span class="home-avatar-card">
598                        <span class="home-avatar-name">Merissa Lombardo</span>
599                        <span class="home-avatar-meta">Production designer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot this year</span></span>
600                    </span>
601                </a>
602            </li>
603            <li class="home-featured-item">
604                <a class="home-avatar" target="_blank" rel="noopener" href="https://alyssabrocato.com">
605                    <img src="https://cdn.blot.im/documentation/v-511cfa1f/images/featured/alyssabrocato.com.jpg" alt="Alyssa Brocato" width="48" height="48">
606                    <span class="home-avatar-card">
607                        <span class="home-avatar-name">Alyssa Brocato</span>
608                        <span class="home-avatar-meta">Cinematographer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 4 years ago</span></span>
609                    </span>
610                </a>
611            </li>
612            <li class="home-featured-item">
613                <a class="home-avatar" target="_blank" rel="noopener" href="https://shaileshchitnis.com">
614                    <img src="https://cdn.blot.im/documentation/v-6d93d862/images/featured/shaileshchitnis.com.jpg" alt="Shailesh Chitnis" width="48" height="48">
615                    <span class="home-avatar-card">
616                        <span class="home-avatar-name">Shailesh Chitnis</span>
617                        <span class="home-avatar-meta">Journalist <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 1 year ago</span></span>
618                    </span>
619                </a>
620            </li>
621            <li class="home-featured-item">
622                <a class="home-avatar" target="_blank" rel="noopener" href="https://elenarazlogova.net">
623                    <img src="https://cdn.blot.im/documentation/v-3a36772a/images/featured/elenarazlogova.net.jpg" alt="Elena Razlogova" width="48" height="48">
624                    <span class="home-avatar-card">
625                        <span class="home-avatar-name">Elena Razlogova</span>
626                        <span class="home-avatar-meta">Historian <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 2 years ago</span></span>
627                    </span>
628                </a>
629            </li>
630            <li class="home-featured-item">
631                <a class="home-avatar" target="_blank" rel="noopener" href="https://kristinemorgan.com">
632                    <img src="https://cdn.blot.im/documentation/v-a5628fb9/images/featured/kristinemorgan.com.jpg" alt="Kristine Morgan" width="48" height="48">
633                    <span class="home-avatar-card">
634                        <span class="home-avatar-name">Kristine Morgan</span>
635                        <span class="home-avatar-meta">Writer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 3 years ago</span></span>
636                    </span>
637                </a>
638            </li>
639            <li class="home-featured-item">
640                <a class="home-avatar" target="_blank" rel="noopener" href="https://maggiewangphotography.com">
641                    <img src="https://cdn.blot.im/documentation/v-5548087d/images/featured/maggiewangphotography.com.jpg" alt="Maggie Wang" width="48" height="48">
642                    <span class="home-avatar-card">
643                        <span class="home-avatar-name">Maggie Wang</span>
644                        <span class="home-avatar-meta">Academic <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 1 year ago</span></span>
645                    </span>
646                </a>
647            </li>
648            <li class="home-featured-item">
649                <a class="home-avatar" target="_blank" rel="noopener" href="https://chuckpearson.blog">
650                    <img src="https://cdn.blot.im/documentation/v-f29a7f77/images/featured/chuckpearson.blog.jpg" alt="Chuck Pearson" width="48" height="48">
651                    <span class="home-avatar-card">
652                        <span class="home-avatar-name">Chuck Pearson</span>
653                        <span class="home-avatar-meta">Designer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 1 year ago</span></span>
654                    </span>
655                </a>
656            </li>
657            <li class="home-featured-item">
658                <a class="home-avatar" target="_blank" rel="noopener" href="https://garywebbracing.com">
659                    <img src="https://cdn.blot.im/documentation/v-1ad0ae4f/images/featured/garywebbracing.com.jpg" alt="Gary Webb" width="48" height="48">
660                    <span class="home-avatar-card">
661                        <span class="home-avatar-name">Gary Webb</span>
662                        <span class="home-avatar-meta">Racing driver <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot 5 years ago</span></span>
663                    </span>
664                </a>
665            </li>
666            <li class="home-featured-item">
667                <a class="home-avatar" target="_blank" rel="noopener" href="https://vichhika.com">
668                    <img src="https://cdn.blot.im/documentation/v-8c8fd09d/images/featured/vichhika.com.jpg" alt="Vichhika Tep" width="48" height="48">
669                    <span class="home-avatar-card">
670                        <span class="home-avatar-name">Vichhika Tep</span>
671                        <span class="home-avatar-meta">Designer <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot this year</span></span>
672                    </span>
673                </a>
674            </li>
675            <li class="home-featured-item">
676                <a class="home-avatar" target="_blank" rel="noopener" href="https://koalanguage.org">
677                    <img src="https://cdn.blot.im/documentation/v-b9b382ac/images/featured/koalanguage.org.jpg" alt="Juliet Birch" width="48" height="48">
678                    <span class="home-avatar-card">
679                        <span class="home-avatar-name">Juliet Birch</span>
680                        <span class="home-avatar-meta">Linguist <span class="home-avatar-tenure"><span aria-hidden="true">·</span> Joined Blot this year</span></span>
681                    </span>
682                </a>
683            </li>
684            <li class="home-featured-action">
685                <a class="brochure-create-button" href="/sites/sign-up">Create site</a>
686            </li>
687        </ul>
688    </section>
689</section>
690
691<section class="watch-screen" data-watch-screen="" aria-label="Blot video" aria-hidden="true">
692    <div class="video-embed">
693      <iframe src="https://iframe.mediadelivery.net/embed/143719/264ed56e-3b7e-49c5-b18d-7c35690243fb?autoplay=false&amp;loop=false&amp;muted=true&amp;preload=true&amp;responsive=true" loading="eager" title="Blot video" allow="accelerometer;gyroscope;autoplay;encrypted-media;picture-in-picture;" allowfullscreen="true"></iframe>
694    </div>
695    <button class="watch-close" data-watch-close="" type="button" aria-label="Close video">
696        <span class="watch-close-icon" aria-hidden="true"></span>
697    </button>
698</section>
699
700<section class="home-folder-section" aria-labelledby="home-folder-title">
701    <div class="home-folder-heading">
702        <h2 id="home-folder-title"><a href="#home-folder-title">Your folder is the CMS</a></h2>
703        <p>Files become posts on your site automatically</p>
704    </div>
705
706    <div class="home-folder-carousel is-initializing" data-home-folder-carousel="" role="region" aria-roledescription="carousel" aria-label="Template folder examples">
707        <div class="home-folder-controls">
708            <button class="home-folder-control" data-home-folder-prev="" type="button" aria-label="Previous templates">
709                <span aria-hidden="true">←</span>
710            </button>
711            <button class="home-folder-control" data-home-folder-next="" type="button" aria-label="Next templates">
712                <span aria-hidden="true">→</span>
713            </button>
714        </div>
715
716        <div class="home-folder-viewport">
717            <div class="home-folder-track">
718                <article class="home-folder-card">
719                    <div class="home-folder-card-content">
720                        <div class="home-folder-card-folder">
721                            <div class="finder window folder home-folder-preview ">
722
723  <div class="toolbar">
724    <div class="dots">
725      <div class="dot"></div>
726      <div class="dot"></div>
727      <div class="dot"></div>
728    </div>
729    <span class="icon dropbox"></span>&nbsp;Album
730  </div>
731
732  <div class="sorter">Name <span class="icon chevron"></span></div>
733
734  <div class="contents">
735    <div class="item  open"><span class="icon folder  "></span> <span class="label" title="Pages">Pages</span></div>
736    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="About.txt">About.txt</span></div>
737    <div class="item nested-1 "><span class="icon  file webloc"></span> <span class="label" title="_Prokudin-Gorskii Collection - - Prints &amp; Photographs Online Catalog (Library of Congress).webloc">_Prokudin-Gorskii Collection ...(Library of Congress).webloc</span></div>
738    <div class="item  open"><span class="icon folder  "></span> <span class="label" title="Posts">Posts</span></div>
739    <div class="item nested-1 open"><span class="icon folder  "></span> <span class="label" title="adobe-building-in-a-grassy">
739adobe-building-in-a-grassy</span></div>
740    <div class="item nested-2 "><span class="icon  file img"></span> <span class="label" title="_Adobe building in a grassy.jpg">_Adobe building in a grassy.jpg</span></div>
741    <div class="item nested-2 "><span class="icon  file txt"></span> <span class="label" title="item.txt">item.txt</span></div>
742    <div class="item nested-1 open"><span class="icon folder  "></span> <span class="label" title="adobe-buildings-in-desert-plains">adobe-buildings-in-desert-plains</span></div>
743    <div class="item nested-2 "><span class="icon  file img"></span> <span class="label" title="_Adobe buildings in desert plains.jpg">_Adobe buildings in desert plains.jpg</span></div>
744    <div class="item nested-2 "><span class="icon  file txt"></span> <span class="label" title="item.txt">item.txt</span></div>
745    <div class="item nested-1 open"><span class="icon folder  "></span> <span class="label" title="apricot-flowers-samarkand">apricot-flowers-samarkand</span></div>
746    <div class="item nested-2 "><span class="icon  file img"></span> <span class="label" title="_Apricot flowers. Samarkand.jpg">_Apricot flowers. Samarkand.jpg</span></div>
747    <div class="item nested-2 "><span class="icon  file txt"></span> <span class="label" title="item.txt">item.txt</span></div>
748    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="assumption-of-the-mother">assumption-of-the-mother</span></div>
749    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="at-entrance-to-upper-chartak">at-entrance-to-upper-chartak</span></div>
750    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="at-harvest-time">at-harvest-time</span></div>
751    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="at-the-5th-water-supply">at-the-5th-water-supply</span></div>
752    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="bukhara-bureaucrat-bukhara">bukhara-bureaucrat-bukhara</span></div>
753    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="chapel-and-cross">chapel-and-cross</span></div>
754    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="chapel-on-the-site">chapel-on-the-site</span></div>
755    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="cherry-trees-in-flower">cherry-trees-in-flower</span></div>
756    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="church-of-boris-and-gleb">church-of-boris-and-gleb</span></div>
757    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="church-of-the-nativity">church-of-the-nativity</span></div>
758    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="church-of-the-resurrection">church-of-the-resurrection</span></div>
759    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="coal-burning-furnace-near-the-satkinskii">coal-burning-furnace-near-the-satkinskii</span></div>
760    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="dagestani-types">dagestani-types</span></div>
761    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="dagestani-types-2">dagestani-types-2</span></div>
762    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="dams-slender-abutment-and-part">dams-slender-abutment-and-part</span></div>
763    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="dmitrievskii-cathedral">dmitrievskii-cathedral</span></div>
764    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="dome-of-the-gur-emir-mosque">dome-of-the-gur-emir-mosque</span></div>
765    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="double-poppies">double-poppies</span></div>
766    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="dzhugara-golodnaia-steppe">
766dzhugara-golodnaia-steppe</span></div>
767    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="emir-of-bukhara">emir-of-bukhara</span></div>
768    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="entrance-gates-into-tsars-tomb">entrance-gates-into-tsars-tomb</span></div>
769    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="entrance-into-the-converted-goritskii">entrance-into-the-converted-goritskii</span></div>
770    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="example-of-mosaics">example-of-mosaics</span></div>
771    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="fabric-merchant-samarkand">fabric-merchant-samarkand</span></div>
772    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="field-poppies">field-poppies</span></div>
773    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="flat-breads-vendor-samarkand">flat-breads-vendor-samarkand</span></div>
774    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="flowers-in-a-vase">flowers-in-a-vase</span></div>
775    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="fly-agaric">fly-agaric</span></div>
776    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="forest-road">forest-road</span></div>
777    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="forest-road-2">forest-road-2</span></div>
778    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="former-mansion-of-the-grand">former-mansion-of-the-grand</span></div>
779    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="front-view-of-a-crumbling">front-view-of-a-crumbling</span></div>
780    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="fruit-stand-samarkand">fruit-stand-samarkand</span></div>
781    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="gallery-in-the-church">gallery-in-the-church</span></div>
782    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="general-view-of-shakh-i-zindeh">general-view-of-shakh-i-zindeh</span></div>
783    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="general-view-of-the-city">general-view-of-the-city</span></div>
784    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="general-view-of-the-shakh-i">general-view-of-the-shakh-i</span></div>
785    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="golden-vessels-in-the-vestry">golden-vessels-in-the-vestry</span></div>
786    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="group-of-eleven-adults-and">group-of-eleven-adults-and</span></div>
787    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="group-of-jewish-children-with">group-of-jewish-children-with</span></div>
788    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="group-of-workers-harvesting-tea">group-of-workers-harvesting-tea</span></div>
789    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="icon-of-the-mother">icon-of-the-mother</span></div>
790    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="in-the-borodino-museum-borodino">in-the-borodino-museum-borodino</span></div>
791    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="in-the-borodino-museum-borodino-2">in-the-borodino-museum-borodino-2</span></div>
792    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="in-the-country-palace">in-the-country-palace</span></div>
793    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="in-the-court-of-shir-dor">in-the-court-of-shir-dor</span></div>
794    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="in-the-forest">in-the-forest</span></div>
795    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="in-the-mountains-near-simskii">in-the-mountains-near-simskii</span></div>
796    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="in-the-town-of-zlatoust">in-the-town-of-zlatoust</span></div>
797    <div class="item nested-1 "><span class="icon folder  "></span>
797 <span class="label" title="inside-the-belaia-palata-museum">inside-the-belaia-palata-museum</span></div>
798    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="irrigation-canal-aryk">irrigation-canal-aryk</span></div>
799    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="irrigation-canal-in-the-murgab">irrigation-canal-in-the-murgab</span></div>
800    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="joining-shop-for-the-production">joining-shop-for-the-production</span></div>
801    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="karagach-samarkand">karagach-samarkand</span></div>
802    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="karagach-samarkand-2">karagach-samarkand-2</span></div>
803    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="kush-beggi-bukhara">kush-beggi-bukhara</span></div>
804    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="laborers-loading-sacks-onto-railway">laborers-loading-sacks-onto-railway</span></div>
805    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="lastochkino-gnezdo">lastochkino-gnezdo</span></div>
806    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="lilacs">lilacs</span></div>
807    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="man-in-uniform-beside-building">man-in-uniform-beside-building</span></div>
808    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="material-on-street-in-front">material-on-street-in-front</span></div>
809    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="mill-near-the-town">mill-near-the-town</span></div>
810    <div class="item nested-1 "><span class="icon folder  "></span>
810 <span class="label" title="mirza-uluk-bek-registan-samarkand">mirza-uluk-bek-registan-samarkand</span></div>
811    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="monument-on-the-tomb">monument-on-the-tomb</span></div>
812    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="mosque-in-vladikavkaz">mosque-in-vladikavkaz</span></div>
813    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="mother-superior-taisiia">mother-superior-taisiia</span></div>
814    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="mulberry-tree-samarkand">mulberry-tree-samarkand</span></div>
815    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="museum-ionas-room-rostov-velikii">museum-ionas-room-rostov-velikii</span></div>
816    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="museum-ionas-room-rostov-velikii-2">museum-ionas-room-rostov-velikii-2</span></div>
817    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="nazar-magomet-golodnaia-steppe">nazar-magomet-golodnaia-steppe</span></div>
818    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="old-gospel-manuscript">old-gospel-manuscript</span></div>
819    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="old-house-on-the-cliff">old-house-on-the-cliff</span></div>
820    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="on-the-dam">on-the-dam</span></div>
821    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="on-the-island-of-capri">on-the-island-of-capri</span></div>
822    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="on-the-road">on-the-road</span></div>
823    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="on-the-way-back">on-the-way-back</span></div>
824    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="ostrechiny-study">ostrechiny-study</span></div>
825    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="peasant-woman-breaking-flax-perm">peasant-woman-breaking-flax-perm</span></div>
826    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="peasants-haying">peasants-haying</span></div>
827    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="road-and-deep-excavation-kiat">road-and-deep-excavation-kiat</span></div>
828    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="rocks-at-the-railway-crossing">rocks-at-the-railway-crossing</span></div>
829    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="sacramental-vessels-a-gift">sacramental-vessels-a-gift</span></div>
830    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="sart-house-samarkand">sart-house-samarkand</span></div>
831    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="shaitanskii-factory-ceasing-operations">shaitanskii-factory-ceasing-operations</span></div>
832    <div class="item nested-1 "><span class="icon folder  "></span>
832 <span class="label" title="shepherd-samarkand">shepherd-samarkand</span></div>
833    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="sloping-portion-of-emperor-nicholas">sloping-portion-of-emperor-nicholas</span></div>
834    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="some-of-the-tsars-gifts">some-of-the-tsars-gifts</span></div>
835    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="spinning-yarn-in-the-village">spinning-yarn-in-the-village</span></div>
836    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="sterzhenskii-stone-cross-in">sterzhenskii-stone-cross-in</span></div>
837    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="stone-excavating-machine-of-the-multi-scoop">stone-excavating-machine-of-the-multi-scoop</span></div>
838    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="stone-mound-with-a-spring">stone-mound-with-a-spring</span></div>
839    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="students-samarkand">students-samarkand</span></div>
840    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="study-in-shakh-i-zindeh-mosque">study-in-shakh-i-zindeh-mosque</span></div>
841    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="study-near-the-girvas-waterfall">study-near-the-girvas-waterfall</span></div>
842    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="study-near-the-kivach-waterfall">study-near-the-kivach-waterfall</span></div>
843    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="successive-stages-of-grinding">successive-stages-of-grinding</span></div>
844    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="sunset-at-the-sea">sunset-at-the-sea</span></div>
845    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="sunset-in-gagra">sunset-in-gagra</span></div>
846    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="tea-factory-in-chakva-chinese">tea-factory-in-chakva-chinese</span></div>
847    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="tillia-kari-from-registan-square-samarkand">tillia-kari-from-registan-square-samarkand</span></div>
848    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="tomb-of-boyar-mikhail-nikitich">tomb-of-boyar-mikhail-nikitich</span></div>
849    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="triglolastochka-batum">triglolastochka-batum</span></div>
850    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="trinity-monastery-for-men">trinity-monastery-for-men</span></div>
851    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="two-carved-wooden-pictures">two-carved-wooden-pictures</span></div>
852    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="two-carved-wooden-statues">two-carved-wooden-statues</span></div>
853    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="vammelsu-chernaia-river">vammelsu-chernaia-river</span></div>
854    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="very-old-tiles">very-old-tiles</span></div>
855    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="vessels-and-vozdukhi-a-gift">vessels-and-vozdukhi-a-gift</span></div>
856    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="vessels-and-vozdukhi-from-1793">vessels-and-vozdukhi-from-1793</span></div>
857    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="view-from-the-bell-tower">view-from-the-bell-tower</span></div>
858    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="view-from-the-rear-platform">view-from-the-rear-platform</span></div>
859    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="view-of-a-courtyard-adobe">view-of-a-courtyard-adobe</span></div>
860    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="view-of-the-kliazma-river">view-of-the-kliazma-river</span></div>
861    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="view-of-the-monastery">view-of-the-monastery</span></div>
862    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="village-of-kolchedan">village-of-kolchedan</span></div>
863    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="walled-adobe-structure-with-domes">walled-adobe-structure-with-domes</span></div>
864    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="water-pipe-samarkand">water-pipe-samarkand</span></div>
865    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="water-reservoir-between-the-second">water-reservoir-between-the-second</span></div>
866    <div class="item nested-1 "><span class="icon folder  "></span> <span class="label" title="weighing-section">weighing-section</span></div>
867  </div>
868  
869  <div class="border left"></div>
870  <div class="border right"></div>
871  <div class="border top"></div>
872  <div class="border bottom"></div>
873
874  <div class="corner top left"></div>
875  <div class="corner top right"></div>
876  <div class="corner bottom left"></div>
877  <div class="corner bottom right"></div>
878</div>
879
880                        </div>
881
882                        <a class="home-folder-card-site" href="/templates/album" aria-label="View the Album template">
883                            <img src="https://cdn.blot.im/documentation/v-fe37b2f1/images/examples/album/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
884                        </a>
885                    </div>
886
887                </article>
888                <article class="home-folder-card">
889                    <div class="home-folder-card-content">
890                        <div class="home-folder-card-folder">
891                            <div class="finder window folder home-folder-preview ">
892
893  <div class="toolbar">
894    <div class="dots">
895      <div class="dot"></div>
896      <div class="dot"></div>
897      <div class="dot"></div>
898    </div>
899    <span class="icon dropbox"></span>&nbsp;Blog
900  </div>
901
902  <div class="sorter">Name <span class="icon chevron"></span></div>
903
904  <div class="contents">
905    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Hello.txt">Hello.txt</span></div>
906    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Mathematics.txt">Mathematics.txt</span></div>
907    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Scripts.txt">Scripts.txt</span></div>
908    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Typography.txt">Typography.txt</span></div>
909  </div>
910  
911  <div class="border left"></div>
912  <div class="border right"></div>
913  <div class="border top"></div>
914  <div class="border bottom"></div>
915
916  <div class="corner top left"></div>
917  <div class="corner top right"></div>
918  <div class="corner bottom left"></div>
919  <div class="corner bottom right"></div>
920</div>
921
922                        </div>
923
924                        <a class="home-folder-card-site" href="/templates/blog" aria-label="View the Blog template">
925                            <img src="https://cdn.blot.im/documentation/v-32a01028/images/examples/blog/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
926                        </a>
927                    </div>
928
929                </article>
930                <article class="home-folder-card">
931                    <div class="home-folder-card-content">
932                        <div class="home-folder-card-folder">
933                            <div class="finder window folder home-folder-preview ">
934
935  <div class="toolbar">
936    <div class="dots">
937      <div class="dot"></div>
938      <div class="dot"></div>
939      <div class="dot"></div>
940    </div>
941    <span class="icon dropbox"></span>&nbsp;CV
942  </div>
943
944  <div class="sorter">Name <span class="icon chevron"></span></div>
945
946  <div class="contents">
947    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="About.txt">About.txt</span></div>
948    <div class="item  open"><span class="icon folder  "></span> <span class="label" title="Images">Images</span></div>
949    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_1.jpg">_1.jpg</span></div>
950    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_2.jpg">_2.jpg</span></div>
951    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_3.jpg">
951_3.jpg</span></div>
952    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_4.jpg">_4.jpg</span></div>
953    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_5.jpg">_5.jpg</span></div>
954    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_6.jpg">_6.jpg</span></div>
955    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_7.jpg">_7.jpg</span></div>
956    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_8.jpg">_8.jpg</span></div>
957    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_9.jpg">_9.jpg</span></div>
958    <div class="item  open"><span class="icon folder  "></span> <span class="label" title="Posts">Posts</span></div>
959    <div class="item nested-1 open"><span class="icon folder  "></span> <span class="label" title="2022-08-08 Gaussian primes">2022-08-08 Gaussian primes</span></div>
960    <div class="item nested-2 "><span class="icon  file txt"></span> <span class="label" title="post.txt">post.txt</span></div>
961    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="2023-01-03 Fractal glitch Lab experiment.jpg">2023-01-03 Fractal glitch Lab experiment.jpg</span></div>
962    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="2023-07-12 Kinds of Expressions.txt">2023-07-12 Kinds of Expressions.txt</span></div>
963    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="2024-06-01 Emulator.txt">2024-06-01 Emulator.txt</span></div>
964    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="2024-08-09 Generic parameters.txt">2024-08-09 Generic parameters.txt</span></div>
965    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="2024-12-09 Parametric polymorphism.txt">2024-12-09 Parametric polymorphism.txt</span></div>
966    <div class="item nested-1 "><span class="icon  file md"></span> <span class="label" title="Formatting.md">Formatting.md</span></div>
967    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Profile.txt">Profile.txt</span></div>
968    <div class="item  "><span class="icon  file img"></span> <span class="label" title="_profile_picture.png">_profile_picture.png</span></div>
969  </div>
970  
971  <div class="border left"></div>
972  <div class="border right"></div>
973  <div class="border top"></div>
974  <div class="border bottom"></div>
975
976  <div class="corner top left"></div>
977  <div class="corner top right"></div>
978  <div class="corner bottom left"></div>
979  <div class="corner bottom right"></div>
980</div>
981
982                        </div>
983
984                        <a class="home-folder-card-site" href="/templates/cv" aria-label="View the CV template">
985                            <img src="https://cdn.blot.im/documentation/v-e14a533d/images/examples/cv/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
986                        </a>
987                    </div>
988
989                </article>
990                <article class="home-folder-card">
991                    <div class="home-folder-card-content">
992                        <div class="home-folder-card-folder">
993                            <div class="finder window folder home-folder-preview ">
994
995  <div class="toolbar">
996    <div class="dots">
997      <div class="dot"></div>
998      <div class="dot"></div>
999      <div class="dot"></div>
1000    </div>
1001    <span class="icon dropbox"></span>&nbsp;Documentation
1002  </div>
1003
1004  <div class="sorter">Name <span class="icon chevron"></span></div>
1005
1006  <div class="contents">
1007    <div class="item  open"><span class="icon folder  "></span> <span class="label" title="Content">Content</span></div>
1008    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="1. Introduction.txt">1. Introduction.txt</span></div>
1009    <div class="item nested-1 open"><span class="icon  file  Getting started"></span> <span class="label" title="2. Getting started">2. Getting started</span></div>
1010    <div class="item nested-2 "><span class="icon  file txt"></span> <span class="label" title="1. Index.txt">1. Index.txt</span></div>
1011    <div class="item nested-2 "><span class="icon  file txt"></span> <span class="label" title="2. Installation.txt">2. Installation.txt</span></div>
1012    <div class="item nested-2 "><span class="icon  file txt"></span> <span class="label" title="3. Try it out.txt">3. Try it out.txt</span></div>
1013    <div class="item nested-2 open"><span class="icon  file  Supported environments"></span> <span class="label" title="4. Supported environments">4. Supported environments</span></div>
1014    <div class="item nested-3 "><span class="icon  file txt"></span> <span class="label" title="1. Index.txt">1. Index.txt</span></div>
1015    <div class="item nested-3 "><span class="icon  file txt"></span> <span class="label" title="2. MacOS.txt">2. MacOS.txt</span></div>
1016    <div class="item nested-3 "><span class="icon  file txt"></span> <span class="label" title="3. Linux.txt">3. Linux.txt</span></div>
1017    <div class="item nested-3 "><span class="icon  file txt"></span> <span class="label" title="4. Windows.txt">4. Windows.txt</span></div>
1018    <div class="item nested-1 open"><span class="icon  file  Libraries"></span> <span class="label" title="3. Libraries">3. Libraries</span></div>
1019    <div class="item nested-2 "><span class="icon  file txt"></span> <span class="label" title="1. Index.txt">1. Index.txt</span></div>
1020    <div class="item nested-2 open"><span class="icon  file  Widgets"></span> <span class="label" title="2. Widgets">2. Widgets</span></div>
1021    <div class="item nested-3 "><span class="icon  file txt"></span> <span class="label" title="1. Index.txt">1. Index.txt</span></div>
1022    <div class="item nested-3 "><span class="icon  file txt"></span> <span class="label" title="2. Apple.txt">2. Apple.txt</span></div>
1023    <div class="item nested-3 "><span class="icon  file txt"></span> <span class="label" title="3. Banana.txt">3. Banana.txt</span></div>
1024    <div class="item nested-2 "><span class="icon  file txt"></span> <span class="label" title="3. Modules.txt">3. Modules.txt</span></div>
1025    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="4. Performance.txt">4. Performance.txt</span></div>
1026    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="5. Theming.txt">5. Theming.txt</span></div>
1027    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="6. Changelog.txt">6. Changelog.txt</span></div>
1028    <div class="item  open"><span class="icon folder  "></span> <span class="label" title="Pages">Pages</span></div>
1029    <div class="item nested-1 open"><span class="icon folder  "></span> <span class="label" title="API Reference">API Reference</span></div>
1030    <div class="item nested-2 "><span class="icon  file txt"></span> <span class="label" title="Index.txt">Index.txt</span></div>
1031    <div class="item nested-2 "><span class="icon  file txt"></span> <span class="label" title="Module.txt">Module.txt</span></div>
1032    <div class="item nested-2 "><span class="icon  file txt"></span> <span class="label" title="Widget.txt">Widget.txt</span></div>
1033    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="Support.txt">Support.txt</span></div>
1034  </div>
1035  
1036  <div class="border left"></div>
1037  <div class="border right"></div>
1038  <div class="border top"></div>
1039  <div class="border bottom"></div>
1040
1041  <div class="corner top left"></div>
1042  <div class="corner top right"></div>
1043  <div class="corner bottom left"></div>
1044  <div class="corner bottom right"></div>
1045</div>
1046
1047                        </div>
1048
1049                        <a class="home-folder-card-site" href="/templates/documentation" aria-label="View the Documentation template">
1050                            <img src="https://cdn.blot.im/documentation/v-39b3f458/images/examples/documentation/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
1051                        </a>
1052                    </div>
1053
1054                </article>
1055                <article class="home-folder-card">
1056                    <div class="home-folder-card-content">
1057                        <div class="home-folder-card-folder">
1058                            <div class="finder window folder home-folder-preview ">
1059
1060  <div class="toolbar">
1061    <div class="dots">
1062      <div class="dot"></div>
1063      <div class="dot"></div>
1064      <div class="dot"></div>
1065    </div>
1066    <span class="icon dropbox"></span>&nbsp;Event
1067  </div>
1068
1069  <div class="sorter">Name <span class="icon chevron"></span></div>
1070
1071  <div class="contents">
1072    <div class="item  open"><span class="icon folder  "></span> <span class="label" title="Announcements">Announcements</span></div>
1073    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="1 - Reminder.txt">1 - Reminder.txt</span></div>
1074    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="2 - Parking.txt">2 - Parking.txt</span></div>
1075    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="3 - Accessibility.txt">3 - Accessibility.txt</span></div>
1076    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="4 - Revised schedule.txt">4 - Revised schedule.txt</span></div>
1077    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="5 - Soon.txt">5 - Soon.txt</span></div>
1078    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="6 - Food.txt">6 - Food.txt</span></div>
1079    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="7 - Final reminder.txt">
10797 - Final reminder.txt</span></div>
1080    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="FAQs.txt">FAQs.txt</span></div>
1081    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Landing page.txt">Landing page.txt</span></div>
1082    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Speakers.txt">Speakers.txt</span></div>
1083    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Tickets.txt">Tickets.txt</span></div>
1084    <div class="item  "><span class="icon  file img"></span> <span class="label" title="_auditorium.jpg">_auditorium.jpg</span></div>
1085    <div class="item  "><span class="icon  file img"></span> <span class="label" title="_cloth.png">_cloth.png</span></div>
1086    <div class="item  "><span class="icon  file img"></span> <span class="label" title="_eruption.png">_eruption.png</span></div>
1087    <div class="item  "><span class="icon  file img"></span> <span class="label" title="_figs.png">_figs.png</span></div>
1088    <div class="item  "><span class="icon  file img"></span> <span class="label" title="_magma.png">_magma.png</span></div>
1089    <div class="item  "><span class="icon  file img"></span> <span class="label" title="_map.png">_map.png</span></div>
1090    <div class="item  "><span class="icon  file img"></span> <span class="label" title="_professor.jpg">_professor.jpg</span></div>
1091    <div class="item  "><span class="icon  file img"></span> <span class="label" title="_professor1.jpg">_professor1.jpg</span></div>
1092  </div>
1093  
1094  <div class="border left"></div>
1095  <div class="border right"></div>
1096  <div class="border top"></div>
1097  <div class="border bottom"></div>
1098
1099  <div class="corner top left"></div>
1100  <div class="corner top right"></div>
1101  <div class="corner bottom left"></div>
1102  <div class="corner bottom right"></div>
1103</div>
1104
1105                        </div>
1106
1107                        <a class="home-folder-card-site" href="/templates/event" aria-label="View the Event template">
1108                            <img src="https://cdn.blot.im/documentation/v-53fe6441/images/examples/event/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
1109                        </a>
1110                    </div>
1111
1112                </article>
1113                <article class="home-folder-card">
1114                    <div class="home-folder-card-content">
1115                        <div class="home-folder-card-folder">
1116                            <div class="finder window folder home-folder-preview ">
1117
1118  <div class="toolbar">
1119    <div class="dots">
1120      <div class="dot"></div>
1121      <div class="dot"></div>
1122      <div class="dot"></div>
1123    </div>
1124    <span class="icon dropbox"></span>&nbsp;Fieldnotes
1125  </div>
1126
1127  <div class="sorter">Name <span class="icon chevron"></span></div>
1128
1129  <div class="contents">
1130    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Hello.txt">Hello.txt</span></div>
1131    <div class="item  "><span class="icon  file docx"></span> <span class="label" title="Lake.docx">Lake.docx</span></div>
1132    <div class="item  "><span class="icon  file img"></span> <span class="label" title="Leaves from above, Glacier National Park by Ansel Adams.jpg">Leaves from above, Glacier National Park by Ansel Adams.jpg</span></div>
1133    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Mathematics.txt">Mathematics.txt</span></div>
1134    <div class="item  "><span class="icon  file html"></span> <span class="label" title="Scripts.html">Scripts.html</span></div>
1135    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Typography.txt">Typography.txt</span></div>
1136  </div>
1137  
1138  <div class="border left"></div>
1139  <div class="border right"></div>
1140  <div class="border top"></div>
1141  <div class="border bottom"></div>
1142
1143  <div class="corner top left"></div>
1144  <div class="corner top right"></div>
1145  <div class="corner bottom left"></div>
1146  <div class="corner bottom right"></div>
1147</div>
1148
1149                        </div>
1150
1151                        <a class="home-folder-card-site" href="/templates/fieldnotes" aria-label="View the Fieldnotes template">
1152                            <img src="https://cdn.blot.im/documentation/v-9615da43/images/examples/fieldnotes/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
1153                        </a>
1154                    </div>
1155
1156                </article>
1157                <article class="home-folder-card">
1158                    <div class="home-folder-card-content">
1159                        <div class="home-folder-card-folder">
1160                            <div class="finder window folder home-folder-preview ">
1161
1162  <div class="toolbar">
1163    <div class="dots">
1164      <div class="dot"></div>
1165      <div class="dot"></div>
1166      <div class="dot"></div>
1167    </div>
1168    <span class="icon dropbox"></span>&nbsp;Gallery
1169  </div>
1170
1171  <div class="sorter">Name <span class="icon chevron"></span></div>
1172
1173  <div class="contents">
1174    <div class="item  open"><span class="icon folder  "></span> <span class="label" title="Pages">Pages</span></div>
1175    <div class="item nested-1 "><span class="icon  file webloc"></span> <span class="label" title="_Björn Allard | Flickr.webloc">_Björn Allard | Flickr.webloc</span></div>
1176    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_avatar.jpg">_avatar.jpg</span></div>
1177    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="about.txt">about.txt</span></div>
1178    <div class="item  open"><span class="icon folder  "></span> <span class="label" title="[Dalarna]">[Dalarna]</span></div>
1179    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Boathouses by Lake Tisjön.jpg">Boathouses by Lake Tisjön.jpg</span></div>
1180    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Down Lake Smalsjön.jpg">Down Lake Smalsjön.jpg</span></div>
1181    <div class="item nested-1 "><span class="icon  file img"></span>
1181 <span class="label" title="Fishing in Lake Tisjön.jpg">Fishing in Lake Tisjön.jpg</span></div>
1182    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Fiskn fish island in Lake Tisjön.jpg">Fiskn fish island in Lake Tisjön.jpg</span></div>
1183    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Lake Smalsjön.jpg">Lake Smalsjön.jpg</span></div>
1184    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Lake Tisjön.jpg">Lake Tisjön.jpg</span></div>
1185    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Near Lake Smalsjön.jpg">Near Lake Smalsjön.jpg</span></div>
1186    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Old hut at Tisjölandet.jpg">Old hut at Tisjölandet.jpg</span></div>
1187    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Stone age settlement at Tisjölandet.jpg">Stone age settlement at Tisjölandet.jpg</span></div>
1188    <div class="item  open"><span class="icon folder  "></span> <span class="label" title="[Jämtland]">[Jämtland]</span></div>
1189    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Aerial view at Hökvattnet.jpg">Aerial view at Hökvattnet.jpg</span></div>
1190    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Elk hunters at Lakavattnet.jpg">Elk hunters at Lakavattnet.jpg</span></div>
1191    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Farmer plowing at Hökvattnet.jpg">Farmer plowing at Hökvattnet.jpg</span></div>
1192    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Hay drying racks at Hökvattnet.jpg">Hay drying racks at Hökvattnet.jpg</span></div>
1193    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Junsterforsen rapids.jpg">Junsterforsen rapids.jpg</span></div>
1194    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Mountain cattle at Hökvattnet.jpg">Mountain cattle at Hökvattnet.jpg</span></div>
1195    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Mrs Sara Persson fishing at Lake Hökvattnet.jpg">Mrs Sara Persson fishing at Lake Hökvattnet.jpg</span></div>
1196    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Old cottage at Hökvattnet.jpg">Old cottage at Hökvattnet.jpg</span></div>
1197    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Sheep at Lakavattnet.jpg">Sheep at Lakavattnet.jpg</span></div>
1198    <div class="item  "><span class="icon folder  "></span> <span class="label" title="[Lappland]">[Lappland]</span></div>
1199    <div class="item  "><span class="icon folder  "></span> <span class="label" title="[Västergötland]">[Västergötland]</span></div>
1200    <div class="item  "><span class="icon folder  "></span> <span class="label" title="[Ångermanland]">[Ångermanland]</span></div>
1201    <div class="item  "><span class="icon folder  "></span> <span class="label" title="[Östergötland]">[Östergötland]</span></div>
1202  </div>
1203  
1204  <div class="border left"></div>
1205  <div class="border right"></div>
1206  <div class="border top"></div>
1207  <div class="border bottom"></div>
1208
1209  <div class="corner top left"></div>
1210  <div class="corner top right"></div>
1211  <div class="corner bottom left"></div>
1212  <div class="corner bottom right"></div>
1213</div>
1214
1215                        </div>
1216
1217                        <a class="home-folder-card-site" href="/templates/gallery" aria-label="View the Gallery template">
1218                            <img src="https://cdn.blot.im/documentation/v-167f438e/images/examples/gallery/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
1219                        </a>
1220                    </div>
1221
1222                </article>
1223                <article class="home-folder-card">
1224                    <div class="home-folder-card-content">
1225                        <div class="home-folder-card-folder">
1226                            <div class="finder window folder home-folder-preview ">
1227
1228  <div class="toolbar">
1229    <div class="dots">
1230      <div class="dot"></div>
1231      <div class="dot"></div>
1232      <div class="dot"></div>
1233    </div>
1234    <span class="icon dropbox"></span>&nbsp;Hypertext
1235  </div>
1236
1237  <div class="sorter">Name <span class="icon chevron"></span></div>
1238
1239  <div class="contents">
1240    <div class="item  open"><span class="icon folder  "></span> <span class="label" title="Art">Art</span></div>
1241    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="‘Tabula Colorum Physiologica’ Richard Waller, 1686.jpg">‘Tabula Colorum Physiologica’ Richard Waller, 1686.jpg</span></div>
1242    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="‘Twice, nr. 6.353’ Fons Heijnsbroek, 2001.jpg">‘Twice, nr. 6.353’ Fons Heijnsbroek, 2001.jpg</span></div>
1243    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="‘Violet blot’ Mary Gartside, 1805.png">‘Violet blot’ Mary Gartside, 1805.png</span></div>
1244    <div class="item  open"><span class="icon folder  "></span> <span class="label" title="Cooking">Cooking</span></div>
1245    <div class="item nested-1 "><span class="icon  file md"></span> <span class="label" title="Cacio e Pepe.md">Cacio e Pepe.md</span></div>
1246    <div class="item nested-1 "><span class="icon  file md"></span> <span class="label" title="Confit de canard.md">Confit de canard.md</span></div>
1247    <div class="item nested-1 "><span class="icon  file md"></span> <span class="label" title="Gnocchi.md">Gnocchi.md</span></div>
1248    <div class="item nested-1 "><span class="icon  file md"></span> <span class="label" title="Pissaladiere.md">Pissaladiere.md</span></div>
1249    <div class="item nested-1 "><span class="icon  file md"></span> <span class="label" title="Saffron Risotto.md">Saffron Risotto.md</span></div>
1250    <div class="item nested-1 "><span class="icon  file md"></span> <span class="label" title="Tapenade.md">Tapenade.md</span></div>
1251    <div class="item nested-1 "><span class="icon  file md"></span> <span class="label" title="Tortilla Española.md">Tortilla Española.md</span></div>
1252    <div class="item  open"><span class="icon folder  "></span> <span class="label" title="Essays">Essays</span></div>
1253    <div class="item nested-1 "><span class="icon  file md"></span> <span class="label" title="Beauty.md">Beauty.md</span></div>
1254    <div class="item nested-1 "><span class="icon  file md"></span> <span class="label" title="Free as in Freedom.md">Free as in Freedom.md</span></div>
1255    <div class="item nested-1 "><span class="icon  file md"></span> <span class="label" title="Idleness.md">Idleness.md</span></div>
1256    <div class="item nested-1 "><span class="icon  file md"></span> <span class="label" title="Imagination.md">Imagination.md</span></div>
1257    <div class="item nested-1 "><span class="icon  file md"></span> <span class="label" title="Revenge.md">Revenge.md</span></div>
1258    <div class="item  "><span class="icon  file md"></span> <span class="label" title="Home.md">Home.md</span></div>
1259    <div class="item  "><span class="icon folder  "></span> <span class="label" title="Math">Math</span></div>
1260    <div class="item  "><span class="icon folder  "></span> <span class="label" title="Notes">Notes</span></div>
1261    <div class="item  "><span class="icon folder  "></span> <span class="label" title="Photos">Photos</span></div>
1262    <div class="item  "><span class="icon folder  "></span> <span class="label" title="Poems">Poems</span></div>
1263    <div class="item  "><span class="icon folder  "></span> <span class="label" title="Programming">Programming</span></div>
1264    <div class="item  "><span class="icon folder  "></span> <span class="label" title="Projects">Projects</span></div>
1265    <div class="item  "><span class="icon  file img"></span>
1265 <span class="label" title="_Before_the_calm.jpg">_Before_the_calm.jpg</span></div>
1266    <div class="item  "><span class="icon  file md"></span> <span class="label" title="_Formatting guide.md">_Formatting guide.md</span></div>
1267    <div class="item  "><span class="icon  file img"></span> <span class="label" title="_Rouge_jaune_bleu-1.jpg">_Rouge_jaune_bleu-1.jpg</span></div>
1268    <div class="item  "><span class="icon  file img"></span> <span class="label" title="_Rouge_jaune_bleu-1.png">_Rouge_jaune_bleu-1.png</span></div>
1269    <div class="item  "><span class="icon  file img"></span> <span class="label" title="_TeintesSaturationCercle.png">_TeintesSaturationCercle.png</span></div>
1270  </div>
1271  
1272  <div class="border left"></div>
1273  <div class="border right"></div>
1274  <div class="border top"></div>
1275  <div class="border bottom"></div>
1276
1277  <div class="corner top left"></div>
1278  <div class="corner top right"></div>
1279  <div class="corner bottom left"></div>
1280  <div class="corner bottom right"></div>
1281</div>
1282
1283                        </div>
1284
1285                        <a class="home-folder-card-site" href="/templates/hypertext" aria-label="View the Hypertext template">
1286                            <img src="https://cdn.blot.im/documentation/v-427bc9aa/images/examples/hypertext/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
1287                        </a>
1288                    </div>
1289
1290                </article>
1291                <article class="home-folder-card">
1292                    <div class="home-folder-card-content">
1293                        <div class="home-folder-card-folder">
1294                            <div class="finder window folder home-folder-preview ">
1295
1296  <div class="toolbar">
1297    <div class="dots">
1298      <div class="dot"></div>
1299      <div class="dot"></div>
1300      <div class="dot"></div>
1301    </div>
1302    <span class="icon dropbox"></span>&nbsp;Index
1303  </div>
1304
1305  <div class="sorter">Name <span class="icon chevron"></span></div>
1306
1307  <div class="contents">
1308    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Hello.txt">Hello.txt</span></div>
1309    <div class="item  "><span class="icon  file docx"></span> <span class="label" title="Lake.docx">Lake.docx</span></div>
1310    <div class="item  "><span class="icon  file img"></span> <span class="label" title="Leaves from above, Glacier National Park by Ansel Adams.jpg">Leaves from above, Glacier National Park by Ansel Adams.jpg</span></div>
1311    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Mathematics.txt">Mathematics.txt</span></div>
1312    <div class="item  "><span class="icon  file html"></span> <span class="label" title="Scripts.html">Scripts.html</span></div>
1313    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Typography.txt">Typography.txt</span></div>
1314  </div>
1315  
1316  <div class="border left"></div>
1317  <div class="border right"></div>
1318  <div class="border top"></div>
1319  <div class="border bottom"></div>
1320
1321  <div class="corner top left"></div>
1322  <div class="corner top right"></div>
1323  <div class="corner bottom left"></div>
1324  <div class="corner bottom right"></div>
1325</div>
1326
1327                        </div>
1328
1329                        <a class="home-folder-card-site" href="/templates/index" aria-label="View the Index template">
1330                            <img src="https://cdn.blot.im/documentation/v-dc3975d5/images/examples/index/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
1331                        </a>
1332                    </div>
1333
1334                </article>
1335                <article class="home-folder-card">
1336                    <div class="home-folder-card-content">
1337                        <div class="home-folder-card-folder">
1338                            <div class="finder window folder home-folder-preview ">
1339
1340  <div class="toolbar">
1341    <div class="dots">
1342      <div class="dot"></div>
1343      <div class="dot"></div>
1344      <div class="dot"></div>
1345    </div>
1346    <span class="icon dropbox"></span>&nbsp;Journal
1347  </div>
1348
1349  <div class="sorter">Name <span class="icon chevron"></span></div>
1350
1351  <div class="contents">
1352    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Hello.txt">Hello.txt</span></div>
1353    <div class="item  "><span class="icon  file docx"></span> <span class="label" title="Lake.docx">Lake.docx</span></div>
1354    <div class="item  "><span class="icon  file img"></span> <span class="label" title="Leaves from above, Glacier National Park by Ansel Adams.jpg">Leaves from above, Glacier National Park by Ansel Adams.jpg</span></div>
1355    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Mathematics.txt">Mathematics.txt</span></div>
1356    <div class="item  "><span class="icon  file html"></span> <span class="label" title="Scripts.html">Scripts.html</span></div>
1357    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Typography.txt">Typography.txt</span></div>
1358  </div>
1359  
1360  <div class="border left"></div>
1361  <div class="border right"></div>
1362  <div class="border top"></div>
1363  <div class="border bottom"></div>
1364
1365  <div class="corner top left"></div>
1366  <div class="corner top right"></div>
1367  <div class="corner bottom left"></div>
1368  <div class="corner bottom right"></div>
1369</div>
1370
1371                        </div>
1372
1373                        <a class="home-folder-card-site" href="/templates/journal" aria-label="View the Journal template">
1374                            <img src="https://cdn.blot.im/documentation/v-b83ea0ff/images/examples/journal/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
1375                        </a>
1376                    </div>
1377
1378                </article>
1379                <article class="home-folder-card">
1380                    <div class="home-folder-card-content">
1381                        <div class="home-folder-card-folder">
1382                            <div class="finder window folder home-folder-preview ">
1383
1384  <div class="toolbar">
1385    <div class="dots">
1386      <div class="dot"></div>
1387      <div class="dot"></div>
1388      <div class="dot"></div>
1389    </div>
1390    <span class="icon dropbox"></span>&nbsp;Keynote
1391  </div>
1392
1393  <div class="sorter">Name <span class="icon chevron"></span></div>
1394
1395  <div class="contents">
1396    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Hello.txt">Hello.txt</span></div>
1397    <div class="item  "><span class="icon  file docx"></span> <span class="label" title="Lake.docx">Lake.docx</span></div>
1398    <div class="item  "><span class="icon  file img"></span> <span class="label" title="Leaves from above, Glacier National Park by Ansel Adams.jpg">Leaves from above, Glacier National Park by Ansel Adams.jpg</span></div>
1399    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Mathematics.txt">Mathematics.txt</span></div>
1400    <div class="item  "><span class="icon  file html"></span> <span class="label" title="Scripts.html">Scripts.html</span></div>
1401    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Typography.txt">Typography.txt</span></div>
1402  </div>
1403  
1404  <div class="border left"></div>
1405  <div class="border right"></div>
1406  <div class="border top"></div>
1407  <div class="border bottom"></div>
1408
1409  <div class="corner top left"></div>
1410  <div class="corner top right"></div>
1411  <div class="corner bottom left"></div>
1412  <div class="corner bottom right"></div>
1413</div>
1414
1415                        </div>
1416
1417                        <a class="home-folder-card-site" href="/templates/keynote" aria-label="View the Keynote template">
1418                            <img src="https://cdn.blot.im/documentation/v-6aec6180/images/examples/keynote/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
1419                        </a>
1420                    </div>
1421
1422                </article>
1423                <article class="home-folder-card">
1424                    <div class="home-folder-card-content">
1425                        <div class="home-folder-card-folder">
1426                            <div class="finder window folder home-folder-preview ">
1427
1428  <div class="toolbar">
1429    <div class="dots">
1430      <div class="dot"></div>
1431      <div class="dot"></div>
1432      <div class="dot"></div>
1433    </div>
1434    <span class="icon dropbox"></span>&nbsp;Links
1435  </div>
1436
1437  <div class="sorter">Name <span class="icon chevron"></span></div>
1438
1439  <div class="contents">
1440    <div class="item  open"><span class="icon folder  "></span> <span class="label" title="Pages">Pages</span></div>
1441    <div class="item nested-1 "><span class="icon  file webloc"></span> <span class="label" title="_Björn Allard | Flickr.webloc">_Björn Allard | Flickr.webloc</span></div>
1442    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_avatar.jpg">_avatar.jpg</span></div>
1443    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="about.txt">about.txt</span></div>
1444    <div class="item  open"><span class="icon folder  "></span> <span class="label" title="[Dalarna]">[Dalarna]</span></div>
1445    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Boathouses by Lake Tisjön.jpg">Boathouses by Lake Tisjön.jpg</span></div>
1446    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Down Lake Smalsjön.jpg">Down Lake Smalsjön.jpg</span></div>
1447    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Fishing in Lake Tisjön.jpg">Fishing in Lake Tisjön.jpg</span></div>
1448    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Fiskn fish island in Lake Tisjön.jpg">Fiskn fish island in Lake Tisjön.jpg</span></div>
1449    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Lake Smalsjön.jpg">Lake Smalsjön.jpg</span></div>
1450    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Lake Tisjön.jpg">Lake Tisjön.jpg</span></div>
1451    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Near Lake Smalsjön.jpg">Near Lake Smalsjön.jpg</span></div>
1452    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Old hut at Tisjölandet.jpg">Old hut at Tisjölandet.jpg</span></div>
1453    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Stone age settlement at Tisjölandet.jpg">Stone age settlement at Tisjölandet.jpg</span></div>
1454    <div class="item  open"><span class="icon folder  "></span> <span class="label" title="[Jämtland]">[Jämtland]</span></div>
1455    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Aerial view at Hökvattnet.jpg">Aerial view at Hökvattnet.jpg</span></div>
1456    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Elk hunters at Lakavattnet.jpg">Elk hunters at Lakavattnet.jpg</span></div>
1457    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Farmer plowing at Hökvattnet.jpg">Farmer plowing at Hökvattnet.jpg</span></div>
1458    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Hay drying racks at Hökvattnet.jpg">Hay drying racks at Hökvattnet.jpg</span></div>
1459    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Junsterforsen rapids.jpg">Junsterforsen rapids.jpg</span></div>
1460    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Mountain cattle at Hökvattnet.jpg">Mountain cattle at Hökvattnet.jpg</span></div>
1461    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Mrs Sara Persson fishing at Lake Hökvattnet.jpg">Mrs Sara Persson fishing at Lake Hökvattnet.jpg</span></div>
1462    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Old cottage at Hökvattnet.jpg">Old cottage at Hökvattnet.jpg</span></div>
1463    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Sheep at Lakavattnet.jpg">Sheep at Lakavattnet.jpg</span></div>
1464    <div class="item  "><span class="icon folder  "></span> <span class="label" title="[Lappland]">[Lappland]</span></div>
1465    <div class="item  "><span class="icon folder  "></span> <span class="label" title="[Västergötland]">[Västergötland]</span></div>
1466    <div class="item  "><span class="icon folder  "></span> <span class="label" title="[Ångermanland]">[Ångermanland]</span></div>
1467    <div class="item  "><span class="icon folder  "></span> <span class="label" title="[Östergötland]">[Östergötland]</span></div>
1468  </div>
1469  
1470  <div class="border left"></div>
1471  <div class="border right"></div>
1472  <div class="border top"></div>
1473  <div class="border bottom"></div>
1474
1475  <div class="corner top left"></div>
1476  <div class="corner top right"></div>
1477  <div class="corner bottom left"></div>
1478  <div class="corner bottom right"></div>
1479</div>
1480
1481                        </div>
1482
1483                        <a class="home-folder-card-site" href="/templates/links" aria-label="View the Links template">
1484                            <img src="https://cdn.blot.im/documentation/v-1abceed1/images/examples/links/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
1485                        </a>
1486                    </div>
1487
1488                </article>
1489                <article class="home-folder-card">
1490                    <div class="home-folder-card-content">
1491                        <div class="home-folder-card-folder">
1492                            <div class="finder window folder home-folder-preview ">
1493
1494  <div class="toolbar">
1495    <div class="dots">
1496      <div class="dot"></div>
1497      <div class="dot"></div>
1498      <div class="dot"></div>
1499    </div>
1500    <span class="icon dropbox"></span>&nbsp;Magazine
1501  </div>
1502
1503  <div class="sorter">Name <span class="icon chevron"></span></div>
1504
1505  <div class="contents">
1506    <div class="item  open"><span class="icon folder  "></span> <span class="label" title="Pages">Pages</span></div>
1507    <div class="item nested-1 "><span class="icon  file webloc"></span> <span class="label" title="_Björn Allard | Flickr.webloc">_Björn Allard | Flickr.webloc</span></div>
1508    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_avatar.jpg">_avatar.jpg</span></div>
1509    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="about.txt">about.txt</span></div>
1510    <div class="item  open"><span class="icon folder  "></span> <span class="label" title="[Dalarna]">[Dalarna]</span></div>
1511    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Boathouses by Lake Tisjön.jpg">Boathouses by Lake Tisjön.jpg</span></div>
1512    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Down Lake Smalsjön.jpg">Down Lake Smalsjön.jpg</span></div>
1513    <div class="item nested-1 "><span class="icon  file img"></span>
1513 <span class="label" title="Fishing in Lake Tisjön.jpg">Fishing in Lake Tisjön.jpg</span></div>
1514    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Fiskn fish island in Lake Tisjön.jpg">Fiskn fish island in Lake Tisjön.jpg</span></div>
1515    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Lake Smalsjön.jpg">Lake Smalsjön.jpg</span></div>
1516    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Lake Tisjön.jpg">Lake Tisjön.jpg</span></div>
1517    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Near Lake Smalsjön.jpg">Near Lake Smalsjön.jpg</span></div>
1518    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Old hut at Tisjölandet.jpg">Old hut at Tisjölandet.jpg</span></div>
1519    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Stone age settlement at Tisjölandet.jpg">Stone age settlement at Tisjölandet.jpg</span></div>
1520    <div class="item  open"><span class="icon folder  "></span> <span class="label" title="[Jämtland]">[Jämtland]</span></div>
1521    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Aerial view at Hökvattnet.jpg">Aerial view at Hökvattnet.jpg</span></div>
1522    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Elk hunters at Lakavattnet.jpg">Elk hunters at Lakavattnet.jpg</span></div>
1523    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Farmer plowing at Hökvattnet.jpg">Farmer plowing at Hökvattnet.jpg</span></div>
1524    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Hay drying racks at Hökvattnet.jpg">Hay drying racks at Hökvattnet.jpg</span></div>
1525    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Junsterforsen rapids.jpg">Junsterforsen rapids.jpg</span></div>
1526    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Mountain cattle at Hökvattnet.jpg">Mountain cattle at Hökvattnet.jpg</span></div>
1527    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Mrs Sara Persson fishing at Lake Hökvattnet.jpg">Mrs Sara Persson fishing at Lake Hökvattnet.jpg</span></div>
1528    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Old cottage at Hökvattnet.jpg">Old cottage at Hökvattnet.jpg</span></div>
1529    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Sheep at Lakavattnet.jpg">Sheep at Lakavattnet.jpg</span></div>
1530    <div class="item  "><span class="icon folder  "></span> <span class="label" title="[Lappland]">[Lappland]</span></div>
1531    <div class="item  "><span class="icon folder  "></span> <span class="label" title="[Västergötland]">[Västergötland]</span></div>
1532    <div class="item  "><span class="icon folder  "></span> <span class="label" title="[Ångermanland]">[Ångermanland]</span></div>
1533    <div class="item  "><span class="icon folder  "></span> <span class="label" title="[Östergötland]">[Östergötland]</span></div>
1534  </div>
1535  
1536  <div class="border left"></div>
1537  <div class="border right"></div>
1538  <div class="border top"></div>
1539  <div class="border bottom"></div>
1540
1541  <div class="corner top left"></div>
1542  <div class="corner top right"></div>
1543  <div class="corner bottom left"></div>
1544  <div class="corner bottom right"></div>
1545</div>
1546
1547                        </div>
1548
1549                        <a class="home-folder-card-site" href="/templates/magazine" aria-label="View the Magazine template">
1550                            <img src="https://cdn.blot.im/documentation/v-820db4f4/images/examples/magazine/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
1551                        </a>
1552                    </div>
1553
1554                </article>
1555                <article class="home-folder-card">
1556                    <div class="home-folder-card-content">
1557                        <div class="home-folder-card-folder">
1558                            <div class="finder window folder home-folder-preview ">
1559
1560  <div class="toolbar">
1561    <div class="dots">
1562      <div class="dot"></div>
1563      <div class="dot"></div>
1564      <div class="dot"></div>
1565    </div>
1566    <span class="icon dropbox"></span>&nbsp;Notebook
1567  </div>
1568
1569  <div class="sorter">Name <span class="icon chevron"></span></div>
1570
1571  <div class="contents">
1572    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Hello.txt">Hello.txt</span></div>
1573    <div class="item  "><span class="icon  file docx"></span> <span class="label" title="Lake.docx">Lake.docx</span></div>
1574    <div class="item  "><span class="icon  file img"></span> <span class="label" title="Leaves from above, Glacier National Park by Ansel Adams.jpg">Leaves from above, Glacier National Park by Ansel Adams.jpg</span></div>
1575    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Mathematics.txt">Mathematics.txt</span></div>
1576    <div class="item  "><span class="icon  file html"></span> <span class="label" title="Scripts.html">Scripts.html</span></div>
1577    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Typography.txt">Typography.txt</span></div>
1578  </div>
1579  
1580  <div class="border left"></div>
1581  <div class="border right"></div>
1582  <div class="border top"></div>
1583  <div class="border bottom"></div>
1584
1585  <div class="corner top left"></div>
1586  <div class="corner top right"></div>
1587  <div class="corner bottom left"></div>
1588  <div class="corner bottom right"></div>
1589</div>
1590
1591                        </div>
1592
1593                        <a class="home-folder-card-site" href="/templates/notebook" aria-label="View the Notebook template">
1594                            <img src="https://cdn.blot.im/documentation/v-5d7cce3b/images/examples/notebook/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
1595                        </a>
1596                    </div>
1597
1598                </article>
1599                <article class="home-folder-card">
1600                    <div class="home-folder-card-content">
1601                        <div class="home-folder-card-folder">
1602                            <div class="finder window folder home-folder-preview ">
1603
1604  <div class="toolbar">
1605    <div class="dots">
1606      <div class="dot"></div>
1607      <div class="dot"></div>
1608      <div class="dot"></div>
1609    </div>
1610    <span class="icon dropbox"></span>&nbsp;Organization
1611  </div>
1612
1613  <div class="sorter">Name <span class="icon chevron"></span></div>
1614
1615  <div class="contents">
1616    <div class="item  open"><span class="icon folder  "></span> <span class="label" title="Announcements">Announcements</span></div>
1617    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="1 - Reminder.txt">1 - Reminder.txt</span></div>
1618    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="2 - Parking.txt">2 - Parking.txt</span></div>
1619    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="3 - Accessibility.txt">3 - Accessibility.txt</span></div>
1620    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="4 - Revised schedule.txt">4 - Revised schedule.txt</span></div>
1621    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="5 - Soon.txt">5 - Soon.txt</span></div>
1622    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="6 - Food.txt">6 - Food.txt</span></div>
1623    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="7 - Final reminder.txt">
16237 - Final reminder.txt</span></div>
1624    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="FAQs.txt">FAQs.txt</span></div>
1625    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Landing page.txt">Landing page.txt</span></div>
1626    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Speakers.txt">Speakers.txt</span></div>
1627    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Tickets.txt">Tickets.txt</span></div>
1628    <div class="item  "><span class="icon  file img"></span> <span class="label" title="_auditorium.jpg">_auditorium.jpg</span></div>
1629    <div class="item  "><span class="icon  file img"></span> <span class="label" title="_cloth.png">_cloth.png</span></div>
1630    <div class="item  "><span class="icon  file img"></span> <span class="label" title="_eruption.png">_eruption.png</span></div>
1631    <div class="item  "><span class="icon  file img"></span> <span class="label" title="_figs.png">_figs.png</span></div>
1632    <div class="item  "><span class="icon  file img"></span> <span class="label" title="_magma.png">_magma.png</span></div>
1633    <div class="item  "><span class="icon  file img"></span> <span class="label" title="_map.png">_map.png</span></div>
1634    <div class="item  "><span class="icon  file img"></span> <span class="label" title="_professor.jpg">_professor.jpg</span></div>
1635    <div class="item  "><span class="icon  file img"></span> <span class="label" title="_professor1.jpg">_professor1.jpg</span></div>
1636  </div>
1637  
1638  <div class="border left"></div>
1639  <div class="border right"></div>
1640  <div class="border top"></div>
1641  <div class="border bottom"></div>
1642
1643  <div class="corner top left"></div>
1644  <div class="corner top right"></div>
1645  <div class="corner bottom left"></div>
1646  <div class="corner bottom right"></div>
1647</div>
1648
1649                        </div>
1650
1651                        <a class="home-folder-card-site" href="/templates/organization" aria-label="View the Organization template">
1652                            <img src="https://cdn.blot.im/documentation/v-0f4bb404/images/examples/organization/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
1653                        </a>
1654                    </div>
1655
1656                </article>
1657                <article class="home-folder-card">
1658                    <div class="home-folder-card-content">
1659                        <div class="home-folder-card-folder">
1660                            <div class="finder window folder home-folder-preview ">
1661
1662  <div class="toolbar">
1663    <div class="dots">
1664      <div class="dot"></div>
1665      <div class="dot"></div>
1666      <div class="dot"></div>
1667    </div>
1668    <span class="icon dropbox"></span>&nbsp;Portfolio
1669  </div>
1670
1671  <div class="sorter">Name <span class="icon chevron"></span></div>
1672
1673  <div class="contents">
1674    <div class="item  open"><span class="icon folder  "></span> <span class="label" title="Pages">Pages</span></div>
1675    <div class="item nested-1 "><span class="icon  file webloc"></span> <span class="label" title="_Björn Allard | Flickr.webloc">_Björn Allard | Flickr.webloc</span></div>
1676    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_avatar.jpg">_avatar.jpg</span></div>
1677    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="about.txt">about.txt</span></div>
1678    <div class="item  open"><span class="icon folder  "></span> <span class="label" title="[Dalarna]">[Dalarna]</span></div>
1679    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Boathouses by Lake Tisjön.jpg">Boathouses by Lake Tisjön.jpg</span></div>
1680    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Down Lake Smalsjön.jpg">Down Lake Smalsjön.jpg</span></div>
1681    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Fishing in Lake Tisjön.jpg">Fishing in Lake Tisjön.jpg</span></div>
1682    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Fiskn fish island in Lake Tisjön.jpg">Fiskn fish island in Lake Tisjön.jpg</span></div>
1683    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Lake Smalsjön.jpg">Lake Smalsjön.jpg</span></div>
1684    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Lake Tisjön.jpg">Lake Tisjön.jpg</span></div>
1685    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Near Lake Smalsjön.jpg">Near Lake Smalsjön.jpg</span></div>
1686    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Old hut at Tisjölandet.jpg">Old hut at Tisjölandet.jpg</span></div>
1687    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Stone age settlement at Tisjölandet.jpg">Stone age settlement at Tisjölandet.jpg</span></div>
1688    <div class="item  open"><span class="icon folder  "></span> <span class="label" title="[Jämtland]">[Jämtland]</span></div>
1689    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Aerial view at Hökvattnet.jpg">Aerial view at Hökvattnet.jpg</span></div>
1690    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Elk hunters at Lakavattnet.jpg">Elk hunters at Lakavattnet.jpg</span></div>
1691    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Farmer plowing at Hökvattnet.jpg">Farmer plowing at Hökvattnet.jpg</span></div>
1692    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Hay drying racks at Hökvattnet.jpg">Hay drying racks at Hökvattnet.jpg</span></div>
1693    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Junsterforsen rapids.jpg">Junsterforsen rapids.jpg</span></div>
1694    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Mountain cattle at Hökvattnet.jpg">Mountain cattle at Hökvattnet.jpg</span></div>
1695    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Mrs Sara Persson fishing at Lake Hökvattnet.jpg">Mrs Sara Persson fishing at Lake Hökvattnet.jpg</span></div>
1696    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Old cottage at Hökvattnet.jpg">Old cottage at Hökvattnet.jpg</span></div>
1697    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="Sheep at Lakavattnet.jpg">Sheep at Lakavattnet.jpg</span></div>
1698    <div class="item  "><span class="icon folder  "></span> <span class="label" title="[Lappland]">[Lappland]</span></div>
1699    <div class="item  "><span class="icon folder  "></span> <span class="label" title="[Västergötland]">[Västergötland]</span></div>
1700    <div class="item  "><span class="icon folder  "></span> <span class="label" title="[Ångermanland]">[Ångermanland]</span></div>
1701    <div class="item  "><span class="icon folder  "></span> <span class="label" title="[Östergötland]">[Östergötland]</span></div>
1702  </div>
1703  
1704  <div class="border left"></div>
1705  <div class="border right"></div>
1706  <div class="border top"></div>
1707  <div class="border bottom"></div>
1708
1709  <div class="corner top left"></div>
1710  <div class="corner top right"></div>
1711  <div class="corner bottom left"></div>
1712  <div class="corner bottom right"></div>
1713</div>
1714
1715                        </div>
1716
1717                        <a class="home-folder-card-site" href="/templates/portfolio" aria-label="View the Portfolio template">
1718                            <img src="https://cdn.blot.im/documentation/v-4913d7ee/images/examples/portfolio/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
1719                        </a>
1720                    </div>
1721
1722                </article>
1723                <article class="home-folder-card">
1724                    <div class="home-folder-card-content">
1725                        <div class="home-folder-card-folder">
1726                            <div class="finder window folder home-folder-preview ">
1727
1728  <div class="toolbar">
1729    <div class="dots">
1730      <div class="dot"></div>
1731      <div class="dot"></div>
1732      <div class="dot"></div>
1733    </div>
1734    <span class="icon dropbox"></span>&nbsp;Profile
1735  </div>
1736
1737  <div class="sorter">Name <span class="icon chevron"></span></div>
1738
1739  <div class="contents">
1740    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Hello.txt">Hello.txt</span></div>
1741    <div class="item  "><span class="icon  file docx"></span> <span class="label" title="Lake.docx">Lake.docx</span></div>
1742    <div class="item  "><span class="icon  file img"></span> <span class="label" title="Leaves from above, Glacier National Park by Ansel Adams.jpg">Leaves from above, Glacier National Park by Ansel Adams.jpg</span></div>
1743    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Mathematics.txt">Mathematics.txt</span></div>
1744    <div class="item  "><span class="icon  file html"></span> <span class="label" title="Scripts.html">Scripts.html</span></div>
1745    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Typography.txt">Typography.txt</span></div>
1746  </div>
1747  
1748  <div class="border left"></div>
1749  <div class="border right"></div>
1750  <div class="border top"></div>
1751  <div class="border bottom"></div>
1752
1753  <div class="corner top left"></div>
1754  <div class="corner top right"></div>
1755  <div class="corner bottom left"></div>
1756  <div class="corner bottom right"></div>
1757</div>
1758
1759                        </div>
1760
1761                        <a class="home-folder-card-site" href="/templates/profile" aria-label="View the Profile template">
1762                            <img src="https://cdn.blot.im/documentation/v-67aadcb8/images/examples/profile/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
1763                        </a>
1764                    </div>
1765
1766                </article>
1767                <article class="home-folder-card">
1768                    <div class="home-folder-card-content">
1769                        <div class="home-folder-card-folder">
1770                            <div class="finder window folder home-folder-preview ">
1771
1772  <div class="toolbar">
1773    <div class="dots">
1774      <div class="dot"></div>
1775      <div class="dot"></div>
1776      <div class="dot"></div>
1777    </div>
1778    <span class="icon dropbox"></span>&nbsp;Studio
1779  </div>
1780
1781  <div class="sorter">Name <span class="icon chevron"></span></div>
1782
1783  <div class="contents">
1784    <div class="item  open"><span class="icon folder  "></span> <span class="label" title="[Affection]">[Affection]</span></div>
1785    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="Definite Affection.txt">Definite Affection.txt</span></div>
1786    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="Grasping Animal Affection.txt">Grasping Animal Affection.txt</span></div>
1787    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="Peace and Protection.txt">Peace and Protection.txt</span></div>
1788    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="Radiating Affection.txt">Radiating Affection.txt</span></div>
1789    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="Vague Pure Affection.txt">Vague Pure Affection.txt</span></div>
1790    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="Vague Selfish Affection.txt">Vague Selfish Affection.txt</span></div>
1791    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_Definite Affection.png">_Definite Affection.png</span></div>
1792    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_Grasping Animal Affection.png">_Grasping Animal Affection.png</span></div>
1793    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_Peace and Protection.png">_Peace and Protection.png</span></div>
1794    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_Radiating Affection.png">_Radiating Affection.png</span></div>
1795    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_Vague Pure Affection.png">_Vague Pure Affection.png</span></div>
1796    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_Vague Selfish Affection.png">_Vague Selfish Affection.png</span></div>
1797    <div class="item  open"><span class="icon folder  "></span> <span class="label" title="[Anger]">[Anger]</span></div>
1798    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="Angry Jealousy.txt">Angry Jealousy.txt</span></div>
1799    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="Explosive Anger.txt">Explosive Anger.txt</span></div>
1800    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="Murderous Rage.txt">Murderous Rage.txt</span></div>
1801    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="Sustained Anger.txt">Sustained Anger.txt</span></div>
1802    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="Watchful Jealousy.txt">Watchful Jealousy.txt</span></div>
1803    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_Angry Jealousy.png">_Angry Jealousy.png</span></div>
1804    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_Explosive Anger.png">_Explosive Anger.png</span></div>
1805    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_Murderous Rage.png">_Murderous Rage.png</span></div>
1806    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_Sustained Anger.png">_Sustained Anger.png</span></div>
1807    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_Watchful Jealousy.png">_Watchful Jealousy.png</span></div>
1808    <div class="item  open"><span class="icon folder  "></span> <span class="label" title="[Devotion]">[Devotion]</span></div>
1809    <div class="item nested-1 "><span class="icon  file txt"></span>
1809 <span class="label" title="Self-Renunciation.txt">Self-Renunciation.txt</span></div>
1810    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="The Response to Devotion.txt">The Response to Devotion.txt</span></div>
1811    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="Upward Rush of Devotion.txt">Upward Rush of Devotion.txt</span></div>
1812    <div class="item nested-1 "><span class="icon  file txt"></span> <span class="label" title="Vague Religious Feeling.txt">Vague Religious Feeling.txt</span></div>
1813    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_Self-Renunciation.png">_Self-Renunciation.png</span></div>
1814    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_The Response to Devotion.png">_The Response to Devotion.png</span></div>
1815    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_Upward Rush of Devotion.png">_Upward Rush of Devotion.png</span></div>
1816    <div class="item nested-1 "><span class="icon  file img"></span> <span class="label" title="_Vague Religious Feeling.png">_Vague Religious Feeling.png</span></div>
1817    <div class="item  "><span class="icon folder  "></span> <span class="label" title="[Fear]">[Fear]</span></div>
1818    <div class="item  "><span class="icon folder  "></span> <span class="label" title="[Greed]">[Greed]</span></div>
1819    <div class="item  "><span class="icon folder  "></span> <span class="label" title="[Intellect]">[Intellect]</span></div>
1820    <div class="item  "><span class="icon folder  "></span> <span class="label" title="[Seen in those meditating]">[Seen in those meditating]</span></div>
1821    <div class="item  "><span class="icon folder  "></span> <span class="label" title="[Sympathy]">[Sympathy]</span></div>
1822    <div class="item  "><span class="icon folder  "></span> <span class="label" title="[Various emotions]">[Various emotions]</span></div>
1823  </div>
1824  
1825  <div class="border left"></div>
1826  <div class="border right"></div>
1827  <div class="border top"></div>
1828  <div class="border bottom"></div>
1829
1830  <div class="corner top left"></div>
1831  <div class="corner top right"></div>
1832  <div class="corner bottom left"></div>
1833  <div class="corner bottom right"></div>
1834</div>
1835
1836                        </div>
1837
1838                        <a class="home-folder-card-site" href="/templates/studio" aria-label="View the Studio template">
1839                            <img src="https://cdn.blot.im/documentation/v-3bbdfea2/images/examples/studio/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
1840                        </a>
1841                    </div>
1842
1843                </article>
1844                <article class="home-folder-card">
1845                    <div class="home-folder-card-content">
1846                        <div class="home-folder-card-folder">
1847                            <div class="finder window folder home-folder-preview ">
1848
1849  <div class="toolbar">
1850    <div class="dots">
1851      <div class="dot"></div>
1852      <div class="dot"></div>
1853      <div class="dot"></div>
1854    </div>
1855    <span class="icon dropbox"></span>&nbsp;Text
1856  </div>
1857
1858  <div class="sorter">Name <span class="icon chevron"></span></div>
1859
1860  <div class="contents">
1861    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Hello.txt">Hello.txt</span></div>
1862    <div class="item  "><span class="icon  file docx"></span> <span class="label" title="Lake.docx">Lake.docx</span></div>
1863    <div class="item  "><span class="icon  file img"></span> <span class="label" title="Leaves from above, Glacier National Park by Ansel Adams.jpg">Leaves from above, Glacier National Park by Ansel Adams.jpg</span></div>
1864    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Mathematics.txt">Mathematics.txt</span></div>
1865    <div class="item  "><span class="icon  file html"></span> <span class="label" title="Scripts.html">Scripts.html</span></div>
1866    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Typography.txt">Typography.txt</span></div>
1867  </div>
1868  
1869  <div class="border left"></div>
1870  <div class="border right"></div>
1871  <div class="border top"></div>
1872  <div class="border bottom"></div>
1873
1874  <div class="corner top left"></div>
1875  <div class="corner top right"></div>
1876  <div class="corner bottom left"></div>
1877  <div class="corner bottom right"></div>
1878</div>
1879
1880                        </div>
1881
1882                        <a class="home-folder-card-site" href="/templates/text" aria-label="View the Text template">
1883                            <img src="https://cdn.blot.im/documentation/v-b0774b95/images/examples/text/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
1884                        </a>
1885                    </div>
1886
1887                </article>
1888                <article class="home-folder-card">
1889                    <div class="home-folder-card-content">
1890                        <div class="home-folder-card-folder">
1891                            <div class="finder window folder home-folder-preview ">
1892
1893  <div class="toolbar">
1894    <div class="dots">
1895      <div class="dot"></div>
1896      <div class="dot"></div>
1897      <div class="dot"></div>
1898    </div>
1899    <span class="icon dropbox"></span>&nbsp;Wireframe
1900  </div>
1901
1902  <div class="sorter">Name <span class="icon chevron"></span></div>
1903
1904  <div class="contents">
1905    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Hello.txt">Hello.txt</span></div>
1906    <div class="item  "><span class="icon  file docx"></span> <span class="label" title="Lake.docx">Lake.docx</span></div>
1907    <div class="item  "><span class="icon  file img"></span> <span class="label" title="Leaves from above, Glacier National Park by Ansel Adams.jpg">Leaves from above, Glacier National Park by Ansel Adams.jpg</span></div>
1908    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Mathematics.txt">Mathematics.txt</span></div>
1909    <div class="item  "><span class="icon  file html"></span> <span class="label" title="Scripts.html">Scripts.html</span></div>
1910    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Typography.txt">Typography.txt</span></div>
1911  </div>
1912  
1913  <div class="border left"></div>
1914  <div class="border right"></div>
1915  <div class="border top"></div>
1916  <div class="border bottom"></div>
1917
1918  <div class="corner top left"></div>
1919  <div class="corner top right"></div>
1920  <div class="corner bottom left"></div>
1921  <div class="corner bottom right"></div>
1922</div>
1923
1924                        </div>
1925
1926                        <a class="home-folder-card-site" href="/templates/wireframe" aria-label="View the Wireframe template">
1927                            <img src="https://cdn.blot.im/documentation/v-532187c6/images/examples/wireframe/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
1928                        </a>
1929                    </div>
1930
1931                </article>
1932                <article class="home-folder-card">
1933                    <div class="home-folder-card-content">
1934                        <div class="home-folder-card-folder">
1935                            <div class="finder window folder home-folder-preview ">
1936
1937  <div class="toolbar">
1938    <div class="dots">
1939      <div class="dot"></div>
1940      <div class="dot"></div>
1941      <div class="dot"></div>
1942    </div>
1943    <span class="icon dropbox"></span>&nbsp;Zine
1944  </div>
1945
1946  <div class="sorter">Name <span class="icon chevron"></span></div>
1947
1948  <div class="contents">
1949    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Hello.txt">Hello.txt</span></div>
1950    <div class="item  "><span class="icon  file docx"></span> <span class="label" title="Lake.docx">Lake.docx</span></div>
1951    <div class="item  "><span class="icon  file img"></span> <span class="label" title="Leaves from above, Glacier National Park by Ansel Adams.jpg">Leaves from above, Glacier National Park by Ansel Adams.jpg</span></div>
1952    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Mathematics.txt">Mathematics.txt</span></div>
1953    <div class="item  "><span class="icon  file html"></span> <span class="label" title="Scripts.html">Scripts.html</span></div>
1954    <div class="item  "><span class="icon  file txt"></span> <span class="label" title="Typography.txt">Typography.txt</span></div>
1955  </div>
1956  
1957  <div class="border left"></div>
1958  <div class="border right"></div>
1959  <div class="border top"></div>
1960  <div class="border bottom"></div>
1961
1962  <div class="corner top left"></div>
1963  <div class="corner top right"></div>
1964  <div class="corner bottom left"></div>
1965  <div class="corner bottom right"></div>
1966</div>
1967
1968                        </div>
1969
1970                        <a class="home-folder-card-site" href="/templates/zine" aria-label="View the Zine template">
1971                            <img src="https://cdn.blot.im/documentation/v-6
19717ec6ae0/images/examples/zine/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
1972                        </a>
1973                    </div>
1974
1975                </article>
1976            </div>
1977        </div>
1978    </div>
1979</section>
1980
1981<section class="templates-hero" aria-labelledby="templates-hero-title">
1982    <div class="templates-hero-grid">
1983        <div class="templates-hero-copy">
1984            <h1 id="templates-hero-title">Templates</h1>
1985            <p>Explore the kinds of sites you can build with Blot. Start with a folder, choose a template, and make it a website.</p>
1986            <a class="templates-hero-button home-tools-cta" href="/templates">View templates</a>
1987        </div>
1988
1989        <a href="/templates/album" class="templates-hero-image" data-screenshot-variant="desktop" aria-label="View Album template">
1990            <img src="https://cdn.blot.im/documentation/v-fe37b2f1/images/examples/album/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
1991            <span class="home-avatar-card" aria-hidden="true">
1992                <span class="home-avatar-name">Album</span>
1993                <span class="home-avatar-meta">Template</span>
1994            </span>
1995        </a>
1996        <a href="/templates/blog" class="templates-hero-image" data-screenshot-variant="desktop" aria-label="View Blog template">
1997            <img src="https://cdn.blot.im/documentation/v-32a01028/images/examples/blog/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
1998            <span class="home-avatar-card" aria-hidden="true">
1999                <span class="home-avatar-name">Blog</span>
2000                <span class="home-avatar-meta">Template</span>
2001            </span>
2002        </a>
2003        <a href="/templates/cv" class="templates-hero-image" data-screenshot-variant="desktop" aria-label="View CV template">
2004            <img src="https://cdn.blot.im/documentation/v-e14a533d/images/examples/cv/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
2005            <span class="home-avatar-card" aria-hidden="true">
2006                <span class="home-avatar-name">CV</span>
2007                <span class="home-avatar-meta">Template</span>
2008            </span>
2009        </a>
2010        <a href="/templates/documentation" class="templates-hero-image" data-screenshot-variant="desktop" aria-label="View Documentation template">
2011            <img src="https://cdn.blot.im/documentation/v-39b3f458/images/examples/documentation/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
2012            <span class="home-avatar-card" aria-hidden="true">
2013                <span class="home-avatar-name">Documentation</span>
2014                <span class="home-avatar-meta">Template</span>
2015            </span>
2016        </a>
2017        <a href="/templates/event" class="templates-hero-image" data-screenshot-variant="desktop" aria-label="View Event template">
2018            <img src="https://cdn.blot.im/documentation/v-53fe6441/images/examples/event/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
2019            <span class="home-avatar-card" aria-hidden="true">
2020                <span class="home-avatar-name">Event</span>
2021                <span class="home-avatar-meta">Template</span>
2022            </span>
2023        </a>
2024        <a href="/templates/fieldnotes" class="templates-hero-image" data-screenshot-variant="desktop" aria-label="View Fieldnotes template">
2025            <img src="https://cdn.blot.im/documentation/v-9615da43/images/examples/fieldnotes/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
2026            <span class="home-avatar-card" aria-hidden="true">
2027                <span class="home-avatar-name">Fieldnotes</span>
2028                <span class="home-avatar-meta">Template</span>
2029            </span>
2030        </a>
2031        <a href="/templates/gallery" class="templates-hero-image" data-screenshot-variant="desktop" aria-label="View Gallery template">
2032            <img src="https://cdn.blot.im/documentation/v-167f438e/images/examples/gallery/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
2033            <span class="home-avatar-card" aria-hidden="true">
2034                <span class="home-avatar-name">Gallery</span>
2035                <span class="home-avatar-meta">Template</span>
2036            </span>
2037        </a>
2038        <a href="/templates/hypertext" class="templates-hero-image" data-screenshot-variant="desktop" aria-label="View Hypertext template">
2039            <img src="https://cdn.blot.im/documentation/v-427bc9aa/images/examples/hypertext/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
2040            <span class="home-avatar-card" aria-hidden="true">
2041                <span class="home-avatar-name">Hypertext</span>
2042                <span class="home-avatar-meta">Template</span>
2043            </span>
2044        </a>
2045        <a href="/templates/index" class="templates-hero-image" data-screenshot-variant="desktop" aria-label="View Index template">
2046            <img src="https://cdn.blot.im/documentation/v-dc3975d5/images/examples/index/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
2047            <span class="home-avatar-card" aria-hidden="true">
2048                <span class="home-avatar-name">Index</span>
2049                <span class="home-avatar-meta">Template</span>
2050            </span>
2051        </a>
2052        <a href="/templates/journal" class="templates-hero-image" data-screenshot-variant="desktop" aria-label="View Journal template">
2053            <img src="https://cdn.blot.im/documentation/v-b83ea0ff/images/examples/journal/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
2054            <span class="home-avatar-card" aria-hidden="true">
2055                <span class="home-avatar-name">Journal</span>
2056                <span class="home-avatar-meta">Template</span>
2057            </span>
2058        </a>
2059        <a href="/templates/keynote" class="templates-hero-image" data-screenshot-variant="desktop" aria-label="View Keynote template">
2060            <img src="https://cdn.blot.im/documentation/v-6aec6180/images/examples/keynote/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
2061            <span class="home-avatar-card" aria-hidden="true">
2062                <span class="home-avatar-name">Keynote</span>
2063                <span class="home-avatar-meta">Template</span>
2064            </span>
2065        </a>
2066        <a href="/templates/links" class="templates-hero-image" data-screenshot-variant="desktop" aria-label="View Links template">
2067            <img src="https://cdn.blot.im/documentation/v-1abceed1/images/examples/links/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
2068            <span class="home-avatar-card" aria-hidden="true">
2069                <span class="home-avatar-name">Links</span>
2070                <span class="home-avatar-meta">Template</span>
2071            </span>
2072        </a>
2073        <a href="/templates/magazine" class="templates-hero-image" data-screenshot-variant="desktop" aria-label="View Magazine template">
2074            <img src="https://cdn.blot.im/documentation/v-820db4f4/images/examples/magazine/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
2075            <span class="home-avatar-card" aria-hidden="true">
2076                <span class="home-avatar-name">Magazine</span>
2077                <span class="home-avatar-meta">Template</span>
2078            </span>
2079        </a>
2080        <a href="/templates/notebook" class="templates-hero-image" data-screenshot-variant="desktop" aria-label="View Notebook template">
2081            <img src="https://cdn.blot.im/documentation/v-5d7cce3b/images/examples/notebook/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
2082            <span class="home-avatar-card" aria-hidden="true">
2083                <span class="home-avatar-name">Notebook</span>
2084                <span class="home-avatar-meta">Template</span>
2085            </span>
2086        </a>
2087        <a href="/templates/organization" class="templates-hero-image" data-screenshot-variant="desktop" aria-label="View Organization template">
2088            <img src="https://cdn.blot.im/documentation/v-0f4bb404/images/examples/organization/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
2089            <span class="home-avatar-card" aria-hidden="true">
2090                <span class="home-avatar-name">Organization</span>
2091                <span class="home-avatar-meta">Template</span>
2092            </span>
2093        </a>
2094        <a href="/templates/portfolio" class="templates-hero-image" data-screenshot-variant="desktop" aria-label="View Portfolio template">
2095            <img src="https://cdn.blot.im/documentation/v-4913d7ee/images/examples/portfolio/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
2096            <span class="home-avatar-card" aria-hidden="true">
2097                <span class="home-avatar-name">Portfolio</span>
2098                <span class="home-avatar-meta">Template</span>
2099            </span>
2100        </a>
2101        <a href="/templates/profile" class="templates-hero-image" data-screenshot-variant="desktop" aria-label="View Profile template">
2102            <img src="https://cdn.blot.im/documentation/v-67aadcb8/images/examples/profile/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
2103            <span class="home-avatar-card" aria-hidden="true">
2104                <span class="home-avatar-name">Profile</span>
2105                <span class="home-avatar-meta">Template</span>
2106            </span>
2107        </a>
2108        <a href="/templates/studio" class="templates-hero-image" data-screenshot-variant="desktop" aria-label="View Studio template">
2109            <img src="https://cdn.blot.im/documentation/v-3bbdfea2/images/examples/studio/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
2110            <span class="home-avatar-card" aria-hidden="true">
2111                <span class="home-avatar-name">Studio</span>
2112                <span class="home-avatar-meta">Template</span>
2113            </span>
2114        </a>
2115        <a href="/templates/text" class="templates-hero-image" data-screenshot-variant="desktop" aria-label="View Text template">
2116            <img src="https://cdn.blot.im/documentation/v-b0774b95/images/examples/text/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
2117            <span class="home-avatar-card" aria-hidden="true">
2118                <span class="home-avatar-name">Text</span>
2119                <span class="home-avatar-meta">Template</span>
2120            </span>
2121        </a>
2122        <a href="/templates/wireframe" class="templates-hero-image" data-screenshot-variant="desktop" aria-label="View Wireframe template">
2123            <img src="https://cdn.blot.im/documentation/v-532187c6/images/examples/wireframe/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
2124            <span class="home-avatar-card" aria-hidden="true">
2125                <span class="home-avatar-name">Wireframe</span>
2126                <span class="home-avatar-meta">Template</span>
2127            </span>
2128        </a>
2129        <a href="/templates/zine" class="templates-hero-image" data-screenshot-variant="desktop" aria-label="View Zine template">
2130            <img src="https://cdn.blot.im/documentation/v-67ec6ae0/images/examples/zine/0.png" width="2120" height="1560" alt="" loading="lazy" decoding="async">
2131            <span class="home-avatar-card" aria-hidden="true">
2132                <span class="home-avatar-name">Zine</span>
2133                <span class="home-avatar-meta">Template</span>
2134            </span>
2135        </a>
2136
2137        <a href="/templates/album" class="templates-hero-image" data-screenshot-variant="mobile" aria-label="View Album template">
2138            <img src="https://cdn.blot.im/documentation/v-86f8d237/images/examples/album/0.mobile.png" width="800" height="1300" alt="" loading="lazy" decoding="async">
2139            <span class="home-avatar-card" aria-hidden="true">
2140                <span class="home-avatar-name">Album</span>
2141                <span class="home-avatar-meta">Template</span>
2142            </span>
2143        </a>
2144        <a href="/templates/blog" class="templates-hero-image" data-screenshot-variant="mobile" aria-label="View Blog template">
2145            <img src="https://cdn.blot.im/documentation/v-05c3c3df/images/examples/blog/0.mobile.png" width="800" height="1300" alt="" loading="lazy" decoding="async">
2146            <span class="home-avatar-card" aria-hidden="true">
2147                <span class="home-avatar-name">Blog</span>
2148                <span class="home-avatar-meta">Template</span>
2149            </span>
2150        </a>
2151        <a href="/templates/cv" class="templates-hero-image" data-screenshot-variant="mobile" aria-label="View CV template">
2152            <img src="https://cdn.blot.im/documentation/v-667b6cc7/images/examples/cv/0.mobile.png" width="800" height="1300" alt="" loading="lazy" decoding="async">
2153            <span class="home-avatar-card" aria-hidden="true">
2154                <span class="home-avatar-name">CV</span>
2155                <span class="home-avatar-meta">Template</span>
2156            </span>
2157        </a>
2158        <a href="/templates/documentation" class="templates-hero-image" data-screenshot-variant="mobile" aria-label="View Documentation template">
2159            <img src="https://cdn.blot.im/documentation/v-6697071b/images/examples/documentation/0.mobile.png" width="800" height="1300" alt="" loading="lazy" decoding="async">
2160            <span class="home-avatar-card" aria-hidden="true">
2161                <span class="home-avatar-name">Documentation</span>
2162                <span class="home-avatar-meta">Template</span>
2163            </span>
2164        </a>
2165        <a href="/templates/event" class="templates-hero-image" data-screenshot-variant="mobile" aria-label="View Event template">
2166            <img src="https://cdn.blot.im/documentation/v-32630084/images/examples/event/0.mobile.png" width="800" height="1300" alt="" loading="lazy" decoding="async">
2167            <span class="home-avatar-card" aria-hidden="true">
2168                <span class="home-avatar-name">Event</span>
2169                <span class="home-avatar-meta">Template</span>
2170            </span>
2171        </a>
2172        <a href="/templates/fieldnotes" class="templates-hero-image" data-screenshot-variant="mobile" aria-label="View Fieldnotes template">
2173            <img src="https://cdn.blot.im/documentation/v-8cee3682/images/examples/fieldnotes/0.mobile.png" width="800" height="1300" alt="" loading="lazy" decoding="async">
2174            <span class="home-avatar-card" aria-hidden="true">
2175                <span class="home-avatar-name">Fieldnotes</span>
2176                <span class="home-avatar-meta">Template</span>
2177            </span>
2178        </a>
2179        <a href="/templates/gallery" class="templates-hero-image" data-screenshot-variant="mobile" aria-label="View Gallery template">
2180            <img src="https://cdn.blot.im/documentation/v-01caa127/images/examples/gallery/0.mobile.png" width="800" height="1300" alt="" loading="lazy" decoding="async">
2181            <span class="home-avatar-card" aria-hidden="true">
2182                <span class="home-avatar-name">Gallery</span>
2183                <span class="home-avatar-meta">Template</span>
2184            </span>
2185        </a>
2186        <a href="/templates/hypertext" class="templates-hero-image" data-screenshot-variant="mobile" aria-label="View Hypertext template">
2187            <img src="https://cdn.blot.im/documentation/v-58279887/images/examples/hypertext/0.mobile.png" width="800" height="1300" alt="" loading="lazy" decoding="async">
2188            <span class="home-avatar-card" aria-hidden="true">
2189                <span class="home-avatar-name">Hypertext</span>
2190                <span class="home-avatar-meta">Template</span>
2191            </span>
2192        </a>
2193        <a href="/templates/index" class="templates-hero-image" data-screenshot-variant="mobile" aria-label="View Index template">
2194            <img src="https://cdn.blot.im/documentation/v-38144593/images/examples/index/0.mobile.png" width="800" height="1300" alt="" loading="lazy" decoding="async">
2195            <span class="home-avatar-card" aria-hidden="true">
2196                <span class="home-avatar-name">Index</span>
2197                <span class="home-avatar-meta">Template</span>
2198            </span>
2199        </a>
2200        <a href="/templates/journal" class="templates-hero-image" data-screenshot-variant="mobile" aria-label="View Journal template">
2201            <img src="https://cdn.blot.im/documentation/v-ffdf7164/images/examples/journal/0.mobile.png" width="800" height="1300" alt="" loading="lazy" decoding="async">
2202            <span class="home-avatar-card" aria-hidden="true">
2203                <span class="home-avatar-name">Journal</span>
2204                <span class="home-avatar-meta">Template</span>
2205            </span>
2206        </a>
2207        <a href="/templates/keynote" class="templates-hero-image" data-screenshot-variant="mobile" aria-label="View Keynote template">
2208            <img src="https://cdn.blot.im/documentation/v-e5327675/images/examples/keynote/0.mobile.png" width="800" height="1300" alt="" loading="lazy" decoding="async">
2209            <span class="home-avatar-card" aria-hidden="true">
2210                <span class="home-avatar-name">Keynote</span>
2211                <span class="home-avatar-meta">Template</span>
2212            </span>
2213        </a>
2214        <a href="/templates/links" class="templates-hero-image" data-screenshot-variant="mobile" aria-label="View Links template">
2215            <img src="https://cdn.blot.im/documentation/v-5093368f/images/examples/links/0.mobile.png" width="800" height="1300" alt="" loading="lazy" decoding="async">
2216            <span class="home-avatar-card" aria-hidden="true">
2217                <span class="home-avatar-name">Links</span>
2218                <span class="home-avatar-meta">Template</span>
2219            </span>
2220        </a>
2221        <a href="/templates/magazine" class="templates-hero-image" data-screenshot-variant="mobile" aria-label="View Magazine template">
2222            <img src="https://cdn.blot.im/documentation/v-1789de5e/images/examples/magazine/0.mobile.png" width="800" height="1300" alt="" loading="lazy" decoding="async">
2223            <span class="home-avatar-card" aria-hidden="true">
2224                <span class="home-avatar-name">Magazine</span>
2225                <span class="home-avatar-meta">Template</span>
2226            </span>
2227        </a>
2228        <a href="/templates/notebook" class="templates-hero-image" data-screenshot-variant="mobile" aria-label="View Notebook template">
2229            <img src="https://cdn.blot.im/documentation/v-7156a800/images/examples/notebook/0.mobile.png" width="800" height="1300" alt="" loading="lazy" decoding="async">
2230            <span class="home-avatar-card" aria-hidden="true">
2231                <span class="home-avatar-name">Notebook</span>
2232                <span class="home-avatar-meta">Template</span>
2233            </span>
2234        </a>
2235        <a href="/templates/organization" class="templates-hero-image" data-screenshot-variant="mobile" aria-label="View Organization template">
2236            <img src="https://cdn.blot.im/documentation/v-b4384a25/images/examples/organization/0.mobile.png" width="800" height="1300" alt="" loading="lazy" decoding="async">
2237            <span class="home-avatar-card" aria-hidden="true">
2238                <span class="home-avatar-name">Organization</span>
2239                <span class="home-avatar-meta">Template</span>
2240            </span>
2241        </a>
2242        <a href="/templates/portfolio" class="templates-hero-image" data-screenshot-variant="mobile" aria-label="View Portfolio template">
2243            <img src="https://cdn.blot.im/documentation/v-03cdafa1/images/examples/portfolio/0.mobile.png" width="800" height="1300" alt="" loading="lazy" decoding="async">
2244            <span class="home-avatar-card" aria-hidden="true">
2245                <span class="home-avatar-name">Portfolio</span>
2246                <span class="home-avatar-meta">Template</span>
2247            </span>
2248        </a>
2249        <a href="/templates/profile" class="templates-hero-image" data-screenshot-variant="mobile" aria-label="View Profile template">
2250            <img src="https://cdn.blot.im/documentation/v-6d617799/images/examples/profile/0.mobile.png" width="800" height="1300" alt="" loading="lazy" decoding="async">
2251            <span class="home-avatar-card" aria-hidden="true">
2252                <span class="home-avatar-name">Profile</span>
2253                <span class="home-avatar-meta">Template</span>
2254            </span>
2255        </a>
2256        <a href="/templates/studio" class="templates-hero-image" data-screenshot-variant="mobile" aria-label="View Studio template">
2257            <img src="https://cdn.blot.im/documentation/v-e506858f/images/examples/studio/0.mobile.png" width="800" height="1300" alt="" loading="lazy" decoding="async">
2258            <span class="home-avatar-card" aria-hidden="true">
2259                <span class="home-avatar-name">Studio</span>
2260                <span class="home-avatar-meta">Template</span>
2261            </span>
2262        </a>
2263        <a href="/templates/text" class="templates-hero-image" data-screenshot-variant="mobile" aria-label="View Text template">
2264            <img src="https://cdn.blot.im/documentation/v-ffb43aaf/images/examples/text/0.mobile.png" width="800" height="1300" alt="" loading="lazy" decoding="async">
2265            <span class="home-avatar-card" aria-hidden="true">
2266                <span class="home-avatar-name">Text</span>
2267                <span class="home-avatar-meta">Template</span>
2268            </span>
2269        </a>
2270        <a href="/templates/wireframe" class="templates-hero-image" data-screenshot-variant="mobile" aria-label="View Wireframe template">
2271            <img src="https://cdn.blot.im/documentation/v-4d559165/images/examples/wireframe/0.mobile.png" width="800" height="1300" alt="" loading="lazy" decoding="async">
2272            <span class="home-avatar-card" aria-hidden="true">
2273                <span class="home-avatar-name">Wireframe</span>
2274                <span class="home-avatar-meta">Template</span>
2275            </span>
2276        </a>
2277        <a href="/templates/zine" class="templates-hero-image" data-screenshot-variant="mobile" aria-label="View Zine template">
2278            <img src="https://cdn.blot.im/documentation/v-bdefb671/images/examples/zine/0.mobile.png" width="800" height="1300" alt="" loading="lazy" decoding="async">
2279            <span class="home-avatar-card" aria-hidden="true">
2280                <span class="home-avatar-name">Zine</span>
2281                <span class="home-avatar-meta">Template</span>
2282            </span>
2283        </a>
2284    </div>
2285</section>
2286
2287<section class="home-tools" aria-labelledby="home-tools-title">
2288    <h2 id="home-tools-title"><a href="#home-tools-title">Works with the tools you already use</a></h2>
2289
2290    <p class="home-tools-intro">
2291        There’s no publishing interface, just files and folders. This means that Blot works with your favorite text editor.
2292    </p>
2293
2294    <nav class="home-tools-list" aria-label="Tools that work with Blot">
2295        <a class="home-tool-button" href="/how/files/google-docs">
2296            <img src="https://cdn.blot.im/documentation/v-699b1181/how/tools/icons/google-docs.png" alt="" aria-hidden="true">
2297            <span>Google Docs</span>
2298        </a>
2299        <a class="home-tool-button" href="/how/tools/obsidian">
2300            <img src="https://cdn.blot.im/documentation/v-c6773d19/how/tools/icons/obsidian.png" alt="" aria-hidden="true">
2301            <span>Obsidian</span>
2302        </a>
2303        <a class="home-tool-button" href="/how/sync/icloud">
2304            <img src="https://cdn.blot.im/documentation/v-a154dba7/images/sync/icloud.svg" alt="" aria-hidden="true">
2305            <span>iCloud</span>
2306        </a>
2307        <a class="home-tool-button" href="/how/tools/word">
2308            <img src="https://cdn.blot.im/documentation/v-fe530678/how/tools/icons/word.png" alt="" aria-hidden="true">
2309            <span>Word</span>
2310        </a>
2311        <a class="home-tool-button" href="/how/tools/ia-writer">
2312            <img src="https://cdn.blot.im/documentation/v-fd3c964f/how/tools/icons/ia-writer.png" alt="" aria-hidden="true">
2313            <span>iA Writer</span>
2314        </a>
2315        <a class="home-tool-button" href="/how/sync/dropbox">
2316            <img src="https://cdn.blot.im/documentation/v-9854f09e/images/sync/dropbox.svg" alt="" aria-hidden="true">
2317            <span>Dropbox</span>
2318        </a>
2319        <a class="home-tool-button" href="/how/sync/google-drive">
2320            <img src="https://cdn.blot.im/documentation/v-11457b6d/images/sync/google-drive.svg" alt="" aria-hidden="true">
2321            <span>Google Drive</span>
2322        </a>
2323        <a class="home-tool-button" href="/how/sync/git">
2324            <img src="https://cdn.blot.im/documentation/v-722d1290/images/sync/git.svg" alt="" aria-hidden="true">
2325            <span>Git</span>
2326        </a>
2327        <a class="home-tool-button" href="/how/tools/ulysses">
2328            <img src="https://cdn.blot.im/documentation/v-8ef70093/how/tools/icons/ulysses.png" alt="" aria-hidden="true">
2329            <span>Ulysses</span>
2330        </a>
2331        <a class="home-tool-button" href="/how/tools/bear">
2332            <img src="https://cdn.blot.im/documentation/v-ee83d82f/how/tools/icons/bear.png" alt="" aria-hidden="true">
2333            <span>Bear</span>
2334        </a>
2335    </nav>
2336
2337    <a class="home-tools-cta" href="/how/tools">Browse all tools</a>
2338</section>
2339    </section>
2340    <footer>
2341      <ul>
2342        <li><a href="/support">Support</a></li>
2343        <li><a href="/about">About</a></li>
2344        <li><a href="/questions">Questions</a></li>
2345        <li><a href="/updates">Updates</a></li>
2346        <li><a href="/developers">Developers</a></li>
2347        <li><a href="/source-code">Source code</a></li>
2348      </ul>
2349      <ul>
2350        <li><a href="/status">Status</a></li>
2351        <li><a href="/terms">Terms of use</a></li>
2352        <li><a href="/privacy">Privacy policy</a></li>
2353        <li><a href="/contact">Contact</a></li>
2354      </ul>
2355    </footer>
2356    
2356<script defer="" src="https://cdn.blot.im/documentation/v-0945b59f/documentation.min.js"></script>
2356
2357  </main>
2358</body>
2359</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.