https://flamedfury.com

HASH f6747581eb6ca0f9b92aa438959a186c
This item was proven by @flamed on 2023-09-11T08:11:41+00:00. (View all of @flamed’s proofs.)
Evidence

This is a copy of the web page retrieved on 2023-09-11T08:11:41+00:00. Show the proof snippet.
<!DOCTYPE html>
<html lang="en"><head>
    <!-- charset/http-equiv/viewport -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- title -->
    <title>
      
         Flamed Fury
      
    </title>

    <!-- synchronous js / schema  -->
    <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": "WebSite",
        "@id": "https://flamedfury.com#website",
        "url": "https://flamedfury.com",
        "name": "Flamed Fury",
        "description": "My personal homepage, full of stuff that means everything to me, and nothing to you. You will find my thoughts about the current state of the web, my recollections of my earliest memories of the web, and a bunch of pages detailing some of my interests in records, books, comics, games, movies and tv shows. Come have a read and leave me a message.",
        "inLanguage": "en_EN"
      }
    ]
  }
</script>
    

    <!-- synchronous css / inline css  -->
    <link rel="stylesheet" href="/assets/css/global.css?89a8-12d6-dbe6">

    <!-- preloads -->
    <link rel="preload" href="/assets/fonts/londrina/londrinasolid-regular-webfont.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="preload" href="/assets/fonts/sanfran/sanfran-bold.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="preload" href="/assets/fonts/firamono/fira-mono-v14-latin-regular.woff2" as="font" type="font/woff2" crossorigin="">

    <!-- preloads in page data -->
    

    <!-- defered js  -->
    <script type="module" src="/assets/scripts/app.js" defer=""></script>

    <!-- everything else: meta tags, icons, open graph etc.  -->
    <base href="/">

<meta name="description" content="
  
  My personal homepage, full of stuff that means everything to me, and nothing to you. You will find my thoughts about the current state of the web, my recollections of my earliest memories of the web, and a bunch of pages detailing some of my interests in records, books, comics, games, movies and tv shows. Come have a read and leave me a message.
  
  ">

<meta name="theme-color" content="#f05123">
<meta name="robots" content="index,follow">
<!-- All Search Engines -->
<meta name="googlebot" content="index,follow">
<!-- Google Specific -->
<meta name="generator" content="Eleventy v2.0.0">
<!-- thank you, Zach -->
<!-- Disable automatic detection and formatting of possible phone numbers -->
<meta name="format-detection" content="telephone=no">
<!-- Helps prevent duplicate content issues -->
<link rel="canonical" href="https://flamedfury.com/">

<!-- Links to information about the author(s) of the document -->
<link rel="author" href="humans.txt">


  <!-- Mastodon verified site -->
  <link rel="me" href="https://social.lol/@flamed">


<!-- Open Graph meta  -->
<meta property="og:url" content="https://flamedfury.com/">
<meta property="og:type" content="website">
<meta property="og:title" content=" Flamed Fury">
<meta property="og:image" content="https://flamedfury.com/assets/images/opengraph-default.png
  ">
<meta property="og:description" content="My personal homepage, full of stuff that means everything to me, and nothing to you. You will find my thoughts about the current state of the web, my recollections of my earliest memories of the web, and a bunch of pages detailing some of my interests in records, books, comics, games, movies and tv shows. Come have a read and leave me a message.">
<meta property="og:site_name" content="Flamed Fury">
<meta property="og:locale" content="en_EN">
<meta property="article:author" content="fLaMEd">

<!-- Twitter meta -->
<meta name="twitter:card" content="summary_large_image">


<meta name="twitter:dnt" content="on">

<!-- Favicon -->
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/site.webmanifest">

<!-- Enable Webmentions -->
<link rel="pingback" href="https://webmention.io/flamedfuyr.com/xmlrpc">
<link rel="webmention" href="https://webmention.io/flamedfury.com/webmention">
  </head>

  <body class="top">
    <!-- header -->
    <a href="#main" class="skip-link">Skip to content</a>

<header class="wrapper | relative" role="banner">
  <div class="site-head | ontop spot-color-primary">
    
   <a href="/" class="logo site-head__brand | no-underline" aria-current="page">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="logo-svg" aria-hidden="true" focusable="false">
        <path fill="var(--fillColorTop)" d="M35 19c0-2.062-.367-4.039-1.04-5.868-.46 5.389-3.333 8.157-6.335 6.868-2.812-1.208-.917-5.917-.777-8.164.236-3.809-.012-8.169-6.931-11.794 2.875 5.5.333 8.917-2.333 9.125-2.958.231-5.667-2.542-4.667-7.042-3.238 2.386-3.332 6.402-2.333 9 1.042 2.708-.042 4.958-2.583 5.208-2.84.28-4.418-3.041-2.963-8.333C2.52 10.965 1 14.805 1 19c0 9.389 7.611 17 17 17s17-7.611 17-17z"></path>
        <path fill="var(--fillColorBot)" d="M28.394 23.999c.148 3.084-2.561 4.293-4.019 3.709-2.106-.843-1.541-2.291-2.083-5.291s-2.625-5.083-5.708-6c2.25 6.333-1.247 8.667-3.08 9.084-1.872.426-3.753-.001-3.968-4.007C7.352 23.668 6 26.676 6 30c0 .368.023.73.055 1.09C9.125 34.124 13.342 36 18 36s8.875-1.876 11.945-4.91c.032-.36.055-.722.055-1.09 0-2.187-.584-4.236-1.606-6.001z"></path>
      </svg>

      Flamed Fury
    </a>

    <nav id="mainnav" class="navbar" aria-label="Main">
  <ul>
    
    <li>
      <a class="nav" href="/collections/">Collections</a>
    </li>
    
    <li>
      <a class="nav" href="/posts/">Posts</a>
    </li>
    
    <li>
      <a class="nav" href="/explore/">Explore</a>
    </li>
    
    <li>
      <a class="nav" href="/now/">Now</a>
    </li>
    
    <li>
      <a class="nav" href="/about/">About</a>
    </li>
    
  </ul>
</nav>
  </div>
</header>


    <!-- content slot -->
    <main id="main" class="flow"><!--[ comment ]-->
<header class="section spot-color-primary">
  <svg class="seperator" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
  <path d="M0,320L48,32L96,32L144,224L192,256L240,0L288,192L336,288L384,224L432,128L480,256L528,32L576,96L624,64L672,64L720,160L768,32L816,192L864,128L912,128L960,32L1008,224L1056,160L1104,0L1152,64L1200,256L1248,64L1296,224L1344,160L1392,96L1440,32L1440,0L1392,0L1344,0L1296,0L1248,0L1200,0L1152,0L1104,0L1056,0L1008,0L960,0L912,0L864,0L816,0L768,0L720,0L672,0L624,0L576,0L528,0L480,0L432,0L384,0L336,0L288,0L240,0L192,0L144,0L96,0L48,0L0,0Z"></path>
</svg>

  <div class="section__inner region" style="--region-space-top: var(--space-xl); --region-space-bottom: var(--space-xl)">
    <div class="wrapper flow prose">
      <h1 class="text-center title-text"> Flamed Fury</h1>
    </div>
  </div>
  <svg class="seperator" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
  <path d="M0,320L48,32L96,32L144,224L192,256L240,0L288,192L336,288L384,224L432,128L480,256L528,32L576,96L624,64L672,64L720,160L768,32L816,192L864,128L912,128L960,32L1008,224L1056,160L1104,0L1152,64L1200,256L1248,64L1296,224L1344,160L1392,96L1440,32L1440,0L1392,0L1344,0L1296,0L1248,0L1200,0L1152,0L1104,0L1056,0L1008,0L960,0L912,0L864,0L816,0L768,0L720,0L672,0L624,0L576,0L528,0L480,0L432,0L384,0L336,0L288,0L240,0L192,0L144,0L96,0L48,0L0,0Z"></path>
</svg>

</header>

<article class="region home">
  <div class="wrapper sidebar" data-direction="rtl">
    <div class="welcome">
      <article class="wrapper flow prose">
        <h2>What's going on Internet?</h2>

        <div class="flow prose">
          <p>Kia ora 👋, I’m <a href="/about/">fLaMEd</a> 🔥 and this is my homepage, a collection of stuff that means everything to to me and probably nothing to you.</p>
<p>I have had a passion for making homepages for a long time. There’s always been a time in my life when I have had a homepage in one form or another.</p>
<p>Think of it as a throwback to the old everything/nothing websites of the early 2000s.</p>
<h3 id="how-to-browse-this-website"><a class="heading-anchor" href="#how-to-browse-this-website">How to browse this website?</a></h3>
<p>I’ve made browsing Flamed Fury as simple as it can be and divided it into four main sections that you can find in the top navigation.</p>
<p>The Collections section collects details about my interests and hobbies. I’m into <a href="/bookshelf/">books</a>, <a href="/comics/">comics</a>, <a href="/gameshelf/">games</a>, <a href="/recordshelf/">music</a>, skateboarding and brewing beer.  Make sure to check out the <a href="/mixtapes/">Mixtapes</a> and <a href="/recordshelf/">Vinyl Collection</a> pages.</p>
<p>The Writing section collects posts that I’ve written, essays and guides. My <a href="/manifesto/">Web Manifesto</a> is an excellent place to start.</p>
<p>The <a href="/explore/">Explore</a> section is about exploring and surfing the Web. I’ve taken a look at popular methods of Web discovery from the past, such as <a href="/explore/webrings/">webrings</a>, <a href="/explore/buttonwall/">buttons</a>, <a href="/explore/blogroll/">blogrolls</a>, and plain old <a href="/explore/links/">links</a>. Rather than dump a bunch of hyperlinks on the page, I’ve taken the time to understand how each of these was used back in the day, why they fell out of popularity and how they are making a comeback. I hope you discover something new and exciting.</p>
<p>The <a href="/about/">About</a> section covers the standard things about myself and the website.</p>
<p>Once you’ve looked around, don’t hesitate to head to the <a href="/contact/">Contact</a> page and get in touch! I’d love to hear from you.</p>

        </div>
      </article>
    </div>
    <aside class="region updates">
      <div class="wrapper flow prose">
        <h3>What’s new?</h3>

        <div class="flow prose">
          <ul class="flow">
  
    <li>
      
      <span class="updates-date"><time class="dt-published" datetime="2023-08-22T00:00:00.000Z">
  August 22, 2023
</time></span>: Four new vinyls added to the collection.
    </li>
  
    <li>
      
      <span class="updates-date"><time class="dt-published" datetime="2023-08-21T00:00:00.000Z">
  August 21, 2023
</time></span>: Minor changes to navigation. Contact details moved to About page.
    </li>
  
    <li>
      
      <span class="updates-date"><time class="dt-published" datetime="2023-08-17T00:00:00.000Z">
  August 17, 2023
</time></span>: Re-ogranised all post tags.
    </li>
  
    <li>
      
      <span class="updates-date"><time class="dt-published" datetime="2023-08-13T00:00:00.000Z">
  August 13, 2023
</time></span>: Diving into the IndieWeb (finally). Webmentions are halfway there...
    </li>
  
    <li>
      
      <span class="updates-date"><time class="dt-published" datetime="2023-07-31T00:00:00.000Z">
  July 31, 2023
</time></span>: Added two new vinyls to the vinyl collection page.
    </li>
  
</ul>

<p class="text-center" style="font-size: var(--size-step-0);">
  <a class="updates-link" href="/updates/">Website changelog</a>
</p>
        </div>
      </div>

    </aside>
  </div>
</article>

<article class="region" style="--region-space-top: var(--space-s)">
  <div class="wrapper flow prose">
    <h2>Recent posts</h2>
    <p>These are my most recent posts. More are available to read on the <a href="posts">posts page</a>.</p>
  </div>

  <ul class="wrapper grid mt-l-xl" role="list" data-rows="masonry" data-layout="50-50">
    
    

      <li class="card flow overflow-hidden" style="cursor: pointer;">
        <h3>
          <a href="/posts/monthly-recap-august-2023/">Monthly Recap: August 2023</a>
        </h3>
        
        <time class="dt-published" datetime="2023-09-05T00:00:00.000Z">
  September 5, 2023
</time>
        <p>Hello web surfers, and welcome to August's recap.</p>
      </li>

    

      <li class="card flow overflow-hidden" style="cursor: pointer;">
        <h3>
          <a href="/posts/beervana-2023/">Beervana 2023</a>
        </h3>
        
        <time class="dt-published" datetime="2023-08-21T00:00:00.000Z">
  August 21, 2023
</time>
        <p>Beervana is Aotearoa's greatest beer festival held every year in August.</p>
      </li>

    

      <li class="card flow overflow-hidden" style="cursor: pointer;">
        <h3>
          <a href="/posts/show-some-love-supporting-your-favourites/">Show Some Love: Supporting Your Favourites</a>
        </h3>
        
        <time class="dt-published" datetime="2023-08-17T00:00:00.000Z">
  August 17, 2023
</time>
        <p>Support a free and open web by supporting the projects that you love.</p>
      </li>

    

      <li class="card flow overflow-hidden" style="cursor: pointer;">
        <h3>
          <a href="/posts/monthly-recap-july-2023/">Monthly Recap: July 2023</a>
        </h3>
        
        <time class="dt-published" datetime="2023-08-03T00:00:00.000Z">
  August 3, 2023
</time>
        <p>Hello web surfers, and welcome to July's recap.</p>
      </li>

    

      <li class="card flow overflow-hidden" style="cursor: pointer;">
        <h3>
          <a href="/posts/whakapapa-ski-trip/">Whakapapa Ski Trip</a>
        </h3>
        
        <time class="dt-published" datetime="2023-08-02T00:00:00.000Z">
  August 2, 2023
</time>
        <p>We could not have asked for better conditions for a day of skiing at Whakapapa ski field on Mt Ruapehu last weekend.</p>
      </li>

    

      <li class="card flow overflow-hidden" style="cursor: pointer;">
        <h3>
          <a href="/posts/my-internetnz-hat/">My InternetNZ Hat</a>
        </h3>
        
        <time class="dt-published" datetime="2023-07-26T00:00:00.000Z">
  July 26, 2023
</time>
        <p>Check out my sweet new hat from the Internet. InternetNZ that is.</p>
      </li>

    
  </ul>
</article></main>

    <!-- footer -->
    <footer class="site-foot" role="contentinfo">
  <div class="wrapper">
    <div class="site-foot__inner text-step-0">

      
      <div class="site-foot__notes">
        <p>© 1999 - 2023
          <a href="/" aria-current="page">Flamed Fury</a>. Some rights reserved. Don't
          jack.</p>
        <p>Made with HTML, CSS, and ❤ powered by 11ty.</p>
      </div>

      <nav id="footernav" class="site-foot__inner" aria-label="Footer">

        

          <a href="#top">Back to top</a>

        

          <a href="/psa/">PSA</a>

        

          <a href="/statement-of-audience/">SOA</a>

        

          <a href="/privacy/">Privacy</a>

        

          <a href="https://proven.lol/d9f26b">Proven</a>

        

          <a href="/styleguide">Style Guide</a>

        
      </nav>

      <nav id="social" class="site-foot__inner" aria-label="Social links">
        

          
              <a href="https://social.lol/@flamed" rel="me">
              
              <span class="sr-only">mastodon</span>
              <div aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
  <path d="M21.887,5.996C21.579,3.682 19.589,1.856 17.232,1.504C16.833,1.445 15.326,1.226 11.834,1.226L11.808,1.226C8.313,1.226 7.565,1.445 7.166,1.504C4.871,1.849 2.779,3.486 2.269,5.83C2.027,6.983 2.001,8.263 2.047,9.436C2.112,11.12 2.125,12.797 2.275,14.475C2.38,15.588 2.56,16.692 2.818,17.779C3.302,19.788 5.257,21.459 7.173,22.138C9.222,22.848 11.429,22.967 13.541,22.48C13.773,22.423 14.002,22.36 14.231,22.287C14.744,22.122 15.345,21.936 15.79,21.611C15.796,21.608 15.8,21.601 15.803,21.595C15.806,21.588 15.81,21.581 15.81,21.571L15.81,19.947C15.81,19.947 15.81,19.934 15.803,19.927C15.803,19.921 15.796,19.914 15.79,19.911C15.783,19.907 15.777,19.904 15.77,19.901L15.751,19.901C14.397,20.229 13.008,20.395 11.619,20.391C9.222,20.391 8.578,19.238 8.395,18.761C8.248,18.346 8.153,17.912 8.114,17.474C8.114,17.468 8.114,17.461 8.117,17.455C8.117,17.448 8.124,17.441 8.13,17.438C8.137,17.435 8.143,17.431 8.15,17.428L8.173,17.428C9.503,17.753 10.87,17.919 12.24,17.919C12.57,17.919 12.897,17.919 13.227,17.909C14.603,17.869 16.055,17.799 17.411,17.531C17.444,17.524 17.48,17.518 17.509,17.511C19.647,17.093 21.681,15.787 21.887,12.479C21.893,12.35 21.913,11.114 21.913,10.981C21.913,10.52 22.06,7.723 21.89,6.002L21.887,5.996Z"></path>
  <path d="M6.061,7.288C6.061,6.612 6.594,6.069 7.254,6.069C7.915,6.069 8.447,6.616 8.447,7.288C8.447,7.961 7.915,8.508 7.254,8.508C6.594,8.508 6.061,7.961 6.061,7.288Z" stroke-width="1" fill="currentColor"></path>
</svg></div>
            </a>
          

          
              <a href="https://github.com/flamedfury/flamedfury.com" rel="me">
              
              <span class="sr-only">github</span>
              <div aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
  <path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path>
  <path d="M9 18c-4.51 2-5-2-7-2"></path>
</svg>
</div>
            </a>
          

          
            <a href="https://flamedfury.com/feed.xml" rel="alternate" type="application/rss+xml">
            
              <span class="sr-only">rss</span>
              <div aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
  <path d="M4 11a9 9 0 0 1 9 9"></path>
  <path d="M4 4a16 16 0 0 1 16 16"></path>
  <circle cx="5" cy="19" r="1"></circle>
</svg>
</div>
            </a>
          

        </nav>
      </div>
    </div>
  </footer>

    <!-- youtube if actvated in yaml -->
    
    <section style="display: none;" class="h-card">

  <!-- About -->
  <span class="p-name">fLaMEd</span>
  <span class="p-note">Web Surfer.</span>

  <!-- Picture -->
  <img class="u-photo" src="/assets/images/avatar.jpg">

  <!-- Location -->
  <span class="p-locality">Aotearoa</span>

  <!-- Links -->
  <a class="u-url u-uid" href="https://flamedfury.com"></a>
  <a class="u-email" rel="me" href="mailto:flamed@flamedfury.com"></a>
  <a class="u-url" rel="me" href="https://flamed.nz"></a>
  <a class="u-url" rel="me" href="https://github.com/flamedfury/"></a>
  <a class="u-url" rel="me" href="https://social.lol/@flamed"></a>

  <!-- Categories -->
  <span class="p-category">Music</span>
  <span class="p-category">Books</span>
  <span class="p-category">Comics</span>
  <span class="p-category">Movies</span>
  <span class="p-category">TV</span>
  <span class="p-category">Games</span>
  <span class="p-category">Web Design</span>
  <span class="p-category">Blogging</span>
</section>
  <script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/v8b253dfea2ab4077af8c6f58422dfbfd1689876627854" integrity="sha512-bjgnUKX4azu3dLTVtie9u6TKqgx29RBwfj3QXYt5EKfWM/9hPSAI/4qcV5NACjwAo8UtTeWefx6Zq5PHcMm7Tg==" data-cf-beacon="{&quot;rayId&quot;:&quot;804e70fada83ef30&quot;,&quot;version&quot;:&quot;2023.8.0&quot;,&quot;r&quot;:1,&quot;b&quot;:1,&quot;token&quot;:&quot;e323a42aea3e4e8182cc02320f5d0ac0&quot;,&quot;si&quot;:100}" crossorigin="anonymous"></script>


</body></html>