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.