mirror of
https://github.com/hnasheralneam/hnasheralneam.github.io.git
synced 2024-11-06 15:45:54 -05:00
95 lines
5.1 KiB
HTML
95 lines
5.1 KiB
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&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/hnasheralneam/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="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="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="vegetable-dash/">Vegetable Dash</a> and <a href="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-1vT9Kvy57jQ1nlwBzSdQS_hvxl6CxbG-pRgtHLLJtjMjuM371riglrc_2k61b89VPrd3HNzkh5Ahb04w/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/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>
|