deps: update globals to 17.3.0

.npmrc

@@ -0,0 +1,25 @@
+# Package Manager Configuration
+# Force pnpm usage - breaks npm/yarn intentionally
+node-linker=pnpm
+
+# Security: Disable all lifecycle scripts
+ignore-scripts=true
+enable-pre-post-scripts=false
+
+# Security: Require packages to be 10+ days old before installation
+minimum-release-age=14400
+
+# Security: Verify package integrity hashes
+verify-store-integrity=true
+
+# Security: Enforce strict trust policies
+trust-policy=strict
+
+# Security: Strict peer dependency resolution
+strict-peer-dependencies=true
+
+# Performance: Use symlinks for node_modules
+symlink=true
+
+# Lockfile: Ensure lockfile is not modified during install
+frozen-lockfile=false

package.json

@@ -1,6 +1,6 @@
 {
   "name": "website-headers",
-  "version": "4.1.0",
+  "version": "4.0.0",
   "description": "",
   "main": "index.js",
   "type": "module",
@@ -23,7 +23,7 @@
     "@types/node": "22.10.2",
     "concurrently": "9.1.0",
     "eslint": "9.17.0",
-    "globals": "15.14.0",
+    "globals": "17.3.0",
     "terser": "5.37.0",
     "tsx": "4.19.2",
     "typescript": "5.7.2"

pnpm-lock.yaml

@@ -24,8 +24,8 @@ importers:
         specifier: 9.17.0
         version: 9.17.0
       globals:
-        specifier: 15.14.0
-        version: 15.14.0
+        specifier: 17.3.0
+        version: 17.3.0
       terser:
         specifier: 5.37.0
         version: 5.37.0
@@ -1262,6 +1262,10 @@ packages:
     resolution: {integrity: sha512-OkToC372DtlQeje9/zHIo5CT8lRP/FUgEOKBEhU4e0abL7J7CD24fD9ohiLN5hagG/kWCYj4K5oaxxtj2Z0Dig==}
     engines: {node: '>=18'}
 
+  globals@17.3.0:
+    resolution: {integrity: sha512-yMqGUQVVCkD4tqjOJf3TnrvaaHDMYp4VlUSObbkIiuCPe/ofdMBFIAcBbCSRFWOnos6qRiTVStDwqPLUclaxIw==}
+    engines: {node: '>=18'}
+
   globalthis@1.0.4:
     resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
     engines: {node: '>= 0.4'}
@@ -3459,6 +3463,8 @@ snapshots:
 
   globals@15.14.0: {}
 
+  globals@17.3.0: {}
+
   globalthis@1.0.4:
     dependencies:
       define-properties: 1.2.1

pnpm-workspace.yaml

@@ -1,22 +0,0 @@
-# Security
-
-# Do not execute any scripts of installed packages (project scripts still run)
-ignoreDepScripts: true
-# Do not automatically run pre/post scripts (e.g. preinstall, postbuild)
-enablePrePostScripts: false
-# Only allow packages published at least 10 days ago (reduces risk of compromised packages)
-minimumReleaseAge: 14400
-# Fail if a package's trust level has decreased compared to previous releases
-trustPolicy: no-downgrade
-# Ignore trust policy for packages published more than 1 year ago (predates provenance signing)
-trustPolicyIgnoreAfter: 525960
-# Fail if there are missing or invalid peer dependencies
-# We are temporarily disabling this to allow for the development of the website-headers package
-strictPeerDependencies: false
-# Prevent transitive dependencies from using exotic sources (git repos, direct tarball URLs)
-blockExoticSubdeps: true
-
-# Lockfile
-
-# Allow the lockfile to be updated during install (set to true in CI for stricter reproducibility)
-preferFrozenLockfile: false

src/index.ts

@@ -180,10 +180,14 @@ nhcarriganHeadersLargeIcon.href
 const nhcarriganHeadersStyles = document.createElement("style");
 nhcarriganHeadersStyles.id = "nhcarrigan-global-styles";
 nhcarriganHeadersStyles.innerHTML = `
+@font-face {
+  font-family: 'Vampyr';
+  src: url('https://cdn.nhcarrigan.com/fonts/vampyr.ttf') format('truetype');
+}
+
 /* Import fun and whimsical fonts! */
 @import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Creepster&family=Griffy&family=Henny+Penny&display=swap');
 
-
 :root {
   /* Witchy Purple Rose Palette */
   --witch-purple: #2B1B3D;
@@ -682,7 +686,7 @@ pre {
 }
 
 .mystical-text {
-  font-family: 'Henny Penny', cursive;
+  font-family: 'Henny Penny', 'Vampyr', cursive;
   letter-spacing: 2px;
   text-shadow: 2px 2px 4px rgba(68, 39, 90, 0.4);
 }
@@ -699,43 +703,20 @@ pre {
   text-shadow: none;
 }
 
-@media screen and (max-width: 1000px) {
-  #tree-nation-tree-counter {
-    display: none;
-  }
-}
-
-@media screen and (max-width: 835px) {
-  #theme-select-button {
-    font-size: 10pt;
-    padding: 8px 16px;
-  }
-  #show-socials-button {
-    font-size: 10pt;
-    padding: 8px 16px;
-  }
-}
-
-@media screen and (max-width: 768px) {
+@media screen and (max-width: 625px) {
   #tree-nation-offset-website {
     display: none;
   }
-}
-
-@media screen and (max-width: 625px) {
   footer, #footer-inner-container {
-    height: 75px;
+    height: 50px;
     justify-content: space-around;
   }
   main {
-    margin-bottom: 85px;
-  }
-  #footer-copyright {
-    font-size: 10pt;
+    margin-bottom: 60px;
   }
 }
 
-@media screen and (max-width: 560px) {
+@media screen and (max-width: 425px) {
   #donate-badge {
     display: none;
   }
@@ -755,7 +736,6 @@ pre {
 const nhcarriganHeadersFooter = document.createElement("footer");
 nhcarriganHeadersFooter.innerHTML = `
 <div id="footer-inner-container">
-<div id="tree-nation-tree-counter" data-widget-type="tree-counter" data-tree-nation-code="52a9395caa57df28" data-lang="en" data-theme="dark"></div>
 <p id="footer-copyright" style="margin: 0; display: flex; align-items: center;">&copy; <a href="https://nhcarrigan.com" target="_blank" style="margin-left: 5px;">Naomi Carrigan</a></p>
 <button id="show-socials-button" type="button">
   <i class="fa-solid fa-share-nodes"></i> Connect with Us
@@ -766,7 +746,7 @@ nhcarriganHeadersFooter.innerHTML = `
 <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" data-widget-type="offset-website" data-tree-nation-code="a17464e0cd351220" data-lang="en" data-theme="dark"></div>
+<div id="tree-nation-offset-website"></div>
 </div>
 <div id="social-list">
   <div class="social-list-item">
@@ -828,7 +808,7 @@ nhcarriganHeadersFooter.innerHTML = `
 
 const nhcarriganHeadersTreeNation = document.createElement("script");
 nhcarriganHeadersTreeNation.src
-  = "https://widgets.tree-nation.com/js/widgets/v3/widgets.min.js";
+  = "https://widgets.tree-nation.com/js/widgets/v1/widgets.min.js?v=1.0";
 const nhcarriganHeadersTreeNationBottom = document.createElement("script");
 nhcarriganHeadersTreeNationBottom.defer = true;
 nhcarriganHeadersTreeNationBottom.async = true;
@@ -848,7 +828,7 @@ const interval = setInterval(() => {
 }, 1000);
 `;
 const nhcarriganHeadersFontAwesome = document.createElement("script");
-nhcarriganHeadersFontAwesome.src = "https://cdn.nhcarrigan.com/font-awesome/all.min.js";
+nhcarriganHeadersFontAwesome.src = "https://kit.fontawesome.com/f949111719.js";
 const nhcarriganHeadersAnalytics = document.createElement("script");
 nhcarriganHeadersAnalytics.defer = true;
 nhcarriganHeadersAnalytics.src
@@ -1011,7 +991,7 @@ nhcarriganHeadersCta.id = "community-cta";
 nhcarriganHeadersCta.innerHTML = `
   <h1 autofocus style="font-size: 2rem; margin-bottom: 20px; color: var(--witch-plum);">Welcome~!</h1>
   <div style="display: flex; justify-content: space-around; margin-bottom: 25px; align-items: center;">
-    <img src="https://cdn.nhcarrigan.com/profile_personal.jpg" alt="Naomi's Avatar" style="width: 80px; height: 80px; border-radius: 50%;">
+    <img src="https://cdn.nhcarrigan.com/logo.png" alt="NHCarrigan Logo" style="width: 80px; height: 80px;">
     <p style="flex: 1; margin-left: 20px; line-height: 1.8;">
       Join Naomi's personal Discord community to stay connected with her latest projects and activities!
     </p>