changed a few things, deleted .vscode/

README.md

@@ -1,54 +1,22 @@
-# Astro Starter Kit: Basics
+# My Portfolio
 
-```sh
-npm create astro@latest -- --template basics
-```
+This is my portfolio! It's made using Astro, a static site generator with
+containerized reactivity that I find very cool. The site is hosted at
+[austinschneider.dev](https://austinschneider.dev). It's very minimalist but
+with time I plan to add some more features, like maybe a contact page or a blog
+page.
 
-[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics)
-[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/basics)
-[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/basics/devcontainer.json)
+It's hosted using Github Pages. The main branch is on `main`, and the `prod`
+branch is deployed to the actual site.
 
-> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
+# Commands
 
-![just-the-basics](https://github.com/withastro/astro/assets/2244813/a0a5533c-a856-4198-8470-2d67b1d7c554)
+You can use these commands for Astro: (this is all automatically done by Github
+Actions)
 
-## 🚀 Project Structure
-
-Inside of your Astro project, you'll see the following folders and files:
-
-```text
-/
-├── public/
-│   └── favicon.svg
-├── src/
-│   ├── components/
-│   │   └── Card.astro
-│   ├── layouts/
-│   │   └── Layout.astro
-│   └── pages/
-│       └── index.astro
-└── package.json
-```
-
-Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
-
-There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
-
-Any static assets, like images, can be placed in the `public/` directory.
-
-## 🧞 Commands
-
-All commands are run from the root of the project, from a terminal:
-
-| Command                   | Action                                           |
-| :------------------------ | :----------------------------------------------- |
-| `npm install`             | Installs dependencies                            |
-| `npm run dev`             | Starts local dev server at `localhost:4321`      |
-| `npm run build`           | Build your production site to `./dist/`          |
-| `npm run preview`         | Preview your build locally, before deploying     |
-| `npm run astro ...`       | Run CLI commands like `astro add`, `astro check` |
-| `npm run astro -- --help` | Get help using the Astro CLI                     |
-
-## 👀 Want to learn more?
-
-Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).
+| Command           | Action                                       |
+| :---------------- | :------------------------------------------- |
+| `npm install`     | Installs dependencies                        |
+| `npm run dev`     | Starts local dev server at `localhost:4321`  |
+| `npm run build`   | Build your production site to `./dist/`      |
+| `npm run preview` | Preview your build locally, before deploying |

src/components/Header.astro

@@ -5,28 +5,37 @@ import pfpImage from "../images/pfp.png";
 
 <div id="header-container">
   <Image id="pfp" loading="eager" alt="Austin Schneider" src={pfpImage} />
-  <h1>Austin Schneider</h1>
-</div>
+  <div id="text">
+    <h1>Austin Schneider</h1>
+    <span>Software Developer</span>
+  </div>
+
+  <style>
+    #header-container {
+      height: 100px;
+      margin: 10px;
 
-<style>
-  #header-container {
-    height: 100px;
-    margin: 10px;
+      display: flex;
+    }
 
-    display: flex;
-  }
+    #text {
+      align-self: flex-end;
+    }
 
-  #header-container > h1 {
-    margin: 0px;
-    margin-bottom: 5px;
-    font-size: 42px;
-    align-self: flex-end;
-  }
+    #text > h1 {
+      font-size: 42px;
+      margin: 0px 0px 5px 0px;
+    }
 
-  #header-container > #pfp {
-    width: 100px;
-    height: 100px;
-    margin-right: 30px;
-    border-radius: 20px;
-  }
-</style>
+    #text > span {
+      color: var(--darkgray);
+    }
+
+    #pfp {
+      width: 100px;
+      height: 100px;
+      margin-right: 30px;
+      border-radius: 20px;
+    }
+  </style>
+</div>

src/components/Horizontal.astro

@@ -0,0 +1,13 @@
+<hr />
+
+<style>
+  hr {
+    border-left: none;
+    border-bottom: none;
+    border-right: none;
+
+    border-top: 2px dotted var(--lightgray);
+    height: 1px;
+    margin: 20px auto;
+  }
+</style>

src/layouts/Layout.astro

@@ -10,7 +10,7 @@ const { title } = Astro.props;
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <meta name="description" content="Astro description" />
+    <meta name="description" content="A developer attending the University of Wisconsin Madison." />
     <meta name="viewport" content="width=device-width" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="generator" content={Astro.generator} />
@@ -26,6 +26,7 @@ const { title } = Astro.props;
     --background: #f5f0f0;
     --main-text: #121212;
     --lightgray: #dddddd;
+    --darkgray: #8c7d70;
 
     --link: #704e2b;
   }

src/pages/index.astro

@@ -1,6 +1,7 @@
 ---
 import Layout from "../layouts/Layout.astro";
 import Header from "../components/Header.astro";
+import Horizontal from "../components/Horizontal.astro";
 ---
 
 <Layout title="Austin Schneider">
@@ -13,7 +14,7 @@ import Header from "../components/Header.astro";
       >.
     </p>
 
-    <hr />
+    <Horizontal />
 
     <h2>Projects</h2>
 
@@ -37,18 +38,6 @@ import Header from "../components/Header.astro";
       </li>
     </ul>
 
-    <style>
-      hr {
-        border-left: none;
-        border-bottom: none;
-        border-right: none;
-
-        border-top: 2px dotted var(--lightgray);
-        height: 1px;
-        margin: 20px auto;
-      }
-    </style>
-
     <script is:inline lang="ts">
       // level 100 script kiddy obsfucation lol
       const a = "austin";