diff --git a/.gitignore b/.gitignore index 8998d5f..b5a4a28 100644 --- a/.gitignore +++ b/.gitignore @@ -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 diff --git a/club/hackathons.html b/club/hackathons.html new file mode 100644 index 0000000..ae44855 --- /dev/null +++ b/club/hackathons.html @@ -0,0 +1,60 @@ + + + + + + + + + + + + FPHS Programming Club Hackathons | That_One_Nerd + + + + + +
+

Hackathons

+
+ +
+
+ +
+

+ 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. +

+ Most programs will have a runner and then additional stuff you do yourself. +

+ This will be updated with the templates as they arrive. +

+
+ +
+
+ +
+

Download Templates

+
+
+

The First Hackathon

+
+
+ + +
+
+
+ + + + + + + + diff --git a/css/club/hackathons.css b/css/club/hackathons.css new file mode 100644 index 0000000..5fe9474 --- /dev/null +++ b/css/club/hackathons.css @@ -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; +} diff --git a/css/projects/keycollect.css b/css/projects/keycollect.css index 27816e5..4d457f5 100644 --- a/css/projects/keycollect.css +++ b/css/projects/keycollect.css @@ -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; } diff --git a/css/projects/nerdstf.css b/css/projects/nerdstf.css deleted file mode 100644 index a9ac1d0..0000000 --- a/css/projects/nerdstf.css +++ /dev/null @@ -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; -} diff --git a/css/projects/trickortreat.css b/css/projects/trickortreat.css new file mode 100644 index 0000000..4d35932 --- /dev/null +++ b/css/projects/trickortreat.css @@ -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; +} diff --git a/data/club/hackathons/hack1/java.zip b/data/club/hackathons/hack1/java.zip new file mode 100644 index 0000000..95e018d Binary files /dev/null and b/data/club/hackathons/hack1/java.zip differ diff --git a/data/projects/trickortreat/version_1.0.0.zip b/data/projects/trickortreat/version_1.0.0.zip new file mode 100644 index 0000000..2408732 Binary files /dev/null and b/data/projects/trickortreat/version_1.0.0.zip differ diff --git a/data/projects/trickortreat/version_1.3.3.zip b/data/projects/trickortreat/version_1.3.3.zip new file mode 100644 index 0000000..74e0775 Binary files /dev/null and b/data/projects/trickortreat/version_1.3.3.zip differ diff --git a/data/projects/trickortreat/version_1.4.3.zip b/data/projects/trickortreat/version_1.4.3.zip new file mode 100644 index 0000000..25cd0d6 Binary files /dev/null and b/data/projects/trickortreat/version_1.4.3.zip differ diff --git a/data/projects/trickortreat/version_1.4.5.zip b/data/projects/trickortreat/version_1.4.5.zip new file mode 100644 index 0000000..2f8798a Binary files /dev/null and b/data/projects/trickortreat/version_1.4.5.zip differ diff --git a/images/projects/trickortreat/favicon.png b/images/projects/trickortreat/favicon.png new file mode 100644 index 0000000..ccc999c Binary files /dev/null and b/images/projects/trickortreat/favicon.png differ diff --git a/images/projects/trickortreat/showcase1.png b/images/projects/trickortreat/showcase1.png new file mode 100644 index 0000000..b178575 Binary files /dev/null and b/images/projects/trickortreat/showcase1.png differ diff --git a/images/projects/trickortreat/showcase2.png b/images/projects/trickortreat/showcase2.png new file mode 100644 index 0000000..803d212 Binary files /dev/null and b/images/projects/trickortreat/showcase2.png differ diff --git a/js/club/hackathons.js b/js/club/hackathons.js new file mode 100644 index 0000000..070ea79 --- /dev/null +++ b/js/club/hackathons.js @@ -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"; +} diff --git a/js/projects/keycollect.js b/js/projects/keycollect.js index d6b21f8..df679a6 100644 --- a/js/projects/keycollect.js +++ b/js/projects/keycollect.js @@ -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; } diff --git a/js/projects/trickortreat.js b/js/projects/trickortreat.js new file mode 100644 index 0000000..e0b396b --- /dev/null +++ b/js/projects/trickortreat.js @@ -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(); diff --git a/projects/keycollect/download.html b/projects/keycollect/download.html index 7981925..72ed6b1 100644 --- a/projects/keycollect/download.html +++ b/projects/keycollect/download.html @@ -7,11 +7,9 @@ - - - KeyCollect | Projects | That_One_Nerd + Download KeyCollect | Projects | That_One_Nerd diff --git a/projects/rebuild/download.html b/projects/rebuild/download.html new file mode 100644 index 0000000..92f2012 --- /dev/null +++ b/projects/rebuild/download.html @@ -0,0 +1,71 @@ + + + + + + + + + + + + Download Trick Or Treat | Projects | That_One_Nerd + + + + + +
+

Download "Trick Or Treat"

+ ← Game page + + + +
+

Download and install instructions from That_One_Nerd:

+
+

Simply unzip the zip file you downloaded, and run the EXE file titled 'Trick Or Treat' to run it!

+
+
+
+ + + + + + + + diff --git a/projects/trickortreat.html b/projects/trickortreat.html new file mode 100644 index 0000000..efb97a0 --- /dev/null +++ b/projects/trickortreat.html @@ -0,0 +1,173 @@ + + + + + + + + + + + + + + Trick Or Treat | Projects | That_One_Nerd + + + + + +
+
+

Trick Or Treat

+

+ Trick Or Treat, is a game where you go trick or treating, people give you candy, and then trade it to get coins. +
+ Those coins will get you upgrades, whether it is a better costume, basket, or cheaper prices, to name a few. +
+ 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 here. +
+ Or you can do it in the comments here. I will respond to both, but generally be more active on my discord server. +

+ +
+ + More information + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Updated Nov 01, 2020
Published Oct 31, 2020
StatusReleased
PlatformsWindows
Release date Oct 31, 2020
AuthorThat_One_Nerd
GenreSimulation
Made withPaint.net, Unity, Aseprite
TagsSingleplayer
Average sessionA few hours
LanguagesEnglish
InputsKeyboard, Mouse
LinksCommunity
+
+ +

Download

+ +
+ +

Free

+
+ +
+ +

Click download now to get access to the following files:

+ + +
+

Development log

+ +
+
+
+ + +
+
+ + + + + + + + diff --git a/projects/trickortreat/download.html b/projects/trickortreat/download.html new file mode 100644 index 0000000..92f2012 --- /dev/null +++ b/projects/trickortreat/download.html @@ -0,0 +1,71 @@ + + + + + + + + + + + + Download Trick Or Treat | Projects | That_One_Nerd + + + + + +
+

Download "Trick Or Treat"

+ ← Game page + + + +
+

Download and install instructions from That_One_Nerd:

+
+

Simply unzip the zip file you downloaded, and run the EXE file titled 'Trick Or Treat' to run it!

+
+
+
+ + + + + + + + diff --git a/templates/footer.html b/templates/footer.html index 9aa0a3e..982d9f1 100644 --- a/templates/footer.html +++ b/templates/footer.html @@ -1,6 +1,6 @@