Skip to content

Commit

Permalink
SQUASHME: run prettier --write against all checked files
Browse files Browse the repository at this point in the history
  • Loading branch information
chrisvogt committed Dec 2, 2024
1 parent a3aff38 commit b4ff684
Show file tree
Hide file tree
Showing 12 changed files with 92 additions and 49 deletions.
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
],
"scripts": {
"develop": "yarn workspace www.chrisvogt.me develop:https",
"format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,css,md}\"",
"format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,css,md,mdx}\"",
"lint": "eslint",
"postinstall": "node index.js",
"prepare": "husky install",
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
banner: https://res.cloudinary.com/chrisvogt/image/upload/v1722120224/photos/2019-christmas-in-la/la-visit-banner.jpg
title: Christmas 2019 in Los Angeles
date: '2019-12-28T21:00:00.000Z'
category: "photography/events"
category: 'photography/events'
slug: christmas-2019-in-la
keywords: [world pride, NYC, street photography, photo gallery, Pride 2019]
description: >
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,19 @@ title: The Evolution of My Personal Website
date: '2024-06-18T20:21:00.000Z'
category: meta
slug: '2024-evolution-of-this-blog'
keywords: [journal, software engineering, personal blog, web development, website evolution, GatsbyJS, React, personal website, career growth, tech blog]
keywords:
[
journal,
software engineering,
personal blog,
web development,
website evolution,
GatsbyJS,
React,
personal website,
career growth,
tech blog
]
description: >
Explore the 12-year evolution of Chris Vogt's personal website, detailing its transformation from a basic PHP site to a sophisticated GatsbyJS and React application.
excerpt: >
Expand All @@ -17,7 +29,7 @@ Building this website has been a personal hobby project of mine for the last 12

When I first created chrisvogt.me, I was working freelance for a real estate company, building and maintaining Realtor websites with CakePHP and WordPress Multisite. I wanted a hobby project that would allow me to grow my skills, investigate tech I was interested in, and have some place online to call mine.

So I started a 4-page personal site with a dashboard home page that surfaced my GitHub activity, repositories, Twitter posts, and my StumbleUpon feed. *Who else remembers [StumbleUpon](https://en.wikipedia.org/wiki/StumbleUpon)?*
So I started a 4-page personal site with a dashboard home page that surfaced my GitHub activity, repositories, Twitter posts, and my StumbleUpon feed. _Who else remembers [StumbleUpon](https://en.wikipedia.org/wiki/StumbleUpon)?_

Using the tools I was familiar with at the time—PHP and WordPress—I created [this early version](https://github.com/chrisvogt/cakephp-devsite), a nascent form of what exists today.

Expand All @@ -43,7 +55,11 @@ So I rewrote my personal website to better match the tech I used at work. I want

To handle API rate limits and server-side calls, I created a [Personal Stats API](https://github.com/chrisvogt/stats) using CakePHP, tracking time spent coding and visualizing the data on my stats subdomain. For a while it was also the backend behind my home page widgets.

<img className='solid-background' alt='Data flow diagram for my personal website v1.x.' src='https://res.cloudinary.com/chrisvogt/image/upload/v1718781949/posts/2019-data-diagram.webp' />
<img
className='solid-background'
alt='Data flow diagram for my personal website v1.x.'
src='https://res.cloudinary.com/chrisvogt/image/upload/v1718781949/posts/2019-data-diagram.webp'
/>

I had a front end report published on my stats subdomain visualizing the amount of time I was spending coding on my personal projects and breaking down the file types I was editing. I used [a time-tracking editor extension named WakaTime](https://wakatime.com/) to track my time spent in Sublime, Notepad and VS Code, and it provided the data I used for the visualizations.

Expand All @@ -59,7 +75,11 @@ This experience led me to rewrite my front end using GatsbyJS + React with the i

After replacing the front end, I replaced my Personal Stats API with [metrics.chrisvogt.me](https://github.com/chrisvogt/metrics), an API and collection of Node.js scripts deployed to Google Cloud Platform with Firebase that run on scheduled jobs and update a Firestore database. The current version of my website still uses these technologies.

<img className='solid-background' alt="My website's architecture as of June 2024." src='https://res.cloudinary.com/chrisvogt/image/upload/v1718782557/posts/2024-data-diagram.webp' />
<img
className='solid-background'
alt="My website's architecture as of June 2024."
src='https://res.cloudinary.com/chrisvogt/image/upload/v1718782557/posts/2024-data-diagram.webp'
/>

## Where I’m At Now

Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
banner: https://res.cloudinary.com/chrisvogt/image/upload/v1720378972/chrisvogt-me/thumbnails/belize-banner.webp
title: "Exploring Belize: Ambergris Caye, Caye Caulker, and the Belize Barrier Reef"
title: 'Exploring Belize: Ambergris Caye, Caye Caulker, and the Belize Barrier Reef'
date: '2024-07-07T09:00:00.000Z'
category: photography/travel
slug: belize
Expand All @@ -15,22 +15,23 @@ import { PhotoGallery } from '../../../components/PhotoGallery'
import { Themed } from '@theme-ui/mdx'
import YouTube from '../../../../theme/src/shortcodes/youtube'
import {
cayeCaulker,
cayeCaulkerFood,
drivingAroundBelize,
exploringSanPedro,
flightHome,
gettingToBelize,
iguanas,
secretBeach,
swimmingWithSharks,
whereWeStayed
cayeCaulker,
cayeCaulkerFood,
drivingAroundBelize,
exploringSanPedro,
flightHome,
gettingToBelize,
iguanas,
secretBeach,
swimmingWithSharks,
whereWeStayed
} from './photos'

In July 2023, I spent the first week exploring Belize with my partner on his family's "let's travel somewhere outside of the country" vacation. During my trip, I swam with sharks, stingrays, and even a manatee; savored Belizean, Caribbean, and Texan cuisine; and drove around in golf carts to discover the enchanting "Secret Beach." This photo gallery captures my visits to Ambergris
Caye, Caye Caulker, and the Belize Barrier Reef, highlighting the natural beauty and unique experiences of each location.

## Where is Belize?

<Themed.p sx={{ display: 'flex', flexDirection: ['column', 'row'], alignItems: 'center' }}>
Imagine the turquoise waters and white sandy beaches of the Caribbean, then picture a tropical paradise nestled between Mexico and Guatemala on the Yucatán Peninsula. That’s Belize! It’s a small, English-speaking country in Central America with lush jungles, ancient Mayan ruins, and the second-largest coral reef in the world, just a short flight away from the southern United States.

Expand Down Expand Up @@ -84,12 +85,12 @@ San Pedro is the main town on Ambergris Caye, where we went to eat, shop, and ex

Once you get into the city, you'll find a mix of local shops, restaurants, and bars, along with a few grocery stores and a bakery. We visited several local restaurants, each offering a unique experience:

* **Caramba Restaurant:** Here, you can pick your fish from a display outside, and they cook the exact fish you selected. It's a fun and interactive dining experience.
* **Charmaine's Cafe and Dessert Shop:** A great spot for a casual meal and delicious desserts.
* **The Islands Jungle Restaurant & Bar:** This place features a neat "jungle" theme, complete with a skilled guitarist playing live music, making for a memorable dining experience in a lush, green setting.
* **Island Wonder Beach Club:** Perfect for a beachside meal with stunning views.
* **Someplace South Cafebar:** A large restaurant and bar with a patio and small stage. Run by Texans who moved to Belize, it's a great spot for live music and dancing.
* **Happy’s Tequilaria:** A small dive bar and restaurant run by Texan expats. A great place to enjoy a variety of tequilas and unwind after a day of exploring.
- **Caramba Restaurant:** Here, you can pick your fish from a display outside, and they cook the exact fish you selected. It's a fun and interactive dining experience.
- **Charmaine's Cafe and Dessert Shop:** A great spot for a casual meal and delicious desserts.
- **The Islands Jungle Restaurant & Bar:** This place features a neat "jungle" theme, complete with a skilled guitarist playing live music, making for a memorable dining experience in a lush, green setting.
- **Island Wonder Beach Club:** Perfect for a beachside meal with stunning views.
- **Someplace South Cafebar:** A large restaurant and bar with a patio and small stage. Run by Texans who moved to Belize, it's a great spot for live music and dancing.
- **Happy’s Tequilaria:** A small dive bar and restaurant run by Texan expats. A great place to enjoy a variety of tequilas and unwind after a day of exploring.

San Pedro offers a vibrant and diverse dining scene, making it a highlight of our trip to Ambergris Caye.

Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
banner: https://res.cloudinary.com/chrisvogt/image/upload/v1721970365/chrisvogt-me/thumbnails/alaska-banner.webp
title: "Exploring Alaska and Victoria, Canada on my 2022 Family Vacation"
title: 'Exploring Alaska and Victoria, Canada on my 2022 Family Vacation'
date: '2024-07-08T09:00:00.000Z'
category: photography/travel
slug: alaska-victoria
Expand Down Expand Up @@ -59,7 +59,7 @@ The second day was spent at sea traveling up the Pacific Northwest coast. At one

<YouTube
sx={{ mb: 4 }}
title="Tabletop games on the Quantum of the Seas with my family"
title='Tabletop games on the Quantum of the Seas with my family'
url='https://www.youtube.com/embed/AL4n5Sj2tuI?si=G_lA9F5TCKcXUQ6P'
/>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,7 @@ Throughout the week, I received frequent alerts suggesting my laptop was lost at

<YouTube
sx={{ mb: 4 }}
title="Smoked scallops at Test Kitchen"
title='Smoked scallops at Test Kitchen'
url='https://www.youtube.com/embed/ruEVp07YV2A?si=1bjQrrQBxULTP-fL'
/>

Expand All @@ -81,7 +81,7 @@ The weather was warm and humid, with a brief, warm rain shower that lasted 10 mi

<YouTube
sx={{ mb: 4 }}
title="A brief, warm rain in Costa Maya"
title='A brief, warm rain in Costa Maya'
url='https://www.youtube.com/embed/6lyUvRL96LI?si=8sCTs8ol1hHFC9gY'
/>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,18 @@ title: How I Run This Blog for Less Than $2 a Month
date: '2024-07-25T20:21:00.000Z'
category: meta
slug: '2024-my-website-costs'
keywords: [journal, software engineering, personal blog, web development, website costs, GatsbyJS, React, personal website, tech blog]
keywords:
[
journal,
software engineering,
personal blog,
web development,
website costs,
GatsbyJS,
React,
personal website,
tech blog
]
description: >
A detailed breakdown of the minimal costs involved in running my personal blog and maintaining my online presence.
excerpt: >
Expand Down Expand Up @@ -54,12 +65,20 @@ This website currently costs me $1.79 per month to keep online. If you include m
<td>$0.00 (Free Tier)</td>
</tr>
<tr>
<td style={{ textAlign: 'right' }}><strong>Total Website Costs</strong></td>
<td><strong>$1.79</strong></td>
<td style={{ textAlign: 'right' }}>
<strong>Total Website Costs</strong>
</td>
<td>
<strong>$1.79</strong>
</td>
</tr>
<tr>
<td style={{ textAlign: 'right' }}><strong>Total Including Email</strong></td>
<td><strong>$8.99</strong></td>
<td style={{ textAlign: 'right' }}>
<strong>Total Including Email</strong>
</td>
<td>
<strong>$8.99</strong>
</td>
</tr>
</tbody>
</Table>
Expand Down
2 changes: 1 addition & 1 deletion www.chrisvogt.me/content/music/2020-03-29-2020-intro.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -40,4 +40,4 @@ I once shared my music under the name "Find Me By Midnight," and I'm excited to
Thank you for joining me on this adventure. Stay tuned for more music, stories, and moments of inspiration.

Sincerely,
Chris
Chris
Original file line number Diff line number Diff line change
Expand Up @@ -23,4 +23,4 @@ Playing this piece always brings a sense of peace and reflection. I hope you enj

Feel free to leave your thoughts and feedback in the comments.

Happy listening! 🎹
Happy listening! 🎹
4 changes: 2 additions & 2 deletions www.chrisvogt.me/content/music/2024-06-16-my-love.mdx
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
banner: https://res.cloudinary.com/chrisvogt/image/upload/v1718590087/chrisvogt-me/thumbnails/my-love-banner.webp
title: "Piano Practice Session: \"My Love\" by Paul and Linda McCartney"
title: 'Piano Practice Session: "My Love" by Paul and Linda McCartney'
date: '2024-06-16T21:00:01.100Z'
category: music
slug: 2024-my-love
Expand All @@ -27,4 +27,4 @@ Here's my setup for this recording:
- **Monitors**: Yamaha HS8
- **DAW**: Ableton Live! 11

I hope you enjoy this rendition of "My Love" as much as I enjoyed playing and recording it. Feel free to leave your thoughts in the comments or message me with any song recommendations you think I might like.
I hope you enjoy this rendition of "My Love" as much as I enjoyed playing and recording it. Feel free to leave your thoughts in the comments or message me with any song recommendations you think I might like.
17 changes: 10 additions & 7 deletions www.chrisvogt.me/content/music/2024-07-04-starry-acoustic.mdx
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
---
banner: https://res.cloudinary.com/chrisvogt/image/upload/v1720131396/chrisvogt-me/thumbnails/starry-banner.webp
title: "Reviving \"Starry\": An Original Song I Wrote and Recorded"
date: "2024-07-04T21:00:01.100Z"
title: 'Reviving "Starry": An Original Song I Wrote and Recorded'
date: '2024-07-04T21:00:01.100Z'
category: music
slug: starry
keywords: ["music", "journal", "Find Me by Midnight", "indie pop", "acoustic"]
keywords: ['music', 'journal', 'Find Me by Midnight', 'indie pop', 'acoustic']
description: >
Chris Vogt shares the story behind his song "Starry," originally released under the band name Find Me by Midnight, and his plans to re-record it with his current skills.
excerpt: >
Expand All @@ -13,7 +13,7 @@ type: media
soundcloudId: 9810593
---

import { jsx } from 'theme-ui';
import { jsx } from 'theme-ui'

Hi, 👋 I want to share a song that I wrote in the 2000s called "Starry." At the time, I was renting a band practice room in Tempe, Arizona, where I was learning to play various instruments and teaching myself how to compose, track, and create music using Ableton Live! and a cheap MIDI controller.

Expand All @@ -27,9 +27,12 @@ The lyrics are simple and repeating.

<blockquote style={{ fontSize: '1.5em', marginBottom: '2em' }}>
<p>
<em>A little starry, a little starry I see.</em><br />
<em>A little starry, a little starry I see.</em><br />
<em>And I want you to see a little starry just like me.</em><br />
<em>A little starry, a little starry I see.</em>
<br />
<em>A little starry, a little starry I see.</em>
<br />
<em>And I want you to see a little starry just like me.</em>
<br />
</p>
</blockquote>

Expand Down
12 changes: 6 additions & 6 deletions www.chrisvogt.me/content/music/2024-10-14-ebb-tide.mdx
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
---
banner: https://res.cloudinary.com/chrisvogt/image/upload/v1728938922/chrisvogt-me/thumbnails/ebb-tide-banner.webp
title: "Piano Practice Sessions: \"Ebb Tide\" (Instrumental Cover)"
date: "2024-10-14T21:14:01.100Z"
title: 'Piano Practice Sessions: "Ebb Tide" (Instrumental Cover)'
date: '2024-10-14T21:14:01.100Z'
category: music/piano-covers
slug: ebb-tide
keywords: ["music", "piano", "practice", "instrumental", "Ebb Tide", "The Righteous Brothers"]
description: "Chris Vogt shares an instrumental piano cover of the classic song \"Ebb Tide,\" originally performed by The Righteous Brothers."
excerpt: "Listen to Chris Vogt's instrumental piano cover of \"Ebb Tide,\" a timeless song made famous by The Righteous Brothers."
keywords: ['music', 'piano', 'practice', 'instrumental', 'Ebb Tide', 'The Righteous Brothers']
description: 'Chris Vogt shares an instrumental piano cover of the classic song "Ebb Tide," originally performed by The Righteous Brothers.'
excerpt: 'Listen to Chris Vogt''s instrumental piano cover of "Ebb Tide," a timeless song made famous by The Righteous Brothers.'
type: media
soundcloudId: 1831579095
---

import { jsx } from 'theme-ui';
import { jsx } from 'theme-ui'

Hi, 👋 I want to share a new piano cover that I recorded a few months ago: "Ebb Tide." This is an instrumental version of a classic song made popular by The Righteous Brothers in the 1960s.

Expand Down

0 comments on commit b4ff684

Please sign in to comment.