fix: use personal avatar in community CTA popup

Swap the kit.fontawesome.com script for a self-hosted copy of
all.min.js on cdn.nhcarrigan.com to eliminate kit pageview quota
consumption from AI scrapers.

package.json

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

pnpm-lock.yaml

@@ -486,51 +486,61 @@ packages:
     resolution: {integrity: sha512-IPSCTzP8GRYzY+siSnggIKrckC2U+kVXoen6eSHRDgU9a4EZCHHWWOiKio1EkieOOk2j6EvZaaHfQUCmt8UJBg==}
     cpu: [arm]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-arm-musleabihf@4.29.0':
     resolution: {integrity: sha512-GvHPu0UIDx+ohyS8vTYnwoSVMM5BH3NO+JwQs6GWNCuQVlC5rKxnH2WClTGu3NxiIfhKLai08IKUwn3QbzX1UQ==}
     cpu: [arm]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-linux-arm64-gnu@4.29.0':
     resolution: {integrity: sha512-Pnnn/2CAZWcH9GQoj1nnr85Ejh7aNDe5MsEV0xhuFNUPF0SdnutJ7b2muOI5Kx12T0/i2ol5B/tlhMviZQDL3g==}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-arm64-musl@4.29.0':
     resolution: {integrity: sha512-AP+DLj4q9FT22ZL43ssA3gizEn7/MfJcZ1BOuyEPqoriuH3a8VRuDddN0MtpUwEtiZL6jc1GY5/eL99hkloQ1Q==}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-linux-loongarch64-gnu@4.29.0':
     resolution: {integrity: sha512-1+jPFClHmDATqbk0Cwi74KEOymVcs09Vbqe/CTKqLwCP0TeP2CACfnMnjYBs5CJgO20e/4bxFtmbR/9fKE1gug==}
     cpu: [loong64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-powerpc64le-gnu@4.29.0':
     resolution: {integrity: sha512-Nmt5Us5w2dL8eh7QVyAIDVVwBv4wk8ljrBQe7lWkLaOcwABDaFQ3K4sAAC6IsOdJwaXXW+d85zVaMN+Xl8Co2w==}
     cpu: [ppc64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-riscv64-gnu@4.29.0':
     resolution: {integrity: sha512-KGuQ8WGhnq09LR7eOru7P9jfBSYXTMhq6TyavWfmEo+TxvkvuRwOCee5lPIa6HYjblOuFr4GeOxSE0c8iyw2Fg==}
     cpu: [riscv64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-s390x-gnu@4.29.0':
     resolution: {integrity: sha512-lSQtvrYIONme7a4gbf4O9d3zbZat3/5covIeoqk27ZIkTgBeL/67x+wq2bZfpLjkqQQp5SjBPQ/n0sg8iArzTg==}
     cpu: [s390x]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-x64-gnu@4.29.0':
     resolution: {integrity: sha512-qh0ussrXBwnF4L07M9t1+jpHRhiGSae+wpNQDbmlXHXciT7pqpZ5zpk4dyGZPtDGB2l2clDiufE16BufXPGRWQ==}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-x64-musl@4.29.0':
     resolution: {integrity: sha512-YEABzSaRS7+v14yw6MVBZoMqLoUyTX1/sJoGeC0euvgMrzvw0i+jHo4keDZgYeOblfwdseVAf6ylxWSvcBAKTA==}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-win32-arm64-msvc@4.29.0':
     resolution: {integrity: sha512-jA4+oxG7QTTtSQxwSHzFVwShcppHO2DpkbAM59pfD5WMG/da79yQaeBtXAfGTI+ciUx8hqK3RF3H2KWByITXtQ==}

pnpm-workspace.yaml

@@ -11,7 +11,8 @@ 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
+# 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
 

src/index.ts

@@ -699,20 +699,43 @@ pre {
   text-shadow: none;
 }
 
-@media screen and (max-width: 625px) {
-  #tree-nation-offset-website {
+@media screen and (max-width: 1000px) {
+  #tree-nation-tree-counter {
     display: none;
   }
-  footer, #footer-inner-container {
-    height: 50px;
-    justify-content: space-around;
-  }
-  main {
-    margin-bottom: 60px;
-  }
 }
 
-@media screen and (max-width: 425px) {
+@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) {
+  #tree-nation-offset-website {
+    display: none;
+  }
+}
+
+@media screen and (max-width: 625px) {
+  footer, #footer-inner-container {
+    height: 75px;
+    justify-content: space-around;
+  }
+  main {
+    margin-bottom: 85px;
+  }
+  #footer-copyright {
+    font-size: 10pt;
+  }
+}
+
+@media screen and (max-width: 560px) {
   #donate-badge {
     display: none;
   }
@@ -732,6 +755,7 @@ 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
@@ -742,7 +766,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"></div>
+<div id="tree-nation-offset-website" data-widget-type="offset-website" data-tree-nation-code="a17464e0cd351220" data-lang="en" data-theme="dark"></div>
 </div>
 <div id="social-list">
   <div class="social-list-item">
@@ -804,7 +828,7 @@ nhcarriganHeadersFooter.innerHTML = `
 
 const nhcarriganHeadersTreeNation = document.createElement("script");
 nhcarriganHeadersTreeNation.src
-  = "https://widgets.tree-nation.com/js/widgets/v1/widgets.min.js?v=1.0";
+  = "https://widgets.tree-nation.com/js/widgets/v3/widgets.min.js";
 const nhcarriganHeadersTreeNationBottom = document.createElement("script");
 nhcarriganHeadersTreeNationBottom.defer = true;
 nhcarriganHeadersTreeNationBottom.async = true;
@@ -824,7 +848,7 @@ const interval = setInterval(() => {
 }, 1000);
 `;
 const nhcarriganHeadersFontAwesome = document.createElement("script");
-nhcarriganHeadersFontAwesome.src = "https://kit.fontawesome.com/f949111719.js";
+nhcarriganHeadersFontAwesome.src = "https://cdn.nhcarrigan.com/font-awesome/all.min.js";
 const nhcarriganHeadersAnalytics = document.createElement("script");
 nhcarriganHeadersAnalytics.defer = true;
 nhcarriganHeadersAnalytics.src
@@ -987,7 +1011,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/logo.png" alt="NHCarrigan Logo" style="width: 80px; height: 80px;">
+    <img src="https://cdn.nhcarrigan.com/profile_personal.jpg" alt="Naomi's Avatar" style="width: 80px; height: 80px; border-radius: 50%;">
     <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>