generated from nhcarrigan/template
Compare commits
5 Commits
542aef157a
..
v2.0.0
| Author | SHA1 | Date | |
|---|---|---|---|
| 1f450156c8 | |||
| 5e9d0dd11e | |||
| 4f05dbafbb | |||
| 934de19c1e | |||
| 4a76b22119 |
+1
-1
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "website-headers",
|
"name": "website-headers",
|
||||||
"version": "1.7.0",
|
"version": "2.0.0",
|
||||||
"description": "",
|
"description": "",
|
||||||
"main": "index.js",
|
"main": "index.js",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
|
|||||||
+7
-43
@@ -152,7 +152,7 @@ main {
|
|||||||
width: 95%;
|
width: 95%;
|
||||||
max-width: 1080px;
|
max-width: 1080px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
margin-bottom: 105px;
|
margin-bottom: 85px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
footer {
|
footer {
|
||||||
@@ -161,7 +161,7 @@ footer {
|
|||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
height: 95px;
|
height: 75px;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
}
|
}
|
||||||
#footer-inner-container {
|
#footer-inner-container {
|
||||||
@@ -194,36 +194,10 @@ a {
|
|||||||
--foreground: #ffb6c1;
|
--foreground: #ffb6c1;
|
||||||
--background: #2a0a18bb;
|
--background: #2a0a18bb;
|
||||||
}
|
}
|
||||||
@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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media screen and (max-width: 625px) {
|
@media screen and (max-width: 625px) {
|
||||||
#tree-nation-offset-website {
|
#tree-nation-offset-website {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
#footer-badge-container {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
footer, #footer-inner-container {
|
footer, #footer-inner-container {
|
||||||
height: 50px;
|
height: 50px;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
@@ -240,27 +214,17 @@ a {
|
|||||||
|
|
||||||
const footer = document.createElement("footer");
|
const footer = document.createElement("footer");
|
||||||
footer.innerHTML = `
|
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">
|
<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">
|
<a href="https://chat.nhcarrigan.com" target="_blank" rel="noreferrer">
|
||||||
<i class="fa-solid fa-comments"></i>
|
<i class="fa-solid fa-comments"></i>
|
||||||
</a>
|
</a>
|
||||||
<button id="theme-select-button" type="button">
|
<button id="theme-select-button" type="button">
|
||||||
<i id="theme-select-icon" class="fa-solid fa-moon"></i>
|
<i id="theme-select-icon" class="fa-solid fa-moon"></i>
|
||||||
</button>
|
</button>
|
||||||
<button id="audio-theme-button" type="button">
|
<a href="https://buy.stripe.com/cN24iTfqu1j6b3afZ2" target="_blank" rel="noreferrer">
|
||||||
<i class="fa-solid fa-play"></i>
|
<img src="https://cdn.nhcarrigan.com/donate.png" alt="Donate" style="width: 70px; height: 70px;">
|
||||||
</button>
|
</a>
|
||||||
<div id="tree-nation-offset-website"></div>
|
<div id="tree-nation-offset-website"></div>
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
@@ -420,7 +384,7 @@ cta.id = "community-cta";
|
|||||||
cta.innerHTML = `
|
cta.innerHTML = `
|
||||||
<h1 autofocus>Hello~!</h1>
|
<h1 autofocus>Hello~!</h1>
|
||||||
<div style="display: flex; justify-content: space-around; margin-bottom: 10px;">
|
<div style="display: flex; justify-content: space-around; margin-bottom: 10px;">
|
||||||
<img src="https://cdn.nhcarrigan.com/logo.png" alt="NHCarrigan Logo" 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>
|
<p>
|
||||||
Consider joining our community so you can keep up to date on all of our latest activities!
|
Consider joining our community so you can keep up to date on all of our latest activities!
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
Reference in New Issue
Block a user