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

forgor to pull before i came home from school #2

Merged
GilberK25 merged 3 commits from main into main 2022-03-11 15:10:48 -05:00
Conversation 0 Commits 3 Files Changed 9 +213 -19
9 changed files with 213 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit fe57ed55c2 - Show all commits

2
404.html
View File

@ -9,7 +9,7 @@
<title>404 | That_One_Nerd</title>
</head>
<body>
<div class = "header">
<div class = "header whiteselection">
<a href = "index.html">Home</a>
<a href = "about.html">About</a>
<a href = "games.html">Games</a>

60
about.html
View File

@ -2,15 +2,67 @@
<html>
<head>
<link href = "global/globalStyles.css" rel = "stylesheet" type = "text/css">
<link href = "about/styles.css" rel = "stylesheet" type = "text/css">
<link href = "index/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>
<h1>This page is not ready yet. Sorry! Come back soon for more.</h1>
<h2>P.S. This is the next page to be worked on.</h2>
<a href = "index.html">Go home</a>
<div class = "header whiteselection">
<a href = "index.html">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>
</html>

BIN
about/logos/cplusplus.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 69 KiB

29
about/logos/csharp.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
about/logos/java.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 156 KiB

BIN
about/logos/python.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.6 KiB

103
about/styles.css Normal file
View 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;
}

34
global/globalStyles.css
View File

@ -20,15 +20,6 @@ a
text-decoration: none;
}
body
{
background-color: white;
color: black;
font-family: 'Readex Pro', 'Roboto', 'sans-serif';
font-size: 1.5vw;
margin: 0;
}
a:after
{
background-color: #f91;
@ -44,6 +35,20 @@ a:after
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);
@ -194,17 +199,22 @@ li
clear: both;
}
.whitelink
.whitelink a
{
color: white;
}
.whitelink:after
.whitelink a:after
{
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);
}

4
index.html
View File

@ -56,14 +56,14 @@
<div class = "formattable hiring whiteselection">
<h2>Want to hire me?</h2>
<p>
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">dev@thatonenerd.net</a>.
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>.
Employers, you can also check out my <a href = "about.html">About Me</a> page for more information.
</p>
</div>
<div id = "hiring-triangle-bottom"></div>
<div class = "formattable thelatest whiteselection">
<div class = "formattable thelatest whiteselection whitelink">
<h2>What's the latest?</h2>
<ul>
<li>New update of the index and more!</li>