website

website/src/pages/index.astro (1476B)

---

---
import Base from "../layouts/Base.astro";
import Hero from "../components/home/Hero.astro";
import About from "../components/home/About.astro";
import Projects from "../components/home/Projects.astro";
import Posts from "../components/home/Posts.astro";
import Contact from "../components/home/Contact.astro";
import Coffee from "../components/home/Coffee.astro";
---
<Base home buf="sap-1.asm" mode="Asm" skip="#about">
  <Fragment slot="head">
    <script is:inline>
      // Hide the name until src/scripts/home/decode.js has split it into letters, so it never flashes whole first.
      // CSS shows it anyway after a moment in case the script never runs.
      try {
        if (!matchMedia("(prefers-reduced-motion: reduce)").matches && (!location.hash || location.hash === "#top")) {
          document.documentElement.classList.add("boot");
        }
      } catch (e) {}
    </script>
  </Fragment>
  <Fragment slot="help">
    <div><dt><kbd>c</kbd> <kbd>n</kbd> <kbd>r</kbd></dt><dd>computer: run or pause, step, reset (while it's on screen and nothing else has focus)</dd></div>
    <div><dt><kbd>TAB</kbd></dt><dd>fold the Org heading under focus</dd></div>
    <div><dt><kbd>S-TAB</kbd></dt><dd>cycle the whole Org buffer</dd></div>
    <div><dt><code>coffee-refill</code></dt><dd>top up VCC and overclock the computer</dd></div>
  </Fragment>

  <main>
    <Hero />
    <About />
    <Projects />
    <Posts />
    <Contact />
  </main>
  <Coffee />
</Base>