Merge pull request #392 from willtheorangeguy/new-year-new-me

Start with new reviews

Author: willtheorangeguy

PLANNING.md

@@ -1,7 +1,3 @@
 # Planning
 
-- [x] [#37](https://github.com/willtheorangeguy/willtheorangeguy.github.io/issues/37) Create a more welcoming first page.
-- [ ] ~~[#38](https://github.com/willtheorangeguy/willtheorangeguy.github.io/issues/38) Create individual pages for each project.~~
-- [x] [#36](https://github.com/willtheorangeguy/willtheorangeguy.github.io/issues/36) Create a blog.
-
 **More planning ideas can be found on the [Issues page](https://github.com/willtheorangeguy/willtheorangeguy.github.io/issues) or the [Projects page](https://github.com/willtheorangeguy/willtheorangeguy.github.io/projects?type=classic).**

README.md

@@ -4,7 +4,7 @@
 </h1>
 
 <!-- Copy -->
-<h4 align="center">My personal Github Pages site.</h4>
+<h4 align="center">My personal Astro + Astro Paper + Tailwind + Github Pages site.</h4>
 
 <!-- Badges -->
 <div align="center">
@@ -41,18 +41,19 @@
 
 <!-- Screenshot(s) -->
 
-![screenshot](https://github.com/willtheorangeguy/willtheorangeguy.github.io/blob/main/docs/images/homepage.png)
+![screenshot](./docs/images/welcome.jpg)
 
 ## Key Features
 
--   Welcomes the visitor with a fun, _particles.js_ splash page.
--   Shows a hacky video background.
+-   Uses the Astro build system to create a static blog.
+-   Stylized with Tailwind CSS and the Astro Paper theme.
+-   Projects, Labs, and Uses pages.
 -   Displays links to all of my personal projects.
 -   Cross platform, web browser based.
 
 ## How To Use
 
-**To access the latest version of the website visit it at [willtheorangeguy.github.io](https://willtheorangeguy.github.io/).**
+**To access the latest version of the website visit it at [williamvdg.me](https://willtheorangeguy.github.io/).**
 
 **To clone and run your own copy of this website**, you'll need [Git](https://git-scm.com/downloads) installed on your computer. If you would rather not use Git, you can just download the code from GitHub [above](https://github.com/willtheorangeguy/willtheorangeguy.github.io/archive/refs/heads/main.zip). From your command line:
 
@@ -101,23 +102,23 @@ This software uses the following open source packages, projects, services or web
 <table>
   <tr>
     <th align="center"><img src="https://raw.githubusercontent.com/github/explore/5cc0a03a302ec862c4aeac2a22a513ae31c35432/topics/astro/astro.png" width="150" height="150" alt="Astro"/></th>
-    <th align="center"><img src="https://applets.imgix.net/https%3A%2F%2Fassets.ifttt.com%2Fimages%2Fchannels%2F2107379463%2Ficons%2Fmonochrome_large.png?w=240&h=240&s=8a19bbc158996d098e2fb18310ba7f33" width="150" height="150" alt="GitHub"/></th>
+    <th align="center"><img src="https://raw.githubusercontent.com/github/explore/5cc0a03a302ec862c4aeac2a22a513ae31c35432/topics/astro/astro.png" width="150" height="150" alt="Astro Paper"/></th>
+    <th align="center"><img src="https://upload.wikimedia.org/wikipedia/commons/d/d5/Tailwind_CSS_Logo.svg" width="150" height="150" alt="Tailwind CSS"/></th>
     <th align="center"><img src="https://www.w3.org/assets/logos/w3c/w3c-no-bars.svg" width="150" height="150" alt="W3C"/></th>
-    <th align="center"><img src="https://videos.w3schools.com/files/images/w3schools_logo_500_04AA6D.png" width="150" height="150" alt="W3Schools"/></th>
     <th align="center"><img src="https://assets.simpleanalytics.com/press/logo-ratio-1-1/square.svg" width="150" height="150" alt="Simple Analytics"/></th>
   </tr>
   <tr>
     <td align="center">Astro</td>
-    <td align="center">GitHub</td>
+    <td align="center">AstroPaper</td>
+    <td align="center">Tailwind CSS</td>
     <td align="center">W3C</td>
-    <td align="center">W3Schools</td>
     <td align="center">Simple Analytics</td>
   </tr>
   <tr>
     <td align="center"><a href="https://astro.build/">Web</a></td>
-    <td align="center"><a href="https://github.com/">Web</a> - <a href="https://github.com/pricing">Plans</a></td>
+    <td align="center"><a href="https://github.com/satnaing/astro-paper">GitHub</a></td>
+    <td align="center"><a href="https://tailwindcss.com/">Web</a> - <a href="https://github.com/tailwindlabs/tailwindcss">GitHub</a></td>
     <td align="center"><a href="https://www.w3.org">Web</a> - <a href="https://www.w3.org/support/">Donate</a></td>
-    <td align="center"><a href="https://www.w3schools.com">Web</a> - <a href="https://www.w3schools.com/pro/index.php">Pro</a></td>
     <td align="center"><a href="https://simpleanalytics.com/?referral=willtheorangeguy">Web</a> - <a href="https://www.simpleanalytics.com/pricing">Plans</a></td>
   </tr>
 </table>

frontmatter.json

@@ -17,24 +17,49 @@
       "filePrefix": null,
       "clearEmpty": true,
       "fields": [
+        {
+          "title": "Author",
+          "name": "author",
+          "type": "string",
+          "single": true
+        },
+        {
+          "title": "Publishing date",
+          "name": "pubDatetime",
+          "type": "datetime",
+          "default": "{{now}}",
+          "isPublishDate": true
+        },
         {
           "title": "Title",
           "name": "title",
           "type": "string",
           "single": true
         },
+        {
+          "title": "Post Slug",
+          "name": "postSlug",
+          "type": "string",
+          "default": "{{slugify title}}",
+          "single": true
+        },
+        {
+          "title": "Featured",
+          "name": "featured",
+          "type": "boolean",
+          "default": false
+        },
+        {
+          "title": "Draft",
+          "name": "draft",
+          "type": "boolean",
+          "default": false
+        },
         {
           "title": "Description",
           "name": "description",
           "type": "string"
         },
-        {
-          "title": "Publishing date",
-          "name": "pubDate",
-          "type": "datetime",
-          "default": "{{now}}",
-          "isPublishDate": true
-        },
         {
           "title": "Content preview",
           "name": "heroImage",

public/assets/imgs/blog/sw-howlongtobeat.jpeg

@@ -0,0 +1,32 @@
+---
+author: willtheorangeguy
+pubDatetime: 2025-01-01T20:00:00.332Z
+title: A Commitment to Reviews for 2025
+postSlug: a-commitment-reviews-for-2025
+featured: true
+draft: false
+tags:
+    - blog
+    - reviews
+description: Starting in 2025, there are a lot more reviews I want to publish here, and on various channels
+---
+
+I'm not the kind of person who does New Year's Resolutions (it is actually better to do them at the start of a [new school year](https://www.psychologytoday.com/us/blog/sustainable-life-satisfaction/202408/goal-setting-and-resolutions-for-the-new-school-year)), but for this year I want to try and post more reviews to the blog and "social media" channels. Coming up with things to post can be hard, but reviewing what I am interacting with in my daily life is pretty easy. So, starting tomorrow (January 2nd), I will be synchronizing my reviews from online sites and platforms to this blog.
+
+I will also be ensuring that additional reviews are being created, on the regular, for not just podcasts, but games, TV shows, movies, and books. However, there might not be a lot of the last one since it takes me a while to read a book nowadays. I have chosen a number of sites for these reviews, and I'll link them down below, but all will also be synced to this blog, as a kind of "eternal library archive". Don't forget to check them out or leave a comment if I should expand into more review areas!
+
+## Review Platforms
+
+- Books
+  - [Bookwyrm](https://bookwyrm.social/user/willtheorangeguy)
+  - [Goodreads](https://www.goodreads.com/user/show/172220342-william-v)
+- Games
+  - [HowLongToBeat](https://howlongtobeat.com/user/lcskid/games/playing/1)
+  - [ProtonDb](https://www.protondb.com/profile) - for Linux/Steam Deck games only
+- Movies
+  - [Letterboxd](https://letterboxd.com/lcskid/)
+  - [IMDb](https://www.imdb.com/user/ur108188439/?ref_=nv_usr_prof_2)
+- Podcasts
+  - [This Blog!](http://localhost:4321/tags/podcast-review)
+- TV
+  - [Serializd](https://www.serializd.com/user/lcskid/profile)

public/assets/imgs/blog/sw-timeline.jpg

@@ -0,0 +1,34 @@
+---
+author: willtheorangeguy
+pubDatetime: 2025-01-01T18:00:17.332Z
+title: My order for Star Wars Video Games
+postSlug: my-order-for-star-wars-video-games
+featured: false
+draft: false
+tags:
+    - star-wars
+    - video-games
+    - games
+description: There are a lot of conflicting guides for Star Wars video games - so here's mine
+---
+
+I recently started re-watching all of the Star Wars cannon and non-cannon, following the official [Star Wars Eras](https://www.starwars.com/eras) guide - with a couple of my own additions of course - but I realized that they included a bunch of the video games on there. However, the Eras guide doesn't include all of the video games Star Wars has released, so I started scouring the web for a guide that had at least the majority of them in order.
+
+If you want to just play the recent, Disney-certified cannon games these guides are pretty great:
+
+ - [from IGN](https://www.ign.com/articles/star-wars-games-in-order-canon-timeline)
+ - [The Mary Sue](https://www.themarysue.com/how-to-play-every-star-wars-game-in-order/)
+
+But, for the perfectionist in me, who owns a lot of Star Wars games on Steam, I knew I needed to find a more complete list. After a bit of searching, I was able to find this one: [A Chronology of Star Wars Games](https://cheesetalks.net/star-wars-games/), which conveniently comes with a cool timeline on the left side of the page. The other benefit of this list is that it includes the LEGO Star Wars games, which are some of my personal favourites, and need a spot on the chronological list.
+
+![Star Wars Timeline Website Screenshot](/assets/imgs/blog/sw-timeline.jpg)
+
+However, this one is a little over the top (and is missing the games past ~2017), so I added all of the games I currently own to a list (or collection?) on [HowLongToBeat](https://howlongtobeat.com/user/lcskid/lists/60182/Star-Wars-Cronologically). As there are more Steam Sales, I will add more of the games to my collection, and then add them to this collection - since that is not confusing at all. For now the only challenge is to get through my chronological list up to _[Star Wars Jedi: Fallen Order](https://howlongtobeat.com/user/lcskid/lists/60182/Star-Wars-Cronologically#:~:text=star%20wars%20jedi%3A%20fallen%20order)_, before I get that far in the Star Wars Eras list. Maybe its time to make a list combining both of them and post it here?
+
+If you need an easier list there are a couple available on the internet:
+
+ - [NAG](https://www.nag.co.za/2023/05/04/how-to-play-every-significant-star-wars-game-in-chronological-order/)
+ - [Wookiepedia](https://starwars.fandom.com/wiki/Timeline_of_canon_video_games)
+ - or check out mine below:
+
+![Star Wars HowLongToBeat List Screenshot](/assets/imgs/blog/sw-howlongtobeat.jpeg)

src/content/blog/a-commitment-reviews-for-2025.md

@@ -24,8 +24,6 @@ Here is my attempt at listing every social media site I have an account on, and
 
 ## B
 
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M192 64C86 64 0 150 0 256S86 448 192 448l256 0c106 0 192-86 192-192s-86-192-192-192L192 64zM496 168a40 40 0 1 1 0 80 40 40 0 1 1 0-80zM392 304a40 40 0 1 1 80 0 40 40 0 1 1 -80 0zM168 200c0-13.3 10.7-24 24-24s24 10.7 24 24l0 32 32 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-32 0 0 32c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-32-32 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l32 0 0-32z"/></svg> [Backloggd](https://www.backloggd.com/u/lcskid/) - lcskid
-
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M232 237.2c31.8-15.2 48.4-38.2 48.4-74 0-70.6-52.6-87.8-113.3-87.8H0v354.4h171.8c64.4 0 124.9-30.9 124.9-102.9 0-44.5-21.1-77.4-64.7-89.7zM77.9 135.9H151c28.1 0 53.4 7.9 53.4 40.5 0 30.1-19.7 42.2-47.5 42.2h-79v-82.7zm83.3 233.7H77.9V272h84.9c34.3 0 56 14.3 56 50.6 0 35.8-25.9 47-57.6 47zm358.5-240.7H376V94h143.7v34.9zM576 305.2c0-75.9-44.4-139.2-124.9-139.2-78.2 0-131.3 58.8-131.3 135.8 0 79.9 50.3 134.7 131.3 134.7 61.3 0 101-27.6 120.1-86.3H509c-6.7 21.9-34.3 33.5-55.7 33.5-41.3 0-63-24.2-63-65.3h185.1c.3-4.2 .6-8.7 .6-13.2zM390.4 274c2.3-33.7 24.7-54.8 58.5-54.8 35.4 0 53.2 20.8 56.2 54.8H390.4z"/></svg> [Behance](https://www.behance.net/williamvanderg) - William V
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"/></svg> [Bit.ly](https://bit.ly/m/willtheorangeguy) - William V
@@ -76,6 +74,8 @@ Here is my attempt at listing every social media site I have an account on, and
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M0 32v448h448V32H0zm21.2 197.2H21c.1-.1 .2-.3 .3-.4 0 .1 0 .3-.1 .4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z"/></svg> [Hacker News]()
 
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M192 64C86 64 0 150 0 256S86 448 192 448l256 0c106 0 192-86 192-192s-86-192-192-192L192 64zM496 168a40 40 0 1 1 0 80 40 40 0 1 1 0-80zM392 304a40 40 0 1 1 80 0 40 40 0 1 1 -80 0zM168 200c0-13.3 10.7-24 24-24s24 10.7 24 24l0 32 32 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-32 0 0 32c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-32-32 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l32 0 0-32z"/></svg> [HowLongToBeat](https://howlongtobeat.com/user/lcskid/games/playing-backlog-retired/1) - lcskid
+
 ## I
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M89.5 323.6H53.9V186.2H89.5V323.6zM156.1 250.5L165.2 186.2H211.5V323.6H180.5V230.9L167.1 323.6H145.8L132.8 232.9L132.7 323.6H101.5V186.2H147.6C148.1 194.5 150.4 204.3 151.9 215.6L156.1 250.5zM223.7 323.6V186.2H250.3C267.3 186.2 277.3 187.1 283.3 188.6C289.4 190.3 294 192.8 297.2 196.5C300.3 199.8 302.3 203.1 303 208.5C303.9 212.9 304.4 221.6 304.4 234.7V282.9C304.4 295.2 303.7 303.4 302.5 307.6C301.4 311.7 299.4 315 296.5 317.3C293.7 319.7 290.1 321.4 285.8 322.3C281.6 323.1 275.2 323.6 266.7 323.6H223.7zM259.2 209.7V299.1C264.3 299.1 267.5 298.1 268.6 296.8C269.7 294.8 270.4 289.2 270.4 280.1V226.8C270.4 220.6 270.3 216.6 269.7 214.8C269.4 213 268.5 211.8 267.1 210.1C265.7 210.1 263 209.7 259.2 209.7V209.7zM316.5 323.6V186.2H350.6V230.1C353.5 227.7 356.7 225.2 360.1 223.5C363.7 222 368.9 221.1 372.9 221.1C377.7 221.1 381.8 221.9 385.2 223.3C388.6 224.8 391.2 226.8 393.2 229.5C394.9 232.1 395.9 234.8 396.3 237.3C396.7 239.9 396.1 245.3 396.1 253.5V292.1C396.1 300.3 396.3 306.4 395.3 310.5C394.2 314.5 391.5 318.1 387.5 320.1C383.4 324 378.6 325.4 372.9 325.4C368.9 325.4 363.7 324.5 360.2 322.9C356.7 321.1 353.5 318.4 350.6 314.9L348.5 323.6L316.5 323.6zM361.6 302.9C362.3 301.1 362.6 296.9 362.6 290.4V255C362.6 249.4 362.3 245.5 361.5 243.8C360.8 241.9 357.8 241.1 355.7 241.1C353.7 241.1 352.3 241.9 351.6 243.4C351 244.9 350.6 248.8 350.6 255V291.4C350.6 297.5 351 301.4 351.8 303C352.4 304.7 353.9 305.5 355.9 305.5C358.1 305.5 360.1 304.7 361.6 302.9L361.6 302.9zM418.4 32C434.1 33.3 447.1 47.3 447.1 63.9V448.1C447.1 464.5 435.2 478.5 418.9 479.1C418.6 479.1 418.4 480 418.1 480H29.9C29.6 480 29.3 479.1 29 479.9C13.3 478.5 1.1 466.1 0 449.7L0 61.8C1.1 45.9 13.8 33.1 30.3 31.1H417.7C417.9 31.1 418.2 32 418.4 32L418.4 32zM30.3 41.3C19 42 10 51 9.3 62.4V449.7C9.6 455.1 11.9 460.2 15.7 464C19.5 467.9 24.5 470.3 29.9 470.7H418.1C429.6 469.7 438.7 459.1 438.7 448.1V63.9C438.7 58.2 436.6 52.7 432.7 48.5C428.8 44.2 423.4 41.7 417.7 41.3L30.3 41.3z"/></svg> [IMDb](https://www.imdb.com/user/ur108188439/?ref_=nv_usr_prof_2) - @willtheorangeguy

src/content/blog/my-order-for-star-wars-video-games.md

@@ -3,7 +3,7 @@ author: willtheorangeguy
 pubDatetime: 2024-12-17T00:00:00.198Z
 title: Switching from Utterances to Giscus
 postSlug: switching-from-utterances-to-giscus
-featured: true
+featured: false
 draft: false
 tags:
     - github