diff --git a/.gitignore b/.gitignore index e816234..8998d5f 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,2 @@ -# Things like templates and stuff I don't need people to access publicly. -private/ +# Personal stuff I use for website building +/news/_template.html diff --git a/404.html b/404.html index 787011b..d9c9645 100644 --- a/404.html +++ b/404.html @@ -1,26 +1,32 @@ - - - - + + + + - 404 | That_One_Nerd + + + + How did we get here? | That_One_Nerd - -
- Home - About - Games - Links - News -
-
-

404 - We can't find the page.

-

Maybe you misspelled the URL?

-

Click here to return to the home page.

+ + + +

↿ Or you can go to any of these places, I guess. ↾

+

Hey, I opened the header for your convenience, you know. Close it when you go somewhere.

+

You know, the header has a bunch of links to help you find your way out of here. It might be useful.

+ +
+

Whoops, looks like you got lost.

+

Can't find %url%. Not sure how you even got here.

+

Here's my ultimatum: either go or go .

+ + + + diff --git a/404/styles.css b/404/styles.css deleted file mode 100644 index 3dbcedb..0000000 --- a/404/styles.css +++ /dev/null @@ -1,21 +0,0 @@ -body -{ - background-color: #f91; - color: white; - text-align: center; -} - -.showtext -{ - background-color: white; - border-radius: 1.5vw; - color: black; - font-size: 2.5vh; - margin-left: 10%; - margin-right: 10%; - margin-top: 37.5vh; - padding-bottom: 5vh; - padding-left: 5%; - padding-right: 5%; - padding-top: 5vh; -} diff --git a/about.html b/about.html index 1dec039..3c2a1c3 100644 --- a/about.html +++ b/about.html @@ -2,68 +2,89 @@ - - - + + + + + + + + About Me | That_One_Nerd + + + -
- Home - About - Games - Links - News -
- -
+

About Me

-

My name is Kyle. I am 14 years old. I am a Software and Game Developer.

-
+ +
+
-
-

What are my interests?

-

I love software development and logical thinking, such as

+
+
+ +
+
+

+ Hey there. I'm Kyle. I am %age% years old and I like to program as a hobby. +

+ I've been programming for almost %start% years now, right at the start of Covid-19, and it was love at first sight. I don't plan on stopping anytime soon. +

+ I originally started with the programming language C#, but since then I've spread to other languages, namely C++, Python, Java, and JavaScript. +

+
+
+ +
+

I love software development and logical thinking. Some fields I have an interest in are (in no particular order):

  • Graphical programming (not to be confused with graphic design)
  • General algorithm development
  • Library development
  • Game development
    • +
  • Server and website development
-

Graphical programming is my latest hobby, and also the one I am the least saavy at. But I'm getting there sooner or later.

+

Here's how I'd rate my programming skills

+ +
+
+

Beginner

+
+
+

Expert

+
+
+

I'm definitely no expert (compared to some serious computer scientists I look up to), but I'd say I'm past the Intermediate stage. Somewhere in the middle of those two.

-
-
-

What are my skills?

-

I can program in

+ +
+

Here's some noteworthy stuff I've done:

    -
  • C#
    • -
  • Java
    • -
  • C++
    • -
  • HTML and CSS
    • -
  • Python
    • +
  • Created and maintained Nerd_STF as a solo project.
    • +
  • Created Trick Or Treat, Rebuild, and some other small Itch games.
    • +
  • Developing Brigade Laboratories, a game that I'm staying mostly secretive about. Learn More
-

This is ranked in my expertise in each language. I am the best at C#, decent at Java and C++, and okay at Python.

+ +




+ +

I like to reinvent the wheel in software development. For example, Nerd_STF. I know there is a bunch in Nerd_STF that already exists in a different library, and it's likely better. But I feel like doing it myself teaches me more than just using somebody else's code. I wouldn't have learned nearly as much if I just used a different library.

-
-
-

What tools am I fluent in?

- -
-
-
-

How can you contact me?

-

My preferred email for contact is dev@thatonenerd.net.

-
-
-
That_One_Nerd 2022
+ +
+

That's all I have to say. If you want to contact me, you can at kyle@thatonenerd.net

+ +
+
+ + + + + + diff --git a/about/logos/cplusplus.png b/about/logos/cplusplus.png deleted file mode 100644 index 39cc1cf..0000000 Binary files a/about/logos/cplusplus.png and /dev/null differ diff --git a/about/logos/csharp.png b/about/logos/csharp.png deleted file mode 100644 index 2b1ba38..0000000 Binary files a/about/logos/csharp.png and /dev/null differ diff --git a/about/logos/css.png b/about/logos/css.png deleted file mode 100644 index 6351f95..0000000 Binary files a/about/logos/css.png and /dev/null differ diff --git a/about/logos/html.png b/about/logos/html.png deleted file mode 100644 index febb30b..0000000 Binary files a/about/logos/html.png and /dev/null differ diff --git a/about/logos/java.png b/about/logos/java.png deleted file mode 100644 index 527f80c..0000000 Binary files a/about/logos/java.png and /dev/null differ diff --git a/about/logos/python.png b/about/logos/python.png deleted file mode 100644 index e9db482..0000000 Binary files a/about/logos/python.png and /dev/null differ diff --git a/about/styles.css b/about/styles.css deleted file mode 100644 index 9ec475c..0000000 --- a/about/styles.css +++ /dev/null @@ -1,103 +0,0 @@ -.contact -{ - background-color: #fff; - margin: 0; - padding: 5vh 10vw 5vh 10vw; - text-align: center; -} - -.interests -{ - background-color: #fff; - margin: 0; - padding: 5vh 10vw 5vh 10vw; - text-align: left; -} - -.skills -{ - background-color: #303030; - color: #fff; - margin: 0; - padding: 5vh 25vw 5vh 25vw; - text-align: center; -} - -.skills h2 -{ - color: #f91; - margin-top: 0; -} - -.skills img -{ - height: 1vw; - margin-right: 0.5%; -} - -.skills ul -{ - margin-left: 15vw; -} - -.title -{ - background-color: #f91; - color: #000; - text-align: center; - margin-top: 0; - padding-bottom: 10.8vh; - padding-left: 2vw; - padding-right: 2vw; - padding-top: 17.3vh; -} - -.title h1 -{ - font-size: 4vw; - margin: 0; -} - -.tools -{ - background-color: #f91; - margin: 0; - padding: 5vh 10vw 5vh 10vw; - text-align: right; -} - -#triangle-contact -{ - width: 0; - height: 0; - border-left: solid 100vw; - border-top: solid 5vh; - border-color: #f91 #f91 transparent transparent; -} - -#triangle-skills -{ - width: 0; - height: 0; - border-right: solid 100vw; - border-bottom: solid 5vh; - border-color: transparent transparent #303030 #303030; -} - -#triangle-tools -{ - width: 0; - height: 0; - border-left: solid 100vw; - border-top: solid 5vh; - border-color: #303030 #303030 #f91 #f91; -} - -#triangle-title -{ - width: 0; - height: 0; - border-left: solid 100vw; - border-top: solid 5vh; - border-color: #f91 #f91 transparent transparent; -} diff --git a/css/about.css b/css/about.css new file mode 100644 index 0000000..f9b4543 --- /dev/null +++ b/css/about.css @@ -0,0 +1,53 @@ +.field +{ + font-size: 1.38vw; + padding: 5vw 15vw 5vw 15vw; + text-align: center; +} + +.field ul +{ + font-size: 1.38vw; + margin: 1.3vw 5.2vw 1.3vw 5.2vw; +} + +#intro +{ + padding-bottom: 13vw; +} +#intro img +{ + width: 25%; +} +#intro-left +{ + float: left; + text-align: left; +} +#intro-right +{ + float: right; + margin-left: 15.625vw; + margin-top: -15vw; + text-align: right; +} + +#interests +{ + text-align: left; +} + +#skills-float +{ + margin-bottom: 2.6vw; +} +#skills-float-left +{ + float: left; + text-align: left; +} +#skills-float-right +{ + float: right; + text-align: right; +} diff --git a/css/error.css b/css/error.css new file mode 100644 index 0000000..98dc320 --- /dev/null +++ b/css/error.css @@ -0,0 +1,36 @@ +body +{ + background-color: #E0E0E0; + font-size: 1.25vw; +} + +.box +{ + margin-top: 10vw; + text-align: center; +} +.box h2 +{ + font-size: 2.5vw; + margin-bottom: 2vw; +} + +#headertext +{ + left: 0; + position: fixed; + right: 0; + text-align: center; + top: -1.75vw; + + transition: top 0.5s; +} + +#headertext2a, #headertext2b +{ + left: 0; + position: fixed; + right: 0; + text-align: center; + top: -1.75vw; +} diff --git a/css/global.css b/css/global.css new file mode 100644 index 0000000..a9fa1c5 --- /dev/null +++ b/css/global.css @@ -0,0 +1,333 @@ +@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@200;300;400;500;600;700&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap'); + +@import url('/css/icomoon.css'); + +@font-face +{ + font-family: "Itch Pixel"; + src: url("/fonts/itch/pixel.eot") format("embedded-opentype"), + url("/fonts/itch/pixel.woff2") format("woff2"), + url("/fonts/itch/pixel.woff") format("woff"), + url("/fonts/itch/pixel.ttf") format("truetype"); +} + +* +{ + font-family: 'Outfit', 'Readex Pro', 'Roboto', 'sans-serif'; + margin: 0; + padding: 0; + text-decoration: none; +} + +a +{ + color: #FF6A00; + cursor: pointer; + position: relative; + text-decoration: none; +} +a::after +{ + background-color: #FF6A00; + bottom: 0; + content: ''; + height: 0.08vw; + left: 0; + position: absolute; + transform: scale(0, 1); + transform-origin: bottom right; + width: 100%; + + transition: transform 0.2s; +} +a:hover:after +{ + transform: scale(1, 1); + transform-origin: bottom left; +} + +abbr +{ + cursor: help; +} + +button +{ + background-color: #FF6A00; + border: 0; + border-radius: 0.26vw; + color: #000; + cursor: pointer; + font-size: 1vw; + padding: 0.26vw 0.52vw 0.26vw 0.52vw; + + transition: color 0.25s; +} +button:hover +{ + color: #fff; +} + +cmd +{ + background-color: rgba(0, 0, 0, 0.875); + border-radius: 0.25vw; + color: #D0D0D0; + padding: 0 0.25vw; + font-family: 'Consolas'; +} + +footer +{ + background-color: #303030; + color: #606060; + padding: 2.6vw 0 calc(6vw + 5vw) 13vw; + font-size: 1.15vw; + /* The 6vw is the max size of the lists, since they float. */ + text-align: left; +} +footer * +{ + transition: color 0.2s; +} +footer *:hover +{ + color: #fff; +} +footer a +{ + color: #606060; +} +footer a::after +{ + background-color: #fff; +} +footer button +{ + background-color: #606060; + color: #909090; +} +footer ul +{ + list-style: none; +} + +header +{ + background-color: #303030; + color: #fff; + font-size: 1.35vw; + left: 0; + padding: 0.57vw 11.45vw 0.57vw 0; + position: fixed; + right: 0; + text-align: center; + top: 0; + z-index: 1000; + + transition: all 0.25s; +} +header a +{ + color: #fff; + margin: 0 1.06vw 0 1.06vw; +} +header img +{ + border-radius: 10px; + float: left; + margin-left: 4.25vw; + opacity: 0.625; + height: 1.72vw; + width: 1.72vw; + + transition: all 0.25s; +} +header img:hover +{ + opacity: 1; +} + +i +{ + color: #FF6A00; +} + +img +{ + width: 100%; +} + +.button-secondary +{ + background-color: #808080; +} + +.dropdown +{ + background-color: #FF6A00; + border: 1px solid #ff9f5b; + font-size: 1.25vw; + font-weight: bold; + margin-bottom: 0; + overflow: hidden; + padding-top: 1vw; + + transition: all 0.125s; +} +.dropdown:hover +{ + border: 3px solid rgba(0, 0, 0, 0.5); +} +.dropdown p +{ + margin: 0 15%; +} + +.dropdown-body +{ + background-color: #ffc8a1; + border-top: solid #ff9f5b; + border-width: 0; + font-weight: normal; + height: 0; + font-size: 1.125vw; + margin-top: 1vw; + + transition: height 0.5s; +} +.dropdown-body span +{ + padding: 1vw; +} + +.dropdown-secondary +{ + background-color: #808080; + border: 1px solid #adadad; + justify-content: center; + margin: 0 auto; + padding-top: 0.5vw; + width: 62.5%; +} +.dropdown-secondary .dropdown-body +{ + background-color: #d1d1d1; + border-top: solid #adadad; + margin-top: 0.5vw; +} + +.line-spacer +{ + border-bottom: 4vw solid; + border-left: 100vw solid; + border-color: #D0D0D0 transparent #D0D0D0 transparent; + margin-top: -4vw; +} +.line-spacer-darkgray +{ + border-bottom: 4vw solid; + border-left: 100vw solid; + border-color: #D0D0D0 #303030 #D0D0D0 #303030; + margin-top: -4vw; +} +.line-spacer-darkgray-complete +{ + border-bottom: 4vw solid; + border-left: 100vw solid; + border-color: #606060 #303030 #606060 #303030; + margin-top: -4vw; +} +.line-spacer2 +{ + border-top: 4vw solid; + border-right: 100vw solid; + border-color: #D0D0D0 transparent #D0D0D0 transparent; + margin-top: 0; +} +.line-spacer2-darkgray +{ + border-top: 4vw solid; + border-right: 100vw solid; + border-color: #D0D0D0 #303030 #D0D0D0 #303030; + margin-top: 0; +} +.line-spacer2-darkgray-complete +{ + border-top: 4vw solid; + border-right: 100vw solid; + border-color: #606060 #303030 #606060 #303030; + margin-top: 0; +} + +.no-link-underscore:after +{ + background-color: rgba(0, 0, 0, 0); +} + +#footer-logo +{ + filter: saturate(0); + height: 3.75vw; + width: 3.75vw; + + transition: all 0.2s; +} +#footer-logo:hover +{ + filter: saturate(1); + height: 4.5vw; + width: 4.5vw; +} +#footer-misc-list +{ + float: left; + margin-left: 4vw; +} +#footer-name +{ + margin-bottom: 1.3vw; +} +#footer-page-list +{ + float: left; +} +#footer-to-top-button +{ + margin: 0.52vw 0 0.52vw 0; +} + +#header-close +{ + font-size: 70%; + height: 1.72vw; + position: fixed; + right: 4.25vw; + rotate: 180deg; + top: 0.53vw; + width: 1.72vw; + z-index: 1100; + + transition: color 0.25s, rotate 0.375s; +} + +#title +{ + align-items: center; + background-image: url("../images/background.png"); + background-position: center; + background-size: 100%; + color: #fff; + font-size: 2.5vw; + padding: 14.5vw 0 14.5vw 0; + text-align: center; + + transition: background 0.5s; +} +#title:hover +{ + background-size: 110%; +} diff --git a/css/icomoon.css b/css/icomoon.css new file mode 100644 index 0000000..ac997c4 --- /dev/null +++ b/css/icomoon.css @@ -0,0 +1,64 @@ +@font-face { + font-family: 'icomoon'; + src: url('/fonts/icomoon.eot'); + src: url('/fonts/icomoon.eot') format('embedded-opentype'), + url('/fonts/icomoon.ttf') format('truetype'), + url('/fonts/icomoon.woff') format('woff'), + url('/fonts/icomoon.svg') format('svg'); + font-weight: normal; + font-style: normal; + font-display: block; +} + +[class^="icon-"], [class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'icomoon' !important; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-itch-dot-io:before { + content: "\e901"; + color: #fa5c5c; +} +.icon-discord:before { + content: "\e900"; + color: #7289da; +} +.icon-file-zip:before { + content: "\e92b"; +} +.icon-folder:before { + content: "\e92f"; +} +.icon-stopwatch:before { + content: "\e952"; +} +.icon-spinner8:before { + content: "\e981"; +} +.icon-youtube:before { + content: "\ea9d"; +} +.icon-youtube2:before { + content: "\ea9e"; +} +.icon-twitch:before { + content: "\ea9f"; +} +.icon-github:before { + content: "\eab0"; +} +.icon-appleinc:before { + content: "\eabe"; +} +.icon-windows8:before { + content: "\eac2"; +} diff --git a/css/index.css b/css/index.css new file mode 100644 index 0000000..f8be065 --- /dev/null +++ b/css/index.css @@ -0,0 +1,104 @@ +.news +{ + font-size: 1.5vw; + padding: 5.2vw 13vw 0 13vw; + text-align: center; +} +.news img +{ + border-radius: 20%; +} +.news-left +{ + float: left; + text-align: left; + width: 45%; +} +.news-right +{ + float: right; + text-align: right; + width: 45%; +} + +#news-nerd_stf +{ + padding-bottom: 41vw; +} +#news-nerd_stf h2 +{ + color: #FF6A00; +} +#news-nerd_stf .news-left +{ + width: 60%; +} +#news-nerd_stf .news-right +{ + width: 30%; +} + +#news-arcade-maniac +{ + padding-bottom: 10.42vw; +} +#news-arcade-maniac a +{ + color: #e72a00; +} +#news-arcade-maniac a::after +{ + background-color: #e72a00; +} +#news-arcade-maniac h2 +{ + color: #6fe700; + text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); +} +#news-arcade-maniac img +{ + width: 50%; +} + +#news-jobs +{ + padding-bottom: 7.5vw; +} +#news-jobs h2 +{ + color: #303030; +} +#news-jobs img +{ + width: 25%; +} + +#news-brigade-labs +{ + background-color: #303030; + color: white; + padding-bottom: 41.67vw; +} +#news-brigade-labs .news-left +{ + width: 45%; +} +#news-brigade-labs .news-right +{ + padding-top: 9.125vw; + width: 45%; +} + +#title img +{ + background-color: rgba(0, 0, 0, 0.5); + border-radius: 3.625vw; + width: 14.5vw; + scale: 1; + + transition: all 0.25s; +} +#title img:hover +{ + scale: 1.15; +} diff --git a/css/links.css b/css/links.css new file mode 100644 index 0000000..457cd6d --- /dev/null +++ b/css/links.css @@ -0,0 +1,93 @@ +.links +{ + margin-bottom: 4vw; +} + +.link-row +{ + display: inline-flex; +} +.link-row div +{ + background-color: #eee; + border-radius: 0.25vw; + font-size: 1.125vw; + margin: 1.5vw; + padding: 2.5vw; +} +.link-row div h3 +{ + margin-bottom: 1vw; +} + +#arcademaniac h3 +{ + color: #6FE700; + text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); +} +#arcademaniac a +{ + color: #e72a00; +} +#arcademaniac a::after +{ + background-color: #e72a00; +} + +#discord h3, #discord a +{ + color: #7389DC; +} +#discord a::after +{ + background-color: #7389DC; +} + +#github h3, #github a +{ + color: #181818; +} +#github a::after +{ + background-color: #181818; +} + +#itch h3, #itch a +{ + color: #FF5C5B; +} +#itch a::after +{ + background-color: #FF5C5B; +} + +#saalty h3 +{ + color: green; +} +#saalty a +{ + color: blue; +} +#saalty a::after +{ + background-color: blue; +} + +#twitch h3, #twitch a +{ + color: #9147FF; +} +#twitch a::after +{ + background-color: #9147FF; +} + +#youtube h3, #youtube a +{ + color: #FD0000; +} +#youtube a::after +{ + background-color: #FD0000; +} diff --git a/css/news-template.css b/css/news-template.css new file mode 100644 index 0000000..872f19d --- /dev/null +++ b/css/news-template.css @@ -0,0 +1,15 @@ +.back +{ + background-color: #E0E0E0; + font-size: 1.25vw; + padding: 5vw; + margin: 5vw 30vw; + text-align: center; +} + +.message p +{ + font-size: 1.5vw; + margin: 5vw 15vw; + text-align: center; +} diff --git a/css/news.css b/css/news.css new file mode 100644 index 0000000..82b1b38 --- /dev/null +++ b/css/news.css @@ -0,0 +1,48 @@ +.news-object +{ + background-color: #e0e0e0; + border-radius: 0.25vw; + display: inline-flex; + font-size: 1.375vw; + margin: 0.5vw; + padding: 1vw; + width: 97vw; +} +.news-object #arrow +{ + margin-left: 1vw; +} +.news-object #date +{ + color: rgba(0, 0, 0, 0.5); + margin-left: auto; + + transition: color 0.25s; +} +.news-object #date:hover +{ + color: rgba(0, 0, 0, 1); +} +.news-object #name +{ + color: #000; +} +.news-object #name::after +{ + background-color: #000; + height: 0.15vw; +} + +#end-message +{ + font-size: 1.125vw; + margin: 2.5vw 0 6.5vw 0; + text-align: center; +} + +#wait-message +{ + font-size: 1.25vw; + margin: 7.5vw 25vw; + text-align: center; +} diff --git a/css/privacy.css b/css/privacy.css new file mode 100644 index 0000000..9223bb2 --- /dev/null +++ b/css/privacy.css @@ -0,0 +1,23 @@ +.privacy +{ + font-size: 1.475vw; + margin: 0 18.25vw 7.8125vw 18.25vw; + text-align: center; +} +.privacy ul, .privacy ol +{ + margin: 0 13vw 0 13vw; + text-align: left; +} +.privacy li +{ + margin: 0.78vw 0 0.78vw 0; +} +.privacy p +{ + margin: 1.3vw 0 1.3vw 0; +} +#intro +{ + margin-top: 6.51vw; +} diff --git a/css/projects.css b/css/projects.css new file mode 100644 index 0000000..62158d0 --- /dev/null +++ b/css/projects.css @@ -0,0 +1,156 @@ +.project +{ + background-color: #E0E0E0; + border-color: #fff; + border-radius: 0.5vw; + border-style: solid; + border-width: 0.25vw; + font-size: 1.25vw; + padding: 5vw; + margin: 7.5vw 15vw 7.5vw 15vw; + text-align: center; +} +.project img +{ + border-radius: 1vw; + margin-bottom: 2.5vw; + width: 25%; +} + +#arcademaniac a +{ + color: #e72a00; +} +#arcademaniac a::after +{ + background-color: #e72a00; +} +#arcademaniac h2 +{ + color: #6fe700; + text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); +} +#arcademaniac img +{ + margin: -1vw; + width: 50%; +} + +#brigadelabs +{ + background-color: #303030; + color: #E0E0E0; +} +#brigadelabs img +{ + margin: -2.5vw; + width: 37.5%; +} +#brigadelabs #date +{ + color: rgba(255, 255, 255, 0.325); + + transition: color 0.25s; +} +#brigadelabs #date:hover +{ + color: #E0E0E0 +} + +#caveman +{ + background-color: #000; + color: #fff; +} +#caveman a +{ + color: #C00000; +} +#caveman a::after +{ + background-color: #C00000; +} +#caveman h2 +{ + color: #8b0000; +} +#caveman img +{ + margin-top: -7.5vw; + width: 37.5%; +} +#caveman #date +{ + color: rgba(255, 255, 255, 0.325); +} +#caveman #date:hover +{ + color: #909090; +} + +#date +{ + color: rgba(0, 0, 0, 0.325); + font-size: 1vw; + margin-top: 0.5vw; + + transition: color 0.25s; +} +#date:hover +{ + color: #000; +} + +#emd +{ + background-color: #314D79; + color: #fff; +} +#emd a +{ + color: #0484d1; +} +#emd a::after +{ + background-color: #0484d1; +} +#emd #date +{ + color: rgba(255, 255, 255, 0.325); +} +#emd #date:hover +{ + color: #fff; +} + +#keycollect +{ + background-color: #000; + color: #fff; +} +#keycollect a +{ + color: #0326D1; +} +#keycollect a::after +{ + background-color: #0326D1; +} +#keycollect #date +{ + color: rgba(255, 255, 255, 0.325); +} +#keycollect #date:hover +{ + color: #fff; +} + +#rebuild img +{ + width: 50%; +} + +#trickortreat img +{ + width: 35%; +} diff --git a/css/projects/keycollect.css b/css/projects/keycollect.css new file mode 100644 index 0000000..27816e5 --- /dev/null +++ b/css/projects/keycollect.css @@ -0,0 +1,162 @@ +:root +{ + --background-color-1: #101010; + --background-color-2: #000; + --text-color: #e4e4e4; + --link-color: #0326d1; +} + +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; +} + +.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: #fff; + font-size: calc(0.85vw * 0.9); + font-weight: bold; + margin-right: 1vw; + padding: 0.5vw 0.625vw; + text-shadow: 0 1px 0 #2245f0; +} + +.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: rgba(255, 255, 255, 0.5); + display: flex; + margin-right: 1vw; +} +.download-option #filesize +{ + align-items: center; + color: rgba(255, 255, 255, 0.5); + display: flex; + margin: 0 1vw; +} +.download-option #platforms +{ + align-items: center; + color: rgba(255, 255, 255, 0.5); + display: flex; +} +.downloads +{ + list-style: none; +} + +#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: #191919; + 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: 1000px; + width: 60%; +} + +#download-price +{ + align-items: center; + color: rgba(255, 255, 255, 0.5); + display: flex; + margin-left: 0.5vw; +} +#download-row +{ + display: inline-flex; + margin-bottom: 2vw; +} diff --git a/css/projects/nerdstf.css b/css/projects/nerdstf.css new file mode 100644 index 0000000..a9ac1d0 --- /dev/null +++ b/css/projects/nerdstf.css @@ -0,0 +1,71 @@ +.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/data/initmessages.txt b/data/initmessages.txt new file mode 100644 index 0000000..27b4fc8 --- /dev/null +++ b/data/initmessages.txt @@ -0,0 +1,55 @@ +The Stanley Parable is my favorite horror game. +Ah, Tetris, the inventory management survival horror game made by the Soviet Union in 1984. +Hey, what's going on guys?!?! CrazyYoutubeBro2 RIGHT HERE!!! +This is the story of a man named Stanley. +I love Minceraft +Hey guys, Steve Jobs here, coming back to you with another sick Fortnite video! +Je suis dans la Memory Zone. +I'm in the Diamond League in Duolingo :sunglasses: +Currently writing this code in school. +Idk why I decided to make these messages. +I swear, a good 60% of all my code is written at school (because I'm bored and have nothing to do). +Congratulations!!! You are our 1 millionth guest!!! +Congratulations!!! You've just made that joke for the 1 millionth time!!! How does it feel to be so unoriginal and stupid? +saltman was here +very nice +Imagine using Replit. +%ip_address% +No website builder necessary :smart: +Hey, VSauce! Michael here. +Hey, Michael! VSauce here. +#savetf2 +https://desmos.com/calculator is my savior :) + +:) + ../ +The end is never the end is never the end is never the end is never the end is never the end... +C:\Program Files\Google\Chrome\Application\chrome.exe +javac global.js +fubny +Home | That_One_Nerd +Is this a bucket? +https://stackoverflow.com is my savior :) +Unity 2021.2.7f1 +ϕ = (sqrt(5) + 1) / 2 +Have you seen the PNG specification on W3? Even the table of contents won't fit on my screen all at once completely zoomed out. +According to all known laws of aviation, there is no way a bee should be able to fly. +Brigade Laboratories is coming... +The real bucket was inside him all along... +Gambhorra'ta, Treasurer of the Profaned Vault. +How to javascript tutorial free??? +How to html tutorial free? +How to css tutorial free? +me when i the +lol crit (lol) +random crits are fair and balanced +Cave Johnson, we're done here. +Alright, let's get started! This first test involves something the lab boys call "Repulsion Gel!" +You're not part of the control group, by the way. You get the gel. Last poor son-of-a-gun got blue paint! Ha-ha! +I AM NOT A MORON!!! +You should try playing Portal 2. +Silly... silly birds. +Stanley picked up the bucket. +New content? What does that mean, "New Content?" +I'm a pretty big fan of The Stanley Parable. +You know what, I think I've spent enough time writing this stupid easter egg nobody's going to find or care about. diff --git a/data/news.json b/data/news.json new file mode 100644 index 0000000..b7396eb --- /dev/null +++ b/data/news.json @@ -0,0 +1,10 @@ +{ + "projects": + [ + { + "id": "new-website", + "name": "A new website has been made!", + "date": "12/25/2022" + } + ] +} diff --git a/data/projects.json b/data/projects.json new file mode 100644 index 0000000..24b4e7f --- /dev/null +++ b/data/projects.json @@ -0,0 +1,84 @@ +{ + "projects": + [ + { + "id": "brigadelabs", + "img": "", + "name": "Brigade Laboratories", + "description": "Brigade Laboratories is a first person puzzle and exploration game. It has a similar mood to Portal 2. I'm currently looking for a team to help me work on it. If that's your fancy, check more out on the team page. Other than that, I'm not disclosing much about the game.", + "link": "/projects/brigadelabs.html", + "date": "still going!" + }, + { + "id": "nerdstf", + "img": "", + "name": "Nerd_STF", + "description": "Nerd_STF is a multi-purpose .NET library I maintain solo. It has math tools like an integral or derivative solver, matrix multiplication, complex numbers (and quaternions), and more. It also has some graphics stuff, like multiple color types (RGB, CMYK, HSV), and image support.", + "link": "/projects/nerdstf.html", + "date": "still going!" + }, + { + "id": "website", + "name": "thatonenerd.net", + "description": "You know, the website that you're looking at right now. I don't think this needs a description.", + "link": "/projects/website.html", + "date": "still going!" + }, + { + "id": "arcademaniac", + "img": "", + "name": "Arcade Maniac", + "description": "Arcade Maniac is a game about beating many different minigames, all of which are a different genre. There are 20 different minigames, but you only need to do at least 12 to half completion.
Doing more is always an option, though!", + "link": "/projects/arcademaniac.html", + "date": "January 11th, 2022" + }, + { + "id": "caveman", + "img": "", + "name": "The Caveman", + "description": "The Caveman is a commissioned game by my friend Saalty. It's a horror game about entering a cave in the dead of night and being chased by a madman who lives in there.", + "link": "/projects/caveman.html", + "date": "August 1st, 2021" + }, + { + "id": "sneakandseek", + "img": "", + "name": "SneakAndSeek Remastered", + "description": "SneakAndSeek is a game I made for the PB Game Jab 4. You're a ninja trying to escape an evil laboratory, and have to dodge a bunch of robots with different types lasers on them.", + "link": "/projects/sneakandseek.html", + "date": "May 31st, 2021" + }, + { + "id": "emd", + "img": "", + "name": "Entity March Dream Remastered", + "description": "Entity March Dream was the very first game I made. It's just a simple parkour game. You're a cube, and you're trying to stand on the green platform. Why? No clue, make up a story yourself if you care.", + "link": "/projects/emd.html", + "date": "June 25th, 2021" + }, + { + "id": "rebuild", + "img": "", + "name": "Rebuild", + "description": "Rebuild is a game about collecting radioactive waste and selling it for money. You can use that money to upgrade how much you can collect, how fast, and how much money you get for it.", + "link": "/projects/rebuild.html", + "date": "April 2nd, 2021" + }, + { + "id": "trickortreat", + "img": "", + "name": "Trick or Treat", + "description": "Trick or Treat is a game about collecting candy/treats from people around the neighborhood. You can go shop for a bigger candy basket, better costumes, and more!", + "link": "/projects/trickortreat.html", + "date": "November 1st, 2020" + }, + { + "id": "keycollect", + "img": "", + "name": "KeyCollect", + "description": "Key Collect is a game similar to Pac-Man. You must collect several key pieces to finish the level.", + "link": "/projects/keycollect.html", + "date": "August 10th, 2020" + } + ] +} diff --git a/data/projects/keycollect/keycollect_mac.zip b/data/projects/keycollect/keycollect_mac.zip new file mode 100644 index 0000000..32dfe93 Binary files /dev/null and b/data/projects/keycollect/keycollect_mac.zip differ diff --git a/data/projects/keycollect/keycombine.zip b/data/projects/keycollect/keycombine.zip new file mode 100644 index 0000000..26c96d3 Binary files /dev/null and b/data/projects/keycollect/keycombine.zip differ diff --git a/fonts/icomoon.eot b/fonts/icomoon.eot new file mode 100644 index 0000000..a86bb9a Binary files /dev/null and b/fonts/icomoon.eot differ diff --git a/fonts/icomoon.svg b/fonts/icomoon.svg new file mode 100644 index 0000000..c3ec3cd --- /dev/null +++ b/fonts/icomoon.svg @@ -0,0 +1,22 @@ + + + +Generated by IcoMoon + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fonts/icomoon.ttf b/fonts/icomoon.ttf new file mode 100644 index 0000000..7394bad Binary files /dev/null and b/fonts/icomoon.ttf differ diff --git a/fonts/icomoon.woff b/fonts/icomoon.woff new file mode 100644 index 0000000..bb51488 Binary files /dev/null and b/fonts/icomoon.woff differ diff --git a/fonts/itch/pixel.eot b/fonts/itch/pixel.eot new file mode 100644 index 0000000..85b5659 Binary files /dev/null and b/fonts/itch/pixel.eot differ diff --git a/fonts/itch/pixel.ttf b/fonts/itch/pixel.ttf new file mode 100644 index 0000000..392bf08 Binary files /dev/null and b/fonts/itch/pixel.ttf differ diff --git a/fonts/itch/pixel.woff b/fonts/itch/pixel.woff new file mode 100644 index 0000000..d4d2a0e Binary files /dev/null and b/fonts/itch/pixel.woff differ diff --git a/fonts/itch/pixel.woff2 b/fonts/itch/pixel.woff2 new file mode 100644 index 0000000..155ed23 Binary files /dev/null and b/fonts/itch/pixel.woff2 differ diff --git a/games.html b/games.html deleted file mode 100644 index 85dd735..0000000 --- a/games.html +++ /dev/null @@ -1,8 +0,0 @@ - - - - -

This page is not ready yet. Sorry! Come back soon for more.

- Go home - - diff --git a/global/globalStyles.css b/global/globalStyles.css deleted file mode 100644 index 3d92f32..0000000 --- a/global/globalStyles.css +++ /dev/null @@ -1,220 +0,0 @@ -@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@200;300;400;500;600;700&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap'); - -* -{ - box-sizing: border-box; -} - -::selection -{ - background-color: rgba(255, 153, 17, 0.5); -} - -a -{ - color: #f91; - position: relative; - text-decoration: none; -} - -a:after -{ - background-color: #f91; - bottom: 0; - content: ''; - height: 0.1vw; - left: 0; - position: absolute; - transform: scale(0, 1); - transform-origin: bottom right; - width: 100%; - - transition: transform 0.25s; -} - -a::selection -{ - background-color: rgba(255, 255, 255, 0.5); -} - -body -{ - background-color: white; - color: black; - font-family: 'Readex Pro', 'Roboto', 'sans-serif'; - font-size: 1.5vw; - margin: 0; -} - -a:hover:after -{ - transform: scale(1, 1); - transform-origin: bottom left; -} - -i -{ - color: #f91; -} - -i ::selection -{ - color: default; -} - -li -{ - margin-left: 5%; - text-align: left; -} - -.column -{ - float: left; -} - -.float-left -{ - float: left; - text-align: left; -} - -.float-right -{ - float: right; - text-align: right; -} - -.footer -{ - background-color: #303030; - color: #505050; - font-size: 1.75vw; - margin: 0; - padding-bottom: 2.5vh; - padding-top: 2.5vh; - text-align: center; -} - -.formattable code -{ - background-color: #303030; - border-radius: 0.4vw; - bottom: 0.2vh; - color: white; - font-family: 'Roboto Mono', 'Roboto', 'sans-serif'; - font-size: 70%; - padding-left: 0.25vw; - padding-right: 0.25vw; - position: relative; -} - -.formattable-codeblock -{ - background-color: #303030; - border-radius: 0.5vw; - color: white; - font-family: 'Roboto Mono', 'Roboto', 'sans-serif'; - font-size: 75%; - padding-bottom: 0.25vh; - padding-top: 0.25vh; - margin-left: 5%; - margin-right: 5%; - text-align: left; - width: 90%; -} - -.formattable h1, .formattable h2, .formattable h3, .formattable h4, .formattable h5, .formattable h6 -{ - font-family: 'Outfit', 'Readex Pro', 'Roboto', 'sans-serif'; -} - -.formattable s -{ - text-decoration-thickness: 2px; -} - -.formattable table -{ - background-color: rgba(0, 0, 0, 0.5); - border-collapse: collapse; - margin-left: 2.5%; - width: 95%; -} - -.formattable td -{ - text-align: left; -} - -.formattable td, .formattable th -{ - border-style: solid; - border-width: 0.13vw; -} - -.formattable tr:nth-child(even) -{ - background-color: rgba(255, 255, 255, 0.25); -} - -.header -{ - background-color: #303030; - margin: 0; - padding: 1vw; - position: fixed; - width: 100%; - text-align: center; - top: 0; - z-index: 100; -} - -.header a -{ - color: white; - font-size: 1.5vw; - margin-left: 2.5%; - margin-right: 2.5%; - margin-top: 0; -} - -.nomargin -{ - margin: 0; -} - -.nopadding -{ - padding: 0; -} - -.row:after -{ - content: ""; - display: table; - clear: both; -} - -.whitelink a -{ - color: white; -} - -.whitelink a:after -{ - background-color: white; -} - -.whitelink a::selection -{ - background-color: rgba(255, 153, 17, 0.5); -} - -.whiteselection::selection, .whiteselection h1::selection, .whiteselection h2::selection, .whiteselection h3::selection, .whiteselection h4::selection, .whiteselection h5::selection, .whiteselection h6::selection, .whiteselection li::selection, .whiteselection a::selection, .whiteselection p::selection, .whiteselection i::selection, .whiteselection img::selection -{ - background-color: rgba(255, 255, 255, 0.5); -} diff --git a/global/images/logo.png b/global/images/logo.png deleted file mode 100644 index e962625..0000000 Binary files a/global/images/logo.png and /dev/null differ diff --git a/images/about/programmingskills.png b/images/about/programmingskills.png new file mode 100644 index 0000000..04d9e66 Binary files /dev/null and b/images/about/programmingskills.png differ diff --git a/images/background.png b/images/background.png new file mode 100644 index 0000000..da7f0f2 Binary files /dev/null and b/images/background.png differ diff --git a/global/images/favicon.ico b/images/favicon.ico similarity index 100% rename from global/images/favicon.ico rename to images/favicon.ico diff --git a/images/huge.png b/images/huge.png new file mode 100644 index 0000000..e3d3ef7 Binary files /dev/null and b/images/huge.png differ diff --git a/images/logofullres.png b/images/logofullres.png new file mode 100644 index 0000000..916636e Binary files /dev/null and b/images/logofullres.png differ diff --git a/images/projects/arcademaniac/logo.png b/images/projects/arcademaniac/logo.png new file mode 100644 index 0000000..802d82b Binary files /dev/null and b/images/projects/arcademaniac/logo.png differ diff --git a/images/projects/brigadelabs/logo.png b/images/projects/brigadelabs/logo.png new file mode 100644 index 0000000..f698f8c Binary files /dev/null and b/images/projects/brigadelabs/logo.png differ diff --git a/images/projects/caveman/logo.png b/images/projects/caveman/logo.png new file mode 100644 index 0000000..64a9c57 Binary files /dev/null and b/images/projects/caveman/logo.png differ diff --git a/images/projects/emd/logo.png b/images/projects/emd/logo.png new file mode 100644 index 0000000..0216a8d Binary files /dev/null and b/images/projects/emd/logo.png differ diff --git a/images/projects/keycollect/favicon.png b/images/projects/keycollect/favicon.png new file mode 100644 index 0000000..62cd3bd Binary files /dev/null and b/images/projects/keycollect/favicon.png differ diff --git a/images/projects/keycollect/logo.png b/images/projects/keycollect/logo.png new file mode 100644 index 0000000..62cd3bd Binary files /dev/null and b/images/projects/keycollect/logo.png differ diff --git a/images/projects/keycollect/showcase1.png b/images/projects/keycollect/showcase1.png new file mode 100644 index 0000000..dc269cb Binary files /dev/null and b/images/projects/keycollect/showcase1.png differ diff --git a/images/projects/keycollect/showcase2.png b/images/projects/keycollect/showcase2.png new file mode 100644 index 0000000..5d8b047 Binary files /dev/null and b/images/projects/keycollect/showcase2.png differ diff --git a/images/projects/keycollect/showcase3.png b/images/projects/keycollect/showcase3.png new file mode 100644 index 0000000..ede99c8 Binary files /dev/null and b/images/projects/keycollect/showcase3.png differ diff --git a/images/projects/keycollect/showcase4.png b/images/projects/keycollect/showcase4.png new file mode 100644 index 0000000..8368fa8 Binary files /dev/null and b/images/projects/keycollect/showcase4.png differ diff --git a/images/projects/nerdstf/logo.png b/images/projects/nerdstf/logo.png new file mode 100644 index 0000000..b826110 Binary files /dev/null and b/images/projects/nerdstf/logo.png differ diff --git a/images/projects/rebuild/logo.png b/images/projects/rebuild/logo.png new file mode 100644 index 0000000..c16f41d Binary files /dev/null and b/images/projects/rebuild/logo.png differ diff --git a/images/projects/sneakandseek/logo.png b/images/projects/sneakandseek/logo.png new file mode 100644 index 0000000..fb6cbb0 Binary files /dev/null and b/images/projects/sneakandseek/logo.png differ diff --git a/images/projects/trickortreat/logo.png b/images/projects/trickortreat/logo.png new file mode 100644 index 0000000..d0f6731 Binary files /dev/null and b/images/projects/trickortreat/logo.png differ diff --git a/index.html b/index.html index 21b730c..73c3f46 100644 --- a/index.html +++ b/index.html @@ -2,81 +2,91 @@ - - - - + + + + + + + + + Home | That_One_Nerd + + -
- Home - About - Games - Links - News -
- -
+
+

That_One_Nerd

-
+ +
+
+ +
+
+

Nerd_STF Version 2.3

+
+

Nerd_STF version 2.3 has been released! This update adds lots of linear algebra tools, like matrixes and vectors, as well as new number systems, like complex numbers and quaternions.

+
+

Nerd_STF is a C# library that runs on .Net 6.0, and contains added structures and classes I feel would help the default C# library package.

+
+

It includes math structures as well as other computer science topics. Right now, it is mainly focused on mathematics and graphics, but will branch out in the future. It currently contains alternative vector types, colors, and shape objects that are rich in implementation. +

+

+ Find the repository here on GitHub, +
+ and the package here on Nuget. +

+
+
+ +
+
-

Just a head's up: this site is currently undergoing a complete remaking. This website will likely be completely changed within the next week or so.

+
+
-
-
- -
- -
-

I am not a professional game developer.

-

(Not yet)

-

- Hey there, I'm Kyle, and I'm 14 years old. I am a programmer and game developer as a hobby. I've been programming in Unity and C# for about 2 years now, and I don't plan on stopping anytime soon. Most of my games will be free, because I don't need the money. I'm just here to make games that I would enjoy playing myself. -
-
- I also make things other than games, like this website. This is my first successful website I made myself. No website generator this time, all the raw HTML and CSS. I'm also learning other languages right now, such as Java, C++, and Python. -
-
- Also, FYI, all URLs on this website have a little underline to show you, and they open in a new tab. And no suspicious links. I don't want this site getting grouped up with other non-trustworthy sites. No ads here, either. Have fun. -

-
+
+ +

Arcade Maniac

+

Arcade Maniac is going to be a game based in an Arcade. There are going to be 20 games, all of which a different genre. You must complete at least 12 games to partial completion (slightly different per game) to beat it, but you get to choose which games to beat, or even choose to beat all of them. Each game has a partial completion split, but you can complete them to 100% if you'd like. This game will be free, but I will gladly accept donations!

+
+

Find more information on the website, check out the Itch page, or find the GitHub repository!

+ +
+
-
-

What kind of stuff do I do?

-

- Whatever I feel like. Usually, some sort of new game, but I'll also work on other things, like libraries and other tools. I've recently gained interest in graphics programming (basically doing what Unity does myself). I've began learning OpenCV and OpenGL, but I'm not as good at that kind of stuff as my buddy Saalty, so credit for that goes to him. - - I'll try to make any library I use myself, because I'm the kind of person that likes to re-invent the wheel. But I understand their use, and for more complicated things like Json.Net I won't try and recreate. For now. :) -

-
- -
-
+

Want to hire me?

-

- Unfortunately, I'm not up for full-on jobs yet, I'll wait a few more years first. But, if any company looking here is up for an internship in software development, I might be interested. You can email me at dev@thatonenerd.net. - - Employers, you can also check out my About Me page for more information. -

+

I am not up for full-time jobs yet, unfortunately for some, but I may be available for part-time software development internships for those who are interested. Send me an email at kyle@thatonenerd.net! You can also check my About Me for more information.

+
-
+ +
+
-
-

What's the latest?

-
    -
  • Just added some redirects. Expect an update for the links page soon!
    • -
  • New update of the index and the about page!
    • -
  • This first edition of this site has been made! More will come, probably.
    • -
-

Want older announcements? Check out the news page!

-
- -
-
That_One_Nerd 2022
+
+
+ +
+
+

Something new is coming...

+

Don't worry, I haven't forgotten about Brigade Laboratories. Stay tuned, more is coming.

+
+

See the first teaser here on Youtube.

+
+ +
+
+ + + + + diff --git a/index/styles.css b/index/styles.css deleted file mode 100644 index 193c873..0000000 --- a/index/styles.css +++ /dev/null @@ -1,115 +0,0 @@ -.hiring -{ - background-color: #303030; - color: white; - font-size: 1.4vw; - padding-bottom: 5.4vh; - padding-left: 10vw; - padding-right: 10vw; - padding-top: 5.4vh; - text-align: center; -} - -.hiring h2 -{ - color: #f91; -} - -.row -{ - float: right; - margin: 0; - height: 27.78vh; - width: 100%; -} - -.thelatest -{ - background-color: #f91; - font-size: 1.4vw; - margin: 0; - padding-bottom: 7vh; - padding-right: 6.25vw; - padding-top: 2.25vh; - text-align: center; -} - -.title -{ - background-color: #f91; - color: #000; - text-align: center; - margin-top: 0; - padding-bottom: 10.8vh; - padding-left: 2vw; - padding-right: 2vw; - padding-top: 17.3vh; -} - -.title h1 -{ - font-size: 4vw; - margin: 0; -} - -.whatido -{ - float: none; - font-size: 1.4vw; - padding-bottom: 10vh; - padding-left: 10vw; - padding-right: 10vw; - padding-top: 10vh; - margin-top: 35vw; -} - -#about-left -{ - width: 45%; -} - -#about-left img -{ - padding-bottom: 5vh; - padding-left: 7.5%; - padding-right: 7.5%; - padding-top: 5vh; - width: 85%; -} - -#about-right -{ - font-size: 1.4vw; - padding-bottom: 5vh; - padding-right: 2.6vw; - padding-top: 2.6vw; - text-align: right; - width: 55%; -} - -#hiring-triangle-bottom -{ - width: 0; - height: 0; - border-left: solid 100vw; - border-top: solid 5vh; - border-color: #303030 #303030 #f91 #f91; -} - -#hiring-triangle-top -{ - width: 0; - height: 0; - border-right: solid 100vw; - border-bottom: solid 5vh; - border-color: transparent transparent #303030 #303030; -} - -#title-triangle -{ - width: 0; - height: 0; - border-left: solid 100vw; - border-top: solid 5vh; - border-color: #f91 #f91 transparent transparent; -} diff --git a/js/about.js b/js/about.js new file mode 100644 index 0000000..f0e4b7f --- /dev/null +++ b/js/about.js @@ -0,0 +1,27 @@ +function main() +{ + setAge(); + setStart(); +} + +function setAge() +{ + const birthday = Date.parse("05/18/2007"); + var now = Date.now(); + var diff = now - birthday; + var years = diff * (1 / 31556952000); + + globalThis.extras.replaceVars("%age%", Math.floor(years)); +} + +function setStart() +{ + const start = Date.parse("7/01/2020"); + var now = Date.now(); + var diff = now - start; + var years = diff * (1 / 31556952000); + + globalThis.extras.replaceVars("%start%", Math.round(years)); +} + +main(); diff --git a/js/error.js b/js/error.js new file mode 100644 index 0000000..9f894f1 --- /dev/null +++ b/js/error.js @@ -0,0 +1,48 @@ +var changed = false; +function main() +{ + globalThis.extras.replaceVars("%url%", window.location.pathname.substring(1)); + + setTimeout(() => { + if (!headerOpen) + { + toggleHeader(); + changed = true; + setTimeout(showHeaderMessage, 500); + } + else showHeaderMessage(); + }, headerOpen ? 500 : 1000); +} + +function goBack() +{ + history.back(); +} + +function goHome() +{ + window.location.href = "/index.html"; +} + +function showHeaderMessage() +{ + var text1 = document.getElementById("headertext"); + var text2 = document.getElementById("headertext2" + (changed ? "a" : "b")); + text1.style.top = "3.5vw"; + text2.style.top = "0.75vw"; + + var lastClosed = headerOpen; + setInterval(() => { + if (!headerOpen && lastClosed) onHeaderClose(); + lastClosed = headerOpen; + }, 500); +} + +function onHeaderClose() +{ + setTimeout(() => { + if (!headerOpen) toggleHeader(); + }, 3500); +} + +main(); diff --git a/js/global.js b/js/global.js new file mode 100644 index 0000000..0525d06 --- /dev/null +++ b/js/global.js @@ -0,0 +1,133 @@ +const request = new XMLHttpRequest(); +const siteUrl = window.location.href; + +function init() +{ + console.log("Initializing " + siteUrl); + + insertHeader(); + insertFooter(); + + if (document.cookie.includes("headerOpen=false")) toggleHeader(); + + resetDropdowns(); + + const initMessagePath = "/data/initmessages.txt"; + request.open("GET", initMessagePath, false); + request.send(null); + var lines = request.responseText.split("\n"); + + globalThis.request = request; + + console.log(lines[Math.floor(Math.random() * lines.length)]); +} + +function backToTop() +{ + const maxFrames = 30; + + var currentScroll = document.body.scrollTop; + if (currentScroll == 0) currentScroll = document.documentElement.scrollTop; + if (currentScroll == 0) return; + var startScroll = currentScroll; + + var timer = setInterval(loop); + var frames = 0; + + function loop() + { + if (frames == maxFrames) + { + document.body.scrollTop = 0; + document.documentElement.scrollTop = 0; + clearInterval(timer); + return; + } + frames++; + currentScroll = globalThis.lerping.sinLerp(startScroll, 0, frames / maxFrames); + + document.body.scrollTop = currentScroll; + document.documentElement.scrollTop = currentScroll; + } +} + +function insertFooter() +{ + const footerPath = "/templates/footer.html"; + + var str = document.documentElement.innerHTML; + + request.open("GET", footerPath, false); + request.send(null); + + while (str.includes("")) str = str.replace("", request.responseText); + document.documentElement.innerHTML = str; +} + +function insertHeader() +{ + const headerPath = "/templates/header.html"; + + var str = document.documentElement.innerHTML; + + request.open("GET", headerPath, false); + request.send(null); + + while (str.includes("")) str = str.replace("", request.responseText); + document.documentElement.innerHTML = str; +} + +function resetDropdowns() +{ + var drops = document.getElementsByClassName("dropdown"); + for(var i = 0; i < drops.length; i++) toggleDropdown(drops[i]); +} + +function scaleHeaderSpacer() +{ + var header = document.getElementById("header"), + spacer = document.getElementById("header-spacer"); + spacer.style.marginBottom = header.clientHeight + "px"; +} + +var headerOpen = true; +var spin = 180; +function toggleHeader() +{ + headerOpen = !headerOpen; + var header = document.getElementById("header"), button = document.getElementById("header-close"); + + spin += 180; + header.style.top = headerOpen ? "0" : "-4.1vw"; + button.style.rotate = spin + "deg"; + button.title = (headerOpen ? "Close" : "Open") + " the header."; + + document.cookie = "headerOpen=" + headerOpen; +} + +function toggleDropdown(dropdown) +{ + var body = dropdown.getElementsByClassName("dropdown-body")[0]; + if (body.style.height.startsWith("0")) + { + body.style.height = "auto"; + var height = body.clientHeight; + body.style.height = "0"; + + setTimeout(function () + { + body.style.height = height + "px"; + }, 10); + + body.style.borderWidth = "1px"; + dropdown.style.marginBottom = "1vw"; + } + else + { + body.style.height = "0"; + body.style.borderWidth = "0"; + dropdown.style.marginBottom = "0"; + } +} + +init(); diff --git a/js/imports.js b/js/imports.js new file mode 100644 index 0000000..09f6693 --- /dev/null +++ b/js/imports.js @@ -0,0 +1,7 @@ +import * as extras from "/js/lib/extras.js"; +import * as lerping from "/js/lib/lerping.js"; +import * as stringify from "/js/lib/stringify.js"; + +globalThis.extras = extras; +globalThis.lerping = lerping; +globalThis.stringify = stringify; diff --git a/js/lib/extras.js b/js/lib/extras.js new file mode 100644 index 0000000..ecfa119 --- /dev/null +++ b/js/lib/extras.js @@ -0,0 +1,72 @@ +export function lerp(a, b, t, clamp = true) +{ + if (clamp) + { + t = min([ 1, t ]); + t = max([ 0, t ]); + } + return a + t * (b - a); +} + +export function max(nums) +{ + if (nums.length < 0) return 0; + var biggest = nums[0]; + for (var i = 1; i < nums.length; i++) + { + var num = nums[i]; + if (num > biggest) biggest = num; + } + return biggest; +} + +export function min(nums) +{ + if (nums.length < 0) return 0; + var smallest = nums[0]; + for (var i = 1; i < nums.length; i++) + { + var num = nums[i]; + if (num < smallest) smallest = num; + } + return smallest; +} + +export function placify(num) +{ + var str = num.toString(); + if (num > 10 && num < 20) return str + "th"; + switch (str[str.length - 1]) + { + case '1': return str + "st"; + case '2': return str + "nd"; + case '3': return str + "rd"; + default: return str + "th"; + } +} + +export function replaceVars(variable, replace) +{ + var elements = document.getElementsByClassName("js-check-vars"); + var changed = 0; + for (var i = 0; i < elements.length; i++) + { + var element = elements[i]; + var html = element.innerHTML; + + while (html.includes(variable)) + { + html = html.replace(variable, replace); + changed++; + } + + element.innerHTML = html; + } + + return changed; +} +export function replaceVarsBlock(text, variable, replace) +{ + while (text.includes(variable)) text = text.replace(variable, replace); + return text; +} diff --git a/js/lib/lerping.js b/js/lib/lerping.js new file mode 100644 index 0000000..8c0f0eb --- /dev/null +++ b/js/lib/lerping.js @@ -0,0 +1,21 @@ +export function defaultLerp(a, b, t, clamp = true) +{ + if (clamp) + { + t = globalThis.extras.min([ 1, t ]); + t = globalThis.extras.max([ 0, t ]); + } + return a + t * (b - a); +} + +export function sinLerp(a, b, t, clamp = true) +{ + if (clamp) + { + t = globalThis.extras.min([ 1, t ]); + t = globalThis.extras.max([ 0, t ]); + } + var cos = Math.cos(Math.PI * t) - 1; + var mult = (b - a) / 2; + return -mult * cos + a; +} diff --git a/js/lib/stringify.js b/js/lib/stringify.js new file mode 100644 index 0000000..03b9568 --- /dev/null +++ b/js/lib/stringify.js @@ -0,0 +1,34 @@ +export function commaify(numStr) +{ + var str = ""; + for (var i = 0; i < numStr.length; i++) + { + str = numStr.charAt(numStr.length - 1 - i) + str; + if (i % 3 == 2 && i != numStr.length - 1) str = "," + str; + } + return str; +} + +export function stringifyByteCount(number) +{ + const endings = [ "B", "KB", "MB", "GB", "TB", "PB", "EB" ]; + + var end = 0; + while (number >= 1024) + { + number /= 1024; + end++; + } + + var places; + if (number < 100) places = 1; + else if (number < 10) places = 2; + else if (number < 2) places = 3; + else places = 0; + + var pow = Math.pow(10, places); + var n = Math.round(number * pow) / pow; + var str = n + " " + endings[end]; + + return str; +} diff --git a/js/news.js b/js/news.js new file mode 100644 index 0000000..85ac186 --- /dev/null +++ b/js/news.js @@ -0,0 +1,76 @@ +function main() +{ + var projects = getProjects(); + if (projects == undefined) + { + console.error("No projects found."); + return; + } + var template = getTemplate(); + if (template == undefined) + { + console.error("Template not found."); + return; + } + var divs = populateTemplates(projects, template); + insertProjects(divs); + + removeWaitMessage(); +} + +function getProjects() +{ + const projectsPath = "data/news.json"; + + request.open("GET", projectsPath, false); + request.send(null); + + var str = request.responseText; + + return JSON.parse(str); +} + +function getTemplate() +{ + const templatePath = "templates/news.html"; + + request.open("GET", templatePath, false); + request.send(null); + + return request.responseText; +} + +function populateTemplates(json, template) +{ + var total = ""; + + for (var i = 0; i < json.projects.length; i++) + { + var project = json.projects[i]; + var str = template; + str = globalThis.extras.replaceVarsBlock(str, "%id%", project.id); + str = globalThis.extras.replaceVarsBlock(str, "%name%", project.name); + str = globalThis.extras.replaceVarsBlock(str, "%date%", project.date); + + total += str; + } + + return total; +} + +function insertProjects(projects) +{ + var html = document.documentElement.innerHTML; + + while (html.includes("")) html = html.replace("", projects); + document.documentElement.innerHTML = html; +} + +function removeWaitMessage() +{ + var html = document.getElementById("wait-message"); + html.innerHTML = ""; + html.style.margin = "0"; +} + +main(); diff --git a/js/projects.js b/js/projects.js new file mode 100644 index 0000000..1e20f76 --- /dev/null +++ b/js/projects.js @@ -0,0 +1,70 @@ +function main() +{ + var projects = getProjects(); + if (projects == undefined) + { + console.error("No projects found."); + return; + } + var template = getTemplate(); + if (template == undefined) + { + console.error("Template not found."); + return; + } + var divs = populateTemplates(projects, template); + insertProjects(divs); +} + +function getProjects() +{ + const projectsPath = "/data/projects.json"; + + request.open("GET", projectsPath, false); + request.send(null); + + var str = request.responseText; + + return JSON.parse(str); +} + +function getTemplate() +{ + const templatePath = "/templates/project.html"; + + request.open("GET", templatePath, false); + request.send(null); + + return request.responseText; +} + +function populateTemplates(json, template) +{ + var total = ""; + + for (var i = 0; i < json.projects.length; i++) + { + var project = json.projects[i]; + var str = template; + str = globalThis.extras.replaceVarsBlock(str, "%id%", project.id); + str = globalThis.extras.replaceVarsBlock(str, "%name%", project.name); + str = globalThis.extras.replaceVarsBlock(str, "%description%", project.description); + str = globalThis.extras.replaceVarsBlock(str, "%link%", project.link); + str = globalThis.extras.replaceVarsBlock(str, "%date%", project.date); + str = globalThis.extras.replaceVarsBlock(str, "", project.img == undefined ? "" : project.img); + + total += str; + } + + return total; +} + +function insertProjects(projects) +{ + var html = document.documentElement.innerHTML; + + while (html.includes("")) html = html.replace("", projects); + document.documentElement.innerHTML = html; +} + +main(); diff --git a/js/projects/keycollect.js b/js/projects/keycollect.js new file mode 100644 index 0000000..d6b21f8 --- /dev/null +++ b/js/projects/keycollect.js @@ -0,0 +1,35 @@ +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/keycollect/download.html"; +} + +function downloadFile(name) +{ + name = name.toLowerCase(); + window.location.href = "/data/projects/keycollect/" + name; +} + +init(); diff --git a/links.html b/links.html index 85dd735..ea660a1 100644 --- a/links.html +++ b/links.html @@ -1,8 +1,89 @@ + + + + + + + + + + + Links | That_One_Nerd + + + + -

This page is not ready yet. Sorry! Come back soon for more.

- Go home +
+

Links

+
+ +
+
+ +
+
+
+

Github

+

You'll find the repositories to my code here (if I publish them).

+ Visit +
+
+

Itch

+

You'll find most of my games here. But all of my Itch games have been copied here as well.

+ Visit +
+
+

The Arcade Maniac Website

+

I made a subdomain for Arcade Maniac. It isn't finished, and I'll likely be rennovating that site to be similar to this one.

+ Visit +
+
+
+
+

Youtube

+

My Youtube channel has a bunch of livestreams on projects, as well as video games if that's your jam. I may shift the channel into a more educational mindset soon, no promises.

+ Visit +
+
+

Twitch

+

I used to stream on both Youtube and Twitch. Now I only do Youtube, but if you want Twitch anyway, here it is. I may be deleting my Twitch in the near future.

+ Visit +
+
+

Discord

+

Here's my Discord server if you want to come and talk.

+ Visit +
+
+
+
+

Contact Me

+

Here's my email if you've got any reason to message me professionally.

+ kyle@thatonenerd.net +
+
+

Saalty

+

Check out Saalty and his website while you're at it; he's pretty cool.

+ Visit +
+
+

thatonenerd.net

+

In case you uuuh ummmm hmmm idk maybe go the website you're looking at right now?

+ Visit +
+
+
+ +
+
+ + + + + diff --git a/news.html b/news.html index 85dd735..142f962 100644 --- a/news.html +++ b/news.html @@ -1,8 +1,48 @@ + + + + + + + + + + + News | That_One_Nerd + + + + -

This page is not ready yet. Sorry! Come back soon for more.

- Go home +
+

News

+
+ +
+
+ + +
+

Loading avaliable news. If this message stays long enough for you to read, there's probably a problem. Or you can read really fast. Or you have awful internet.

+
+ +
+

That's all the news I've got for now.

+

Come back later and you might find more!

+
+ +
+ +
+
+ + + + + + diff --git a/news/new-website.html b/news/new-website.html new file mode 100644 index 0000000..eb30e1f --- /dev/null +++ b/news/new-website.html @@ -0,0 +1,88 @@ + + + + + + + + + + + + + + The New Website | That_One_Nerd + + + + + +
+

The New Website

+
+ +
+
+ +
+

+ Hi everybody! In January this year I released the first version of thatonenerd.net. Now, almost a year later, I've barely + touched it. In November I decided to replace the old (and slightly crappy) version of this website with a brand new one. + It was originally meant to be a one-week project, but ended up, you know, slightly longer. To be honest, I haven't actually + worked that hard on the website in that time. +

+

+ So, school is a little boring. I've got a ton of time in classes I'm good at. Enough time for me to bring my personal + laptop to school and work on stuff. That's where most of the website development has been done (along with some other projects, + including some easy parts of Nerd_STF). But I hit a roadblock 2-3 weeks into development when it became time to make the + download pages for each project listed. It's not particularly hard, but the problem is that the school's WiFi has blocked + Itch.IO, where most of my games were. So I couldn't work on it at school anymore, and I didn't feel like working on it at + home because other projects were calling. +

+

+ And it's still kind of like that. You may notice that (at least at the time of publishing), most of the project pages lead + to 404s. But I've decided that I'll add those with time. Winter break has given me enough time to wrap everything else about + the website up. All that's left are the project pages. +

+

+ I was originally going to host this website on my own server. I had a Node.JS server written and working, and I was looking + into either using my own server with a VPN or getting an online provider, but I decided to stick with GitHub Pages just + because it's much simpler and more importantly free. I may eventually use a custom server with more capabilities than + GitHub Pages, but for now that isn't much of a problem. +

+

+ And again, like the last website design, this design has been made with exactly zero website templates or builders. + I've designed all of this myself. I've written the HTML, the CSS, and the JavaScript by hand. I'm doing this for a couple + reasons. I've always had more respect for people who make stuff themselves rather than using an existing tool. I think this + website being made by one person without help is a way to show my skill (and obsession with certain topics). I also don't + want something I put time into being squandered by a company putting their marketing on it. Lastly, let's be honest. Reading + the HTML or JavaScript of a template website is really hard. Their code is super difficult to understand, and whether that's + intentional or a result of automation, I don't like it. +

+

+ So anyway, that's my rant about this website. There's stuff to do, like the project pages as previously said, but I also + want to remake the About Me page because it could be better (I didn't have any time to remake it as I wanted this to be + out by Christmas), but overall I think the new website is a definite improvement over the old one. +

+ Well, I'll be making more announcements when more project pages are released, or anything else happens (update for Nerd_STF + or another project, or just other rants). Stay tuned! +

+

+ - Kyle +

+
+ +
+

Want to read more? See all the news

+

Done? Head back home

+
+ +
+
+ + + + + + + diff --git a/privacy.html b/privacy.html new file mode 100644 index 0000000..c504d69 --- /dev/null +++ b/privacy.html @@ -0,0 +1,67 @@ + + + + + + + + + + + + + + Privacy Policy | That_One_Nerd + + + + + +
+

Privacy Policy

+
+ +
+
+ +
+

I value your privacy. I get it. Personally, I would rather not be tracked across every page I go to or have a company know more about me than I do myself. It's not a good look on the site. Maybe it's just me.

+
+

Now I know that that's something often lied about. But seriously, the list of things I collect is going to be so short and mundane it might even be a little boring. The site does use cookies, however, for simple things also described down below. If you really hate every cookie to ever exist, you can opt out. But these cookies I think you'll agree are nothing you should get mad about.

+
+ +
+

Things collected for global usage.

+

This is the data I collect from your browsing session that is sent to the servers for safe-keeping.

+
    +
  • Nothing (maybe one day anonymous page statistics).
    • +
+
+ +
+

Things stored locally on your computer (cookies).

+

You've probably heard of cookies. But if you haven't, cookies are basically little bits of data stored on your computer. Only the website that puts a cookie on your computer can look at that cookie. It was created as a quality-of-life improvement to keep track of things like light/dark mode, or your login credentials so you don't have to sign in every time you refresh. Cookies aren't inheritly bad, they have only recently been taken and used improperly for things like tracking.

+

So here's what I store with cookies.

+
    +
  • Whether to show or hide the header.
    • +
+
+ +
+

That's everything.

+

And I'm not lying, if you are a programming nerd (like me) then you can feel free to view the source code of the website and check for yourself. I'll even help you find the files that matter.

+
    +
  • You can find all of the source files on the GitHub Pages repository here.
    • +
  • global.js is a big one. You may also want to look at the page-specific JavaScript files.
    • +
  • extras.js and lerping.js are just extra tools.
    • +
  • imports.js is literally just used for importing the above files. There should never be any complicated code there.
    • +
+

In fact, if you find anything that looks suspicious, please message me to let me know. It might be some sort of hack, or I might just have changed how much I value your privacy, in which case please hold me personally accountable.

+
+ + + + + + + diff --git a/projects.html b/projects.html new file mode 100644 index 0000000..fb366f4 --- /dev/null +++ b/projects.html @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + My projects | That_One_Nerd + + + + + +
+

My projects

+
+ +
+
+ + + +
+
+ + + + + + + + diff --git a/projects/keycollect.html b/projects/keycollect.html new file mode 100644 index 0000000..f420a3a --- /dev/null +++ b/projects/keycollect.html @@ -0,0 +1,111 @@ + + + + + + + + + + + + + + KeyCollect | Projects | That_One_Nerd + + + + + +
+
+

KeyCollect

+

+ A game that looks like Pac-Man, but with a few differences! +
+ Your goal is to collect all the pieces of a key to exit the level, while dodging enemies! +
+ Each different color enemy has its own AI, and most of them are very unpredictable! +

+ +
+ + More information + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Updated Aug 10, 2020
Published Aug 07, 2020
StatusReleased
PlatformsWindows, macOS
AuthorThat_One_Nerd
GenrePuzzle
Tags2D
+
+ +

Download

+ +
+ +

Free

+
+ +
+ +

Click download now to get access to the following files:

+
    +
  • +
    + +

    KeyCombine.zip

    +

    17 MB

    +

    +
    +
    • +
  • +
    + +

    KeyCollect_Mac.zip

    +

    20 MB

    +

    +
    +
    • +
+
+
+ + + + +
+
+ + + + + + + + diff --git a/projects/keycollect/download.html b/projects/keycollect/download.html new file mode 100644 index 0000000..7981925 --- /dev/null +++ b/projects/keycollect/download.html @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + KeyCollect | Projects | That_One_Nerd + + + + + +
+

Download "KeyCollect"

+ ← Game page + +
    +
  • +
    + +

    KeyCombine.zip

    +

    17 MB

    +

    +
    +
    • +
  • +
    + +

    KeyCollect_Mac.zip

    +

    20 MB

    +

    +
    +
    • +
+
+ + + + + + + + diff --git a/redirects/arcademaniac.html b/redirects/arcademaniac.html deleted file mode 100644 index ec57260..0000000 --- a/redirects/arcademaniac.html +++ /dev/null @@ -1,29 +0,0 @@ - - - - - - - - - - - Redirecting to Arcade Maniac | That_One_Nerd - - - -
- Home - About - Games - Links - News -
- -
-

Redirecting you to Arcade Maniac

-

Haven't gone yet? Click here.

-

Don't want to go anymore? Here's the home page.

-
- - diff --git a/redirects/github.html b/redirects/github.html deleted file mode 100644 index 7852ceb..0000000 --- a/redirects/github.html +++ /dev/null @@ -1,29 +0,0 @@ - - - - - - - - - - - Redirecting to my Github | That_One_Nerd - - - -
- Home - About - Games - Links - News -
- -
-

Redirecting you to my Github

-

Haven't gone yet? Click here.

-

Don't want to go anymore? Here's the home page.

-
- - diff --git a/redirects/itch.html b/redirects/itch.html deleted file mode 100644 index 89002e7..0000000 --- a/redirects/itch.html +++ /dev/null @@ -1,29 +0,0 @@ - - - - - - - - - - - Redirecting to Itch | That_One_Nerd - - - -
- Home - About - Games - Links - News -
- -
-

Redirecting you to Itch

-

Haven't gone yet? Click here.

-

Don't want to go anymore? Here's the home page.

-
- - diff --git a/redirects/saalty.html b/redirects/saalty.html deleted file mode 100644 index 2b3e6ae..0000000 --- a/redirects/saalty.html +++ /dev/null @@ -1,29 +0,0 @@ - - - - - - - - - - - Redirecting to Saalty's Website | That_One_Nerd - - - -
- Home - About - Games - Links - News -
- -
-

Redirecting you to Saalty's Website

-

Haven't gone yet? Click here.

-

Don't want to go anymore? Here's the home page.

-
- - diff --git a/redirects/styles.css b/redirects/styles.css deleted file mode 100644 index 2058c7e..0000000 --- a/redirects/styles.css +++ /dev/null @@ -1,21 +0,0 @@ -body -{ - background-color: #f91; - color: white; - text-align: center; -} - -.container -{ - background-color: white; - border-radius: 1.5vw; - color: black; - font-size: 2.5vh; - margin-left: 10%; - margin-right: 10%; - margin-top: 37.5vh; - padding-bottom: 5vh; - padding-left: 5%; - padding-right: 5%; - padding-top: 5vh; -} diff --git a/templates/footer.html b/templates/footer.html new file mode 100644 index 0000000..9aa0a3e --- /dev/null +++ b/templates/footer.html @@ -0,0 +1,20 @@ + \ No newline at end of file diff --git a/templates/header.html b/templates/header.html new file mode 100644 index 0000000..4ea2dd0 --- /dev/null +++ b/templates/header.html @@ -0,0 +1,11 @@ + \ No newline at end of file diff --git a/templates/news.html b/templates/news.html new file mode 100644 index 0000000..214c97a --- /dev/null +++ b/templates/news.html @@ -0,0 +1,5 @@ +
+ %name% +

>

+

%date%

+
\ No newline at end of file diff --git a/templates/project.html b/templates/project.html new file mode 100644 index 0000000..c28e406 --- /dev/null +++ b/templates/project.html @@ -0,0 +1,7 @@ +
+ +

%name%

+

%description%

+ Learn More +

Last update: %date%

+
\ No newline at end of file