From 99535f991bf5ed0d2e2801daffce7f5103d55b51 Mon Sep 17 00:00:00 2001
From: Ben Shiller <shillerben@gmail.com>
Date: Sun, 7 Sep 2025 21:51:21 -0500
Subject: [PATCH] Make single page and update info

---
 pages/About.vue  | 30 ----------------------
 pages/Resume.vue | 25 ------------------
 pages/index.vue  | 66 +++++++++++++++++++++++++++++++++++-------------
 publish.sh       |  4 +--
 4 files changed, 50 insertions(+), 75 deletions(-)
 delete mode 100644 pages/About.vue
 delete mode 100644 pages/Resume.vue

diff --git a/pages/About.vue b/pages/About.vue
deleted file mode 100644
index 37c020a..0000000
--- a/pages/About.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<script setup lang="ts">
-</script>
-
-<template>
-  <div class="bg-dark-blue min-h-max h-screen">
-    <div class="bg-blue w-screen">
-      <NavBar/>
-      <div class="flex flex-col items-center gap-8">
-        <div class="position-self-center my-4 text-white text-4xl lg:text-8xl text-center">Ben Shiller</div>
-        <div class="justify-self-end flex flex-row gap-8 lg:gap-32">
-          <LinkIconText img-src="/logos/github.svg" link="https://github.com/shillerben">GitHub</LinkIconText>
-          <LinkIconText img-src="/logos/gitea.svg" link="https://git.shillerben.com/shillerben">Gitea</LinkIconText>
-          <LinkIconText img-src="/logos/linkedin.svg" link="https://www.linkedin.com/in/ben-shiller/">LinkedIn</LinkIconText>
-        </div>
-      </div>
-    </div>
-    <div class="bg-dark-blue p-4">
-      <div class="flex flex-col text-white mx-auto lg:w-1/2 content-center">
-        <p class="text-xl lg:text-2xl text-left py-2">
-          Welcome to my website! My name is Ben Shiller, and I'm a Software Engineer at Innovative Signal Analysis.
-          I received my M.S. in Computer Science from the University of Texas at Austin in 2025 and a
-          B.S. in Computer Engineering from Texas A&M University in 2020.
-        </p>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style>
-</style>
diff --git a/pages/Resume.vue b/pages/Resume.vue
deleted file mode 100644
index ed77404..0000000
--- a/pages/Resume.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<script setup lang="ts">
-</script>
-
-<template>
-  <div class="bg-dark-blue bg-cover min-h-screen">
-    <NavBar/>
-    <div class="flex flex-col place-content-center p-8">
-      <p class="text-white text-xl lg:text-3xl text-center">
-        This page is a work in progress. You can check out my projects on my <a href="https://git.shillerben.com" class="text-turquoise">Gitea</a>
-        and on my <a href="https://github.com/shillerben" class="text-turquoise">GitHub</a>.
-      </p>
-    </div>
-    <!-- <div>
-      <h1 class="text-white text-xl lg:text-3xl text-center">Reinforcement Learning with SuperTuxKart</h1>
-      <h1 class="text-white text-xl lg:text-3xl text-center">Battlesnake</h1>
-      <h1 class="text-white text-xl lg:text-3xl text-center">FilePlayer</h1>
-    </div> -->
-  </div>
-</template>
-
-<style scoped>
-/* h1 {
-  color: white;
-} */
-</style>
diff --git a/pages/index.vue b/pages/index.vue
index afe14f8..89d54b4 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,40 +1,70 @@
 <script setup lang="ts">
-useHead({
-  title: 'Ben Shiller',
-  meta: [
-    { name: 'description', content: "Ben Shiller" }
-  ],
+useSeoMeta({
+  title: "Ben Shiller",
+  ogTitle: "Ben Shiller",
+  description: "Software Engineer passionate about high performance software",
+  ogDescription: "Software Engineer passionate about high performance software",
 })
+
 const config = useAppConfig()
 const bg_img_style = ref("background-image: url(" + config.cdnURL + "/homepage-bg2-1080p.png)")
-const portrait_img = ref(`${config.cdnURL}/portrait.png`)
+const portrait_img = ref(`${config.cdnURL}/me_large_cropped_circle.png`)
 </script>
 
 <template>
   <div id="background" class="bg-black bg-cover bg-center bg-no-repeat bg-fixed" :style="bg_img_style">
-    <div class="flex place-content-center h-screen w-screen">
+    <div class="flex place-content-center h-screen w-screen bg-dark-blue/40">
       <div class="flex flex-col lg:flex-row place-content-center gap-4 lg:gap-8">
-        <img :src="portrait_img" class="mx-auto lg:my-auto justify-self-center lg:justify-self-end w-64 h-64 lg:w-96 lg:h-96"/>
+        <img :src="portrait_img" class="mx-auto lg:my-auto justify-self-center lg:justify-self-end w-32 h-32 lg:w-48 lg:h-48"/>
         <div class="flex flex-col gap-4 place-content-center place-self-center lg:justify-self-start">
           <p class="text-center text-white text-xl lg:text-2xl w-64 lg:w-96">
-            Howdy! My name is Ben Shiller, and I am a Software Engineer passionate about building highly performant, resilient,
-            and maintainable software.
+            Howdy! I'm Ben Shiller, a Software Engineer passionate about high-performance, resilient, and maintainable systems.
           </p>
-          <div class="flex flex-row gap-4 place-content-start lg:place-content-center">
-            <a href="/about" class="border-white border-4 h-8 w-28">
-              <div class="text-center">
-                <div class="text-white">About Me</div>
-              </div>
-            </a>
+          <div class="flex flex-row gap-4 place-self-center place-content-start lg:place-content-center">
+            <LinkIconText img-src="/logos/linkedin.svg" link="https://www.linkedin.com/in/ben-shiller/">LinkedIn</LinkIconText>
+            <LinkIconText img-src="/logos/github.svg" link="https://github.com/shillerben">GitHub</LinkIconText>
+          </div>
+          <!-- <div class="flex flex-row gap-4 place-content-start lg:place-content-center">
             <a href="/resume" class="border-white border-4 h-8 w-28">
               <div class="text-center">
-                <div class="text-white">Resume</div>
+                <div class="text-white">resume</div>
               </div>
             </a>
-          </div>
+          </div> -->
         </div>
       </div>
     </div>
+    <div class="bg-dark-blue/70 p-4">
+      <div class="flex flex-col text-white mx-auto lg:w-1/2 content-center">
+        <p class="text-l lg:text-2xl text-left py-2">
+          It all started in my sophomore year of high school when my curiosity about how computers worked led me to Udacity.
+          I enrolled in <i>Introduction to Programming</i> and wrote my first lines of Python. That course lit a spark, and
+          soon I was experimenting on a Raspberry Pi blinking LEDs, modding Minecraft, and even synthesizing music. I
+          loved seeing how code could bring hardware to life.
+        </p>
+        <p class="text-l lg:text-2xl text-left py-2">
+          I went on to study Computer Engineering at Texas A&M University, where I gained a solid foundation in both Computer
+          Science and Electrical Engineering. That's where I discovered the power of C++ and the thrill of having full control
+          over a program.
+        </p>
+        <p class="text-l lg:text-2xl text-left py-2">
+          I joined Innovative Signals Analysis after graduating and have spent the past five years developing
+          event-driven microservices for high-performance, fault-tolerant systems, leveraging technologies
+          such as Kubernetes, Python, C++, RabbitMQ, and S3.
+        </p>
+        <p class="text-l lg:text-2xl text-left py-2">
+          Alongside my professional work, I earned an M.S. in Computer Science from the University of Texas at Austin.
+          My graduate studies deepened my understanding of parallel computing, operating systems, and machine learning.
+        </p>
+        <p class="text-l lg:text-2xl text-left py-2">
+          Today, I'm exploring Rust to build secure, efficient software that interacts closely with hardware.
+        </p>
+        <p class="text-l lg:text-2xl text-left py-2">
+          I'm always eager to connect with fellow engineering enthusiasts! Explore my <a class="text-turquoise" href="https://github.com/shillerben">GitHub</a>
+          or drop me a message via <a class="text-turquoise" href="https://www.linkedin.com/in/ben-shiller/">LinkedIn</a> to chat.
+        </p>
+      </div>
+    </div>
   </div>
 </template>
 
diff --git a/publish.sh b/publish.sh
index f00809d..54b7af5 100755
--- a/publish.sh
+++ b/publish.sh
@@ -2,7 +2,7 @@
 
 npm run build
 
-sudo docker build -t docker.shillerben.com/shillerben-nuxt .
-sudo docker push docker.shillerben.com/shillerben-nuxt
+podman build --arch amd64 -t docker.shillerben.com/shillerben-nuxt .
+podman push docker.shillerben.com/shillerben-nuxt
 
 kubectl -n shillerben-com rollout restart deployment shillerben-homepage
\ No newline at end of file