<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:base="https://flamedfury.com/">
  <title>The Weblog of fLaMEd</title>
  <subtitle>I write about the web and other stuff.</subtitle>
  <link href="https://flamedfury.com/feed.xml" rel="self" />
  <link href="https://flamedfury.com/" />
  
  <updated>2024-03-10T00:00:00Z</updated>
  <id>https://flamedfury.com/</id>
  <author>
    <name>fLaMEd</name>
    <email>hello@flamedfury.com.com</email>
  </author>
  <entry>
    <title>Freaks and Geeks</title>
    <link href="https://flamedfury.com/posts/freaks-and-geeks/" />
    <updated>2024-03-10T00:00:00Z</updated>
    <id>https://flamedfury.com/posts/freaks-and-geeks/</id>
    <content
      xml:lang="en_EN"
      type="html"
      >
      &lt;p&gt;I just finished watching all eighteen episodes of Freaks and Geeks. Although I had seen most of the show when it originally aired, I hadn’t watched some episodes until now.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/Freaks_and_Geeks&quot; rel=&quot;noopener&quot;&gt;Freaks and Geeks&lt;/a&gt; is a TV show that aired for only one season in 1999-2000 but has since gained a cult following. The show centres around teenagers belonging to two distinct social groups: the “freaks” and the “geeks”. The show explores themes of identity, fitting in, and the pressures of adolescence in a way relatable to anyone who has ever felt like an outsider.&lt;/p&gt;
&lt;p&gt;For a millennial born in the 1980s and growing up in the 1990s, this show captures the essence of the decade. It portrays an era before smartphones, social media, and other technological advancements when teenagers had to navigate the complex social dynamics of high school in person. The show is also a nostalgic trip back to when music, fashion, and pop culture were different from what they are today. Freaks and Geeks is a timeless coming-of-age story that resonates with me today. Lindsey, who has been a geek with a new love of rock music, starts to relate to the freaks and befriends them.&lt;/p&gt;
&lt;p&gt;It’s incredible how well the show has held up over time, even though it was only on the air for one season in 2000. Watching the show in 2024, it has aged well. The themes of identity, fitting in, and finding oneself are as relevant today as they were back then, and the show’s realistic and nuanced portrayal of adolescence should resonate with viewers of all ages.&lt;/p&gt;
&lt;p&gt;Even though the show is set in the 1980s, it doesn’t feel outdated or irrelevant. For others my age, the show’s lack of reliance on technology and social media makes it seem relatable to a simpler time. The show’s focus on human connection, personal growth, and self-discovery is timeless and will always be relevant.&lt;/p&gt;
&lt;p&gt;While it’s unfortunate that the show only lasted for one season, it’s also a blessing in disguise. The show ended on a high note, with its characters in a good place and its storyline wrapped up satisfyingly. If the show had continued, it would have lost its magic and become less memorable. As it stands, the show remains a beloved cult classic that will continue to resonate with viewers for years to come.&lt;/p&gt;
&lt;p&gt;Growing up in Aotearoa and attending high school between 1998 and 2001, I found myself relating to the plot despite being from a different country and period in time. The show’s themes of identity, fitting in, and finding oneself were relatable to my experiences growing up. Sam and Cindy’s relationship is too real compared to similar situations where I pursued a particular girl for superficial reasons that didn’t end up being the best choice.&lt;/p&gt;
&lt;p&gt;Also, how could you not relate to Bill settling down for a TV dinner at home alone? I loved nothing more than a Friday night at home, alone with a pizza dinner in front of the television.&lt;/p&gt;
&lt;p&gt;Like the characters in the show, I went through a period of transition where I moved from being a “geek” to a more rebellious and non-conformist personality, which the show depicts as a “freak.” I ultimately found myself while still sticking to my geek tendencies, carving my niche in high school for better or worse.&lt;/p&gt;
&lt;p&gt;When I think about it, Freaks and Geeks is a timeless coming-of-age story that captures the universal experiences of growing up and trying to find one’s place in the world.&lt;/p&gt;
&lt;p&gt;As someone who grew up in a different country and time period, I find it fantastic to see how the show resonated with a kid on the other side of the world. It continues to be a relatable and nostalgic trip back to a different and, in a way, a simpler era.&lt;/p&gt;
&lt;p&gt;I was listening to &lt;a href=&quot;https://open.spotify.com/playlist/71Z0Oamb9CSg03lepmF5IU?si=6df203c7e6094c35&quot; rel=&quot;noopener&quot;&gt;Freaks and Geeks&lt;/a&gt; while writing this post. If you grew up like me, you might enjoy it too.&lt;/p&gt;

      &lt;p&gt;Hey, thanks for reading this post in your feed reader! Want to chat? &lt;a href=&quot;mailto:hello@flamedfury.com.com?subject=Relics Of The Web&quot;&gt;Reply by email.&lt;/a&gt;. Check out the &lt;a href=&quot;https://flamedfury.com/posts/&quot;&gt;posts archive&lt;/a&gt; on the website.&lt;/p&gt;
    </content>
  </entry>
  <entry>
    <title>Monthly Recap: February 2024</title>
    <link href="https://flamedfury.com/posts/monthly-recap-february-2024/" />
    <updated>2024-03-07T00:00:00Z</updated>
    <id>https://flamedfury.com/posts/monthly-recap-february-2024/</id>
    <content
      xml:lang="en_EN"
      type="html"
      >
      &lt;p&gt;Hello web surfers, where did February go? We’re right into March already, so I’m a bit late with this post.&lt;/p&gt;
&lt;p&gt;I spoke about writing less &lt;a href=&quot;https://flamedfury.com/posts/monthly-recap-january-2024/&quot;&gt;last month&lt;/a&gt;, and I’ve outdone myself during February with only two posts! Don’t worry, there’s a good reason for that.&lt;/p&gt;
&lt;ul class=&quot;list&quot;&gt;
&lt;li&gt;&lt;a href=&quot;https://flamedfury.com/posts/making-websites-should-be-easy/&quot;&gt;Making Websites Should Be Easy&lt;/a&gt;: Creating a website can be daunting, especially for non-developers. As someone well aware of the struggles with the process, I spoke with &lt;a href=&quot;https://sarajoy.dev/&quot; rel=&quot;noopener&quot;&gt;Sara&lt;/a&gt; on Mastodon about &lt;a href=&quot;https://social.lol/@flamed/111730917308541254&quot; rel=&quot;noopener&quot;&gt;simplifying the process of creating a website for non-developers&lt;/a&gt; on the back end of a recent post, “&lt;a href=&quot;https://flamedfury.com/posts/an-easy-web&quot;&gt;An Easy Web&lt;/a&gt;”.&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://flamedfury.com/building-my-comics-page/&quot;&gt;Building My Comics Page&lt;/a&gt;: My &lt;a href=&quot;https://flamedfury.com/comics/&quot;&gt;comics page&lt;/a&gt; sat empty for years. I finally sat down and did something about it using eleventy-fetch and League of Comic Geeks. In this post, I detail how I did it.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Anyway, I was busy behind the scenes working on the website itself. With the recent release of &lt;a href=&quot;https://eleventy-excellent.netlify.app/&quot; rel=&quot;noopener&quot;&gt;Eleventy-Excellent 2.0&lt;/a&gt;, I took the time to rehaul the entire backend; converting everything was slow. The great thing was that many of the additions I’d hacked in over the past year are now part of Eleventy Excellent.&lt;/p&gt;
&lt;p&gt;I still have a few more improvements to make; we’ll see how that goes.&lt;/p&gt;
&lt;p&gt;Also, me and the &lt;a href=&quot;https://32bit.cafe/&quot; rel=&quot;noopener&quot;&gt;32-Bit&lt;/a&gt; mod team—&lt;a href=&quot;https://xandra.cc/&quot; rel=&quot;noopener&quot;&gt;xandra&lt;/a&gt;, &lt;a href=&quot;https://yequari.com/&quot; rel=&quot;noopener&quot;&gt;Yequari&lt;/a&gt;, &lt;a href=&quot;https://keysklubhouse.com/&quot; rel=&quot;noopener&quot;&gt;Key&lt;/a&gt;, &lt;a href=&quot;https://transrats.neocities.org/&quot; rel=&quot;noopener&quot;&gt;Jay&lt;/a&gt;, and &lt;a href=&quot;https://kaylee.wtf/&quot; rel=&quot;noopener&quot;&gt;Kaylee&lt;/a&gt;—launched the new &lt;a href=&quot;https://discourse.32bit.cafe/&quot; rel=&quot;noopener&quot;&gt;32-Bit Cafe Forums&lt;/a&gt; to great response. We’ve had 150 members sign up, and there are heaps of great discussions happening already. Come join us if you’re into website building for fun.&lt;/p&gt;
&lt;p&gt;Catch you all next month, laters.&lt;/p&gt;

      &lt;p&gt;Hey, thanks for reading this post in your feed reader! Want to chat? &lt;a href=&quot;mailto:hello@flamedfury.com.com?subject=Relics Of The Web&quot;&gt;Reply by email.&lt;/a&gt;. Check out the &lt;a href=&quot;https://flamedfury.com/posts/&quot;&gt;posts archive&lt;/a&gt; on the website.&lt;/p&gt;
    </content>
  </entry>
  <entry>
    <title>Building My Comics Page</title>
    <link href="https://flamedfury.com/posts/building-my-comics-page/" />
    <updated>2024-02-29T00:00:00Z</updated>
    <id>https://flamedfury.com/posts/building-my-comics-page/</id>
    <content
      xml:lang="en_EN"
      type="html"
      >
      &lt;p&gt;My comics page has been 🚧 under construction 🚧 for around four years.&lt;/p&gt;
&lt;p&gt;Recently, &lt;a href=&quot;https://xandra.cc/&quot; rel=&quot;noopener&quot;&gt;xandra’s&lt;/a&gt; post on our forum about &lt;a href=&quot;https://discourse.32bit.cafe/t/library-and-book-management-software-for-your-website/418&quot; rel=&quot;noopener&quot;&gt;library and book management software for your website&lt;/a&gt; reignited my motivation for organising my comic book collection.&lt;/p&gt;
&lt;p&gt;My aim was to create a catalogue of my comics, access my collection data, and use it to build my comics page.&lt;/p&gt;
&lt;p&gt;I searched for tools to catalogue my comic book collection and found two options - League of Comic Geeks and &lt;a href=&quot;https://www.collectorz.com/comic&quot; rel=&quot;noopener&quot;&gt;CLZ Comics&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;However, neither provided an API or a feed to retrieve my collection data. &lt;a href=&quot;https://coryd.dev/posts/2024/give-me-a-web-feed-or-an-api-for-everything/&quot; rel=&quot;noopener&quot;&gt;Give me a web feed or an API for everything&lt;/a&gt;, damnit! While CLZ Comics is a paid product, League of Comic Geeks allowed me to get started immediately, so I decided to go with it.&lt;/p&gt;
&lt;p&gt;To get around the lack of API or Feed, I found a neat NodeJS module, &lt;a href=&quot;https://github.com/maruf99/comicgeeks&quot; rel=&quot;noopener&quot;&gt;comicgeeks&lt;/a&gt;, that can retrieve data from League of Comic Geeks; excellent.&lt;/p&gt;
&lt;p&gt;To begin, I added a series to my collection - &lt;a href=&quot;https://leagueofcomicgeeks.com/profile/ketylust/collection/141932&quot; rel=&quot;noopener&quot;&gt;House of X&lt;/a&gt; and &lt;a href=&quot;https://leagueofcomicgeeks.com/profile/ketylust/collection/141931&quot; rel=&quot;noopener&quot;&gt;Powers of X&lt;/a&gt;, the fantastic mini-series that marked the beginning of Hickman’s new era of X-Men in 2019.&lt;/p&gt;
&lt;p&gt;Finally, I installed the &lt;code&gt;comicgeeks&lt;/code&gt; module to my project by running the command &lt;code&gt;npm install comicgeeks --save-dev&lt;/code&gt; and explored the data structure returned by League.&lt;/p&gt;
&lt;p&gt;Starting with one of the documented examples, I created a function that fetches my collection and prints the returned data to the console:&lt;/p&gt;
&lt;pre class=&quot;language-js&quot;&gt;&lt;code class=&quot;language-js&quot;&gt;&lt;span class=&quot;token keyword&quot;&gt;const&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
    CollectionTypes&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    fetchCollection&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    fetchUser&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    SortTypes
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt; &lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token function&quot;&gt;require&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot;&gt;&#39;comicgeeks&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;

&lt;span class=&quot;token function&quot;&gt;fetchUser&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot;&gt;&#39;ketylust&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;
    &lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot;&gt;then&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token keyword&quot;&gt;async&lt;/span&gt; &lt;span class=&quot;token parameter&quot;&gt;user&lt;/span&gt; &lt;span class=&quot;token operator&quot;&gt;=&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
        &lt;span class=&quot;token comment&quot;&gt;// Fetch the collection&lt;/span&gt;
        &lt;span class=&quot;token keyword&quot;&gt;const&lt;/span&gt; collection &lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token keyword&quot;&gt;await&lt;/span&gt; &lt;span class=&quot;token function&quot;&gt;fetchCollection&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;user&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;id&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt; CollectionTypes&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;Series&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
            &lt;span class=&quot;token literal-property property&quot;&gt;sort&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; SortTypes&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;AlphaAsc
        &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;

        &lt;span class=&quot;token comment&quot;&gt;// Print the collection to the console&lt;/span&gt;
        console&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot;&gt;log&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;collection&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;

    &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;
    &lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot;&gt;catch&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;console&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;error&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;The returned data looked like this:&lt;/p&gt;
&lt;pre class=&quot;language-json&quot;&gt;&lt;code class=&quot;language-json&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;[&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
        &lt;span class=&quot;token property&quot;&gt;&quot;name&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;House of X&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
        &lt;span class=&quot;token property&quot;&gt;&quot;publisher&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;Marvel Comics&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
        &lt;span class=&quot;token property&quot;&gt;&quot;url&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;https://leagueofcomicgeeks.com/profile/ketylust/collection/141932&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
        &lt;span class=&quot;token property&quot;&gt;&quot;cover&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;https://s3.amazonaws.com/comicgeeks/comics/covers/large-2523615.jpg&quot;&lt;/span&gt;
    &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
        &lt;span class=&quot;token property&quot;&gt;&quot;name&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;Powers of X&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
        &lt;span class=&quot;token property&quot;&gt;&quot;publisher&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;Marvel Comics&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
        &lt;span class=&quot;token property&quot;&gt;&quot;url&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;https://leagueofcomicgeeks.com/profile/ketylust/collection/141931&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
        &lt;span class=&quot;token property&quot;&gt;&quot;cover&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;https://s3.amazonaws.com/comicgeeks/comics/covers/large-4309479.jpg&quot;&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;]&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Besides missing details like the published date, this was looking good. I could then change the collection type to issues to check out what the issue data looked like.&lt;/p&gt;
&lt;pre class=&quot;language-js&quot;&gt;&lt;code class=&quot;language-js&quot;&gt;&lt;span class=&quot;token keyword&quot;&gt;const&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
    CollectionTypes&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    fetchCollection&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    fetchUser&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    SortTypes
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt; &lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token function&quot;&gt;require&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot;&gt;&#39;comicgeeks&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;

&lt;span class=&quot;token function&quot;&gt;fetchUser&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot;&gt;&#39;ketylust&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;
    &lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot;&gt;then&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token keyword&quot;&gt;async&lt;/span&gt; &lt;span class=&quot;token parameter&quot;&gt;user&lt;/span&gt; &lt;span class=&quot;token operator&quot;&gt;=&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
        &lt;span class=&quot;token comment&quot;&gt;// Fetch the collection&lt;/span&gt;
        &lt;span class=&quot;token keyword&quot;&gt;const&lt;/span&gt; collection &lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token keyword&quot;&gt;await&lt;/span&gt; &lt;span class=&quot;token function&quot;&gt;fetchCollection&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;user&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;id&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt; CollectionTypes&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;Issues&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
            &lt;span class=&quot;token literal-property property&quot;&gt;sort&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; SortTypes&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;AlphaAsc
        &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;

        &lt;span class=&quot;token comment&quot;&gt;// Print the collection to the console&lt;/span&gt;
        console&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot;&gt;log&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;collection&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;

    &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;
    &lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot;&gt;catch&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;console&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;error&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;The returned data looked like this (just showing issue #1 for brevity):&lt;/p&gt;
&lt;pre class=&quot;language-json&quot;&gt;&lt;code class=&quot;language-json&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;[&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;name&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;House of X #1&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;publisher&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;Marvel Comics&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;url&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;https://leagueofcomicgeeks.com/comic/4678747/house-of-x-1&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;cover&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;https://s3.amazonaws.com/comicgeeks/comics/covers/large-4678747.jpg?1699942708&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;description&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;FACE THE FUTURE! Superstar writer Jonathan Hickman (SECRET WARS, AVENGERS, FANTASTIC FOUR) takes the reins of the X-Men universe! Since the release of Uncanny X-Men #1, there have been four seminal moments in the history...&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;price&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;$5.99&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;rating&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token null keyword&quot;&gt;null&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;pulls&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token null keyword&quot;&gt;null&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;potw&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token null keyword&quot;&gt;null&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;name&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;Powers of X #1&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;publisher&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;Marvel Comics&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;url&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;https://leagueofcomicgeeks.com/comic/4517621/powers-of-x-1&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;cover&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;https://s3.amazonaws.com/comicgeeks/comics/covers/large-4517621.jpg?1701563454&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;description&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;FEAR THE FUTURE! Superstar writer Jonathan Hickman (INFINITY, NEW AVENGERS, FF) continues his revolutionary new direction for the X-Men. Intertwining with HOUSE OF X, POWERS OF X reveals the secret past, present and future...&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;price&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;$5.99&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;rating&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token null keyword&quot;&gt;null&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;pulls&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token null keyword&quot;&gt;null&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;potw&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token null keyword&quot;&gt;null&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;]&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Pretty good, still missing date info, but enough data to start populating the page.&lt;/p&gt;
&lt;p&gt;One thing, I can’t use data printed to the console in a Nunjucks loop. Luckily &lt;a href=&quot;https://www.11ty.dev/docs/plugins/fetch/&quot; rel=&quot;noopener&quot;&gt;eleventy-fetch&lt;/a&gt; allows us to store data not retrieved from an API endpoint to the cache using AssetCache. After a quick chat in the Eleventy Community Discord, it was suggested that I use the &lt;a href=&quot;https://www.11ty.dev/docs/plugins/fetch/#manually-store-your-own-data-in-the-cache&quot; rel=&quot;noopener&quot;&gt;manual storage of my own data in the cache&lt;/a&gt; example to build upon my function to save my data as a JSON file in the cache:&lt;/p&gt;
&lt;pre class=&quot;language-js&quot;&gt;&lt;code class=&quot;language-js&quot;&gt;&lt;span class=&quot;token keyword&quot;&gt;const&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt; CollectionTypes&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt; fetchCollection&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt; fetchUser&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt; SortTypes &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt; &lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token function&quot;&gt;require&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot;&gt;&#39;comicgeeks&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token keyword&quot;&gt;const&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt; AssetCache &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt; &lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token function&quot;&gt;require&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot;&gt;&#39;@11ty/eleventy-fetch&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;

module&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function-variable function&quot;&gt;exports&lt;/span&gt; &lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token keyword&quot;&gt;async&lt;/span&gt; &lt;span class=&quot;token keyword&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
    &lt;span class=&quot;token comment&quot;&gt;// Define a unique cache key for your comic book data&lt;/span&gt;
    &lt;span class=&quot;token keyword&quot;&gt;const&lt;/span&gt; cacheKey &lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;comic_collection&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;

    &lt;span class=&quot;token comment&quot;&gt;// Create a new AssetCache instance with your cache key&lt;/span&gt;
    &lt;span class=&quot;token keyword&quot;&gt;let&lt;/span&gt; asset &lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token keyword&quot;&gt;new&lt;/span&gt; &lt;span class=&quot;token class-name&quot;&gt;AssetCache&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;cacheKey&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;

    &lt;span class=&quot;token comment&quot;&gt;// Check if the cache is fresh within the last day&lt;/span&gt;
    &lt;span class=&quot;token keyword&quot;&gt;if&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;asset&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot;&gt;isCacheValid&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot;&gt;&quot;1d&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
        &lt;span class=&quot;token comment&quot;&gt;// Return cached data.&lt;/span&gt;
        &lt;span class=&quot;token keyword&quot;&gt;return&lt;/span&gt; asset&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot;&gt;getCachedValue&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
    &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;

    &lt;span class=&quot;token keyword&quot;&gt;try&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
        &lt;span class=&quot;token comment&quot;&gt;// Fetch user data&lt;/span&gt;
        &lt;span class=&quot;token keyword&quot;&gt;const&lt;/span&gt; user &lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token keyword&quot;&gt;await&lt;/span&gt; &lt;span class=&quot;token function&quot;&gt;fetchUser&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot;&gt;&#39;ketylust&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;

        &lt;span class=&quot;token comment&quot;&gt;// Fetch the collection&lt;/span&gt;
        &lt;span class=&quot;token keyword&quot;&gt;const&lt;/span&gt; collection &lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token keyword&quot;&gt;await&lt;/span&gt; &lt;span class=&quot;token function&quot;&gt;fetchCollection&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;user&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;id&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt; CollectionTypes&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;Issues&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
            &lt;span class=&quot;token literal-property property&quot;&gt;sort&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; SortTypes&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;AlphaAsc
        &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;

        &lt;span class=&quot;token comment&quot;&gt;// Save the fetched collection data into Eleventy&#39;s cache&lt;/span&gt;
        &lt;span class=&quot;token keyword&quot;&gt;await&lt;/span&gt; asset&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot;&gt;save&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;collection&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;json&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;

        &lt;span class=&quot;token comment&quot;&gt;// Return the fetched collection data&lt;/span&gt;
        &lt;span class=&quot;token keyword&quot;&gt;return&lt;/span&gt; collection&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
    &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt; &lt;span class=&quot;token keyword&quot;&gt;catch&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;error&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
        console&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot;&gt;error&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot;&gt;&quot;Error fetching comic collection:&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt; error&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
        &lt;span class=&quot;token keyword&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt; &lt;span class=&quot;token comment&quot;&gt;// Return an empty array in case of error&lt;/span&gt;
    &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;This was great; I put together a simple grid that iterates through the comics data to display the twelve HoX/PoX series issues:&lt;/p&gt;
&lt;pre class=&quot;language-jinja2&quot;&gt;&lt;code class=&quot;language-jinja2&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;grid&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
    &lt;span class=&quot;token jinja2 language-jinja2&quot;&gt;&lt;span class=&quot;token delimiter punctuation&quot;&gt;{%&lt;/span&gt; &lt;span class=&quot;token tag keyword&quot;&gt;for&lt;/span&gt; &lt;span class=&quot;token variable&quot;&gt;comic&lt;/span&gt; &lt;span class=&quot;token keyword&quot;&gt;in&lt;/span&gt; &lt;span class=&quot;token variable&quot;&gt;comics&lt;/span&gt; &lt;span class=&quot;token delimiter punctuation&quot;&gt;%}&lt;/span&gt;&lt;/span&gt;
    &lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;comics&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
        &lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;img&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;src&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;token jinja2 language-jinja2&quot;&gt;&lt;span class=&quot;token delimiter punctuation&quot;&gt;{{&lt;/span&gt; &lt;span class=&quot;token variable&quot;&gt;comic&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token variable&quot;&gt;cover&lt;/span&gt; &lt;span class=&quot;token delimiter punctuation&quot;&gt;}}&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;alt&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;Cover Image for &lt;span class=&quot;token jinja2 language-jinja2&quot;&gt;&lt;span class=&quot;token delimiter punctuation&quot;&gt;{{&lt;/span&gt; &lt;span class=&quot;token variable&quot;&gt;comic&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token variable&quot;&gt;name&lt;/span&gt; &lt;span class=&quot;token delimiter punctuation&quot;&gt;}}&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;load&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;lazy&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
    &lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
    &lt;span class=&quot;token jinja2 language-jinja2&quot;&gt;&lt;span class=&quot;token delimiter punctuation&quot;&gt;{%&lt;/span&gt; &lt;span class=&quot;token tag keyword&quot;&gt;endfor&lt;/span&gt; &lt;span class=&quot;token delimiter punctuation&quot;&gt;%}&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;This works well for a collection of twelve comics, but what about when I added the other 500+ comics in my collection? Displaying the collection by series was the way to go. I modified my function to fetch issues and series and combine the results:&lt;/p&gt;
&lt;pre class=&quot;language-js&quot;&gt;&lt;code class=&quot;language-js&quot;&gt;&lt;span class=&quot;token comment&quot;&gt;/** snipped **/&lt;/span&gt;
        &lt;span class=&quot;token comment&quot;&gt;// Fetch the collection by series&lt;/span&gt;
        &lt;span class=&quot;token keyword&quot;&gt;const&lt;/span&gt; seriesCollection &lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token keyword&quot;&gt;await&lt;/span&gt; &lt;span class=&quot;token function&quot;&gt;fetchCollection&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;user&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;id&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt; CollectionTypes&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;Series&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
            &lt;span class=&quot;token literal-property property&quot;&gt;sort&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; SortTypes&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;AlphaAsc
        &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;

        &lt;span class=&quot;token comment&quot;&gt;// Fetch the collection by issue&lt;/span&gt;
        &lt;span class=&quot;token keyword&quot;&gt;const&lt;/span&gt; issueCollection &lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token keyword&quot;&gt;await&lt;/span&gt; &lt;span class=&quot;token function&quot;&gt;fetchCollection&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;user&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;id&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt; CollectionTypes&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;Issue&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
            &lt;span class=&quot;token literal-property property&quot;&gt;sort&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; SortTypes&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;AlphaAsc
        &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;

        &lt;span class=&quot;token comment&quot;&gt;// Combine series and issue collections&lt;/span&gt;
        &lt;span class=&quot;token keyword&quot;&gt;const&lt;/span&gt; collection &lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;...&lt;/span&gt;seriesCollection&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token operator&quot;&gt;...&lt;/span&gt;issueCollection&lt;span class=&quot;token punctuation&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token comment&quot;&gt;/** snipped **/&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;This was great, but the combined data meant I had issues with the same keys used for issues and series:&lt;/p&gt;
&lt;pre class=&quot;language-json&quot;&gt;&lt;code class=&quot;language-json&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;[&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
        &lt;span class=&quot;token property&quot;&gt;&quot;name&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;House of X&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
        &lt;span class=&quot;token property&quot;&gt;&quot;publisher&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;Marvel Comics&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
        &lt;span class=&quot;token property&quot;&gt;&quot;url&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;https://leagueofcomicgeeks.com/profile/ketylust/collection/141932&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
        &lt;span class=&quot;token property&quot;&gt;&quot;cover&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;https://s3.amazonaws.com/comicgeeks/comics/covers/large-2523615.jpg&quot;&lt;/span&gt;
    &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
        &lt;span class=&quot;token property&quot;&gt;&quot;name&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;Powers of X&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
        &lt;span class=&quot;token property&quot;&gt;&quot;publisher&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;Marvel Comics&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
        &lt;span class=&quot;token property&quot;&gt;&quot;url&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;https://leagueofcomicgeeks.com/profile/ketylust/collection/141931&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
        &lt;span class=&quot;token property&quot;&gt;&quot;cover&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;https://s3.amazonaws.com/comicgeeks/comics/covers/large-4309479.jpg&quot;&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;name&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;House of X #1&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;publisher&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;Marvel Comics&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;url&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;https://leagueofcomicgeeks.com/comic/4678747/house-of-x-1&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;cover&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;https://s3.amazonaws.com/comicgeeks/comics/covers/large-4678747.jpg?1699942708&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;description&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;FACE THE FUTURE! Superstar writer Jonathan Hickman (SECRET WARS, AVENGERS, FANTASTIC FOUR) takes the reins of the X-Men universe! Since the release of Uncanny X-Men #1, there have been four seminal moments in the history...&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;price&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;$5.99&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;rating&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token null keyword&quot;&gt;null&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;pulls&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token null keyword&quot;&gt;null&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;potw&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token null keyword&quot;&gt;null&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;name&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;Powers of X #1&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;publisher&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;Marvel Comics&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;url&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;https://leagueofcomicgeeks.com/comic/4517621/powers-of-x-1&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;cover&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;https://s3.amazonaws.com/comicgeeks/comics/covers/large-4517621.jpg?1701563454&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;description&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;FEAR THE FUTURE! Superstar writer Jonathan Hickman (INFINITY, NEW AVENGERS, FF) continues his revolutionary new direction for the X-Men. Intertwining with HOUSE OF X, POWERS OF X reveals the secret past, present and future...&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;price&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;$5.99&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;rating&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token null keyword&quot;&gt;null&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;pulls&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token null keyword&quot;&gt;null&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token property&quot;&gt;&quot;potw&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token null keyword&quot;&gt;null&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;]&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;I wanted to separate the issues and series data into their own arrays with their own keys so that I could iterate over either. I modified the function to do this:&lt;/p&gt;
&lt;pre class=&quot;language-js&quot;&gt;&lt;code class=&quot;language-js&quot;&gt;&lt;span class=&quot;token comment&quot;&gt;/** snipped **/&lt;/span&gt;
        &lt;span class=&quot;token comment&quot;&gt;// Separate series and issue data&lt;/span&gt;
        &lt;span class=&quot;token keyword&quot;&gt;const&lt;/span&gt; data &lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
            &lt;span class=&quot;token literal-property property&quot;&gt;series&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; seriesCollection&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
            &lt;span class=&quot;token literal-property property&quot;&gt;issue&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; issueCollection
        &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token comment&quot;&gt;/** snipped **/&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;My data now looked like this:&lt;/p&gt;
&lt;pre class=&quot;language-json&quot;&gt;&lt;code class=&quot;language-json&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token property&quot;&gt;&quot;series&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;[&lt;/span&gt;
    &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
      &lt;span class=&quot;token property&quot;&gt;&quot;name&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;House of X&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;token property&quot;&gt;&quot;publisher&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;Marvel Comics&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;token property&quot;&gt;&quot;url&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;https://leagueofcomicgeeks.com/profile/ketylust/collection/141932&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;token property&quot;&gt;&quot;cover&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;https://s3.amazonaws.com/comicgeeks/comics/covers/large-2523615.jpg&quot;&lt;/span&gt;
    &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
      &lt;span class=&quot;token property&quot;&gt;&quot;name&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;Powers of X&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;token property&quot;&gt;&quot;publisher&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;Marvel Comics&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;token property&quot;&gt;&quot;url&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;https://leagueofcomicgeeks.com/profile/ketylust/collection/141931&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;token property&quot;&gt;&quot;cover&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;https://s3.amazonaws.com/comicgeeks/comics/covers/large-4309479.jpg&quot;&lt;/span&gt;
    &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token property&quot;&gt;&quot;issue&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;[&lt;/span&gt;
    &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
      &lt;span class=&quot;token property&quot;&gt;&quot;name&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;House of X #1&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;token property&quot;&gt;&quot;publisher&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;Marvel Comics&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;token property&quot;&gt;&quot;url&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;https://leagueofcomicgeeks.com/comic/4678747/house-of-x-1&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;token property&quot;&gt;&quot;cover&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;https://s3.amazonaws.com/comicgeeks/comics/covers/large-4678747.jpg?1699942708&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;token property&quot;&gt;&quot;description&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;FACE THE FUTURE! Superstar writer Jonathan Hickman (SECRET WARS, AVENGERS, FANTASTIC FOUR) takes the reins of the X-Men universe! Since the release of Uncanny X-Men #1, there have been four seminal moments in the history...&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;token property&quot;&gt;&quot;price&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;$5.99&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;token property&quot;&gt;&quot;rating&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token null keyword&quot;&gt;null&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;token property&quot;&gt;&quot;pulls&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token null keyword&quot;&gt;null&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;token property&quot;&gt;&quot;potw&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token null keyword&quot;&gt;null&lt;/span&gt;
    &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
      &lt;span class=&quot;token property&quot;&gt;&quot;name&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;Powers of X #1&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;token property&quot;&gt;&quot;publisher&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;Marvel Comics&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;token property&quot;&gt;&quot;url&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;https://leagueofcomicgeeks.com/comic/4517621/powers-of-x-1&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;token property&quot;&gt;&quot;cover&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;https://s3.amazonaws.com/comicgeeks/comics/covers/large-4517621.jpg?1701563454&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;token property&quot;&gt;&quot;description&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;FEAR THE FUTURE! Superstar writer Jonathan Hickman (INFINITY, NEW AVENGERS, FF) continues his revolutionary new direction for the X-Men. Intertwining with HOUSE OF X, POWERS OF X reveals the secret past, present and future...&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;token property&quot;&gt;&quot;price&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;$5.99&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;token property&quot;&gt;&quot;rating&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token null keyword&quot;&gt;null&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;token property&quot;&gt;&quot;pulls&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token null keyword&quot;&gt;null&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;token property&quot;&gt;&quot;potw&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token null keyword&quot;&gt;null&lt;/span&gt;
    &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot;&gt;]&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Fantastic! For the sake of getting this out the door and published, I decided to modify my loop and grid to display each series in my collection with the publisher, title and a link to the collection on League of Comic Geeks so you can view each of the issues I’ve collected in that series:&lt;/p&gt;
&lt;pre class=&quot;language-jinja2&quot;&gt;&lt;code class=&quot;language-jinja2&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;grid&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
  &lt;span class=&quot;token jinja2 language-jinja2&quot;&gt;&lt;span class=&quot;token delimiter punctuation&quot;&gt;{%&lt;/span&gt; &lt;span class=&quot;token tag keyword&quot;&gt;for&lt;/span&gt; &lt;span class=&quot;token variable&quot;&gt;comic&lt;/span&gt; &lt;span class=&quot;token keyword&quot;&gt;in&lt;/span&gt; &lt;span class=&quot;token variable&quot;&gt;comics&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token variable&quot;&gt;series&lt;/span&gt; &lt;span class=&quot;token delimiter punctuation&quot;&gt;%}&lt;/span&gt;&lt;/span&gt;
    &lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;comics&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
      &lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;img&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;src&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;token jinja2 language-jinja2&quot;&gt;&lt;span class=&quot;token delimiter punctuation&quot;&gt;{{&lt;/span&gt; &lt;span class=&quot;token variable&quot;&gt;comic&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token variable&quot;&gt;cover&lt;/span&gt; &lt;span class=&quot;token delimiter punctuation&quot;&gt;}}&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;alt&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;Cover Image for &lt;span class=&quot;token jinja2 language-jinja2&quot;&gt;&lt;span class=&quot;token delimiter punctuation&quot;&gt;{{&lt;/span&gt; &lt;span class=&quot;token variable&quot;&gt;comic&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token variable&quot;&gt;name&lt;/span&gt; &lt;span class=&quot;token delimiter punctuation&quot;&gt;}}&lt;/span&gt;&lt;/span&gt; load=&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token attr-name&quot;&gt;lazy&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
      &lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;p&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;comics-publisher&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token jinja2 language-jinja2&quot;&gt;&lt;span class=&quot;token delimiter punctuation&quot;&gt;{{&lt;/span&gt; &lt;span class=&quot;token variable&quot;&gt;comic&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token variable&quot;&gt;publisher&lt;/span&gt; &lt;span class=&quot;token delimiter punctuation&quot;&gt;}}&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;p&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
      &lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;p&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;comics-title&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token jinja2 language-jinja2&quot;&gt;&lt;span class=&quot;token delimiter punctuation&quot;&gt;{{&lt;/span&gt; &lt;span class=&quot;token variable&quot;&gt;comic&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token variable&quot;&gt;name&lt;/span&gt; &lt;span class=&quot;token delimiter punctuation&quot;&gt;}}&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;p&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
      &lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;p&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;comics-collection&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;a&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;href&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;token jinja2 language-jinja2&quot;&gt;&lt;span class=&quot;token delimiter punctuation&quot;&gt;{{&lt;/span&gt; &lt;span class=&quot;token variable&quot;&gt;comic&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token variable&quot;&gt;url&lt;/span&gt; &lt;span class=&quot;token delimiter punctuation&quot;&gt;}}&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;View issues&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;a&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;p&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
    &lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
  &lt;span class=&quot;token jinja2 language-jinja2&quot;&gt;&lt;span class=&quot;token delimiter punctuation&quot;&gt;{%&lt;/span&gt; &lt;span class=&quot;token tag keyword&quot;&gt;endfor&lt;/span&gt; &lt;span class=&quot;token delimiter punctuation&quot;&gt;%}&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;You can check out the end result on the &lt;a href=&quot;https://flamedfury.com/comics/&quot;&gt;Comics&lt;/a&gt; page and the &lt;a href=&quot;https://github.com/flamedfury/flamedfury.com/blob/97ef56f8fe29c83a885b4a74afb57d09e02bc46a/src/_data/comics.js&quot; rel=&quot;noopener&quot;&gt;enitre function&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;I want to learn how to utilise Eleventy’s pagination feature to create a separate page for each comic book series and issue. The series page should display a grid of covers with links to the respective issue pages. On the issue page, I would like to display the cover and details of the issue. Additionally, I plan to optimise the images using eleventy-image.&lt;/p&gt;
&lt;p&gt;I want to sort the series and issues by publication date, but the Node module returns no date data. I’ve raised an issue on the modules repo, so we’ll see what happens there.&lt;/p&gt;
&lt;p&gt;Well, I better finish adding the rest of my collection to the catalogue.&lt;/p&gt;

      &lt;p&gt;Hey, thanks for reading this post in your feed reader! Want to chat? &lt;a href=&quot;mailto:hello@flamedfury.com.com?subject=Relics Of The Web&quot;&gt;Reply by email.&lt;/a&gt;. Check out the &lt;a href=&quot;https://flamedfury.com/posts/&quot;&gt;posts archive&lt;/a&gt; on the website.&lt;/p&gt;
    </content>
  </entry>
  <entry>
    <title>Making Websites Should Be Easy</title>
    <link href="https://flamedfury.com/posts/making-websites-should-be-easy/" />
    <updated>2024-02-17T00:00:00Z</updated>
    <id>https://flamedfury.com/posts/making-websites-should-be-easy/</id>
    <content
      xml:lang="en_EN"
      type="html"
      >
      &lt;p&gt;Creating a website can be a daunting task, especially for non-developers. As someone well aware of the struggles with the process, I spoke with &lt;a href=&quot;https://sarajoy.dev/&quot; rel=&quot;noopener&quot;&gt;Sara&lt;/a&gt; on Mastodon about &lt;a href=&quot;https://social.lol/@flamed/111730917308541254&quot; rel=&quot;noopener&quot;&gt;simplifying the process of creating a website for non-developers&lt;/a&gt; on the back end of a recent post “&lt;a href=&quot;https://flamedfury.com/posts/an-easy-web&quot;&gt;An Easy Web&lt;/a&gt;”.&lt;/p&gt;
&lt;p&gt;We came up with the idea of providing copy-paste boilerplate templates of simple single-page starter sites that are carefully commented, making it easy for budding webmasters to understand where to make changes. Including CSS variables at the top of the styles page, with instructions for changing colours or fonts, will allow changes to be made centrally without searching the rest of the style sheet and potentially breaking things.&lt;/p&gt;
&lt;p&gt;Creating a series of similar but different single or multiple-page templates for building personal sites, whether about the webmaster themselves or a fan site, is a great way to get started. I keep talking about fan sites as they’re a great entry point to the world of web development; who didn’t have a fan site or two back in the 90s?&lt;/p&gt;
&lt;p&gt;The process needs to be as easy as possible, so the next step could be creating a website that hosts these templates with an automated “copy to clipboard” or “download as file” feature, allowing users to drag and drop the code into a web interface to publish their website.&lt;/p&gt;
&lt;p&gt;We acknowledged the importance of beginner tutorials to help first-time webmasters get familiar with the syntax before using the templates. These tutorials need to be simple and straightforward, avoiding things like command line and git. It was surprising how many people suggested tools or services that rely on these advanced concepts; they are definitely not beginner-friendly…&lt;/p&gt;
&lt;p&gt;Web hosting options were another important topic. We identified places like Neocities, a free hosting service that provides a drag-and-drop website builder, making it easy for upcoming webmasters to get started. While Neocities is a fantastic platform, I wish there were more similar services; options are great.&lt;/p&gt;
&lt;p&gt;As our crew of enthusiastic webmasters become more comfortable with HTML and CSS, they may want to explore something like PHP for its templating and dynamic capabilities. This would also require learning about dynamic hosting and technologies like FTP for transferring files from desktop to server. For those who want to remain static, static site generators like Astro and 11ty become useful as, with a bit of learning, you can cut and paste your existing website into these tools and take advantage of the power provided.&lt;/p&gt;
&lt;p&gt;Our vision is to make creating a website easy for beginners who aren’t developers. By providing simple templates, tutorials, and web hosting options, we believe anyone can easily create a beautiful and functional website that anyone could be proud of.&lt;/p&gt;
&lt;p&gt;I see lots of discussion about this time to time on Mastodon with lots of ideas, but never any action, so…&lt;/p&gt;
&lt;p&gt;Over at the &lt;a href=&quot;https://32bit.cafe/&quot; rel=&quot;noopener&quot;&gt;32-Bit Cafe&lt;/a&gt;, we have a beginner’s guide to &lt;a href=&quot;https://32bit.cafe/cyowebsite/&quot; rel=&quot;noopener&quot;&gt;creating your own website&lt;/a&gt;, lovingly created by &lt;a href=&quot;https://xandra.cc/&quot; rel=&quot;noopener&quot;&gt;Xandra&lt;/a&gt;. I put together a quick guide to &lt;a href=&quot;https://32bit.cafe/folderstructure101/&quot; rel=&quot;noopener&quot;&gt;folder structure 101&lt;/a&gt; and a guide with heaps of ideas for &lt;a href=&quot;https://32bit.cafe/websiteideas/&quot; rel=&quot;noopener&quot;&gt;creating your own website&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Sara got to work straight away on two templates; check out &lt;a href=&quot;https://codepen.io/sarajw/pen/rNRWgVv&quot; rel=&quot;noopener&quot;&gt;LinkFae&lt;/a&gt; and &lt;a href=&quot;https://codepen.io/sarajw/pen/oNVzvgg&quot; rel=&quot;noopener&quot;&gt;Website&lt;/a&gt; simple templates. And I know &lt;a href=&quot;https://blakewatson.com/&quot; rel=&quot;noopener&quot;&gt;Blake&lt;/a&gt; has started working on something similar, I can’t wait to see how this space progresses.&lt;/p&gt;
&lt;p&gt;I’ll get to work on the fan site templates soon, promise.&lt;/p&gt;

      &lt;p&gt;Hey, thanks for reading this post in your feed reader! Want to chat? &lt;a href=&quot;mailto:hello@flamedfury.com.com?subject=Relics Of The Web&quot;&gt;Reply by email.&lt;/a&gt;. Check out the &lt;a href=&quot;https://flamedfury.com/posts/&quot;&gt;posts archive&lt;/a&gt; on the website.&lt;/p&gt;
    </content>
  </entry>
  <entry>
    <title>Monthly Recap: January 2024</title>
    <link href="https://flamedfury.com/posts/monthly-recap-january-2024/" />
    <updated>2024-02-03T00:00:00Z</updated>
    <id>https://flamedfury.com/posts/monthly-recap-january-2024/</id>
    <content
      xml:lang="en_EN"
      type="html"
      >
      &lt;p&gt;Hello web surfers, I can’t believe January is already behind us.&lt;/p&gt;
&lt;p&gt;I did less writing than I wanted this month. A few posts that I had drafted will transfer over to February and hopefully get finished. Most of that is due to family holidays and enjoying life outside with my friends.&lt;/p&gt;
&lt;ul class=&quot;list&quot;&gt;
&lt;li&gt;&lt;a href=&quot;https://flamedfury.com/posts/monthly-recap-january-2024/posts/what-a-weekend/&quot;&gt;What A Weekend&lt;/a&gt;: I got out and about with some good friends and enjoyed some live music.&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://flamedfury.com/posts/summer-days-on-the-beach/&quot;&gt;Summer Days On The Beach&lt;/a&gt;: Developed over four years, this post has evolved from notes hastily penned during my peaceful moments at the bach each summer. It’s a contribution to the &lt;a href=&quot;https://32bit.cafe/&quot; rel=&quot;noopener&quot;&gt;32-Bit Cafe&lt;/a&gt; &lt;a href=&quot;https://32bit.cafe/holidays2023/&quot; rel=&quot;noopener&quot;&gt;Holidays 2023 Event&lt;/a&gt;, delving into our precious holiday traditions.&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://flamedfury.com/posts/an-easy-web/&quot;&gt;An Easy Web&lt;/a&gt;: I jumped into some discourse on Mastodon, where people had started talking about the barrier to entry for creating websites. Every post was aimed at developers! I point out that the web needs to be more accessible for everyone to build personal websites, not just blogs!&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://flamedfury.com/posts/a-simple-guide-to-redirects-on-neocities-with-eleventy/&quot;&gt;A Simple Guide to Redirects on Neocities with Eleventy&lt;/a&gt;:  Moving back to Neocities presented challenges with features that came for free with Netlify. There needs to be Eleventy tutorials for platforms outside of Netlify; this upsets me.&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://flamedfury.com/posts/dragonflight-season-three-recap/&quot;&gt;Dragonflight Season Three Recap&lt;/a&gt;: A great way to wrap up the end of Season 3 with my guild.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;I’ve been agonising about being reliant on venture capital-funded services recently. This has kicked off a move back to &lt;a href=&quot;https://neocities.org/&quot; rel=&quot;noopener&quot;&gt;Neocities&lt;/a&gt;. I’ve got a lot of thoughts about this that will make an excellent post in the future.&lt;/p&gt;
&lt;p&gt;I realised part way through the month that my &lt;a href=&quot;https://flamedfury.com/contact/&quot;&gt;contact form&lt;/a&gt; using &lt;a href=&quot;https://riku.miso.town/&quot; rel=&quot;noopener&quot;&gt;Riku Forms&lt;/a&gt; wasn’t doing what I wanted as Riku isn’t an email form 😂 I’ve switched over to a form that will email me if you use it while I work on getting my own setup. I have an excellent idea for Riku in the works. I’ll share it as soon as it’s ready.&lt;/p&gt;
&lt;p&gt;I didn’t get through my backlog of &lt;a href=&quot;https://flamedfury.com/bookmarks/&quot;&gt;bookmarks&lt;/a&gt; this month. Out of the ones I did bookmark, these were both fun reads:&lt;/p&gt;
&lt;ul class=&quot;list&quot;&gt;
&lt;li&gt;&lt;a href=&quot;https://indieseek.xyz/2024/01/05/the-state-of-the-independent-web-2022-updated-2024/&quot; rel=&quot;noopener&quot;&gt;The State of the Independent Web 2022: Updated 2024&lt;/a&gt; by &lt;a href=&quot;https://indieseek.xyz/&quot; rel=&quot;noopener&quot;&gt;Brad&lt;/a&gt; details changes across the independent web since 2022; Directories, search engines, blogrolls, links pages, RSS and static web hosting. Overall, the independent web is healthy. The one that stood out to me was hosted services. Think polls, guestbooks, and contact forms that got me thinking about what we could do in this space?&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://localghost.dev//blog/remembering-the-early-00s-teen-website-scene/&quot; rel=&quot;noopener&quot;&gt;Remembering the early 00s teen website scene&lt;/a&gt; by &lt;a href=&quot;https://localghost.dev/&quot; rel=&quot;noopener&quot;&gt;Localghost&lt;/a&gt; takes a trip down memory lane to an era of the web that I thought was much cooler than the Geocities era before and definitely cooler than the MySpace era that came after it.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;I hope you have a great February. I’ll chat with you all next month.&lt;/p&gt;

      &lt;p&gt;Hey, thanks for reading this post in your feed reader! Want to chat? &lt;a href=&quot;mailto:hello@flamedfury.com.com?subject=Relics Of The Web&quot;&gt;Reply by email.&lt;/a&gt;. Check out the &lt;a href=&quot;https://flamedfury.com/posts/&quot;&gt;posts archive&lt;/a&gt; on the website.&lt;/p&gt;
    </content>
  </entry>
  <entry>
    <title>Dragonflight Season Three Recap</title>
    <link href="https://flamedfury.com/posts/dragonflight-season-three-recap/" />
    <updated>2024-01-14T00:00:00Z</updated>
    <id>https://flamedfury.com/posts/dragonflight-season-three-recap/</id>
    <content
      xml:lang="en_EN"
      type="html"
      >
      &lt;p&gt;This post is a week late. I wrapped up Season Three officially at the end of last week’s raid where we completed the &lt;a href=&quot;https://www.wowhead.com/achievement=19349/glory-of-the-dream-raider&quot; rel=&quot;noopener&quot;&gt;Glory of the Dream Raider&lt;/a&gt; achievement.&lt;/p&gt;
&lt;figure class=&quot;flow &quot;&gt;
				&lt;picture&gt;
					  &lt;source type=&quot;image/webp&quot; srcset=&quot;https://flamedfury.com/assets/images/generated/2024-01-14-glory-of-the-heroic-raider-440w.webp 440w, https://flamedfury.com/assets/images/generated/2024-01-14-glory-of-the-heroic-raider-880w.webp 880w, https://flamedfury.com/assets/images/generated/2024-01-14-glory-of-the-heroic-raider-1024w.webp 1024w, https://flamedfury.com/assets/images/generated/2024-01-14-glory-of-the-heroic-raider-1360w.webp 1360w&quot; sizes=&quot;90vw&quot; /&gt;
  &lt;source type=&quot;image/jpeg&quot; srcset=&quot;https://flamedfury.com/assets/images/generated/2024-01-14-glory-of-the-heroic-raider-440w.jpeg 440w, https://flamedfury.com/assets/images/generated/2024-01-14-glory-of-the-heroic-raider-880w.jpeg 880w, https://flamedfury.com/assets/images/generated/2024-01-14-glory-of-the-heroic-raider-1024w.jpeg 1024w, https://flamedfury.com/assets/images/generated/2024-01-14-glory-of-the-heroic-raider-1360w.jpeg 1360w&quot; sizes=&quot;90vw&quot; /&gt;
					&lt;img src=&quot;https://flamedfury.com/assets/images/generated/2024-01-14-glory-of-the-heroic-raider-1360w.jpeg&quot; width=&quot;1360&quot; height=&quot;569&quot; alt=&quot;Player characters in the game World Of Warcraft standing around the defeated boss, Fyrakk The Blazing&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; /&gt;
				&lt;/picture&gt;
				&lt;figcaption&gt;Glory Of The Dream Raiders&lt;/figcaption&gt;
			&lt;/figure&gt;
&lt;p&gt;With my guild, &lt;a href=&quot;https://raider.io/ascent&quot; rel=&quot;noopener&quot;&gt;Ascent&lt;/a&gt; we achieved &lt;a href=&quot;https://www.wowhead.com/achievement=19350/ahead-of-the-curve-fyrakk-the-blazing&quot; rel=&quot;noopener&quot;&gt;Ahead of the Curve: Fyrakk the Blazing&lt;/a&gt;, on 2023-12-17. This was our best tier yet, completing the raid on heroic difficulty 5 weeks after release.&lt;/p&gt;
&lt;p&gt;A day later I completed &lt;a href=&quot;https://www.wowhead.com/achievement=19011/dragonflight-keystone-master-season-three&quot; rel=&quot;noopener&quot;&gt;Dragonflight Keystone Master: Season Three&lt;/a&gt; where you have to attain a Mythic+ Rating of at least 2000 during Dragonflight Season Three. I managed most of this season with pick up groups during the day. I didn’t run much with my guild as I wasn’t playing in the evenings outside of raiding.&lt;/p&gt;
&lt;p&gt;Finishing the raiding and dungeon achievements before Christmas was great as I didn’t have to worry about that while we were away up north for two weeks. This also made the season feel quite short, which isn’t a bad thing particularly for me as I definitely have other things to focus on.&lt;/p&gt;
&lt;p&gt;Then again, we have the new patch dropping next week. Looking forward to playing through the story as it’s looking to be Night Elf centric. I’m unsure what the raid and dungeon schedule is but I’m sure that I will clear both as usual.&lt;/p&gt;

      &lt;p&gt;Hey, thanks for reading this post in your feed reader! Want to chat? &lt;a href=&quot;mailto:hello@flamedfury.com.com?subject=Relics Of The Web&quot;&gt;Reply by email.&lt;/a&gt;. Check out the &lt;a href=&quot;https://flamedfury.com/posts/&quot;&gt;posts archive&lt;/a&gt; on the website.&lt;/p&gt;
    </content>
  </entry>
  <entry>
    <title>A Simple Guide to Redirects on Neocities with Eleventy</title>
    <link href="https://flamedfury.com/posts/a-simple-guide-to-redirects-on-neocities-with-eleventy/" />
    <updated>2024-01-12T00:00:00Z</updated>
    <id>https://flamedfury.com/posts/a-simple-guide-to-redirects-on-neocities-with-eleventy/</id>
    <content
      xml:lang="en_EN"
      type="html"
      >
      &lt;p&gt;&lt;a href=&quot;https://11tybundle.dev/&quot; rel=&quot;noopener&quot;&gt;Eleventy tutorials&lt;/a&gt; are everywhere, especially for Netlify. But what if you’re exploring platforms like &lt;a href=&quot;https://neocities.org/&quot; rel=&quot;noopener&quot;&gt;Neocities&lt;/a&gt;? No worries, I’ve got your back.&lt;/p&gt;
&lt;p&gt;For reasons, I’ve just moved Flamed Fury back to &lt;a href=&quot;https://neocities.org/&quot; rel=&quot;noopener&quot;&gt;Neocities&lt;/a&gt;. Redirects is one of the things that I was relying on Netlify to handle for me. Netlify allows you to handle &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/HTTP/Redirections#permanent_redirections&quot; rel=&quot;noopener&quot;&gt;HTTPS redirects&lt;/a&gt; easily with&lt;a href=&quot;https://11ty.dev/&quot; rel=&quot;noopener&quot;&gt;Eleventy&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;After some quick web searching, it was clear that Neocities does not support HTTPS redirects, so what was I to do with my redirects where I didn’t have access or control of the server? Luckily, gold old HTML has us covered with &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/HTTP/Redirections#html_redirections&quot; rel=&quot;noopener&quot;&gt;HTML redirects&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;With HTML, you can create a simple redirect with a &lt;code&gt;&amp;lt;meta&amp;gt;&lt;/code&gt; tag.&lt;/p&gt;
&lt;pre class=&quot;language-html&quot;&gt;&lt;code class=&quot;language-html&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;head&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
  &lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;meta&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;http-equiv&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;Refresh&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot;&gt;content&lt;/span&gt;&lt;span class=&quot;token attr-value&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;0; URL=https://flamedfury.com/&lt;span class=&quot;token punctuation&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;/&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;head&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;How could I do this simply in the Eleventy way? Sure, I could recreate each of the old HTML pages and fill in the &lt;code&gt;&amp;lt;meta&amp;gt;&lt;/code&gt; tag to redirect to the new URLs, but that would be tedious to maintain.&lt;/p&gt;
&lt;p&gt;After some more web searching I came across this post, &lt;a href=&quot;https://brianm.me/posts/eleventy-redirect-from/&quot; rel=&quot;noopener&quot;&gt;Eleventy Redirect From&lt;/a&gt; by &lt;a href=&quot;https://brianm.me/&quot; rel=&quot;noopener&quot;&gt;Brian Mitchell&lt;/a&gt; where they wanted a drop-in replacement for &lt;a href=&quot;https://github.com/jekyll/jekyll-redirect-from&quot; rel=&quot;noopener&quot;&gt;Jekyll redirects&lt;/a&gt; but in Eleventy.&lt;/p&gt;
&lt;p&gt;Brian achieved this with a &lt;a href=&quot;https://gist.github.com/BrianMitchL/f93622a46f4476b7514995ff502d8d17&quot; rel=&quot;noopener&quot;&gt;single template&lt;/a&gt; that I figured out after a “period of time” troubleshooting needs to be in the &lt;code&gt;/src/&lt;/code&gt; directory to work 😂&lt;/p&gt;
&lt;p&gt;My redirects were configured to support the Netlify way and used the key &lt;code&gt;redirectFrom&lt;/code&gt;.&lt;/p&gt;
&lt;p&gt;For example, a single redirect:&lt;/p&gt;
&lt;pre class=&quot;language-yaml&quot;&gt;&lt;code class=&quot;language-yaml&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;---&lt;/span&gt;
&lt;span class=&quot;token key atrule&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; I Love The Web
&lt;span class=&quot;token key atrule&quot;&gt;redirectFrom&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;token string&quot;&gt;&#39;manifesto&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;]&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;---&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Or multiple redirects:&lt;/p&gt;
&lt;pre class=&quot;language-yaml&quot;&gt;&lt;code class=&quot;language-yaml&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;---&lt;/span&gt;
&lt;span class=&quot;token key atrule&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; Relics Of The Web
&lt;span class=&quot;token key atrule&quot;&gt;redirectFrom&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;token string&quot;&gt;&#39;/explore/&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&#39;/explore/buttonwall/&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&#39;/explore/webrings/&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&#39;/explore/blogroll/&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&#39;/explore/links/&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;]&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;---&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;To get to work without modifying my existing frontmatter, I just had to change &lt;code&gt;redirect_from&lt;/code&gt; to &lt;code&gt;redirectFrom&lt;/code&gt; in the template.&lt;/p&gt;
&lt;pre class=&quot;language-js&quot;&gt;&lt;code class=&quot;language-js&quot;&gt;&lt;span class=&quot;token operator&quot;&gt;--&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;-&lt;/span&gt;js
&lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token literal-property property&quot;&gt;pagination&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
    &lt;span class=&quot;token literal-property property&quot;&gt;data&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;collections.all&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token literal-property property&quot;&gt;size&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token number&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token literal-property property&quot;&gt;alias&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;redirect&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token function-variable function&quot;&gt;before&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token keyword&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token parameter&quot;&gt;data&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
      &lt;span class=&quot;token keyword&quot;&gt;return&lt;/span&gt; data&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot;&gt;reduce&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token parameter&quot;&gt;redirects&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt; page&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token operator&quot;&gt;=&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
        &lt;span class=&quot;token keyword&quot;&gt;if&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;Array&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot;&gt;isArray&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;page&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;data&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;redirectFrom&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
          &lt;span class=&quot;token keyword&quot;&gt;for&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token keyword&quot;&gt;let&lt;/span&gt; url &lt;span class=&quot;token keyword&quot;&gt;of&lt;/span&gt; page&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;data&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;redirectFrom&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
            redirects&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot;&gt;push&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt; &lt;span class=&quot;token literal-property property&quot;&gt;to&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; page&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;url&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token literal-property property&quot;&gt;from&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; url &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
          &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;
        &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt; &lt;span class=&quot;token keyword&quot;&gt;else&lt;/span&gt; &lt;span class=&quot;token keyword&quot;&gt;if&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token keyword&quot;&gt;typeof&lt;/span&gt; page&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;data&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;redirectFrom &lt;span class=&quot;token operator&quot;&gt;===&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&#39;string&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
          redirects&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot;&gt;push&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt; &lt;span class=&quot;token literal-property property&quot;&gt;to&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; page&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;url&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token literal-property property&quot;&gt;from&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; page&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;data&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;redirectFrom &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
        &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;
        &lt;span class=&quot;token keyword&quot;&gt;return&lt;/span&gt; redirects&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
      &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
    &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token literal-property property&quot;&gt;addAllPagesToCollections&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token boolean&quot;&gt;false&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token literal-property property&quot;&gt;permalink&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot;&gt;&quot;/index.html&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token literal-property property&quot;&gt;eleventyExcludeFromCollections&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token boolean&quot;&gt;true&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token operator&quot;&gt;--&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;-&lt;/span&gt;
&lt;span class=&quot;token operator&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;!&lt;/span&gt;&lt;span class=&quot;token constant&quot;&gt;DOCTYPE&lt;/span&gt; html&lt;span class=&quot;token operator&quot;&gt;&gt;&lt;/span&gt;
  &lt;span class=&quot;token operator&quot;&gt;&amp;lt;&lt;/span&gt;html lang&lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token string&quot;&gt;&quot;en-US&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;&gt;&lt;/span&gt;
  &lt;span class=&quot;token operator&quot;&gt;&amp;lt;&lt;/span&gt;meta charset&lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token string&quot;&gt;&quot;utf-8&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;&gt;&lt;/span&gt;
  &lt;span class=&quot;token operator&quot;&gt;&amp;lt;&lt;/span&gt;title&lt;span class=&quot;token operator&quot;&gt;&gt;&lt;/span&gt;Redirecting&lt;span class=&quot;token operator&quot;&gt;&amp;amp;&lt;/span&gt;hellip&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;/&lt;/span&gt;title&lt;span class=&quot;token operator&quot;&gt;&gt;&lt;/span&gt;
  &lt;span class=&quot;token operator&quot;&gt;&amp;lt;&lt;/span&gt;link rel&lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token string&quot;&gt;&quot;canonical&quot;&lt;/span&gt; href&lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token string&quot;&gt;&quot;.&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;&gt;&lt;/span&gt;
  &lt;span class=&quot;token operator&quot;&gt;&amp;lt;&lt;/span&gt;script&lt;span class=&quot;token operator&quot;&gt;&gt;&lt;/span&gt;location&lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token string&quot;&gt;&quot;.&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;/&lt;/span&gt;script&lt;span class=&quot;token operator&quot;&gt;&gt;&lt;/span&gt;
  &lt;span class=&quot;token operator&quot;&gt;&amp;lt;&lt;/span&gt;meta http&lt;span class=&quot;token operator&quot;&gt;-&lt;/span&gt;equiv&lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token string&quot;&gt;&quot;refresh&quot;&lt;/span&gt; content&lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token string&quot;&gt;&quot;0; url=.&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;&gt;&lt;/span&gt;
  &lt;span class=&quot;token operator&quot;&gt;&amp;lt;&lt;/span&gt;meta name&lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token string&quot;&gt;&quot;robots&quot;&lt;/span&gt; content&lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token string&quot;&gt;&quot;noindex&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;&gt;&lt;/span&gt;
  &lt;span class=&quot;token operator&quot;&gt;&amp;lt;&lt;/span&gt;h1&lt;span class=&quot;token operator&quot;&gt;&gt;&lt;/span&gt;Redirecting&lt;span class=&quot;token operator&quot;&gt;&amp;amp;&lt;/span&gt;hellip&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;/&lt;/span&gt;h1&lt;span class=&quot;token operator&quot;&gt;&gt;&lt;/span&gt;
  &lt;span class=&quot;token operator&quot;&gt;&amp;lt;&lt;/span&gt;a href&lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token string&quot;&gt;&quot;.&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;&gt;&lt;/span&gt;Click here &lt;span class=&quot;token keyword&quot;&gt;if&lt;/span&gt; you are not redirected&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;/&lt;/span&gt;a&lt;span class=&quot;token operator&quot;&gt;&gt;&lt;/span&gt;
&lt;span class=&quot;token operator&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;/&lt;/span&gt;html&lt;span class=&quot;token operator&quot;&gt;&gt;&lt;/span&gt;f&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;If I did this correctly, then you should be able to click on the old &lt;a href=&quot;https://flamedfury.com/explore/&quot;&gt;Explore&lt;/a&gt; link and be redirected to the &lt;a href=&quot;https://flamedfury.com/posts/relics-of-the-web/&quot;&gt;Relics Of The Web&lt;/a&gt; post.&lt;/p&gt;
&lt;p&gt;Thanks again to &lt;a href=&quot;https://brianm.me/&quot; rel=&quot;noopener&quot;&gt;Brian&lt;/a&gt; for doing the heavy lifting and getting me going.&lt;/p&gt;
&lt;p&gt;Let me know if anything needs to be fixed or if this helped you with your Eleventy-built homepage on Neocities!&lt;/p&gt;

      &lt;p&gt;Hey, thanks for reading this post in your feed reader! Want to chat? &lt;a href=&quot;mailto:hello@flamedfury.com.com?subject=Relics Of The Web&quot;&gt;Reply by email.&lt;/a&gt;. Check out the &lt;a href=&quot;https://flamedfury.com/posts/&quot;&gt;posts archive&lt;/a&gt; on the website.&lt;/p&gt;
    </content>
  </entry>
  <entry>
    <title>Summer Days On The Beach</title>
    <link href="https://flamedfury.com/posts/summer-days-on-the-beach/" />
    <updated>2024-01-10T00:00:00Z</updated>
    <id>https://flamedfury.com/posts/summer-days-on-the-beach/</id>
    <content
      xml:lang="en_EN"
      type="html"
      >
      &lt;p&gt;Developed over the course of four years, this post has evolved from notes hastily penned during my peaceful moments at the bach each summer. It’s a contribution to the &lt;a href=&quot;https://32bit.cafe/&quot; rel=&quot;noopener&quot;&gt;32-Bit Cafe&lt;/a&gt; &lt;a href=&quot;https://32bit.cafe/holidays2023/&quot; rel=&quot;noopener&quot;&gt;Holidays 2023 Event&lt;/a&gt;, delving into our precious holiday traditions.&lt;/p&gt;
&lt;p&gt;Down here in &lt;a href=&quot;https://en.wikipedia.org/wiki/Aotearoa&quot; rel=&quot;noopener&quot;&gt;Aotearoa&lt;/a&gt;, our festive season coincides with summer, marking a unique celebration of Christmas and the New Year amidst sun-drenched days. These  traditions offer a different charm compared to the wintry festivities of the northern hemisphere.&lt;/p&gt;
&lt;p&gt;For the past five summers, &lt;a href=&quot;https://en.wikipedia.org/wiki/Onetangi&quot; rel=&quot;noopener&quot;&gt;Onetangi Beach&lt;/a&gt; on Waiheke Island has been our go-to spot for  the holidays. Initially a familiar place for my wife, whose childhood memories were made here, it quickly became our own tradition. Yet, as life shifted gears and little feet joined our adventures, our annual Waiheke escapades underwent a delightful transformation. Here’s a glimpse of how our summer has evolved with the arrival of our kids.&lt;/p&gt;
&lt;figure class=&quot;flow &quot;&gt;
				&lt;picture&gt;
					  &lt;source type=&quot;image/webp&quot; srcset=&quot;https://flamedfury.com/assets/images/generated/2024-01-07-onetangi-440w.webp 440w, https://flamedfury.com/assets/images/generated/2024-01-07-onetangi-880w.webp 880w, https://flamedfury.com/assets/images/generated/2024-01-07-onetangi-1024w.webp 1024w, https://flamedfury.com/assets/images/generated/2024-01-07-onetangi-1360w.webp 1360w&quot; sizes=&quot;90vw&quot; /&gt;
  &lt;source type=&quot;image/jpeg&quot; srcset=&quot;https://flamedfury.com/assets/images/generated/2024-01-07-onetangi-440w.jpeg 440w, https://flamedfury.com/assets/images/generated/2024-01-07-onetangi-880w.jpeg 880w, https://flamedfury.com/assets/images/generated/2024-01-07-onetangi-1024w.jpeg 1024w, https://flamedfury.com/assets/images/generated/2024-01-07-onetangi-1360w.jpeg 1360w&quot; sizes=&quot;90vw&quot; /&gt;
					&lt;img src=&quot;https://flamedfury.com/assets/images/generated/2024-01-07-onetangi-1360w.jpeg&quot; width=&quot;1360&quot; height=&quot;1020&quot; alt=&quot;A car parked under a large fence at the end of a long grass driveway&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; /&gt;
				&lt;/picture&gt;
				&lt;figcaption&gt;The ancient Pohutukawa tree&lt;/figcaption&gt;
			&lt;/figure&gt;
&lt;h2 id=&quot;then-the-relaxed-rhythm&quot;&gt;&lt;a class=&quot;heading-anchor&quot; href=&quot;https://flamedfury.com/posts/summer-days-on-the-beach/#then-the-relaxed-rhythm&quot;&gt;Then: The Relaxed Rhythm&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;&lt;em&gt;Waking up past the alarm.&lt;/em&gt; Before, taking it easy was our thing. Rising lazily with the sun was part of our routine.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Tomato on toast for breakfast.&lt;/em&gt; Simple, carefree mornings where a basic yet satisfying breakfast was all we needed.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Lounging under an ancient &lt;a href=&quot;https://en.wikipedia.org/wiki/Metrosideros_excelsa&quot; rel=&quot;noopener&quot;&gt;Pohutukawa&lt;/a&gt;, lost in a book.&lt;/em&gt; Hours slipped by as we soaked up the summer sun, engrossed in captivating stories.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Visiting wineries, platters for lunch.&lt;/em&gt; The indulgence of wine tasting and leisurely lunches were our grown-up delight, we had nowhere else to be and were entertained by each others company.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Reading in peace until sleep took over.&lt;/em&gt; Ending the day peacefully, lost in the pages of another book until falling asleep on the couch.&lt;/p&gt;
&lt;h2 id=&quot;now-embracing-the-energy&quot;&gt;&lt;a class=&quot;heading-anchor&quot; href=&quot;https://flamedfury.com/posts/summer-days-on-the-beach/#now-embracing-the-energy&quot;&gt;Now: Embracing the Energy&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;&lt;em&gt;Waking up at the crack of dawn.&lt;/em&gt; With kids, the day begins early, full of their infectious enthusiasm for the day and what it holds.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;A bustling breakfast scene.&lt;/em&gt; Our mornings are busy with &lt;a href=&quot;https://en.wikipedia.org/wiki/Weet-Bix&quot; rel=&quot;noopener&quot;&gt;Weetbix&lt;/a&gt;, berries, toast, bacon, eggs and juice—fuel for day ahead.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Building sandcastles, swimming in waves.&lt;/em&gt; The joy of creation and laughter fills the beach, even as our castles meet their demise as the toddlers foot comes crashing down upon the helpless village.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Family time under the Pohutukawa.&lt;/em&gt; Hours spent playing games and enjoying shared moments under the welcoming shade from the summer sun.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Escaping for adult moments.&lt;/em&gt; Brief breaks for wine and beer tastings up the road, leaving the kids in trusted care for a while.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Exploring new adventures with the kids.&lt;/em&gt; From butterfly gardens and waterfalls to impromptu bucket baths, every moment is an adventure.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Tucking the kids in with bedtime stories.&lt;/em&gt; The day ends with cozy tales, wrapping up an eventful day as the kids drift into dreamland.&lt;/p&gt;
&lt;h2 id=&quot;the-evolution-of-tradition&quot;&gt;&lt;a class=&quot;heading-anchor&quot; href=&quot;https://flamedfury.com/posts/summer-days-on-the-beach/#the-evolution-of-tradition&quot;&gt;The Evolution of Tradition&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Our summers on Waiheke have seen a shift—from serene, laid-back days to vibrant, energetic adventures with our children and family. While the landscape and activities may have changed, the essence remains: creating unforgettable memories in this beloved haven. It’s a journey we continue to embrace, cherishing both the past and the present, making each summer on Waiheke uniquely special.&lt;/p&gt;
&lt;p&gt;What’s your experience with family traditions over the festive season or summer getaways? Let me know!&lt;/p&gt;

      &lt;p&gt;Hey, thanks for reading this post in your feed reader! Want to chat? &lt;a href=&quot;mailto:hello@flamedfury.com.com?subject=Relics Of The Web&quot;&gt;Reply by email.&lt;/a&gt;. Check out the &lt;a href=&quot;https://flamedfury.com/posts/&quot;&gt;posts archive&lt;/a&gt; on the website.&lt;/p&gt;
    </content>
  </entry>
  <entry>
    <title>An Easy Web</title>
    <link href="https://flamedfury.com/posts/an-easy-web/" />
    <updated>2024-01-10T00:00:00Z</updated>
    <id>https://flamedfury.com/posts/an-easy-web/</id>
    <content
      xml:lang="en_EN"
      type="html"
      >
      &lt;p&gt;Being busy with my return to work this year meant I missed most of yesterday’s discussions. While skimming through various websites and Mastodon, I couldn’t contribute until today. Yet, upon catching up on the posts and replies, a crucial point often overlooked hit me.&lt;/p&gt;
&lt;p&gt;Simply put, I firmly believe the web and building a website should be more accessible—not just for developers, &lt;strong&gt;but for everyone&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;This train of thought originated from Giles’s post &lt;a href=&quot;https://gilest.org/indie-easy.html&quot; rel=&quot;noopener&quot;&gt;Let’s make the indie web easier&lt;/a&gt;. I resonate with the idea of website ownership being an excellent avenue that we genuinely wish more individuals would embrace.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;If we want the future web we’re all clamouring for, we need to give people more options for self-hosted independence. If we seriously, truly want the independent, non-enshittified personal web to flourish, we need to make it &lt;strong&gt;easier for people to join in&lt;/strong&gt;.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Giles effectively highlights the need for developers to create simpler tools for personal web publishing, eliminating technical barriers. Although platforms like WordPress and static site generators exist, their installation and usage still present significant hurdles for many, especially those unfamiliar with development.&lt;/p&gt;
&lt;p&gt;Kev’s response in &lt;a href=&quot;https://kevquirk.com/lets-make-the-indieweb-easier&quot; rel=&quot;noopener&quot;&gt;Let’s Make the IndieWeb Easier&lt;/a&gt; echoes this sentiment:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;SSGs and their ilk are simple for developers but not simple for the vast majority of people. We need tools that are simple to use, simple to manage, and simple maintain.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Kev swiftly points out that while these tools may be straightforward for developers, they present formidable challenges for others interested in the concept.&lt;/p&gt;
&lt;p&gt;As I caught up on &lt;a href=&quot;https://jeremy.hu/lets-make-the-indieweb-easier/&quot; rel=&quot;noopener&quot;&gt;additional responses&lt;/a&gt; &lt;a href=&quot;https://brandonwrites.xyz/re-lets-make-the-indieweb-easier-and-blogging/&quot; rel=&quot;noopener&quot;&gt;throughout the day&lt;/a&gt; &lt;a href=&quot;https://colinwalker.blog/blog/?date=2024-01-08#p2&quot; rel=&quot;noopener&quot;&gt;from various sources&lt;/a&gt;, the discussion seemed primarily fixated on blogging.&lt;/p&gt;
&lt;p&gt;This got me thinking: “&lt;a href=&quot;https://flamedfury.com/posts/build-personal-websites/&quot;&gt;What about individuals seeking to create a website that doesn’t align with traditional blogging?&lt;/a&gt;” Consider those who want to showcase collections, whether it’s Hardrock Cafe pint glasses, Matchbox cars, or any other passion. Platforms like WordPress, Ghost, or Bear Blog may not be the best solution.&lt;/p&gt;
&lt;p&gt;My side project ideas aside, there’s a lot to be said for websites that don’t need to be or want to be blogs:&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Showcasing Collections&lt;/strong&gt;: Are you passionate about collecting items like Hardrock Cafe pint glasses, Matchbox cars, stamps, coins, vintage toys, or any niche hobby? A website offers a fantastic platform to proudly display and share your collection. It allows for organised galleries, descriptions, and detailed insights about each item.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Documenting Personal Journeys&lt;/strong&gt;: Do you frequently undertake unique travels or have lived a life worth living? A personal website provides an ideal space to document and present your journeys in a structured and organised manner. Share your narratives chronologically or thematically, offering visitors an easy-to-navigate window into your stories.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Creative Expression&lt;/strong&gt;: Engaged in creative pursuits like writing, artwork, photography, music, or other forms of artistic expression? A website can showcase your creations. Display your work in galleries, portfolios, or virtual galleries, offering visitors an immersive experience. Owning your content through a website allows you to step away from sole reliance on social media platforms. However, exposure and discoverability might be the next challenge.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Knowledge Sharing&lt;/strong&gt;: Dive deep into a particular interest like history, vintage computers, bicycles, or even a fascination with Disneyland? A personal website is an excellent avenue to share your insights, research findings, DIY projects, or any content that goes beyond a typical blog format. It’s more than just a list of posts—it’s a comprehensive resource hub.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Family History&lt;/strong&gt;: Are you keen on documenting family histories, genealogies, personal achievements, or preserving memories? You can create dedicated sections dedicated sections for family trees, photo albums, timelines, or personal anecdotes. It becomes an extensive archive that encapsulates your unique life story.&lt;/p&gt;
&lt;p&gt;These examples underscore the personal aspect of websites catering to individual passions, hobbies, expressions, or documentation without focusing on business, sales, professional branding, or self-promotion. Websites offer an adaptable canvas for self-expression and sharing, going beyond the conventional structure of a blog. Sure, they could be smashed into blog format, but they would lose appeal and charm.&lt;/p&gt;
&lt;p&gt;The emphasis lies in propelling the small, open, and independent web to greater heights by empowering a broader spectrum of people to commence their online journey. What’s indispensable here are tools that can be effortlessly set up and used by non-developers, devoid of complex coding or terminal usage. These tools should ideally be easily deployable in a self-hosted or shared hosting environment.&lt;/p&gt;
&lt;p&gt;Enhancing the accessibility of independent web creation will enable more individuals to freely share their diverse experiences across the web. Ultimately, it’s about creating a more inclusive digital space &lt;strong&gt;for everyone&lt;/strong&gt;.&lt;/p&gt;

      &lt;p&gt;Hey, thanks for reading this post in your feed reader! Want to chat? &lt;a href=&quot;mailto:hello@flamedfury.com.com?subject=Relics Of The Web&quot;&gt;Reply by email.&lt;/a&gt;. Check out the &lt;a href=&quot;https://flamedfury.com/posts/&quot;&gt;posts archive&lt;/a&gt; on the website.&lt;/p&gt;
    </content>
  </entry>
  <entry>
    <title>What A Weekend</title>
    <link href="https://flamedfury.com/posts/what-a-weekend/" />
    <updated>2024-01-07T00:00:00Z</updated>
    <id>https://flamedfury.com/posts/what-a-weekend/</id>
    <content
      xml:lang="en_EN"
      type="html"
      >
      &lt;p&gt;After two weeks up north in Auckland and on Waiheke Island for our family summer break my wife gave me the best thing I could ever ask for as a dad. A night and morning at home without the kids and dogs. She’s the best.&lt;/p&gt;
&lt;p&gt;After family duties had been done and they were on their way over the hill for the weekend I was droppped off at my &lt;a href=&quot;https://baylands.beer/&quot; rel=&quot;noopener&quot;&gt;favourite brewery&lt;/a&gt; where I met my good friends for lunch and a few beers. The beer is good, the food is good, the company was good, what more could I ask for to kick off the day.&lt;/p&gt;
&lt;p&gt;The sky was overcast but it was warm. We had a 3.5 km walk to the venue for &lt;a href=&quot;http://web.archive.org/web/20231004201022/https://www.juicyfest.co/&quot; rel=&quot;noopener&quot;&gt;Juicy Fest&lt;/a&gt;. The walk was easy and more time to catch up with my mates.&lt;/p&gt;
&lt;p&gt;We picked up tickets months ago with the main draw card for us being Bone Thugs-n-Harmony. Unfortunately due to &lt;a href=&quot;https://allhiphop.com/news/krayzie-bone-bone-thugs-n-harmony-hospital/&quot; rel=&quot;noopener&quot;&gt;Krayzie Bone’s recent health issues&lt;/a&gt; the group decided it was not a good time to tour, however Bizzy Bone would represent Bone for this set of shows. I was also looking forward to The Game, but he pulled his usual bullshit of not showing, it sounds like he has trouble leaving the States.&lt;/p&gt;
&lt;p&gt;Once inside we only had twenty minutes to wait until Bizzy Bone got on stage so we grabbed some drinks. The lines weren’t long and gave us time to chat to other people and hear who they were looking forward to seeing today.&lt;/p&gt;
&lt;p&gt;Bizzy’s set was great, he a couple verses from early Bone classics, Crossroads, For Tha Love Of Money, Thug Luv, Notorious Thugs, and a verse from Eazy E’s Boyz N The Hood. I think the set only ended up being twenty minutes which was a bit short for my liking and I would have hoped it would be longer if the whole crew were there. Anyway, praying for Krayzie for a speedie recovery and hope the group can tour later this year.&lt;/p&gt;
&lt;p&gt;For the rest of the gig we traversed the crowd having a chat and enjoying the rest of the show. We decided to leave a bit before T-Pain’s set was finished to beat the crowd at the end which was a good move. We had to walk a bit from the venue to get a taxi for a fair price.&lt;/p&gt;
&lt;p&gt;It was great to get out and listen to live music again with friends and am looking forward to seeing Blink-182 in a few months when they come to the country!&lt;/p&gt;

      &lt;p&gt;Hey, thanks for reading this post in your feed reader! Want to chat? &lt;a href=&quot;mailto:hello@flamedfury.com.com?subject=Relics Of The Web&quot;&gt;Reply by email.&lt;/a&gt;. Check out the &lt;a href=&quot;https://flamedfury.com/posts/&quot;&gt;posts archive&lt;/a&gt; on the website.&lt;/p&gt;
    </content>
  </entry>
</feed>
