PageSourceSearch

https://empress-blog.netlify.app/

html empress-blog.netlify.app collected 2026-10-03 10:41:52 UTC 21,996 bytes, 488 lines download raw bytes

1<!DOCTYPE html>
2<html>
3  <head>
4    <meta charset="utf-8">
5<!-- This site is hosted on Netlify. Anyone can build and deploy a site
6     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=060c50f5-ead1-4888-9b9f-4a950facd10f
7     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
8    <meta name="viewport" content="width=device-width, initial-scale=1">
9
10    
11<meta name="dummy/config/environment" content="%7B%22modulePrefix%22%3A%22dummy%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%7D%2C%22blog%22%3A%7B%22title%22%3A%22empress-blog%3A%20The%20simple%20JAM%20stack%20blog%22%2C%22description%22%3A%22Thoughts%2C%20stories%20and%20ideas.%22%2C%22coverImage%22%3A%22%2Fimages%2Fblog-cover.jpg%22%2C%22rssLogo%22%3A%22%2Fimages%2Flogo.png%22%2C%22navigation%22%3A%5B%7B%22label%22%3A%22Home%22%2C%22route%22%3A%22index%22%7D%2C%7B%22label%22%3A%22Built%20by%20Chris%20Manson%22%2C%22route%22%3A%22page%22%2C%22id%22%3A%22chris-manson%22%7D%5D%2C%22host%22%3A%22https%3A%2F%2Fempress-blog.netlify.com%22%7D%2C%22responsive-image%22%3A%7B%22sourceDir%22%3A%22images%22%2C%22destinationDir%22%3A%22responsive-images%22%2C%22quality%22%3A80%2C%22supportedWidths%22%3A%5B2000%2C1000%2C600%2C300%5D%2C%22removeSourceDir%22%3Afalse%2C%22justCopy%22%3Afalse%2C%22extensions%22%3A%5B%22jpg%22%2C%22jpeg%22%2C%22png%22%2C%22gif%22%5D%7D%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%5D%7D%7D" />
12<!-- EMBER_CLI_FASTBOOT_TITLE -->  <meta name="ember-cli-head-start" content>  <title>empress-blog: The simple JAM stack blog</title>
13
14  <meta name="description" content="Thoughts, stories and ideas.">
15
16<meta name="referrer" content="unsafe-url">
17
18  <link rel="canonical" href="https://empress-blog.netlify.com/">
19
20<!---->
21<!---->
22  <meta property="og:site_name" content="empress-blog: The simple JAM stack blog">
23
24  <meta property="og:title" content="empress-blog: The simple JAM stack blog">
25
26  <meta property="og:url" content="https://empress-blog.netlify.com/">
27
28  <meta property="og:description" content="Thoughts, stories and ideas.">
29
30  <meta property="og:type" content="website">
31
32  <meta property="og:image" content="https://empress-blog.netlify.com/images/logo.png">
33  <meta property="og:image:type" content="image/png">
34  <meta property="og:image:width" content="256">
35  <meta property="og:image:height" content="256">
36
37<meta name="twitter:card" content="summary">
38
39<!---->
40  <meta name="twitter:image" content="https://empress-blog.netlify.com/images/logo.png">
41
42  <meta name="twitter:title" content="empress-blog: The simple JAM stack blog">
43
44  <meta name="twitter:url" content="https://empress-blog.netlify.com/">
45
46  <meta name="twitter:description" content="Thoughts, stories and ideas.">
47
48<!---->
49<!---->
50<!----><meta name="ember-cli-head-end" content>
51
52<link rel="alternate" type="application/rss+xml" title="empress-blog: The simple JAM stack blog" href="https://empress-blog.netlify.com/rss.xml" />
53
54    <link integrity="" rel="stylesheet" href="/assets/vendor-3944c697554562f2178dd9830ff56abc.css">
55    <link integrity="" rel="stylesheet" href="/assets/dummy-d41d8cd98f00b204e9800998ecf8427e.css">
56
57    
58  </head>
59  <body class="application index-template home-template index">
60    
60<script type="x/boundary" id="fastboot-body-start"></script>
60<!---->
61
62    <div class="site-wrapper">
63
64        
65<header id="ember3" class="site-header outer responsive-header-img ember-view">
66
67<style type="text/css">
68.responsive-header-img {
69    background-image: url(/images/blog-cover.jpg);
70}
71</style>
72 
73    <div class="inner">
74        <div class="site-header-content">
75            <h1 class="site-title">
76                    empress-blog: The simple JAM stack blog
77            </h1>
78            <h2 class="site-description">Thoughts, stories and ideas.</h2>
79        </div>
80        <div id="ember4" class="ember-view"><nav class="site-nav">
81    <div class="site-nav-left">
82<!---->            <ul class="nav" role="menu">
83    <li class="nav-Home" role="menuitem">
84        <a id="ember6" class="ember-view active" href="/"> Home </a>
85    </li>
86    <li class="nav-Built by Chris Manson" role="menuitem">
87        <a id="ember7" class="ember-view" href="/page/chris-manson"> Built by Chris Manson </a>
88    </li>
89</ul>
90    </div>
91    <div class="site-nav-right">
92        <div class="social-links">
93<!----><!---->        </div>
94            <a class="rss-button" href="https://feedly.com/i/subscription/feed%2Fhttps%3A%2F%2Fempress-blog.netlify.com%2Frss.xml" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><circle cx="6.18" cy="17.82" r="2.18"></circle><path d="M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z"></path></svg>
95</a>
96            </div>
97</nav></div>
98    </div>
99</header>
100
101<main id="site-main" class="site-main outer">
102    <div class="inner">
103
104        <div class="post-feed">
105
106                <article class="post-card  post-card-large">
107
108      <a id="ember8" class="ember-view post-card-image-link" href="/welcome">
109        <picture>
110    <source srcset="/images/welcome2000w.webp 2000w, /images/welcome1000w.webp 1000w, /images/welcome600w.webp 600w, /images/welcome300w.webp 300w" type="image/webp">
111    <source srcset="/images/welcome2000w.jpg 2000w, /images/welcome1000w.jpg 1000w, /images/welcome600w.jpg 600w, /images/welcome300w.jpg 300w" type="image/jpeg">
112  <img src="/images/welcome600w.jpg" width="320" height="213.33333333333334" class="eri-responsive post-card-image" loading="lazy" decoding="async">
113</picture>
114      </a>
115
116    <div class="post-card-content">
117
118        <a id="ember9" class="ember-view post-card-content-link" href="/welcome">
119
120            <header class="post-card-header">
121                    <span class="post-card-tags">Getting Started</span>
122                <h2 class="post-card-title">Welcome to empress-blog</h2>
123            </header>
124
125            <section class="post-card-excerpt">
126                <p>Hey! Welcome to empress-blog, it's great to have you :) We know that first impressions are important, so we've populated your new site with some initial Getting Started posts that will</p>
127            </section>
128
129        </a>
130
131        <footer class="post-card-meta">
132
133            <ul class="author-list">
134                <li class="author-list-item">
135
136                    <div class="author-name-tooltip">
137                        Ghost
138                    </div>
139
140                        <a id="ember10" class="ember-view static-avatar" href="/author/ghost">
141                            <img class="author-profile-image" src="/images/ghost-icon.png" alt="Ghost">
142                        </a>
143                </li>
144            </ul>
145
146            <span class="reading-time">1 min read</span>
147
148        </footer>
149
150    </div>
151
152</article>
153
154
155                <article class="post-card  ">
156
157      <a id="ember11" class="ember-view post-card-image-link" href="/the-editor">
158        <picture>
159    <source srcset="/images/writing2000w.webp 2000w, /images/writing1000w.webp 1000w, /images/writing600w.webp 600w, /images/writing300w.webp 300w" type="image/webp">
160    <source srcset="/images/writing2000w.jpg 2000w, /images/writing1000w.jpg 1000w, /images/writing600w.jpg 600w, /images/writing300w.jpg 300w" type="image/jpeg">
161  <img src="/images/writing600w.jpg" width="320" height="213.33333333333334" class="eri-responsive post-card-image" loading="lazy" decoding="async">
162</picture>
163      </a>
164
165    <div class="post-card-content">
166
167        <a id="ember12" class="ember-view post-card-content-link" href="/the-editor">
168
169            <header class="post-card-header">
170                    <span class="post-card-tags">Getting Started</span>
171                <h2 class="post-card-title">Editing Posts with empress-blog</h2>
172            </header>
173
174            <section class="post-card-excerpt">
175                <p>empress-blog uses a language called Markdown to format text, and so does the original Ghost 🎉 The main difference between the hosted Ghost platform and empress-blog is that we just use files</p>
176            </section>
177
178        </a>
179
180        <footer class="post-card-meta">
181
182            <ul class="author-list">
183                <li class="author-list-item">
184
185                    <div class="author-name-tooltip">
186                        Ghost
187                    </div>
188
189                        <a id="ember13" class="ember-view static-avatar" href="/author/ghost">
190                            <img class="author-profile-image" src="/images/ghost-icon.png" alt="Ghost">
191                        </a>
192                </li>
193            </ul>
194
195            <span class="reading-time">3 min read</span>
196
197        </footer>
198
199    </div>
200
201</article>
202
203
204                <article class="post-card  ">
205
206      <a id="ember14" class="ember-view post-card-image-link" href="/using-tags">
207        <picture>
208    <source srcset="/images/tags2000w.webp 2000w, /images/tags1000w.webp 1000w, /images/tags600w.webp 600w, /images/tags300w.webp 300w" type="image/webp">
209    <source srcset="/images/tags2000w.jpg 2000w, /images/tags1000w.jpg 1000w, /images/tags600w.jpg 600w, /images/tags300w.jpg 300w" type="image/jpeg">
210  <img src="/images/tags600w.jpg" width="320" height="213.33333333333334" class="eri-responsive post-card-image" loading="lazy" decoding="async">
211</picture>
212      </a>
213
214    <div class="post-card-content">
215
216        <a id="ember15" class="ember-view post-card-content-link" href="/using-tags">
217
218            <header class="post-card-header">
219                    <span class="post-card-tags">Getting Started</span>
220                <h2 class="post-card-title">Organising your content with tags</h2>
221            </header>
222
223            <section class="post-card-excerpt">
224                <p>empress-blog has a single, powerful organisational taxonomy, called tags. It doesn't matter whether you want to call them categories, tags, boxes, or anything else. You can think of tags a lot</p>
225            </section>
226
227        </a>
228
229        <footer class="post-card-meta">
230
231            <ul class="author-list">
232                <li class="author-list-item">
233
234                    <div class="author-name-tooltip">
235                        Ghost
236                    </div>
237
238                        <a id="ember16" class="ember-view static-avatar" href="/author/ghost">
239                            <img class="author-profile-image" src="/images/ghost-icon.png" alt="Ghost">
240                        </a>
241                </li>
242            </ul>
243
244            <span class="reading-time">1 min read</span>
245
246        </footer>
247
248    </div>
249
250</article>
251
252
253                <article class="post-card  ">
254
255      <a id="ember17" class="ember-view post-card-image-link" href="/managing-users">
256        <picture>
257    <source srcset="/images/team2000w.webp 2000w, /images/team1000w.webp 1000w, /images/team600w.webp 600w, /images/team300w.webp 300w" type="image/webp">
258    <source srcset="/images/team2000w.jpg 2000w, /images/team1000w.jpg 1000w, /images/team600w.jpg 600w, /images/team300w.jpg 300w" type="image/jpeg">
259  <img src="/images/team600w.jpg" width="320" height="184.97109826589596" class="eri-responsive post-card-image" loading="lazy" decoding="async">
260</picture>
261      </a>
262
263    <div class="post-card-content">
264
265        <a id="ember18" class="ember-view post-card-content-link" href="/managing-users">
266
267            <header class="post-card-header">
268                    <span class="post-card-tags">Getting Started</span>
269                <h2 class="post-card-title">Managing Ghost users</h2>
270            </header>
271
272            <section class="post-card-excerpt">
273                <p>empress-blog does not, and will never have the concept of user roles! This is because it is entirely a static system. You can assign authors to posts and generate new ones using</p>
274            </section>
275
276        </a>
277
278        <footer class="post-card-meta">
279
280            <ul class="author-list">
281                <li class="author-list-item">
282
283                    <div class="author-name-tooltip">
284                        Chris Manson
285                    </div>
286
287                        <a id="ember19" class="ember-view static-avatar" href="/author/chris">
288                            <img class="author-profile-image" src="/images/chris.jpg" alt="Chris Manson">
289                        </a>
290                </li>
291                <li class="author-list-item">
292
293                    <div class="author-name-tooltip">
294                        Ghost
295                    </div>
296
297                        <a id="ember20" class="ember-view static-avatar" href="/author/ghost">
298                            <img class="author-profile-image" src="/images/ghost-icon.png" alt="Ghost">
299                        </a>
300                </li>
301            </ul>
302
303            <span class="reading-time">1 min read</span>
304
305        </footer>
306
307    </div>
308
309</article>
310
311
312                <article class="post-card  ">
313
314      <a id="ember21" class="ember-view post-card-image-link" href="/ember">
315        <picture>
316    <source srcset="/images/ember2000w.webp 2000w, /images/ember1000w.webp 1000w, /images/ember600w.webp 600w, /images/ember300w.webp 300w" type="image/webp">
317    <source srcset="/images/ember2000w.jpg 2000w, /images/ember1000w.jpg 1000w, /images/ember600w.jpg 600w, /images/ember300w.jpg 300w" type="image/jpeg">
318  <img src="/images/ember600w.jpg" width="320" height="240.6015037593985" class="eri-responsive post-card-image" loading="lazy" decoding="async">
319</picture>
320      </a>
321
322    <div class="post-card-content">
323
324        <a id="ember22" class="ember-view post-card-content-link" href="/ember">
325
326            <header class="post-card-header">
327<!---->                <h2 class="post-card-title">Why Ember</h2>
328            </header>
329
330            <section class="post-card-excerpt">
331                <p>Ember is a powerful Javascript Framework that is designed to maximise developer productivity. Ember also has one of the best plugin experiences in the industry, which means you can get a whole lot</p>
332            </section>
333
334        </a>
335
336        <footer class="post-card-meta">
337
338            <ul class="author-list">
339                <li class="author-list-item">
340
341                    <div class="author-name-tooltip">
342                        Chris Manson
343                    </div>
344
345                        <a id="ember23" class="ember-view static-avatar" href="/author/chris">
346                            <img class="author-profile-image" src="/images/chris.jpg" alt="Chris Manson">
347                        </a>
348                </li>
349            </ul>
350
351            <span class="reading-time">1 min read</span>
352
353        </footer>
354
355    </div>
356
357</article>
358
359
360                <article class="post-card  ">
361
362      <a id="ember24" class="ember-view post-card-image-link" href="/advanced-markdown">
363        <picture>
364    <source srcset="/images/advanced2000w.webp 2000w, /images/advanced1000w.webp 1000w, /images/advanced600w.webp 600w, /images/advanced300w.webp 300w" type="image/webp">
365    <source srcset="/images/advanced2000w.jpg 2000w, /images/advanced1000w.jpg 1000w, /images/advanced600w.jpg 600w, /images/advanced300w.jpg 300w" type="image/jpeg">
366  <img src="/images/advanced600w.jpg" width="320" height="213.33333333333334" class="eri-responsive post-card-image" loading="lazy" decoding="async">
367</picture>
368      </a>
369
370    <div class="post-card-content">
371
372        <a id="ember25" class="ember-view post-card-content-link" href="/advanced-markdown">
373
374            <header class="post-card-header">
375                    <span class="post-card-tags">Getting Started</span>
376                <h2 class="post-card-title">Advanced Markdown tips</h2>
377            </header>
378
379            <section class="post-card-excerpt">
380                <p>There are lots of powerful things you can do with the Markdown If you've gotten pretty comfortable with all the basics of writing in Markdown, then you may enjoy some more advanced</p>
381            </section>
382
383        </a>
384
385        <footer class="post-card-meta">
386
387            <ul class="author-list">
388                <li class="author-list-item">
389
390                    <div class="author-name-tooltip">
391                        Ghost
392                    </div>
393
394                        <a id="ember26" class="ember-view static-avatar" href="/author/ghost">
395                            <img class="author-profile-image" src="/images/ghost-icon.png" alt="Ghost">
396                        </a>
397                </li>
398            </ul>
399
400            <span class="reading-time">2 min read</span>
401
402        </footer>
403
404    </div>
405
406</article>
407
408
409                <article class="post-card  post-card-large">
410
411      <a id="ember27" class="ember-view post-card-image-link" href="/themes">
412        <picture>
413    <source srcset="/images/design2000w.webp 2000w, /images/design1000w.webp 1000w, /images/design600w.webp 600w, /images/design300w.webp 300w" type="image/webp">
414    <source srcset="/images/design2000w.jpg 2000w, /images/design1000w.jpg 1000w, /images/design600w.jpg 600w, /images/design300w.jpg 300w" type="image/jpeg">
415  <img src="/images/design600w.jpg" width="320" height="240.6015037593985" class="eri-responsive post-card-image" loading="lazy" decoding="async">
416</picture>
417      </a>
418
419    <div class="post-card-content">
420
421        <a id="ember28" class="ember-view post-card-content-link" href="/themes">
422
423            <header class="post-card-header">
424                    <span class="post-card-tags">Getting Started</span>
425                <h2 class="post-card-title">Setting up your own Ghost theme</h2>
426            </header>
427
428            <section class="post-card-excerpt">
429                <p>empress-blog currently only supports 2 themes, the default Casper template and the Attila template. If you want to swap between templates it is as simple as installing a different npm dependency 🎉 The</p>
430            </section>
431
432        </a>
433
434        <footer class="post-card-meta">
435
436            <ul class="author-list">
437                <li class="author-list-item">
438
439                    <div class="author-name-tooltip">
440                        Ghost
441                    </div>
442
443                        <a id="ember29" class="ember-view static-avatar" href="/author/ghost">
444                            <img class="author-profile-image" src="/images/ghost-icon.png" alt="Ghost">
445                        </a>
446                </li>
447            </ul>
448
449            <span class="reading-time">1 min read</span>
450
451        </footer>
452
453    </div>
454
455</article>
456
457        </div>
458
459    </div>
460</main>
461
462        <footer class="site-footer outer">
463            <div class="site-footer-content inner">
464                <section class="copyright"><a>empress-blog: The simple JAM stack blog</a> © 2024</section>
465                <nav class="site-footer-nav">
466                    <a id="ember30" class="ember-view active" href="/">Latest Posts</a>
467                    <!---->
468                    <!---->
469                    <a href="https://github.com/empress/empress-blog-casper-template" target="_blank" rel="noopener">empress-blog Casper Template</a>
470                </nav>
471            </div>
472        </footer>
473
474    </div>
475
476<!---->
477<script type="x/boundary" id="fastboot-body-end"></script>
477
478
479    
479<script src="/assets/vendor-8da49865f49e02ba5da8ba6f523a4765.js" integrity="sha256-U/WyDtQKsVDC45A2OfCQhaq0kGiuJ813Gl2qj+I7Jp8= sha512-PIQAWyM4nKzowo8OHGlfHwMGpNLDG2D0728ag245dk9ch9h+Fn01y7gVL5VK4fMA78yC0wQNOrQdpQAAbIV5BA==" ></script>
vendor: 1 bytes, line 479
479
480<script src="/assets/chunk.965.baff1463cf7d513c05af.js" integrity="sha256-3uWKR8qQJovZCC5rGIUeW7eMBPA2XMG7xeTeZjGV/Dw= sha512-l2HA5VmMZP1oVlX+UmRshdJZhnIrJx6sUHzNw7GaWZ6mTAdLcQf1hM/B1MEQtK/nKqGUM5S9Qr61yvPLjZOmTw==" ></script>
vendor: 1 bytes, line 480
480
481<script src="/assets/chunk.143.4cb670bd93002b266f06.js" integrity="sha256-0gkAxEJt+zUxpLY/KeIyEYUhY1QZLdkxyfPxL+q5d64= sha512-AcYFZu8uf7RPF3aUCSuP33rnizJKvljlNdmuUP6WINle2QxMnuyqdmhegsQHp+AyyMoc6p8m7BoPOrfjbNuzww==" ></script>
481
482    
482<script src="/assets/dummy-cb6d7c3a50c46843f817662dd6f981d4.js" integrity="sha256-gILhM6T4v9bMleCsKg6jh99Rj2/SrwHnJABe8FOfW70= sha512-/neweJtCDLLHu68uvgOCbnLZwCJNI4FKMhIAcpHfhRRvx9tGWNNibq2X/yK0/UrWTC3H8NjglMWE7VrccENAbw==" ></script>
482
483
484    
484<script id="ember_responsive_image_meta" type="application/json">
485{"deviceWidths":[640,750,828,1080,1200,1920,2048,3840],"images":{"images/advanced.jpg":{"widths":[2000,1000,600,300],"formats":["jpeg","webp"],"aspectRatio":1.5},"images/blog-cover.jpg":{"widths":[2000,1000,600,300],"formats":["jpeg","webp"],"aspectRatio":3},"images/built-by.jpg":{"widths":[2000,1000,600,300],"formats":["jpeg","webp"],"aspectRatio":1.5},"images/chris.jpg":{"widths":[2000,1000,600,300],"formats":["jpeg","webp"],"aspectRatio":0.88},"images/computer.jpg":{"widths":[2000,1000,600,300],"formats":["jpeg","webp"],"aspectRatio":1.5},"images/design.jpg":{"widths":[2000,1000,600,300],"formats":["jpeg","webp"],"aspectRatio":1.33},"images/ember.jpg":{"widths":[2000,1000,600,300],"formats":["jpeg","webp"],"aspectRatio":1.33},"images/ghost-icon.png":{"widths":[2000,1000,600,300],"formats":["png","webp"],"aspectRatio":1},"images/logo.png":{"widths":[2000,1000,600,300],"formats":["png","webp"],"aspectRatio":1},"images/tags.jpg":{"widths":[2000,1000,600,300],"formats":["jpeg","webp"],"aspectRatio":1.5},"images/team.jpg":{"widths":[2000,1000,600,300],"formats":["jpeg","webp"],"aspectRatio":1.73},"images/welcome.jpg":{"widths":[2000,1000,600,300],"formats":["jpeg","webp"],"aspectRatio":1.5},"images/writing.jpg":{"widths":[2000,1000,600,300],"formats":["jpeg","webp"],"aspectRatio":1.5}}}
486</script>
486
487  </body>
488</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.