profile-site/index.html

<!DOCTYPE html>
<html lang="en">
<head>
   <meta name="viewport" content="width=device-width">
   <meta name="description" content="High school student and web dev Hamza Nasher-Alneam's personal website.">
   <meta name="theme-color" content="#f69b46">
   <link rel="shortcut icon" type="image/x-icon" href="Icons/race.png">
   <link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&amp;display=swap" rel="stylesheet">
   <link rel="stylesheet" href="Styles/home.css">
   <link rel="stylesheet" href="Styles/styles.css">
   <title>Hamza's Site</title>
</head>
<body>
   <div class="progress-parent">
      <div class="progress"></div>
   </div>
   <br><br>

   <div class="content">
      <div class="main-text">
         <h1 class="title">Hi! I'm Hamza.</h1>
         <center><em>I do some webdev</em></center>
         <h2 id="about-me">About me</h2>
         <p>I'm a high school student and spend just about all my spare time programming. I've mostly done full stack web dev, but am learning Kotlin for Android development, and trying out Godot for the school Game Dev Club. Also in school robotics! Writing C++ for that (doing Vex robotics). Used to use Linux (Kubuntu), waiting to use it again (prob. Fedora). Btw, I use the programmer's dvorak (~100 wpm).</p>
         <br>
         <h2 id="work">Work</h2>
         <p>Like I mentioned above, I've been just experimenting around recently. Working on a bunch of small projects in Python, GDscript, Java, and Kotlin. Until I find something good enough to stick with, because web dev doesn't sound great as a career choice. If you want to see whatever project I'm working on this week, it'll be up on my GitHub.</p>
         <p>A ambitious project I was working on in JavaScript was <a href="https://github.com/hnasheralneam/git-organized">Git Organized</a>, a project management and planning tool; web hosting isn't working right now, but you can set it up yourself if you like.</p>
         <h3>Other work</h3>
         <p>Another small tool I made is <a href="activity-log/">Activity Log</a>, which is meant to be used for tracking time. It's a really cool project, with a nice design and charts and everything. I'm trying to make this an android app.</p>
         <p>I also made a small JS library called <a href="digit/">Digit</a>, which writes out long numbers in words. I'm still polishing this, and plan on adding time related features; this is probably the most useful thing I've made.</p>
         <p>My really old work includes some games, the best of which are <a href="vegetable-dash/">Vegetable Dash</a> and <a href="gold-rush/">Gold Rush</a>.</p>
         <br>
         <h2 id="workflow">Tools</h2>
         <p>When working with JavaScript: Node.js, Ejs, Tailwind CSS, and MongoDB</p>
         <p>Android development: Kotlin, Jetpack Compose, Android Studio</p>
         <p>Game development: Godot, GDscript</p>
         <p>Python, sometimes, when I can't avoid it. The worst parts are the dependance on indentation and variable declaration</p>
         <p>Some Java, with Eclipse because Comp Sci A. The type checking is actually really nice</p>
         <h3>Software</h3>
         <p>Browser of choice is Firefox, because there is enough chromium in the world.</p>
         <p>IDE depends on the language, but usually VS code.</p>
         <p>Blender, Kdenlive, Simplenote, Inkscape, Gimp</p>
         <p>Trying to switch to more open source stuff, like libreoffice. It's not bad, just having everything online is helpful because I can't exactly install libreoffice write on a school chromebook.</p>
         <p>For operating systems, I have to use Windows now, but hate it with a passion. As soon as possible, I'm switching to Linux and never looking back.</p>
         <br>
         <h2>More</h2>
         <p>Developer jokes! <a href="https://docs.google.com/document/d/e/2PACX-1vT9Kvy57jQ1nlwBzSdQS_hvxl6CxbG-pRgtHLLJtjMjuM371riglrc_2k61b89VPrd3HNzkh5Ahb04w/pub">Check them out</a></p>
         <p>See my BFF <a href="https://github.com/tildejustin">tildejustin</a>'s GitHub. It's a lot of minecraft stuff</p>
         <br>
         <h2>Achievements</h2>
         <p>Justin and I won third place at the MAGIC cybersecurity CTF! Here are <a href="https://magicinc.org/announcing-winners-of-ctf-14">the results</a>.</p>
         <br>
         <h2 id="funsies">Fun stuff</h2>
         <div class="funsies">
            <p>Change the website color theme</p>
            <button onclick="changeThme()">Random</button>
            <button onclick="changeThmeHex()">Hex code</button>
         </div>
      </div>
      <div class="thoughts-preview">
         <a href="/thoughts.html">
            <h2>Thoughts</h2>
         </a>
         <a href="/thoughts.html#imessage-lockin">
            <div class="thoughts-bit first-of-class">
               <h4>The iMessage Lockin</h4>
               <i>Dec 1 2022</i>
               <p>Didn't update this for the RCS announcement, but that'll take a while to come into effect and still won't change much socially in the U.S.</p>
            </div>
         </a>
         <a href="/thoughts.html#reject-folding-phones">
            <div class="thoughts-bit">
               <h4>An Argument Against Folding Phones</h4>
               <i>Dec 1 2022</i>
               <p>They're expensive, fragile, and impractical; I'll tell you why if you click right here.</p>
            </div>
         </a>
      </div>
   </div>

   <br><br>
   <div class="footer">
      <div>
         <h2>Find me</h2>
         <p>My Github -> <a href="https://github.com/hnasheralneam">GitHub</a></p>
         <p class="faded-footer">GitHub is great, I host all my projects on it</p>
         <p>CodePen -> <a href="https://codepen.io/editorrust">CodePen</a>, <a href="https://codepen.io/hnasheralneam">CodePen</a></p>
         <p class="faded-footer">Some small projects</p>
         <p>Replit -> <a href="https://replit.com/@HamzaNA">Replit</a></p>
         <p class="faded-footer">Some larger projects</p>
      </div>
      <div>
         <h2>Contact me</h2>
         <p>My personal account -> <a href="mailto:hnasheralneam@gmail.com">hnasheralneam at google mail</a></p>
         <p>Discord account -> <a href="#">namegoes.here</a></p>
      </div>
   </div>
</body>
<script src="main.js"></script>
</html>
hi 2020-12-01 15:10:26 -05:00			`<!DOCTYPE html>`
New Design 2022-11-05 18:43:49 -04:00			`<html lang="en">`
			`<head>`
Titles get ids 2022-12-02 12:45:27 -05:00			`<meta name="viewport" content="width=device-width">`
Updated text 2023-07-18 17:38:32 -04:00			`<meta name="description" content="High school student and web dev Hamza Nasher-Alneam's personal website.">`
			`<meta name="theme-color" content="#f69b46">`
New Design 2022-11-05 18:43:49 -04:00			`<link rel="shortcut icon" type="image/x-icon" href="Icons/race.png">`
			`<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">`
Thoughts 2022-12-01 16:53:30 -05:00			`<link rel="stylesheet" href="Styles/home.css">`
			`<link rel="stylesheet" href="Styles/styles.css">`
Text updates 2023-11-22 11:22:23 -05:00			`<title>Hamza's Site</title>`
New Design 2022-11-05 18:43:49 -04:00			`</head>`
			`<body>`
			`<div class="progress-parent">`
			`<div class="progress"></div>`
			`</div>`
Thoughts 2022-12-01 16:53:30 -05:00			`<br><br>`
Text Changes (Worse and worse) 2022-11-30 12:43:42 -05:00
Thoughts 2022-12-01 16:53:30 -05:00			`<div class="content">`
Site text and Design Updated 2023-03-12 11:50:46 -04:00			`<div class="main-text">`
Text updates 2023-11-22 11:22:23 -05:00			`<h1 class="title">Hi! I'm Hamza.</h1>`
			`<center><em>I do some webdev</em></center>`
Site text and Design Updated 2023-03-12 11:50:46 -04:00			`<h2 id="about-me">About me</h2>`
Updated text 2023-12-17 12:52:52 -05:00			`<p>I'm a high school student and spend just about all my spare time programming. I've mostly done full stack web dev, but am learning Kotlin for Android development, and trying out Godot for the school Game Dev Club. Also in school robotics! Writing C++ for that (doing Vex robotics). Used to use Linux (Kubuntu), waiting to use it again (prob. Fedora). Btw, I use the programmer's dvorak (~100 wpm).</p>`
Site text and Design Updated 2023-03-12 11:50:46 -04:00			`<br>`
			`<h2 id="work">Work</h2>`
Updated text 2023-12-17 12:52:52 -05:00			`<p>Like I mentioned above, I've been just experimenting around recently. Working on a bunch of small projects in Python, GDscript, Java, and Kotlin. Until I find something good enough to stick with, because web dev doesn't sound great as a career choice. If you want to see whatever project I'm working on this week, it'll be up on my GitHub.</p>`
			`<p>A ambitious project I was working on in JavaScript was <a href="https://github.com/hnasheralneam/git-organized">Git Organized</a>, a project management and planning tool; web hosting isn't working right now, but you can set it up yourself if you like.</p>`
Site text and Design Updated 2023-03-12 11:50:46 -04:00			`<h3>Other work</h3>`
Updated text 2023-12-17 12:52:52 -05:00			`<p>Another small tool I made is <a href="activity-log/">Activity Log</a>, which is meant to be used for tracking time. It's a really cool project, with a nice design and charts and everything. I'm trying to make this an android app.</p>`
			`<p>I also made a small JS library called <a href="digit/">Digit</a>, which writes out long numbers in words. I'm still polishing this, and plan on adding time related features; this is probably the most useful thing I've made.</p>`
			`<p>My really old work includes some games, the best of which are <a href="vegetable-dash/">Vegetable Dash</a> and <a href="gold-rush/">Gold Rush</a>.</p>`
Site text and Design Updated 2023-03-12 11:50:46 -04:00			`<br>`
Updated text 2023-07-18 17:38:32 -04:00			`<h2 id="workflow">Tools</h2>`
Updated text 2023-12-17 12:52:52 -05:00			`<p>When working with JavaScript: Node.js, Ejs, Tailwind CSS, and MongoDB</p>`
			`<p>Android development: Kotlin, Jetpack Compose, Android Studio</p>`
			`<p>Game development: Godot, GDscript</p>`
			`<p>Python, sometimes, when I can't avoid it. The worst parts are the dependance on indentation and variable declaration</p>`
			`<p>Some Java, with Eclipse because Comp Sci A. The type checking is actually really nice</p>`
Site text and Design Updated 2023-03-12 11:50:46 -04:00			`<h3>Software</h3>`
Updated text 2023-12-17 12:52:52 -05:00			`<p>Browser of choice is Firefox, because there is enough chromium in the world.</p>`
			`<p>IDE depends on the language, but usually VS code.</p>`
			`<p>Blender, Kdenlive, Simplenote, Inkscape, Gimp</p>`
			`<p>Trying to switch to more open source stuff, like libreoffice. It's not bad, just having everything online is helpful because I can't exactly install libreoffice write on a school chromebook.</p>`
			`<p>For operating systems, I have to use Windows now, but hate it with a passion. As soon as possible, I'm switching to Linux and never looking back.</p>`
Site text and Design Updated 2023-03-12 11:50:46 -04:00			`<br>`
			`<h2>More</h2>`
Fixed broken links 2023-11-22 14:41:56 -05:00			`<p>Developer jokes! <a href="https://docs.google.com/document/d/e/2PACX-1vT9Kvy57jQ1nlwBzSdQS_hvxl6CxbG-pRgtHLLJtjMjuM371riglrc_2k61b89VPrd3HNzkh5Ahb04w/pub">Check them out</a></p>`
Updated text 2023-12-17 12:52:52 -05:00			`<p>See my BFF <a href="https://github.com/tildejustin">tildejustin</a>'s GitHub. It's a lot of minecraft stuff</p>`
Text changes and styling Small text changes, added MAGIC CTF event, page theme color changes with page color. 2023-07-24 16:27:00 -04:00			`<br>`
			`<h2>Achievements</h2>`
Text updates 2023-11-22 11:22:23 -05:00			`<p>Justin and I won third place at the MAGIC cybersecurity CTF! Here are <a href="https://magicinc.org/announcing-winners-of-ctf-14">the results</a>.</p>`
Text changes and styling Small text changes, added MAGIC CTF event, page theme color changes with page color. 2023-07-24 16:27:00 -04:00			`<br>`
Updated text 2023-12-17 12:52:52 -05:00			`<h2 id="funsies">Fun stuff</h2>`
Site text and Design Updated 2023-03-12 11:50:46 -04:00			`<div class="funsies">`
			`<p>Change the website color theme</p>`
			`<button onclick="changeThme()">Random</button>`
			`<button onclick="changeThmeHex()">Hex code</button>`
			`</div>`
			`</div>`
			`<div class="thoughts-preview">`
			`<a href="/thoughts.html">`
			`<h2>Thoughts</h2>`
			`</a>`
			`<a href="/thoughts.html#imessage-lockin">`
			`<div class="thoughts-bit first-of-class">`
			`<h4>The iMessage Lockin</h4>`
			`<i>Dec 1 2022</i>`
Updated text 2023-12-17 12:52:52 -05:00			`<p>Didn't update this for the RCS announcement, but that'll take a while to come into effect and still won't change much socially in the U.S.</p>`
Site text and Design Updated 2023-03-12 11:50:46 -04:00			`</div>`
			`</a>`
			`<a href="/thoughts.html#reject-folding-phones">`
			`<div class="thoughts-bit">`
Updated text 2023-12-17 12:52:52 -05:00			`<h4>An Argument Against Folding Phones</h4>`
Site text and Design Updated 2023-03-12 11:50:46 -04:00			`<i>Dec 1 2022</i>`
Updated text 2023-12-17 12:52:52 -05:00			`<p>They're expensive, fragile, and impractical; I'll tell you why if you click right here.</p>`
Site text and Design Updated 2023-03-12 11:50:46 -04:00			`</div>`
			`</a>`
Thoughts 2022-12-01 16:53:30 -05:00			`</div>`
🎨 Color Fun 2022-11-06 14:57:38 -05:00			`</div>`

			`<br><br>`
New Design 2022-11-05 18:43:49 -04:00			`<div class="footer">`
			`<div>`
			`<h2>Find me</h2>`
Fixed broken links 2023-11-22 14:41:56 -05:00			`<p>My Github -> <a href="https://github.com/hnasheralneam">GitHub</a></p>`
Site text and Design Updated 2023-03-12 11:50:46 -04:00			`<p class="faded-footer">GitHub is great, I host all my projects on it</p>`
Updated text 2023-07-18 17:38:32 -04:00			`<p>CodePen -> <a href="https://codepen.io/editorrust">CodePen</a>, <a href="https://codepen.io/hnasheralneam">CodePen</a></p>`
			`<p class="faded-footer">Some small projects</p>`
			`<p>Replit -> <a href="https://replit.com/@HamzaNA">Replit</a></p>`
			`<p class="faded-footer">Some larger projects</p>`
New Design 2022-11-05 18:43:49 -04:00			`</div>`
			`<div>`
Updated text 2023-07-18 17:38:32 -04:00			`<h2>Contact me</h2>`
Text updates 2023-11-22 11:22:23 -05:00			`<p>My personal account -> <a href="mailto:hnasheralneam@gmail.com">hnasheralneam at google mail</a></p>`
Updated text 2023-07-18 17:38:32 -04:00			`<p>Discord account -> <a href="#">namegoes.here</a></p>`
Changes Major! 2021-01-13 17:02:16 -05:00			`</div>`
Mess 2021-09-23 14:43:28 -04:00			`</div>`
New Design 2022-11-05 18:43:49 -04:00			`</body>`
			`<script src="main.js"></script>`
Fixed broken links 2023-11-22 14:41:56 -05:00			`</html>`