About This Site

---
import styles from '@styles/NavBar.module.css';

interface Props {
  hide: boolean;
}

const { hide } = Astro.props;
---

<nav class={ styles.nav } style={{ left: hide ? "-18rem" : undefined }}>
  <a href="/"  class={ styles.title }>
    grady.link
  </a>
  <h2 class={ styles.section }>Projects</h2>
  <a href="/projects/all" class={ styles.item }>All</a>
  <a href="/projects/code" class={ styles.item }>Programming</a>
  <a href="/projects/electrical" class={ styles.item }>Electrical Engineering</a>
  <a href="/projects/minecraft" class={ styles.item }>Minecraft</a>
  <h2 class={ styles.section }>Information</h2>
  <a href="/about-me" class={ styles.item }>About Me</a>
  <a href="/about-site" class={ styles.item }>About This Site</a>
</nav>

I originally started developing this site around when I turned 12. It uses Astro v5 to generate the site. The animations are done with motion.dev and just plain css. This site is hosted by CloudFlare pages and currently has 10,852 lines of Astro code within the src folder.