Update. I'll make the news about it later. Kind of a super fast fix.

This commit is contained in:
That_One_Nerd 2023-03-24 13:56:31 -04:00
parent e717392bcd
commit bf4d183ed8
22 changed files with 683 additions and 84 deletions

6
.gitignore vendored
View File

@ -1,2 +1,8 @@
# Personal stuff I use for website building
/news/_template.html
# Debug runner
/node_modules
package.json
package-lock.json
server.js

60
club/hackathons.html Normal file
View File

@ -0,0 +1,60 @@
<!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/club/hackathons.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FPHS Programming Club Hackathons | That_One_Nerd</title>
</head>
<!--header-->
<body>
<div id="title">
<h1>Hackathons</h1>
</div>
<div class="line-spacer"></div>
<div class="line-spacer2"></div>
<div class="description">
<p>
Hackathons are projects we'll hold on Fridays that have (at least kinda close to) real world problems. The hope is that it'll show not just how to use sometime we learned, but why it's a useful thing to know.
<br><br>
Most programs will have a runner and then additional stuff you do yourself.
<br><br>
This will be updated with the templates as they arrive.
</p>
</div>
<div class="line-spacer"></div>
<div class="line-spacer2"></div>
<div class="downloads">
<h2>Download Templates</h2>
<div class="download-item">
<div class="download-item-left">
<p>The First Hackathon</p>
</div>
<div class="download-item-right">
<select id="language">
<option>Java</option>
<option>Wowo</option>
</select>
<button onclick="download('hack1', this)">Download</button>
</div>
</div>
</div>
</body>
<!--footer-->
<script type="module" src="/js/imports.js"></script>
<script src="/js/global.js" defer></script>
<script src="/js/club/hackathons.js" defer></script>
</html>

35
css/club/hackathons.css Normal file
View File

@ -0,0 +1,35 @@
.description
{
font-size: 1.125vw;
padding: 5vw 10vw;
text-align: center;
}
.downloads
{
padding: 5vw 10vw;
}
.downloads h2
{
font-size: 1.75vw;
}
.download-item
{
background-color: #e0e0e0;
border-radius: 0.5vw;
display: flex;
margin: 1vw;
padding: 1vw;
}
.download-item-left
{
font-size: 1.125vw;
margin-right: auto;
vertical-align: center;
}
.download-item-right
{
font-size: 1.125vw;
margin-left: auto;
vertical-align: center;
}

View File

@ -2,8 +2,11 @@
{
--background-color-1: #101010;
--background-color-2: #000;
--more-info-background-color: #191919;
--text-color: #e4e4e4;
--link-color: #0326d1;
--text-shadow: #2245f0;
--tint-color: rgba(255, 255, 255, 0.5);
}
body
@ -55,12 +58,16 @@ body
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0.15vw;
box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.2);
color: #fff;
color: var(--text-color);
font-size: calc(0.85vw * 0.9);
font-weight: bold;
margin-right: 1vw;
padding: 0.5vw 0.625vw;
text-shadow: 0 1px 0 #2245f0;
text-shadow: 0 1px 0 var(--text-shadow);
}
.download-button:hover
{
color: var(--text-color);
}
.download-option
@ -72,26 +79,26 @@ body
{
align-items: center;
display: flex;
font-weight: bold;;
font-weight: bold;
}
.download-option #fileicon
{
align-items: center;
color: rgba(255, 255, 255, 0.5);
color: var(--tint-color);
display: flex;
margin-right: 1vw;
}
.download-option #filesize
{
align-items: center;
color: rgba(255, 255, 255, 0.5);
color: var(--tint-color);
display: flex;
margin: 0 1vw;
}
.download-option #platforms
{
align-items: center;
color: rgba(255, 255, 255, 0.5);
color: var(--tint-color);
display: flex;
}
.downloads
@ -99,6 +106,17 @@ body
list-style: none;
}
.install-instructions
{
margin-top: 2.5vw;
}
.install-instructions #words
{
background-color: var(--more-info-background-color);
border-radius: 0.375vw;
padding: 1.25vw;
}
#body-images
{
float: right;
@ -115,7 +133,7 @@ body
}
#body-more-info
{
background-color: #191919;
background-color: var(--more-info-background-color);
border-radius: 0.25vw;
margin-right: 1vw;
margin-top: 0.325vw;
@ -144,14 +162,14 @@ body
#body-text
{
float: left;
height: 1000px;
height: max-content;
width: 60%;
}
#download-price
{
align-items: center;
color: rgba(255, 255, 255, 0.5);
color: var(--tint-color);
display: flex;
margin-left: 0.5vw;
}

View File

@ -1,71 +0,0 @@
.container button, .container h2, .container h3, .container h4, .dropdowns
{
margin-top: 1vw;
}
p
{
margin-top: 0.325vw;
}
.container
{
font-size: 1.25vw;
margin: 2.5vw 10vw 5vw 10vw;
text-align: center;
}
.container ul, .container ol
{
margin-left: 5vw;
text-align: left;
}
.download-container h2
{
text-align: left;
}
.download-table
{
border-collapse: collapse;
width: 100%;
}
.download-table td
{
border: 1px solid #888;
padding: 1vw;
text-align: left;
}
.download-table th
{
border: 1px solid #888;
padding: 1vw;
border-bottom: 2px solid #555;
}
.download-table tr:nth-child(even)
{
background-color: #ddd;
}
#download-button
{
font-size: 1.375vw;
padding: 1vw 1.5vw;
}
#intro
{
margin: 10vw;
}
#intro button
{
font-size: 1.125vw;
margin-top: 2vw;
padding: 1vw 1.5vw;
}
#title img
{
border-radius: 1vw;
width: 20vw;
}

View File

@ -0,0 +1,191 @@
:root
{
--background-color-1: #141414;
--background-color-2: #fb922b;
--more-info-background-color: #ea811a;
--text-color: #323232;
--link-color: #ffffff;
--text-shadow: #ffffff;
--tint-color: rgba(0, 0, 0, 0.5);
}
body
{
background-color: var(--background-color-1);
}
.body
{
background-color: var(--background-color-2);
color: var(--text-color);
display: table;
font-size: 0.85vw;
margin: 0 25vw 0 25vw;
padding: 1vw 1vw 1vw 1vw;
width: 50%;
text-align: left;
}
.body *
{
font-family: 'Itch Pixel';
}
.body a
{
color: var(--link-color);
}
.body a::after
{
background-color: var(--link-color);
}
.body b
{
color: var(--link-color);
font-weight: normal;
}
.body br
{
margin-bottom: 1vw;
}
.body h2
{
margin-bottom: 1vw;
padding-top: 3vw;
}
.devlogs #list
{
line-height: 1.4;
list-style: none;
}
.devlogs #list li #date
{
color: var(--tint-color);
font-size: 0.65vw;
}
.download-button
{
background-color: var(--link-color);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0.15vw;
box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.2);
color: var(--text-color);
font-size: calc(0.85vw * 0.9);
font-weight: bold;
margin-right: 1vw;
padding: 0.5vw 0.625vw;
text-shadow: 0 1px 0 var(--text-shadow);
}
.download-button:hover
{
color: var(--text-color);
}
.download-option
{
display: inline-flex;
padding-top: 0.625vw;
}
.download-option #name
{
align-items: center;
display: flex;
font-weight: bold;
}
.download-option #fileicon
{
align-items: center;
color: var(--tint-color);
display: flex;
margin-right: 1vw;
}
.download-option #filesize
{
align-items: center;
color: var(--tint-color);
display: flex;
margin: 0 1vw;
}
.download-option #platforms
{
align-items: center;
color: var(--tint-color);
display: flex;
}
.downloads
{
list-style: none;
}
.install-instructions
{
margin-top: 2.5vw;
}
.install-instructions #words
{
background-color: var(--more-info-background-color);
border-radius: 0.375vw;
padding: 1.25vw;
}
#body-images
{
float: right;
margin-top: 5.325vw;
width: 40%;
}
#body-images a::after
{
background-color: rgba(0, 0, 0, 0);
}
#body-images img
{
width: 100%;
}
#body-more-info
{
background-color: var(--more-info-background-color);
border-radius: 0.25vw;
margin-right: 1vw;
margin-top: 0.325vw;
padding: 0 1vw 0vw 1vw;
overflow: hidden;
transition: height 0.5s;
}
#body-more-info table
{
padding: 1vw 0;
}
#body-more-info table td:first-child
{
padding-right: 0.25vw;
font-size: calc(0.85vw * 0.9);
font-weight: bold;
opacity: 0.7;
text-align: right;
}
#body-more-info table td:last-child
{
padding-left: 0.25vw;
text-align: left;
}
#body-text
{
float: left;
height: max-content;
width: 60%;
}
#download-price
{
align-items: center;
color: var(--tint-color);
display: flex;
margin-left: 0.5vw;
}
#download-row
{
display: inline-flex;
margin-bottom: 2vw;
}

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 94 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

10
js/club/hackathons.js Normal file
View File

@ -0,0 +1,10 @@
function download(name, button)
{
var div = button.parentElement;
var language = div.getElementsByTagName("select")[0];
var selected = language.value.trim().toLowerCase();
name = name.trim().toLowerCase();
while (name.includes(" ")) name = name.replace(" ", "_");
window.location.href = "/data/club/hackathons/" + name + "/" + selected + ".zip";
}

View File

@ -29,6 +29,7 @@ function goToDownloads()
function downloadFile(name)
{
name = name.toLowerCase();
while (name.includes(" ")) name = name.replace(" ", "_");
window.location.href = "/data/projects/keycollect/" + name;
}

View File

@ -0,0 +1,36 @@
const moreInfoId = "body-more-info";
var moreInfoOpen = false;
var moreInfoSize = 0;
function init()
{
var element = document.getElementById(moreInfoId);
if (element != undefined)
{
moreInfoSize = element.offsetHeight;
element.style.height = "0";
}
}
function toggleMoreInfo()
{
moreInfoOpen = !moreInfoOpen;
var element = document.getElementById(moreInfoId);
element.style.height = moreInfoOpen ? moreInfoSize.toString() + "px" : "0";
}
function goToDownloads()
{
window.location.href = "/projects/trickortreat/download.html";
}
function downloadFile(name)
{
name = name.toLowerCase();
while (name.includes(" ")) name = name.replace(" ", "_");
window.location.href = "/data/projects/trickortreat/" + name;
}
init();

View File

@ -7,11 +7,9 @@
<link type="text/css" rel="stylesheet" href="/css/projects/keycollect.css">
<meta charset="utf-8">
<meta name="description" content="A game created from the idea of Pac-Man">
<meta name="keywords" content="That_One_Nerd KeyCollect, That_One_Nerd Key Collect, KeyCollect, Key Collect, That_One_Nerd KeyCombine, That_One_Nerd Key Combine, KeyCombine, Key Combine">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>KeyCollect | Projects | That_One_Nerd</title>
<title>Download KeyCollect | Projects | That_One_Nerd</title>
</head>
<!--header-->

View File

@ -0,0 +1,71 @@
<!DOCTYPE html>
<html>
<head>
<link type="image/x-icon" rel="icon" href="/images/projects/trickortreat/favicon.png">
<link type="text/css" rel="stylesheet" href="/css/global.css">
<link type="text/css" rel="stylesheet" href="/css/projects/trickortreat.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Download Trick Or Treat | Projects | That_One_Nerd</title>
</head>
<!--header-->
<body>
<div class="body">
<h2>Download "Trick Or Treat"</h2>
<a href="../trickortreat.html">&larr; Game page</a>
<ul class="downloads">
<li>
<div class="download-option">
<button class="download-button" onclick="downloadFile('Version 1.0.0.zip')">Download</button>
<p id="name">Version 1.0.0.zip</p>
<p id="filesize">18 MB</p>
<p id="platforms"><span class="icon-windows8" title="Download for Windows"></span></p>
</div>
</li>
<li>
<div class="download-option">
<button class="download-button" onclick="downloadFile('Version 1.3.3.zip')">Download</button>
<p id="name">Version 1.3.3.zip</p>
<p id="filesize">18 MB</p>
<p id="platforms"><span class="icon-windows8" title="Download for Windows"></span></p>
</div>
</li>
<li>
<div class="download-option">
<button class="download-button" onclick="downloadFile('Version 1.4.3.zip')">Download</button>
<p id="name">Version 1.4.3.zip</p>
<p id="filesize">18 MB</p>
<p id="platforms"><span class="icon-windows8" title="Download for Windows"></span></p>
</div>
</li>
<li>
<div class="download-option">
<button class="download-button" onclick="downloadFile('Version 1.4.5.zip')">Download</button>
<p id="name">Version 1.4.5.zip</p>
<p id="filesize">18 MB</p>
<p id="platforms"><span class="icon-windows8" title="Download for Windows"></span></p>
</div>
</li>
</ul>
<div class="install-instructions">
<h3>Download and install instructions from That_One_Nerd:</h3>
<div id="words">
<p>Simply unzip the zip file you downloaded, and run the EXE file titled 'Trick Or Treat' to run it!</p>
</div>
</div>
</div>
</body>
<!--footer-->
<script type="module" src="/js/imports.js"></script>
<script src="/js/global.js" defer></script>
<script src="/js/projects/trickortreat.js" defer></script>
</html>

173
projects/trickortreat.html Normal file
View File

@ -0,0 +1,173 @@
<!DOCTYPE html>
<html>
<head>
<link type="image/x-icon" rel="icon" href="/images/projects/trickortreat/favicon.png">
<link type="text/css" rel="stylesheet" href="/css/global.css">
<link type="text/css" rel="stylesheet" href="/css/projects/trickortreat.css">
<meta charset="utf-8">
<meta name="description" content="A simulator-type game, where you go around Trick Or Treating for Candy">
<meta name="keywords" content="That_One_Nerd TrickOrTreat, That_One_Nerd Trick Or Treat, TrickOrTreat, Trick Or Treat">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Trick Or Treat | Projects | That_One_Nerd</title>
</head>
<!--header-->
<body>
<div class="body">
<div id="body-text">
<h2>Trick Or Treat</h2>
<p>
Trick Or Treat, is a game where you go trick or treating, people give you candy, and then trade it to get coins.
<br>
Those coins will get you upgrades, whether it is a better costume, basket, or cheaper prices, to name a few.
<br>
The game is fairly grindy, and if anybody has suggestions for the game, you can go onto my discord server, where you can suggest it. The link for it is <a href="https://discord.gg/Ek7R3gx" target="_blank">here</a>.
<br>
Or you can do it in the comments here. I will respond to both, but generally be more active on my discord server.
</p>
<br>
<a onclick="toggleMoreInfo()">More information</a>
<div id="body-more-info">
<table>
<tr>
<td>Updated</td>
<td><abbr title="November 1st, 2020 at 8:07 PM"><span class="icon-stopwatch"></span> Nov 01, 2020</abbr></td>
</tr>
<tr>
<td>Published</td>
<td><abbr title="October 13th, 2020 at 12:17 AM"><span class="icon-stopwatch"></span> Oct 31, 2020</abbr></td>
</tr>
<tr>
<td>Status</td>
<td><b>Released</b></td>
</tr>
<tr>
<td>Platforms</td>
<td><b>Windows</b></td>
</tr>
<tr>
<td>Release date</td>
<td><abbr title="October 13th, 2020 at 4:00 AM"><span class="icon-stopwatch"></span> Oct 31, 2020</abbr></td>
</tr>
<tr>
<td>Author</td>
<td><b>That_One_Nerd</b></td>
</tr>
<tr>
<td>Genre</td>
<td><b>Simulation</b></td>
</tr>
<tr>
<td>Made with</td>
<td><b>Paint.net</b>, <b>Unity</b>, <b>Aseprite</b></td>
</tr>
<tr>
<td>Tags</td>
<td><b>Singleplayer</b></td>
</tr>
<tr>
<td>Average session</td>
<td><b>A few hours</b></td>
</tr>
<tr>
<td>Languages</td>
<td><b>English</b></td>
</tr>
<tr>
<td>Inputs</td>
<td><b>Keyboard</b>, <b>Mouse</b></td>
</tr>
<tr>
<td>Links</td>
<td><b>Community</b></td>
</tr>
</table>
</div>
<h2>Download</h2>
<div id="download-row">
<button class="download-button" id="goto-downloads" onclick="goToDownloads()">Download Now</button>
<p id="download-price">Free</p>
</div>
<br>
<p>Click download now to get access to the following files:</p>
<ul class="downloads">
<li>
<div class="download-option">
<span class="icon-file-zip" id="fileicon"></span>
<p id="name">Version 1.0.0.zip</p>
<p id="filesize">18 MB</p>
<p id="platforms"><span class="icon-windows8" title="Download for Windows"></span></p>
</div>
</li>
<li>
<div class="download-option">
<span class="icon-file-zip" id="fileicon"></span>
<p id="name">Version 1.3.3.zip</p>
<p id="filesize">18 MB</p>
<p id="platforms"><span class="icon-windows8" title="Download for Windows"></span></p>
</div>
</li>
<li>
<div class="download-option">
<span class="icon-file-zip" id="fileicon"></span>
<p id="name">Version 1.4.3.zip</p>
<p id="filesize">18 MB</p>
<p id="platforms"><span class="icon-windows8" title="Download for Windows"></span></p>
</div>
</li>
<li>
<div class="download-option">
<span class="icon-file-zip" id="fileicon"></span>
<p id="name">Version 1.4.5.zip</p>
<p id="filesize">18 MB</p>
<p id="platforms"><span class="icon-windows8" title="Download for Windows"></span></p>
</div>
</li>
</ul>
<div class="devlogs">
<h2>Development log</h2>
<ul id="list">
<li>
<a href="/projects/trickortreat/devlogs/version-v1-4-5.html">Version v1.4.5</a>
<abbr title="November 1st, 2020 at 8:07 PM" id="date">Nov 01, 2020</abbr>
</li>
<li>
<a href="/projects/trickortreat/devlogs/version-v1-4-3.html">Version v1.4.3</a>
<abbr title="November 1st, 2020 at 3:41 PM" id="date">Nov 01, 2020</abbr>
</li>
<li>
<a href="/projects/trickortreat/devlogs/version-v1-3-3.html">Version v1.3.3</a>
<abbr title="November 1st, 2020 at 3:23 AM" id="date">Nov 01, 2020</abbr>
</li>
<li>
<a href="/projects/trickortreat/devlogs/release.html">Release</a>
<abbr title="October 27th, 2020 at 4:56 PM" id="date">Oct 27, 2020</abbr>
</li>
</ul>
</div>
</div>
<div id="body-images">
<a href="/images/projects/trickortreat/showcase1.png" target="_blank"><img src="/images/projects/trickortreat/showcase1.png"></a>
<a href="/images/projects/trickortreat/showcase2.png" target="_blank"><img src="/images/projects/trickortreat/showcase2.png"></a>
</div>
</div>
</body>
<!--footer-->
<script type="module" src="/js/imports.js"></script>
<script src="/js/global.js" defer></script>
<script src="/js/projects/trickortreat.js" defer></script>
</html>

View File

@ -0,0 +1,71 @@
<!DOCTYPE html>
<html>
<head>
<link type="image/x-icon" rel="icon" href="/images/projects/trickortreat/favicon.png">
<link type="text/css" rel="stylesheet" href="/css/global.css">
<link type="text/css" rel="stylesheet" href="/css/projects/trickortreat.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Download Trick Or Treat | Projects | That_One_Nerd</title>
</head>
<!--header-->
<body>
<div class="body">
<h2>Download "Trick Or Treat"</h2>
<a href="../trickortreat.html">&larr; Game page</a>
<ul class="downloads">
<li>
<div class="download-option">
<button class="download-button" onclick="downloadFile('Version 1.0.0.zip')">Download</button>
<p id="name">Version 1.0.0.zip</p>
<p id="filesize">18 MB</p>
<p id="platforms"><span class="icon-windows8" title="Download for Windows"></span></p>
</div>
</li>
<li>
<div class="download-option">
<button class="download-button" onclick="downloadFile('Version 1.3.3.zip')">Download</button>
<p id="name">Version 1.3.3.zip</p>
<p id="filesize">18 MB</p>
<p id="platforms"><span class="icon-windows8" title="Download for Windows"></span></p>
</div>
</li>
<li>
<div class="download-option">
<button class="download-button" onclick="downloadFile('Version 1.4.3.zip')">Download</button>
<p id="name">Version 1.4.3.zip</p>
<p id="filesize">18 MB</p>
<p id="platforms"><span class="icon-windows8" title="Download for Windows"></span></p>
</div>
</li>
<li>
<div class="download-option">
<button class="download-button" onclick="downloadFile('Version 1.4.5.zip')">Download</button>
<p id="name">Version 1.4.5.zip</p>
<p id="filesize">18 MB</p>
<p id="platforms"><span class="icon-windows8" title="Download for Windows"></span></p>
</div>
</li>
</ul>
<div class="install-instructions">
<h3>Download and install instructions from That_One_Nerd:</h3>
<div id="words">
<p>Simply unzip the zip file you downloaded, and run the EXE file titled 'Trick Or Treat' to run it!</p>
</div>
</div>
</div>
</body>
<!--footer-->
<script type="module" src="/js/imports.js"></script>
<script src="/js/global.js" defer></script>
<script src="/js/projects/trickortreat.js" defer></script>
</html>

View File

@ -1,6 +1,6 @@
<footer>
<a class="no-link-underscore" href="/"><img id="footer-logo" src="/images/logofullres.png"></a>
<h3 id="footer-name"><b>That_One_Nerd</b> 2022</h3>
<h3 id="footer-name"><b>That_One_Nerd</b> 2023</h3>
<button id="footer-to-top-button" onclick="backToTop()" title="Scroll back to the top.">Back to Top</button>