That-One-Nerd/That-One-Nerd.github.io
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

small summary of stuff

Browse Source
This commit is contained in:
That_One_Nerd 2023-05-01 10:24:05 -04:00
parent 7b2067f1a3
commit 50453552d2
4 changed files with 83 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
css/index.css
View File

@ -21,6 +21,15 @@
width: 45%; width: 45%;
} }
#ap-timer
{
color: #fff;
}
#ap-timer::after
{
background-color: rgba(0, 0, 0, 0);
}
#news-nerd_stf #news-nerd_stf
{ {
padding-bottom: 41vw; padding-bottom: 41vw;

5
data/news.json
View File

@ -10,6 +10,11 @@
"id": "quick-update-4-22-23", "id": "quick-update-4-22-23",
"name": "Just a quick update for the projects.", "name": "Just a quick update for the projects.",
"date": "4/22/2023" "date": "4/22/2023"
},
{
"id": "ap-exam",
"name": "The AP Computer Science exam is right around the corner!",
"date": "5/1/2023"
} }
] ]
} }

8
js/index.js
View File

@ -5,6 +5,11 @@ const examStart = new Date("May 3, 2023 12:00");
const examEnd = new Date("May 3, 2023 15:15"); const examEnd = new Date("May 3, 2023 15:15");
const examElement = document.createElement("h3"); const examElement = document.createElement("h3");
const examLink = document.createElement("a");
examElement.append(examLink);
examLink.href = "/news/ap-exam.html";
examLink.id = "ap-timer";
examLink.target = "_blank";
if (title != undefined) if (title != undefined)
{ {
// Add the newly created AP exam countdown element. // Add the newly created AP exam countdown element.
@ -58,6 +63,5 @@ function updateCountdown()
string += " since the AP exam has been completed!"; string += " since the AP exam has been completed!";
break; break;
} }
examLink.textContent = string;
examElement.textContent = string;
} }

63
news/ap-exam.html Normal file
View File

@ -0,0 +1,63 @@
<!DOCTYPE html>
<html>
<head>
<link type="image/x-icon" rel="icon" href="/images/favicon.ico">
<link type="text/css" rel="stylesheet" href="/css/global.css">
<link type="text/css" rel="stylesheet" href="/css/news-template.css">
<meta charset="utf-8">
<meta name="description" content="The AP Computer Science exam is right around the corner!">
<meta name="keywords" content="That_One_Nerd AP Exam, AP Exam">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>A Quick Update | That_One_Nerd</title>
</head>
<!--header-->
<body>
<div id="title">
<h1>The AP Computer Science exam is right around the corner!</h1>
</div>
<div class="line-spacer"></div>
<div class="line-spacer2"></div>
<div class="message">
<p>
Not sure if it's obvious or not, but I enjoy computer science. It's my thing.
So I'm in some computer science classes at my school, and guess when the AP
exam for one of them is? I mean, if you saw the home page, I guess you already
know. It's on the third of May at 12:00 PM Eastern Time. Now, I hear many of you
asking, "Why should I care?"
</p>
<p>
You have no reason to.
</p>
<p>
Anyway, that's basically all I have to say. Probably shouldn't have made a
full-scale news page for this, but here we are.
</p>
<p>
That's everything. Goodbye.
</p>
<p>
- Kyle
</p>
</div>
<div class="back">
<p>Want to read more? <a href="/news.html">See all the news</a></p>
<p>Done? <a href="/index.html">Head back home</a></p>
</div>
<div class="line-spacer"></div>
<div class="line-spacer2-darkgray"></div>
</body>
<!--footer-->
<script type="module" src="/js/imports.js"></script>
<script src="/js/global.js" defer></script>
</html>