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 do mostly full-stack web development, with Node as the backend. Btw, I use the programmer's dvorak keyboard (100 wpm).</p>
         <br>
         <h2 id="work">Work</h2>
         <p>My current big projects are <a href="https://github.com/editorrust/git-organized">Git Organized</a>, a project management and planning tool for developer projects.</p>
         <h3>Other work</h3>
         <p>Some other work I've done include <a href="https://hillside-township.github.io/">Hillside Township</a>, an imaginary town with a satirical newspaper.</p>
         <p>Another small tool I made is <a href="https://editorrust.github.io/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.</p>
         <p>I also made a small JS library called <a href="https://editorrust.github.io/digit/">Digit</a>, which writes out long numbers in words. I'm still polishing this, and plan on adding time related features, as well as number animations.</p>
         <p>Some of my really old work include some games, the best of which are <a href="https://editorrust.github.io/vegetable-dash/">Vegetable Dash</a> and <a href="https://editorrust.github.io/gold-rush/">Gold Rush</a>.</p>
         <br>
         <h2 id="workflow">Tools</h2>
         <p>I spend most of my time working with JavaScript, usally with Node.js, Ejs, Tailwind CSS, and MongoDB. Clearly I use GitHub for source control. Looking into Android development with kotlin.</p>
         <h3>Software</h3>
         <p>I use Firefox because it's open source, a great browser, and has awesome bookmark management. VS Code is my IDE.</p>
         <h3>OS</h3>
         <p>I have to use Windows now, but hate it with a passion. As soon as possible, I'm switching to Linux.</p>
         <br>
         <h2>More</h2>
         <p>Developer jokes! <a href="https://docs.google.com/document/d/e/2PACX-1vRKinOJRXxrcpdMauNaTAzLNVHom4OkadGgdm6ja82330EJFr_5FRw4ThSj71GcjG9Ll_7jh-7mox95/pub">Check them out</a></p>
         <p>See my BFF <a href="https://github.com/tildejustin">tildejustin</a>'s 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">Funsies</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>Apple hates interoperability. Also nobody needs your proprietary messaging app anyway, not when I have such a cool open source one.</p>
            </div>
         </a>
         <a href="/thoughts.html#reject-folding-phones">
            <div class="thoughts-bit">
               <h4>Reject Folding Phones</h4>
               <i>Dec 1 2022</i>
               <p>They're bad, and impractical, and 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/editorrust">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>`
Text updates 2023-11-22 11:22:23 -05:00			`<p>I'm a high school student and spend just about all my spare time programming. I do mostly full-stack web development, with Node as the backend. Btw, I use the programmer's dvorak keyboard (100 wpm).</p>`
Site text and Design Updated 2023-03-12 11:50:46 -04:00			`<br>`
			`<h2 id="work">Work</h2>`
Text updates 2023-11-22 11:22:23 -05:00			`<p>My current big projects are <a href="https://github.com/editorrust/git-organized">Git Organized</a>, a project management and planning tool for developer projects.</p>`
Site text and Design Updated 2023-03-12 11:50:46 -04:00			`<h3>Other work</h3>`
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			`<p>Some other work I've done include <a href="https://hillside-township.github.io/">Hillside Township</a>, an imaginary town with a satirical newspaper.</p>`
			`<p>Another small tool I made is <a href="https://editorrust.github.io/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.</p>`
Site text and Design Updated 2023-03-12 11:50:46 -04:00			`<p>I also made a small JS library called <a href="https://editorrust.github.io/digit/">Digit</a>, which writes out long numbers in words. I'm still polishing this, and plan on adding time related features, as well as number animations.</p>`
Text updates 2023-11-22 11:22:23 -05:00			`<p>Some of my really old work include some games, the best of which are <a href="https://editorrust.github.io/vegetable-dash/">Vegetable Dash</a> and <a href="https://editorrust.github.io/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>`
Text updates 2023-11-22 11:22:23 -05:00			`<p>I spend most of my time working with JavaScript, usally with Node.js, Ejs, Tailwind CSS, and MongoDB. Clearly I use GitHub for source control. Looking into Android development with kotlin.</p>`
Site text and Design Updated 2023-03-12 11:50:46 -04:00			`<h3>Software</h3>`
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			`<p>I use Firefox because it's open source, a great browser, and has awesome bookmark management. VS Code is my IDE.</p>`
Site text and Design Updated 2023-03-12 11:50:46 -04:00			`<h3>OS</h3>`
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			`<p>I have to use Windows now, but hate it with a passion. As soon as possible, I'm switching to Linux.</p>`
Site text and Design Updated 2023-03-12 11:50:46 -04:00			`<br>`
			`<h2>More</h2>`
			`<p>Developer jokes! <a href="https://docs.google.com/document/d/e/2PACX-1vRKinOJRXxrcpdMauNaTAzLNVHom4OkadGgdm6ja82330EJFr_5FRw4ThSj71GcjG9Ll_7jh-7mox95/pub">Check them out</a></p>`
Updated text 2023-07-18 17:38:32 -04:00			`<p>See my BFF <a href="https://github.com/tildejustin">tildejustin</a>'s 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>`
Site text and Design Updated 2023-03-12 11:50:46 -04:00			`<h2 id="funsies">Funsies</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>`
Text updates 2023-11-22 11:22:23 -05:00			`<p>Apple hates interoperability. Also nobody needs your proprietary messaging app anyway, not when I have such a cool open source one.</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">`
			`<h4>Reject Folding Phones</h4>`
			`<i>Dec 1 2022</i>`
			`<p>They're bad, and impractical, and I'll tell you why if you click right here.</p>`
			`</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>`
			`<p>My Github -> <a href="https://github.com/editorrust">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>`
			`</html>`