lkarch/newnameful.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
lkarch 2025-05-18 22:18:20 -04:00
commit 401d2332b4
4 changed files with 127 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/fonts/MinecraftRegular.otf Normal file
View File

Binary file not shown.

30
assets/javascript/index.js Normal file
View File

@ -0,0 +1,30 @@
const nnRuler = "cool_tellow";
const nnCoRuler = "ColoradoCrusade";
const electionDate = "2025-6-30";
function calculateCountdown(endingDate) {
let current = new Date();
let end = new Date(endingDate);
let timeDifference = end - current;
let daysDifference = timeDifference / (1000 * 3600 * 24);
return daysDifference;
}
function onPageLoad() {
console.log(nnRuler);
document.getElementById("ruler").innerText = nnRuler;
document.getElementById("rulerImage").src = "https://minotar.net/armor/body/" + nnRuler + "/100.png";
console.log(nnCoRuler);
document.getElementById("coRuler").innerText = nnCoRuler;
document.getElementById("coRulerImage").src = "https://minotar.net/armor/body/" + nnCoRuler + "/100.png";
console.log(calculateCountdown(electionDate));
if (Math.ceil(calculateCountdown(electionDate)) <= 0) {
document.getElementById("electionCountdown").innerText = "The next election is RIGHT NOW!!!";
} else {
document.getElementById("electionCountdown").innerText = "The next election is in " + Math.ceil(calculateCountdown(electionDate)) + " days!";
}
}

66
assets/stylesheets/index.css Normal file
View File

@ -0,0 +1,66 @@
@font-face {
font-family: 'minecraft';
src: url('/assets/fonts/MinecraftRegular.otf') format('opentype');
}
* {box-sizing: border-box}
html, body {
margin: 0;
height: 100%;
font-family: 'minecraft';
background-color: #1a1a1a;
color: #eee;
padding: 10px;
text-align: center;
overflow: hidden;
}
.card {
margin: auto;
border-left: 6px solid #eee;
background-color: #222;
padding: 15px;
margin-bottom: 20px;
box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
width: 370px;
height: 322px;
}
.card p {
margin-bottom: 10px;
}
.card img {
display: block;
margin: auto;
}
#splash {
color: #FFFF00;
font-size: 1.5em;
text-shadow: 3px 3px #3F3F00;
padding: 40px;
position: relative;
left: 150px;
}
.tilt {
transform: rotate(-25deg);
}
.pop {
animation: pop 0.58s infinite;
}
@keyframes pop {
from {
transform:scale(0.95)
}
50% {
transform:scale(1)
}
to {
transform:scale(0.95)
}
}

31
index.html Executable file
View File

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html>
<head>
<title>New Nameful Election Info</title>
<meta charset="UTF-8" />
<meta name="description" content="Tellow approves!!!!!" />
<meta name="keywords" content="lkarch, website, new nameful, election" />
<meta author="lkarch" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/assets/stylesheets/index.css" />
<link rel="icon" type="image/x-icon" href="/assets/images/favicon.ico" />
</head>
<body onload="onPageLoad()">
<div class="card">
<p>Ruler<hr></p>
<p id="ruler">Something Broke</p>
<img id="rulerImage" src="https://minotar.net/body/MHF_Steve/100.png" alt="Something Broke">
</div>
<div class="card">
<p>Co-Ruler<hr></p>
<p id="coRuler">Something Broke</p>
<img id="coRulerImage" src="https://minotar.net/body/MHF_Steve/100.png" alt="Something Broke">
<div class="tilt">
<div id="splash" class="pop">Totally&nbsp;not&nbsp;rigged</div>
</div>
</div>
<br>
<p id="electionCountdown">Something Broke</p>
<script src="assets/javascript/index.js"></script>
</body>
</html>