diff --git a/404.html b/404.html index 8b29e12..48e0c64 100644 --- a/404.html +++ b/404.html @@ -9,7 +9,7 @@ 404 | That_One_Nerd -
+
Home About Games diff --git a/about.html b/about.html index cc94007..a7c2415 100644 --- a/about.html +++ b/about.html @@ -2,15 +2,67 @@ + - About Me | That_One_Nerd -

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

-

P.S. This is the next page to be worked on.

- Go home +
+ 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

+
    +
  • Graphical programming (not to be confused with graphic design)
    • +
  • General algorithm development
    • +
  • Library development
    • +
  • Game 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.

+
+
+
+

What are my skills?

+

I can program in

+
    +
  • C#
    • +
  • Java
    • +
  • C++
    • +
  • Python
    • +
+

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

+
+
+
+

What tools am I fluent in?

+ +
+
+
+

How can you contact me?

+

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

+
+
+
That_One_Nerd 2022
+
diff --git a/about/logos/cplusplus.png b/about/logos/cplusplus.png new file mode 100644 index 0000000..936741a Binary files /dev/null and b/about/logos/cplusplus.png differ diff --git a/about/logos/csharp.svg b/about/logos/csharp.svg new file mode 100644 index 0000000..0ff5ea2 --- /dev/null +++ b/about/logos/csharp.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + diff --git a/about/logos/java.png b/about/logos/java.png new file mode 100644 index 0000000..2e8c56f Binary files /dev/null and b/about/logos/java.png differ diff --git a/about/logos/python.webp b/about/logos/python.webp new file mode 100644 index 0000000..84f94ef Binary files /dev/null and b/about/logos/python.webp differ diff --git a/about/styles.css b/about/styles.css new file mode 100644 index 0000000..f2c3ee5 --- /dev/null +++ b/about/styles.css @@ -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; +} diff --git a/global/globalStyles.css b/global/globalStyles.css index e24b28e..3d92f32 100644 --- a/global/globalStyles.css +++ b/global/globalStyles.css @@ -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); } diff --git a/index.html b/index.html index f085bec..86f71cc 100644 --- a/index.html +++ b/index.html @@ -56,14 +56,14 @@

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

-
+

What's the latest?

  • New update of the index and more!