Merge pull request #2 from GilberK25/main
forgor to pull before i came home from school
This commit is contained in:
GitHub
commit
7937ca90b0
7
404.html
7
404.html
@ -4,11 +4,12 @@
|
|||||||
<head>
|
<head>
|
||||||
<link href = "global/globalStyles.css" rel = "stylesheet" type = "text/css">
|
<link href = "global/globalStyles.css" rel = "stylesheet" type = "text/css">
|
||||||
<link href = "404/styles.css" rel = "stylesheet" type = "text/css">
|
<link href = "404/styles.css" rel = "stylesheet" type = "text/css">
|
||||||
|
<link rel="icon" type="image/x-icon" href="global/images/favicon.ico">
|
||||||
|
|
||||||
<title>Webpage Not Found | That_One_Nerd</title>
|
<title>404 | That_One_Nerd</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class = "header">
|
<div class = "header whiteselection">
|
||||||
<a href = "index.html">Home</a>
|
<a href = "index.html">Home</a>
|
||||||
<a href = "about.html">About</a>
|
<a href = "about.html">About</a>
|
||||||
<a href = "games.html">Games</a>
|
<a href = "games.html">Games</a>
|
||||||
@ -17,7 +18,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class = "formattable showtext">
|
<div class = "formattable showtext">
|
||||||
<h1 class = "nomargin">Webpage Not Found</h1>
|
<h1 class = "nomargin">404 - We can't find the page.</h1>
|
||||||
<h3 class = "nomargin">Maybe you misspelled the URL?</h3>
|
<h3 class = "nomargin">Maybe you misspelled the URL?</h3>
|
||||||
<p>Click <a href = "index.html">here</a> to return to the home page.</p>
|
<p>Click <a href = "index.html">here</a> to return to the home page.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
65
about.html
65
about.html
@ -1,9 +1,68 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
|
||||||
<html>
|
<html>
|
||||||
|
<head>
|
||||||
|
<link href = "global/globalStyles.css" rel = "stylesheet" type = "text/css">
|
||||||
|
<link href = "about/styles.css" rel = "stylesheet" type = "text/css">
|
||||||
|
<link rel="icon" type="image/x-icon" href="global/images/favicon.ico">
|
||||||
|
|
||||||
|
<title>About Me | That_One_Nerd</title>
|
||||||
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>This page is not ready yet. Sorry! Come back soon for more.</h1>
|
<div class = "header whiteselection">
|
||||||
<h2>P.S. This is the next page to be worked on.</h2>
|
<a href = "index.html">Home</a>
|
||||||
<a href = "index.html">Go home</a>
|
<a href = "about.html">About</a>
|
||||||
|
<a href = "games.html">Games</a>
|
||||||
|
<a href = "links.html">Links</a>
|
||||||
|
<a href = "news.html">News</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class = "formattable title whiteselection">
|
||||||
|
<h1>About Me</h1>
|
||||||
|
<h2>My name is Kyle. I am 14 years old. I am a Software and Game Developer.</h2>
|
||||||
|
</div>
|
||||||
|
<div id = "triangle-title"></div>
|
||||||
|
|
||||||
|
<div class = "formattable interests">
|
||||||
|
<h2>What are my interests?</h2>
|
||||||
|
<p>I love software development and logical thinking, such as</p>
|
||||||
|
<ul>
|
||||||
|
<li>Graphical programming (not to be confused with graphic design)</li>
|
||||||
|
<li>General algorithm development</li>
|
||||||
|
<li>Library development</li>
|
||||||
|
<li>Game development</li>
|
||||||
|
</ul>
|
||||||
|
<p>Graphical programming is my latest hobby, and also the one I am the least saavy at. But I'm getting there sooner or later.</p>
|
||||||
|
</div>
|
||||||
|
<div id = "triangle-skills"></div>
|
||||||
|
<div class = "formattable skills whiteselection">
|
||||||
|
<h2>What are my skills?</h2>
|
||||||
|
<p>I can program in</p>
|
||||||
|
<ul>
|
||||||
|
<li><img src = "about/logos/csharp.svg">C#</li>
|
||||||
|
<li><img src = "about/logos/java.png">Java</li>
|
||||||
|
<li><img src = "about/logos/cplusplus.png">C++</li>
|
||||||
|
<li><img src = "about/logos/python.webp">Python</li>
|
||||||
|
</ul>
|
||||||
|
<p class = "nomargin">This is ranked in my expertise in each language. I am the best at C#, decent at Java and C++, and <i>okay</i> at Python.</p>
|
||||||
|
</div>
|
||||||
|
<div id = "triangle-tools"></div>
|
||||||
|
<div class = "formattable tools whitelink whiteselection">
|
||||||
|
<h2 class = "nomargin">What tools am I fluent in?</h2>
|
||||||
|
<ul>
|
||||||
|
<li>I use <a href = "https://visualstudio.microsoft.com/vs/" target = "_blank">Visual Studio 2022</a> for my C# and C++ development.</li>
|
||||||
|
<li>I use <a href = "https://www.jetbrains.com/idea/" target = "_blank">IntelliJ IDEA</a> and <a href = "https://code.visualstudio.com/" target = "_blank">Visual Studio Code</a> for Java development.</li>
|
||||||
|
<li>I use <a href = "https://www.jetbrains.com/pycharm/" target = "_blank">Pycharm</a> for Python development.</li>
|
||||||
|
<li>I use <a href = "https://unity.com/" target = "_blank">Unity</a> and <a href = "https://www.unrealengine.com/en-US/" target = "_blank">Unreal Engine</a> for game development.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div id = "triangle-contact"></div>
|
||||||
|
<div class = "formattable contact">
|
||||||
|
<h2>How can you contact me?</h2>
|
||||||
|
<p>My preferred email for contact is <a href = "mailto:dev@thatonenerd.net" target = "_blank">dev@thatonenerd.net</a>.</p>
|
||||||
|
</div>
|
||||||
|
<div class = "formattable footer whiteselection">
|
||||||
|
<h6 class = "nomargin"><b>That_One_Nerd</b> 2022</h6>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
BIN
about/logos/cplusplus.png
Normal file
BIN
about/logos/cplusplus.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 69 KiB |
29
about/logos/csharp.svg
Normal file
29
about/logos/csharp.svg
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{fill:#9A4993;}
|
||||||
|
.st1{fill:#6A1577;}
|
||||||
|
.st2{fill:#813084;}
|
||||||
|
.st3{fill:#FFFFFF;}
|
||||||
|
</style>
|
||||||
|
<path id="XMLID_3_" class="st0" d="M412.4,174.8c0-6.1-1.3-11.6-4-16.2c-2.6-4.6-6.5-8.4-11.7-11.4c-43.2-24.9-86.5-49.8-129.7-74.7
|
||||||
|
c-11.7-6.7-22.9-6.5-34.5,0.3c-17.2,10.1-103.4,59.5-129,74.4c-10.6,6.1-15.7,15.5-15.7,27.7c0,50.1,0,100.3,0,150.4
|
||||||
|
c0,6,1.3,11.3,3.8,15.9c2.6,4.7,6.6,8.7,11.9,11.8c25.7,14.9,111.8,64.2,129,74.4c11.6,6.8,22.9,7.1,34.5,0.3
|
||||||
|
c43.2-25,86.5-49.8,129.7-74.7c5.4-3.1,9.3-7,11.9-11.8c2.5-4.6,3.8-9.9,3.8-15.9C412.4,325.2,412.4,224.9,412.4,174.8"/>
|
||||||
|
<path id="XMLID_4_" class="st1" d="M250.5,249.5L91.4,341.1c2.6,4.7,6.6,8.7,11.9,11.8c25.7,14.9,111.8,64.2,129,74.4
|
||||||
|
c11.6,6.8,22.9,7.1,34.5,0.3c43.2-25,86.5-49.8,129.7-74.7c5.4-3.1,9.3-7,11.9-11.8L250.5,249.5"/>
|
||||||
|
<path id="XMLID_5_" class="st1" d="M203.4,276.6c9.3,16.2,26.7,27.1,46.6,27.1c20.1,0,37.6-11,46.8-27.4l-46.3-26.8L203.4,276.6"/>
|
||||||
|
<path id="XMLID_6_" class="st2" d="M412.4,174.8c0-6.1-1.3-11.6-4-16.2l-157.9,90.9l158.1,91.6c2.5-4.6,3.8-9.9,3.8-15.9
|
||||||
|
C412.4,325.2,412.4,224.9,412.4,174.8"/>
|
||||||
|
<path id="XMLID_9_" class="st3" d="M296.8,276.3c-9.2,16.3-26.7,27.4-46.8,27.4c-20,0-37.4-10.9-46.6-27.1
|
||||||
|
c-4.5-7.9-7.1-16.9-7.1-26.6c0-29.7,24-53.7,53.7-53.7c19.8,0,37.1,10.8,46.4,26.8l46.9-27c-18.7-32.2-53.5-53.9-93.4-53.9
|
||||||
|
c-59.6,0-107.8,48.3-107.8,107.8c0,19.5,5.2,37.9,14.3,53.7C175,336,210,357.8,250,357.8c40.1,0,75.1-21.9,93.7-54.4L296.8,276.3"/>
|
||||||
|
<g id="XMLID_32_">
|
||||||
|
<rect id="XMLID_2_" x="345.4" y="224.5" class="st3" width="10.7" height="51.7"/>
|
||||||
|
<rect id="XMLID_30_" x="369.1" y="224.5" class="st3" width="10.7" height="51.7"/>
|
||||||
|
<rect id="XMLID_31_" x="336.8" y="233.2" class="st3" width="51.7" height="10.7"/>
|
||||||
|
<rect id="XMLID_23_" x="336.8" y="256.8" class="st3" width="51.7" height="10.7"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.1 KiB |
BIN
about/logos/java.png
Normal file
BIN
about/logos/java.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 156 KiB |
BIN
about/logos/python.webp
Normal file
BIN
about/logos/python.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.6 KiB |
103
about/styles.css
Normal file
103
about/styles.css
Normal file
@ -0,0 +1,103 @@
|
|||||||
|
.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: 4vh;
|
||||||
|
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;
|
||||||
|
}
|
||||||
@ -20,15 +20,6 @@ a
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
body
|
|
||||||
{
|
|
||||||
background-color: white;
|
|
||||||
color: black;
|
|
||||||
font-family: 'Readex Pro', 'Roboto', 'sans-serif';
|
|
||||||
font-size: 1.5vw;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:after
|
a:after
|
||||||
{
|
{
|
||||||
background-color: #f91;
|
background-color: #f91;
|
||||||
@ -44,6 +35,20 @@ a:after
|
|||||||
transition: transform 0.25s;
|
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
|
a:hover:after
|
||||||
{
|
{
|
||||||
transform: scale(1, 1);
|
transform: scale(1, 1);
|
||||||
@ -194,17 +199,22 @@ li
|
|||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
.whitelink
|
.whitelink a
|
||||||
{
|
{
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.whitelink:after
|
.whitelink a:after
|
||||||
{
|
{
|
||||||
background-color: white;
|
background-color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.whiteselection ::selection
|
.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);
|
background-color: rgba(255, 255, 255, 0.5);
|
||||||
}
|
}
|
||||||
|
|||||||
23
index.html
23
index.html
@ -32,10 +32,13 @@
|
|||||||
<h2 class = "nomargin">I am <i>not</i> a professional game developer.</h2>
|
<h2 class = "nomargin">I am <i>not</i> a professional game developer.</h2>
|
||||||
<h3 class = "nomargin">(Not yet)</h3>
|
<h3 class = "nomargin">(Not yet)</h3>
|
||||||
<p>
|
<p>
|
||||||
Hey there, I'm Kyle. I'm 14, and I'm a hobbyist game developer, though maybe not a <i>casual</i> one. I like programming, specifically making video games. But, I'm in no need of money right now, and I just want to have a good time making games I would enjoy playing. That's why most of my games are completely free of charge. I'll always accept donations, but don't feel the need to give them. I don't need the money.
|
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.
|
||||||
<br>
|
<br>
|
||||||
<br>
|
<br>
|
||||||
So, welcome aboard! Feel free to look around. I've got some useful stuff here. There is some stuff that I don't want to program here, though, so there are a few links that take you out of site to somewhere like <a href = "https://that-one-nerd.itch.io/" target = "_blank">Itch</a>, but I hope one day I'll have all of my games, info, etc, all here to view. We'll see how it goes.
|
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.
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
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.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -43,9 +46,9 @@
|
|||||||
<div class = "formattable whatido">
|
<div class = "formattable whatido">
|
||||||
<h2>What kind of stuff do I do?</h2>
|
<h2>What kind of stuff do I do?</h2>
|
||||||
<p>
|
<p>
|
||||||
I usually program in <a href = "https://en.wikipedia.org/wiki/C_Sharp_(programming_language)" target = "_blank">C#</a> and <a href = "https://en.wikipedia.org/wiki/Unity_(game_engine)" target = "_blank">Unity</a>, and I am the best at those languages, but there are some others I know but am not as fluent in, like <a href = "https://en.wikipedia.org/wiki/C%2B%2B" target = "_blank">C++</a>, <a href = "https://en.wikipedia.org/wiki/Python_(programming_language)" target = "_blank">Python</a>, <a href = "https://en.wikipedia.org/wiki/Java_(programming_language)">Java</a>, and most recently, <a href = "https://en.wikipedia.org/wiki/HTML" target = "_blank">HTML</a> and <a href = "https://en.wikipedia.org/wiki/CSS" target = "_blank">CSS</a>. This website was the result of those new languages learned. No website builder needed this time!
|
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 <a href = "https://about.saalty.net/" target = "_blank">Saalty</a>, so credit for that goes to him.
|
||||||
|
|
||||||
Personally, I have an <i>insistence</i> to make all the code I use myself. I don't like using other people's code for mine. And, especially in C#, that's usually what I'll do. I get the uses of other people writing the code for you, but I still think it's fun to have the same learning experiance in the process, and to end up with code that you understand. There are a few exceptions to that, like <a href = "https://www.newtonsoft.com/json" target = "_blank">Newtonsoft.Json</a>, but who knows, maybe not for long :)
|
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 <a href = "https://www.newtonsoft.com/json" target = "_blank">Json.Net</a> I won't try and recreate. For now. :)
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -53,19 +56,17 @@
|
|||||||
<div class = "formattable hiring whiteselection">
|
<div class = "formattable hiring whiteselection">
|
||||||
<h2>Want to hire me?</h2>
|
<h2>Want to hire me?</h2>
|
||||||
<p>
|
<p>
|
||||||
Well, sorry to disappoint, but I have no interest in learning the stresses of adulthood 4 years early. I do commissions occasionally, and most of them are completely free of charge, but keep in mind that I'm not here to make myself hate programming by doing it nonstop for months (though I still do that, sometimes, on my own wishes), I'm here to make games. Not for a living, for a hobby. So how about you wait a few more years before you introduce another inspired teen to crunch culture.
|
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 <a href = "mailto:dev@thatonenerd.net" target = "_blank">dev@thatonenerd.net</a>.
|
||||||
<br>
|
|
||||||
<br>
|
Employers, you can also check out my <a href = "about.html">About Me</a> page for more information.
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
On the other hand, if you want to come chill, I have a <a href = "https://discord.gg/Ek7R3gx" target = "_blank">Discord</a> you can join, or you can email me directly at <a href = "mailto:dev@thatonenerd.net">dev@thatonenerd.net</a>
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div id = "hiring-triangle-bottom"></div>
|
<div id = "hiring-triangle-bottom"></div>
|
||||||
|
|
||||||
<div class = "formattable thelatest whiteselection">
|
<div class = "formattable thelatest whiteselection whitelink">
|
||||||
<h2>What's the latest?</h2>
|
<h2>What's the latest?</h2>
|
||||||
<ul>
|
<ul>
|
||||||
|
<li>New update of the index and more!</li>
|
||||||
<li>This first edition of this site has been made! More will come, probably.</li>
|
<li>This first edition of this site has been made! More will come, probably.</li>
|
||||||
</ul>
|
</ul>
|
||||||
<p>Want older announcements? Check out the <a class = "whitelink" href = "news.html">news</a> page!</p>
|
<p>Want older announcements? Check out the <a class = "whitelink" href = "news.html">news</a> page!</p>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user