{{ define "title" }}Home{{end}}
{{ define "description" }}Homepage{{end}}
{{ define "keywords" }}home{{end}}

{{ define "landing" }}
      <div class="landing-page">
        <div class="landing-text">
          <span>Design.</span>
          <span>Create.</span>
          <span>Tinker.</span>
        </div>
        <a href="#intro" style="display: block;" class="arrow-container"><span class="down-arrow"></span></a>
      </div>
{{ end }}

{{ define "main" }}
      <section id="intro" class="main-bg">
        <!--<hr style="margin-top: 0;"> -->
        <h1>ScerbaDotOrg</h1>
        <p><i style="color: black;">The personal website of Alex Scerba.</i></p>
        <p>Check out my <a href="/blog">blog</a> where I write about various projects, adventures, and life updates.</p>
        <p>You can see an overview collection of every image in the blog on the <a href="/gallery">gallery</a> page and learn more about me and the site through the <a href="/about">about</a> and <a href="/faq">FAQ</a> pages.</p>
        <p>Thanks for stopping by!</p>
      </section>
      <hr class="divider" />
      <section id="featured" class="main-bg stack-margin">
        <h2 class="article-h2">Featured</h2>
        <p>Hand-curated content from my <a href="/blog">blog page</a>.</p>
      </section>
      <div class="masonry wrapper switcher">
        <div class="flow">
          <article>
            <h2>The Chasm</h2>
            <p>An original poem.</p>
            <a href="/blog/2025-09-18+The_Chasm+poetry">Read more...</a>
          </article>
          <article>
            <h2>Rack-Mounted Desktop Update</h2>
            <figure>
              <img src="/static/media/R9_Desktop/r9-5950x-crop_1000.jpg" alt="Close up shot of AMD Ryzen 9 5950X in a Gigabyte Aorus B450 I Pro WiFi with Corsair LPX memory." width="1000" height="422" />
              <figcaption>Ryzen 9 5950X</figcaption>
            </figure>
            <p>Current status of my custom desktop computer.</p>
            <a href="/blog/2025-06-27+Rack-Mounted_Desktop_Update">Read more...</a>
          </article>
          <article>
            <h2>Motorcycles New and Old</h2>
            <figure>
              <img src="/static/media/Commando850/bike_1000.jpg" alt="A red 1975 Norton Commando 850 motorcycle with headlight on parked on suburban driveway." width="1000" height="750" />
              <figcaption>My uncle's 1975 Norton Commando 850.</figcaption>
            </figure>
            <p>A subjective review of my Uncle's two very different motorcycles.</p>
            <a href="/blog/2025-08-04+Motorcycles_New_and_Old+motorcycles+rant">Read more...</a>
          </article>
          <article>
            <h2>New Bag</h2>
            <figure>
              <img src="/static/media/New_Bag/Overview_1000.jpg" alt="Overview of bag and strap." width="1000" height="747" />
              <figcaption>The Considerable Embarrassment messenger bag by Crumpler.</figcaption>
            </figure>
            <p>Thrift store find and my main EDC for school.</p>
            <a href="/blog/2024-08-30+New_Bag+review+edc">Read more...</a>
          </article>
          <article>
            <h2>Just Try</h2>
            <p>An original poem.</p>
            <a href="/blog/2025-02-19+Just_Try+poetry">Read more...</a>
          </article>
        </div>
        <div class="flow">
          <article>
            <h2>Harley-Davidson Homecoming: 2025</h2>
            <figure>
              <img src="/static/media/Harley_Homecoming_2025/Grey_Racer_1000.jpg" alt="Pre-war Harley-Davidson single cylinder race bike. Grey tank, brown seat, black frame." width="1000" height="750" />
              <figcaption>H-D pre-war race bike.</figcaption>
            </figure>
            <p>Recount of this year's HD Homecoming.</p>
            <a href="/blog/2025-07-14+Harley-Davidson_Homecoming:_2025+motorcycles+events">Read more...</a>
          </article>
          <article>
            <h2>GTX 260 Backplate</h2>
            <figure>
              <img src="/static/media/GTX_260/Installed_1000.jpg" width="750" height="1000" />
              <figcaption>Cards installed in system.</figcaption>
            </figure>
            <p>Hand-made backplates for my X58 build with 3x GTX 260 GPUs.</p>
            <a href="/blog/2025-06-23+GTX_260_Backplate+diy+computers">Read more...</a>
          </article>
          <article>
            <h2>AnandTech Removal</h2>
            <figure>
              <img src="/static/media/cutting-corners.png" alt="Cutting corners: After AnandTech shut down, it was understood that the site's publisher would keep its valuable archives online indefinitely. Now, it turns out that for Future PLC, 'intefinitely' only meant a little over 11 months. Anyone concerned about preserving the site should consider backing up alternative archives as soon as possible." width="687" height="182" />
              <figcaption>Another example of "redefining the terms of the sale after the sale."</figcaption>
            </figure>
            <p>Plain embarrassing.</p>
            <a href="/blog/2025-08-13+AnandTech_Removal+rant+tech">Read more...</a>
          </article>
          <article>
            <h2>Mini Maintenance List</h2>
            <figure>
              <img src="/static/media/mini-front_1000.jpg" alt="2006 Mini Cooper S front shot with lights on against gray sky." width="1000" height="667" />
              <figcaption>My 2006 Mini Cooper S.</figcaption>
            </figure>
            <p>Current car status and the long list of maintenance items due.</p>
            <a href="/blog/2025-05-23+Mini_Maintenance_List+cars">Read more...</a>
          </article>
        </div>
      </div>
{{ end }}