Tweaked some things, hid some sections

app/app.vue

@@ -1,3 +1,8 @@
+<!--
+TODO:
+- Add a case study type section where I showcase things i've built during my career
+-->
+
 <script setup lang="ts">
 import '~/assets/css/main.css';
 

app/layouts/main.vue

@@ -17,9 +17,12 @@ const toggleTheme = () => {
 };
 
 const { $gsap } = useNuxtApp();
-const pageEl = ref<HTMLElement | null>(null);
+const pageEl = useTemplateRef('pageEl');
+const initialized = ref(false);
 
 onMounted(() => {
+    initialized.value = true;
+
     if (!$gsap || !pageEl.value || introPlayed) return;
     introPlayed = true;
 
@@ -72,7 +75,7 @@ onMounted(() => {
 </script>
 
 <template>
-    <div>
+    <div v-show="initialized">
         <svg width="0" height="0" aria-hidden="true" style="position: absolute">
             <filter id="grainy" x="0" y="0" width="100%" height="100%">
                 <feTurbulence

app/pages/index.vue

@@ -74,8 +74,12 @@ onMounted(() => {
 <template>
     <div ref="pageRoot">
         <NuxtLayout name="main">
-            <section class="projects">
+            <!-- <section class="work">
                 <h5>Selected Work</h5>
+                <div class="section__content"></div>
+            </section> -->
+            <section class="projects">
+                <h5>Projects</h5>
                 <div class="section__content">
                     <a
                         href="https://unicord.hat.fish/"
@@ -114,25 +118,22 @@ onMounted(() => {
             <section class="about">
                 <h5>About</h5>
                 <div class="section__content">
-                    <p>
+                    <p>I build things to solve problems from the ground up.</p>
-                        I enjoy the entire process of building things; backend,
-                        frontend, product, etc.
-                    </p>
                     <p>
                         I left school and my job at Chick-fil-A in 2022 to write
                         code full time. It's definitely one of the best
-                        decisions I've ever made. I've learned so much since
+                        decisions I've ever made. I've learned a lot since then
-                        then and
+                        and
                         <em>still</em> have so much more to learn.
                     </p>
                     <p>
-                        If you want to build something cool or connect hit me
+                        If you want to build something cool or connect hit me up
-                        up! I still dont know enough people to form a band yet
+                        — we'll grab a coffee or beer in you're in Austin! I
-                        ;)
+                        still dont know enough people to form a band yet ;)
                     </p>
                 </div>
             </section>
-            <section class="photos">
+            <!-- <section class="photos">
                 <h5>Photos</h5>
                 <div class="section__content">
                     <div class="photo-grid">
@@ -210,7 +211,7 @@ onMounted(() => {
                         </div>
                     </div>
                 </div>
-            </section>
+            </section> -->
         </NuxtLayout>
     </div>
 </template>

bun.lock

@@ -7,6 +7,7 @@
       "dependencies": {
         "@nuxt/content": "3.13.0",
         "better-sqlite3": "^12.9.0",
+        "chalk": "^5.6.2",
         "gsap": "^3.15.0",
         "nuxt": "^4.4.2",
         "vue": "^3.5.33",
@@ -710,6 +711,8 @@
 
     "ccount": ["ccount@2.0.1", "", {}, "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg=="],
 
+    "chalk": ["chalk@5.6.2", "", {}, "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA=="],
+
     "char-regex": ["char-regex@1.0.2", "", {}, "sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw=="],
 
     "character-entities": ["character-entities@2.0.2", "", {}, "sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ=="],

package.json

@@ -13,6 +13,7 @@
     "dependencies": {
         "@nuxt/content": "3.13.0",
         "better-sqlite3": "^12.9.0",
+        "chalk": "^5.6.2",
         "gsap": "^3.15.0",
         "nuxt": "^4.4.2",
         "vue": "^3.5.33",

server/middleware/curl.ts

@@ -0,0 +1,41 @@
+import chalk from 'chalk';
+
+export default defineEventHandler(async (event) => {
+    const userAgent = getRequestHeader(event, 'user-agent') || '';
+
+    if (userAgent.startsWith('curl/')) {
+        const path = event.path;
+
+        if (path === '/') {
+            setResponseHeader(
+                event,
+                'content-type',
+                'text/plain; charset=utf-8',
+            );
+            const padding = chalk.reset('    ');
+            return (
+                chalk.bgGray(`\
+
+${padding}░█░█░█▀▀░█░░░█░░░█▀█░░░░░░░▀█▀░▀░█▄█░░░▀▀█░█▀█░█▀▄░█▀█░█▀█
+${padding}░█▀█░█▀▀░█░░░█░░░█░█░░░░░░░░█░░░░█░█░░░░░█░█▀█░█▀▄░█░█░█░█
+${padding}░▀░▀░▀▀▀░▀▀▀░▀▀▀░▀▀▀░▄▀░░░░▀▀▀░░░▀░▀░░░▀▀░░▀░▀░▀░▀░▀▀▀░▀░▀
+${padding}
+${padding}┌ About ─────────────────────────────────────────────────────────────────────┐
+${padding}│                                                                            │
+${padding}│ I build things to solve problems from the ground up.                       │
+${padding}│                                                                            │
+${padding}│ I left school and my job at Chick-fil-A in 2022 to write code full time.   │
+${padding}│ It's definitely one of the best decisions I've ever made.                  │
+${padding}│ I've learned a lot since then and still have so much more to learn.        │
+${padding}│                                                                            │
+${padding}│ If you want to build something cool or connect hit me up                   │
+${padding}│ we'll grab a coffee or beer in you're in Austin!                           │
+${padding}│                                                                            │
+${padding}└────────────────────────────────────────────────────────────────────────────┘
+${padding}
+${padding} Austin, TX                                                         yo@jp.wtf
+`) + '\n'
+            );
+        }
+    }
+});