generated from nhcarrigan/template
Compare commits
12 Commits
v1.5.0
...
1f450156c8
Author | SHA1 | Date | |
---|---|---|---|
1f450156c8
|
|||
5e9d0dd11e
|
|||
4f05dbafbb
|
|||
934de19c1e
|
|||
4a76b22119
|
|||
542aef157a
|
|||
2e72c34c2d
|
|||
c9ae8804eb
|
|||
a5f17bb2eb
|
|||
06e58752b9
|
|||
db4dcc3090
|
|||
53aa95c9c2
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "website-headers",
|
||||
"version": "1.5.0",
|
||||
"version": "2.0.0",
|
||||
"description": "",
|
||||
"main": "index.js",
|
||||
"type": "module",
|
||||
|
92
src/index.ts
92
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;
|
||||
--background: #ffefefbb;
|
||||
--foreground: #2a0a18;
|
||||
--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;
|
||||
--background: #db7093bb;
|
||||
}
|
||||
@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;
|
||||
}
|
||||
--foreground: #ffb6c1;
|
||||
--background: #2a0a18bb;
|
||||
}
|
||||
@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>© Naomi Carrigan</p>
|
||||
<p>© <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">
|
||||
<i class="fa-solid fa-play"></i>
|
||||
</button>
|
||||
<a 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>
|
||||
`;
|
||||
|
||||
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>
|
||||
|
Reference in New Issue
Block a user