release: v3.4.0

package.json

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

src/index.ts

@@ -188,7 +188,7 @@ nhcarriganHeadersStyles.innerHTML = `
 :root {
   --foreground: #8F2447;
   --background: #E1F6F9DC;
-  font-size: 20pt;
+  font-size: 12pt;
 }
 
 * {
@@ -317,6 +317,18 @@ a {
     margin-bottom: 60px;
   }
 }
+
+@media screen and (max-width: 425px) {
+  #donate-badge {
+    display: none;
+  }
+}
+
+@media screen and (max-width: 350px) {
+  footer, #show-socials-button, #theme-select-button, #show-socials-button > i, #theme-select-button > i {
+    font-size: 10pt;
+  }
+}
 `;
 
 // #endregion
@@ -326,14 +338,14 @@ a {
 const nhcarriganHeadersFooter = document.createElement("footer");
 nhcarriganHeadersFooter.innerHTML = `
 <div id="footer-inner-container">
-<p>&copy; <a href="https://nhcarrigan.com" target="_blank">Naomi Carrigan</a></p>
+<p id="footer-copyright">&copy; <a href="https://nhcarrigan.com" target="_blank">Naomi Carrigan</a></p>
 <button id="show-socials-button" type="button">
   <i class="fa-solid fa-share-nodes"></i> Connect with Us
 </button>
 <button id="theme-select-button" type="button">
   <i id="theme-select-icon" class="fa-solid fa-moon"></i> Toggle Theme
 </button>
-<a href="https://buy.stripe.com/cN24iTfqu1j6b3afZ2" target="_blank" rel="noreferrer">
+<a id="donate-badge" href="https://buy.stripe.com/cN24iTfqu1j6b3afZ2" target="_blank" rel="noreferrer">
   <img src="https://cdn.nhcarrigan.com/donate.png" alt="Donate" style="width: 70px; height: 70px;">
 </a>
 <div id="tree-nation-offset-website"></div>
@@ -421,29 +433,17 @@ const nhcarriganHeadersFontAwesome = document.createElement("script");
 nhcarriganHeadersFontAwesome.src = "https://kit.fontawesome.com/f949111719.js";
 const nhcarriganHeadersAnalytics = document.createElement("script");
 nhcarriganHeadersAnalytics.defer = true;
-nhcarriganHeadersAnalytics.setAttribute("domain", "nhcarrigan.com");
 nhcarriganHeadersAnalytics.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";
-nhcarriganHeadersAnalytics.setAttribute(
-  "event-domain",
-  nhcarriganHeadersHostname,
-);
-nhcarriganHeadersAnalytics.setAttribute("data-domain", "nhcarrigan.com");
-nhcarriganHeadersAnalytics.setAttribute(
-  "event-page",
-  nhcarriganHeadersTitle?.innerText ?? "Unknown Page",
-);
-nhcarriganHeadersAnalytics.setAttribute(
-  "event-path",
-  nhcarriganHeadersPathname,
-);
+
+  = "https://analytics.nhcarrigan.com/js/pa-YUXAn1vhhRttySUAw_LMN.js";
 const nhcarriganHeadersAnalytics2 = document.createElement("script");
 nhcarriganHeadersAnalytics2.innerHTML = `
-window.plausible = window.plausible ??
-function() { 
-  (window.plausible.q = window.plausible.q ?? []).push(arguments) 
-}
+  window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
+  plausible.init({
+    domain: "${nhcarriganHeadersHostname}",
+    page: "${nhcarriganHeadersTitle?.innerText ?? "Unknown Page"}",
+    path: "${nhcarriganHeadersPathname}",
+  })
 `;
 const nhcarriganHeadersGoogleAdsense = document.createElement("script");
 nhcarriganHeadersGoogleAdsense.async = true;