Display anniversary year count of Cassette Beasts releases on tht hero top bar

_site/assets/css/cassettebeasts.css

@@ -30,6 +30,10 @@
     --clr-main-footer-bg: #9b59b6;
 }
 
+.hero__top-bar {
+    color: var(--clr-navbar-link);
+}
+
 .footer {
     color: var(--clr-navbar-link);
 }

_site/feed.xml

@@ -4,7 +4,7 @@
     <subtitle>Leilukin&#39;s personal website.</subtitle>
     <link href="https://leilukin.neocities.org/feed.xml" rel="self"/>
     <link href="https://leilukin.neocities.org"/>
-    <updated>2024-04-23T07:56:04Z</updated>
+    <updated>2024-04-23T08:12:34Z</updated>
     <id>https://leilukin.neocities.org</id>
     <author>
         <name>Leilukin</name>

_site/shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone/index.html

@@ -114,22 +114,28 @@
 
         if (month == 4 && day == 26)
             return "CB Anniversary";
-        else if (month == 9 && day == 12)
+        else if (month == 10 && day == 4)
             return "Pier Anniversary";
         else
             return "No event";
     }
 
     function getBlurbHtml(day) {
+        const currentYear = new Date().getFullYear();
+        const cbReleaseDate = new Date("2023-04-26").getFullYear();
+        const pierReleaseDate = new Date("2023-10-04").getFullYear();
+        const cbAnniversary = currentYear - cbReleaseDate;
+        const pierAnniversary = currentYear - pierReleaseDate;
+
         switch (day) {
             case "CB Anniversary":
                 return `
-                    Today is the anniversary of the release of <cite>Cassette Beasts</cite>!
+                    Today is the ${cbAnniversary}-year anniversary of the release of <cite>Cassette Beasts</cite>!
                 `;
                 break;
             case "Pier Anniversary":
                 return `
-                    Today is the anniversary of the release of <cite>Pier of the Unknown</cite>, the first DLC expansion of <cite>Cassette Beasts</cite>!
+                    Today is the ${pierAnniversary}-year anniversary of the release of <cite>Pier of the Unknown</cite>, the first DLC expansion of <cite>Cassette Beasts</cite>!
                 `;
                 break;
             default:

_site/shrines/cassettebeasts/articles/index.html

@@ -114,22 +114,28 @@
 
         if (month == 4 && day == 26)
             return "CB Anniversary";
-        else if (month == 9 && day == 12)
+        else if (month == 10 && day == 4)
             return "Pier Anniversary";
         else
             return "No event";
     }
 
     function getBlurbHtml(day) {
+        const currentYear = new Date().getFullYear();
+        const cbReleaseDate = new Date("2023-04-26").getFullYear();
+        const pierReleaseDate = new Date("2023-10-04").getFullYear();
+        const cbAnniversary = currentYear - cbReleaseDate;
+        const pierAnniversary = currentYear - pierReleaseDate;
+
         switch (day) {
             case "CB Anniversary":
                 return `
-                    Today is the anniversary of the release of <cite>Cassette Beasts</cite>!
+                    Today is the ${cbAnniversary}-year anniversary of the release of <cite>Cassette Beasts</cite>!
                 `;
                 break;
             case "Pier Anniversary":
                 return `
-                    Today is the anniversary of the release of <cite>Pier of the Unknown</cite>, the first DLC expansion of <cite>Cassette Beasts</cite>!
+                    Today is the ${pierAnniversary}-year anniversary of the release of <cite>Pier of the Unknown</cite>, the first DLC expansion of <cite>Cassette Beasts</cite>!
                 `;
                 break;
             default:

_site/shrines/cassettebeasts/featured/index.html

@@ -114,22 +114,28 @@
 
         if (month == 4 && day == 26)
             return "CB Anniversary";
-        else if (month == 9 && day == 12)
+        else if (month == 10 && day == 4)
             return "Pier Anniversary";
         else
             return "No event";
     }
 
     function getBlurbHtml(day) {
+        const currentYear = new Date().getFullYear();
+        const cbReleaseDate = new Date("2023-04-26").getFullYear();
+        const pierReleaseDate = new Date("2023-10-04").getFullYear();
+        const cbAnniversary = currentYear - cbReleaseDate;
+        const pierAnniversary = currentYear - pierReleaseDate;
+
         switch (day) {
             case "CB Anniversary":
                 return `
-                    Today is the anniversary of the release of <cite>Cassette Beasts</cite>!
+                    Today is the ${cbAnniversary}-year anniversary of the release of <cite>Cassette Beasts</cite>!
                 `;
                 break;
             case "Pier Anniversary":
                 return `
-                    Today is the anniversary of the release of <cite>Pier of the Unknown</cite>, the first DLC expansion of <cite>Cassette Beasts</cite>!
+                    Today is the ${pierAnniversary}-year anniversary of the release of <cite>Pier of the Unknown</cite>, the first DLC expansion of <cite>Cassette Beasts</cite>!
                 `;
                 break;
             default:

_site/shrines/cassettebeasts/gamelog/index.html

@@ -114,22 +114,28 @@
 
         if (month == 4 && day == 26)
             return "CB Anniversary";
-        else if (month == 9 && day == 12)
+        else if (month == 10 && day == 4)
             return "Pier Anniversary";
         else
             return "No event";
     }
 
     function getBlurbHtml(day) {
+        const currentYear = new Date().getFullYear();
+        const cbReleaseDate = new Date("2023-04-26").getFullYear();
+        const pierReleaseDate = new Date("2023-10-04").getFullYear();
+        const cbAnniversary = currentYear - cbReleaseDate;
+        const pierAnniversary = currentYear - pierReleaseDate;
+
         switch (day) {
             case "CB Anniversary":
                 return `
-                    Today is the anniversary of the release of <cite>Cassette Beasts</cite>!
+                    Today is the ${cbAnniversary}-year anniversary of the release of <cite>Cassette Beasts</cite>!
                 `;
                 break;
             case "Pier Anniversary":
                 return `
-                    Today is the anniversary of the release of <cite>Pier of the Unknown</cite>, the first DLC expansion of <cite>Cassette Beasts</cite>!
+                    Today is the ${pierAnniversary}-year anniversary of the release of <cite>Pier of the Unknown</cite>, the first DLC expansion of <cite>Cassette Beasts</cite>!
                 `;
                 break;
             default:

_site/shrines/cassettebeasts/index.html

@@ -114,22 +114,28 @@
 
         if (month == 4 && day == 26)
             return "CB Anniversary";
-        else if (month == 9 && day == 12)
+        else if (month == 10 && day == 4)
             return "Pier Anniversary";
         else
             return "No event";
     }
 
     function getBlurbHtml(day) {
+        const currentYear = new Date().getFullYear();
+        const cbReleaseDate = new Date("2023-04-26").getFullYear();
+        const pierReleaseDate = new Date("2023-10-04").getFullYear();
+        const cbAnniversary = currentYear - cbReleaseDate;
+        const pierAnniversary = currentYear - pierReleaseDate;
+
         switch (day) {
             case "CB Anniversary":
                 return `
-                    Today is the anniversary of the release of <cite>Cassette Beasts</cite>!
+                    Today is the ${cbAnniversary}-year anniversary of the release of <cite>Cassette Beasts</cite>!
                 `;
                 break;
             case "Pier Anniversary":
                 return `
-                    Today is the anniversary of the release of <cite>Pier of the Unknown</cite>, the first DLC expansion of <cite>Cassette Beasts</cite>!
+                    Today is the ${pierAnniversary}-year anniversary of the release of <cite>Pier of the Unknown</cite>, the first DLC expansion of <cite>Cassette Beasts</cite>!
                 `;
                 break;
             default:

_site/shrines/cassettebeasts/resources/index.html

@@ -114,22 +114,28 @@
 
         if (month == 4 && day == 26)
             return "CB Anniversary";
-        else if (month == 9 && day == 12)
+        else if (month == 10 && day == 4)
             return "Pier Anniversary";
         else
             return "No event";
     }
 
     function getBlurbHtml(day) {
+        const currentYear = new Date().getFullYear();
+        const cbReleaseDate = new Date("2023-04-26").getFullYear();
+        const pierReleaseDate = new Date("2023-10-04").getFullYear();
+        const cbAnniversary = currentYear - cbReleaseDate;
+        const pierAnniversary = currentYear - pierReleaseDate;
+
         switch (day) {
             case "CB Anniversary":
                 return `
-                    Today is the anniversary of the release of <cite>Cassette Beasts</cite>!
+                    Today is the ${cbAnniversary}-year anniversary of the release of <cite>Cassette Beasts</cite>!
                 `;
                 break;
             case "Pier Anniversary":
                 return `
-                    Today is the anniversary of the release of <cite>Pier of the Unknown</cite>, the first DLC expansion of <cite>Cassette Beasts</cite>!
+                    Today is the ${pierAnniversary}-year anniversary of the release of <cite>Pier of the Unknown</cite>, the first DLC expansion of <cite>Cassette Beasts</cite>!
                 `;
                 break;
             default:

_site/shrines/cassettebeasts/trivia/index.html

@@ -114,22 +114,28 @@
 
         if (month == 4 && day == 26)
             return "CB Anniversary";
-        else if (month == 9 && day == 12)
+        else if (month == 10 && day == 4)
             return "Pier Anniversary";
         else
             return "No event";
     }
 
     function getBlurbHtml(day) {
+        const currentYear = new Date().getFullYear();
+        const cbReleaseDate = new Date("2023-04-26").getFullYear();
+        const pierReleaseDate = new Date("2023-10-04").getFullYear();
+        const cbAnniversary = currentYear - cbReleaseDate;
+        const pierAnniversary = currentYear - pierReleaseDate;
+
         switch (day) {
             case "CB Anniversary":
                 return `
-                    Today is the anniversary of the release of <cite>Cassette Beasts</cite>!
+                    Today is the ${cbAnniversary}-year anniversary of the release of <cite>Cassette Beasts</cite>!
                 `;
                 break;
             case "Pier Anniversary":
                 return `
-                    Today is the anniversary of the release of <cite>Pier of the Unknown</cite>, the first DLC expansion of <cite>Cassette Beasts</cite>!
+                    Today is the ${pierAnniversary}-year anniversary of the release of <cite>Pier of the Unknown</cite>, the first DLC expansion of <cite>Cassette Beasts</cite>!
                 `;
                 break;
             default:

src/_includes/cassettebeasts/hero.njk

@@ -20,22 +20,28 @@
 
         if (month == 4 && day == 26)
             return "CB Anniversary";
-        else if (month == 9 && day == 12)
+        else if (month == 10 && day == 4)
             return "Pier Anniversary";
         else
             return "No event";
     }
 
     function getBlurbHtml(day) {
+        const currentYear = new Date().getFullYear();
+        const cbReleaseDate = new Date("2023-04-26").getFullYear();
+        const pierReleaseDate = new Date("2023-10-04").getFullYear();
+        const cbAnniversary = currentYear - cbReleaseDate;
+        const pierAnniversary = currentYear - pierReleaseDate;
+
         switch (day) {
             case "CB Anniversary":
                 return `
-                    Today is the anniversary of the release of <cite>Cassette Beasts</cite>!
+                    Today is the ${cbAnniversary}-year anniversary of the release of <cite>Cassette Beasts</cite>!
                 `;
                 break;
             case "Pier Anniversary":
                 return `
-                    Today is the anniversary of the release of <cite>Pier of the Unknown</cite>, the first DLC expansion of <cite>Cassette Beasts</cite>!
+                    Today is the ${pierAnniversary}-year anniversary of the release of <cite>Pier of the Unknown</cite>, the first DLC expansion of <cite>Cassette Beasts</cite>!
                 `;
                 break;
             default:

src/assets/css/cassettebeasts.css

@@ -30,6 +30,10 @@
     --clr-main-footer-bg: #9b59b6;
 }
 
+.hero__top-bar {
+    color: var(--clr-navbar-link);
+}
+
 .footer {
     color: var(--clr-navbar-link);
 }