Make single page and update info
This commit is contained in:
parent
8c6b501522
commit
99535f991b
GPG Key ID:
7B4602B1FBF82986
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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
|
||||
Loading…
Reference in New Issue
Block a user