feat: fonts

.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.0.0",
+  "version": "3.5.0",
   "description": "",
   "main": "index.js",
   "type": "module",

pnpm-workspace.yaml

@@ -1,21 +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
-strictPeerDependencies: true
-# 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);
 }
@@ -985,15 +989,15 @@ nhcarriganHeadersCta.style.border = "2px solid var(--witch-plum)";
 nhcarriganHeadersCta.style.boxShadow = "0 20px 40px rgba(0, 0, 0, 0.5)";
 nhcarriganHeadersCta.id = "community-cta";
 nhcarriganHeadersCta.innerHTML = `
-  <h1 autofocus style="font-size: 2rem; margin-bottom: 20px; color: var(--witch-plum);">Welcome~!</h1>
+  <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/logo.png" alt="NHCarrigan Logo" style="width: 80px; height: 80px;">
+    <img src="https://cdn.nhcarrigan.com/logo.png" alt="NHCarrigan Logo" style="width: 80px; height: 80px; filter: hue-rotate(280deg) saturate(0.7);">
     <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!
+      Join our magical community to stay connected with our latest projects and activities!
     </p>
   </div>
   <a href="https://chat.nhcarrigan.com" target="_blank" rel="noreferrer" style="display: inline-block; padding: 15px 35px; background: linear-gradient(135deg, var(--witch-plum), var(--witch-purple)); color: var(--witch-moon); text-decoration: none; border-radius: 30px; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(68, 39, 90, 0.3);">
-    Join Naomi's Discord~!
+    Join Our Community~! ✨
   </a>
 `;