2.0.0

package.json

@@ -1,6 +1,6 @@
 {
   "name": "website-headers",
-  "version": "1.5.0",
+  "version": "2.0.0",
   "description": "",
   "main": "index.js",
   "type": "module",

src/index.ts

@@ -24,7 +24,7 @@ const body = document.querySelector("body");
 const title = document.querySelector("title");
 const description = document.querySelector(`meta[name="description"]`);
 
-const { href: url, hostname } = window.location;
+const { href: url, hostname, pathname } = window.location;
 
 // #endregion
 
@@ -42,7 +42,7 @@ openGraphDescription.setAttribute("property", "og:description");
 openGraphDescription.setAttribute(
   "content",
   description?.getAttribute("content")
-    // eslint-disable-next-line stylistic/max-len
+  // eslint-disable-next-line stylistic/max-len -- big boi string
     ?? "We are a software engineering and community management consulting firm.",
 );
 const openGraphImage = document.createElement("meta");
@@ -75,7 +75,7 @@ twitterDescription.setAttribute("name", "twitter:description");
 twitterDescription.setAttribute(
   "content",
   description?.getAttribute("content")
-    // eslint-disable-next-line stylistic/max-len
+  // eslint-disable-next-line stylistic/max-len -- big boi string
     ?? "We are a software engineering and community management consulting firm.",
 );
 const twitterImage = document.createElement("meta");
@@ -112,8 +112,8 @@ styles.innerHTML = `
 }
 
 :root {
-  --foreground: #db7093;
+  --foreground: #2a0a18;
-  --background: #ffefefbb;
+  --background: #ffb6c1bb;
 }
 
 * {
@@ -152,7 +152,7 @@ main {
   width: 95%;
   max-width: 1080px;
   margin: auto;
-  margin-bottom: 105px;
+  margin-bottom: 85px;
   padding: 10px;
 }
 footer {
@@ -161,7 +161,7 @@ footer {
   background-color: var(--background);
   position: fixed;
   bottom: 0;
-  height: 95px;
+  height: 75px;
   padding: 0 10px;
 }
 #footer-inner-container {
@@ -191,39 +191,13 @@ a {
   align-items: center;
 }
 .is-dark {
-  --foreground: #ffefef;
+  --foreground: #ffb6c1;
-  --background: #db7093bb;
+  --background: #2a0a18bb;
-}
-@media screen and (prefers-reduced-motion) {
-  #footer-badge-container {
-    display: none;
-  }
-  footer, #footer-inner-container {
-    height: 75px;
-    justify-content: space-around;
-  }
-  main {
-    margin-bottom: 85px;
-  }
-}
-@media screen and (max-width: 1225px) {
-  #footer-badge-container {
-    grid-template-columns: repeat(4, 1fr);
-  }
-  footer {
-    height: 120px;
-  }
-  main {
-    margin-bottom: 130px;
-  }
 }
 @media screen and (max-width: 625px) {
   #tree-nation-offset-website {
     display: none;
   }
-  #footer-badge-container {
-    display: none;
-  }
   footer, #footer-inner-container {
     height: 50px;
     justify-content: space-around;
@@ -240,47 +214,21 @@ a {
 
 const footer = document.createElement("footer");
 footer.innerHTML = `
-<div id="footer-badge-container">
-  <img src="https://cdn.nhcarrigan.com/blinkies/bigots.gif" alt="no bigots allowed"/>
-  <img src="https://cdn.nhcarrigan.com/blinkies/blm.gif" alt="black lives matter"/>
-  <img src="https://cdn.nhcarrigan.com/blinkies/miku.gif" alt="miku fan!!!"/>
-  <img src="https://cdn.nhcarrigan.com/blinkies/neuro.gif" alt="neurodivergent pride"/>
-  <img src="https://cdn.nhcarrigan.com/blinkies/palestine.gif" alt="free palestine"/>
-  <img src="https://cdn.nhcarrigan.com/blinkies/technomancer.gif" alt="technomancer"/>
-  <img src="https://cdn.nhcarrigan.com/blinkies/trans.gif" alt="trans rights!!!"/>
-  <img src="https://cdn.nhcarrigan.com/blinkies/ukraine.gif" alt="glory to ukraine"/>
-</div>
 <div id="footer-inner-container">
-<p>&copy; Naomi Carrigan</p>
+<p>&copy; <a href="https://nhcarrigan.com" target="_blank">Naomi Carrigan</a></p>
 <a href="https://chat.nhcarrigan.com" target="_blank" rel="noreferrer">
   <i class="fa-solid fa-comments"></i>
 </a>
 <button id="theme-select-button" type="button">
   <i id="theme-select-icon" class="fa-solid fa-moon"></i>
 </button>
-<button id="audio-theme-button" type="button">
+<a href="https://buy.stripe.com/cN24iTfqu1j6b3afZ2" target="_blank" rel="noreferrer">
-  <i class="fa-solid fa-play"></i>
+  <img src="https://cdn.nhcarrigan.com/donate.png" alt="Donate" style="width: 70px; height: 70px;">
-</button>
+</a>
 <div id="tree-nation-offset-website"></div>
 </div>
 `;
 
-const videoOverlay = document.createElement("video");
-videoOverlay.autoplay = true;
-videoOverlay.loop = true;
-videoOverlay.muted = true;
-videoOverlay.playsInline = true;
-videoOverlay.src = "https://cdn.nhcarrigan.com/overlay.webm";
-videoOverlay.style.pointerEvents = "none";
-videoOverlay.style.position = "fixed";
-videoOverlay.style.top = "0";
-videoOverlay.style.left = "0";
-videoOverlay.style.opacity = "0.25";
-videoOverlay.style.width = "100vw";
-videoOverlay.style.height = "100vh";
-videoOverlay.style.objectFit = "cover";
-videoOverlay.style.zIndex = "10000";
-
 // #endregion
 
 // #region Scripts
@@ -314,6 +262,10 @@ analytics.setAttribute("domain", "nhcarrigan.com");
 analytics.src
   // eslint-disable-next-line stylistic/max-len
   = "https://analytics.nhcarrigan.com/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js";
+analytics.setAttribute("event-domain", hostname);
+analytics.setAttribute("data-domain", "nhcarrigan.com");
+analytics.setAttribute("event-page", title?.innerText ?? "Unknown Page");
+analytics.setAttribute("event-path", pathname);
 const analytics2 = document.createElement("script");
 analytics2.innerHTML = `
 window.plausible = window.plausible ??
@@ -321,6 +273,12 @@ function() {
   (window.plausible.q = window.plausible.q ?? []).push(arguments) 
 }
 `;
+const googleAdsense = document.createElement("script");
+googleAdsense.async = true;
+googleAdsense.src
+  // eslint-disable-next-line stylistic/max-len -- big boi string
+  = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3569924701890974";
+googleAdsense.setAttribute("crossorigin", "anonymous");
 
 // #endregion
 
@@ -349,9 +307,9 @@ head?.appendChild(treeNation);
 head?.appendChild(fontAwesome);
 head?.appendChild(analytics);
 head?.appendChild(analytics2);
+head?.appendChild(googleAdsense);
 
 body?.appendChild(footer);
-body?.appendChild(videoOverlay);
 body?.appendChild(treeNationBottom);
 // #endregion
 
@@ -426,7 +384,7 @@ cta.id = "community-cta";
 cta.innerHTML = `
   <h1 autofocus>Hello~!</h1>
   <div style="display: flex; justify-content: space-around; margin-bottom: 10px;">
-    <img src="https://cdn.nhcarrigan.com/profile.png" alt="Naomi Carrigan" style="width: 100px; height: 100px; border-radius: 50%;">
+    <img src="https://cdn.nhcarrigan.com/logo.png" alt="NHCarrigan Logo" style="width: 100px; height: 100px;">
     <p>
       Consider joining our community so you can keep up to date on all of our latest activities!
     </p>