profile-site/index.html
2025-04-24 10:25:16 -04:00

139 lines
7.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width">
<meta name="description" content="Hamza Nasher-Alneam's developer profile 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">
<link rel="stylesheet" href="styles/guestbook.css">
<title>Hamza Nasher-Alneam</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 Nasher-Alneam</h1>
<p class="subtitle">A high school student with an interest in software development, cybersecurity, and system management</p>
<br>
<div>
<h2 id="about-me">About me</h2>
<p>When not doing student things, I enjoy writing unoptimized JavaScript code, messing around with Linux on desktop and server, or practicing for CyberPatriots. In the future, hope to pursure some sort of computer science related degree at UMBC.</p>
</div>
<br>
<div>
<h2 id="work">Projects</h2>
<p>Recently, I've been working on multiplayer for <a href="https://mediumrare.hnasheralneam.dev">Medium Rare</a>, a game started at QuHacks. Before that, I was working on a <a href="https://store.kde.org/p/2155168">prayer times plasmoid</a> (widget) for KDE (code <a href="https://github.com/hnasheralneam/prayertimes">here</a>), as well as a <a href="https://github.com/cool-train-game/produced-demand">Produced Demand</a>, a bus management game.</p>
<p>Last summer, I was able to work on some projects, the most prominent among them being <a href="https://fetchcv.hnasheralneam.dev/">FetchCV</a>, a developer profile site that I'm working on with a <a href="https://github.com/Urdons/">friend</a>. Another smaller project was <a href="https://hnasheralneam.github.io/activity-log/">Activity Log</a>, a time tracking tool with graphs. If you want to see what I'm working on this week, it'll be up on my <a href="https://github.com/hnasheralneam">GitHub</a>.
</p>
</div>
<br>
<div>
<h2>Achievements</h2>
<p>
<i>December 14 2024</i><br>
<a href="https://github.com/grekand46">Kai</a> and I won 1st place on the beginner track for <a href="https://quhacks.tech/">QuHacks 2025</a> with our game <a href="https://github.com/hnasheralneam/medium-rare">Medium Rare</a>, which you can play at <a href="https://mediumrare.hnasheralneam.dev">mediumrare.hnasheralneam.dev</a>.
</p>
<br>
<p>
<i>February 24 2024</i><br>
<a href="https://github.com/Urdons">Urdons</a> and I won <b>first place</b> and the technical award at the MAGIC STEP Challenge! Here is our <a href="https://github.com/FetchCV/fetchcv">project</a> and <a href="https://docs.google.com/presentation/d/1i0Ufa3MRJhdeG6oTuq_ee8EPQ2ZBzV3qKtWBHWU25Wc/edit?usp=sharing">presentation</a>.
</p>
<br>
<p>
<i>February 11 2024</i><br>
Two of the teams (I was on one) from the Broadneck Robotics club made it to the VEX Over Under state championship!
</p>
<br>
<p>
<i>April 20 2023</i><br>
<a href="https://github.com/tildejustin">Justin</a> 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>
</div>
<br>
<div>
<h2 id="funsies">Fun stuff</h2>
<p><a href="documents/developer_jokes.pdf">A compilation of developer jokes!</a></p>
<div class="funsies">
<p>Change the website color theme</p>
<button onclick="changeTheme()">Random</button>
<button onclick="changeThemeHex()" class="hex-code-label">Hex code</button>
</div>
<br><br>
<!-- Guestbook -->
<div class="guestbook">
<h2 class="guestbook-title">Guest book - leave a note!</h2>
<div class="messages"></div>
<div class="show-all-messages">
<button onclick="this.remove(); showAll()">Show all messages</button>
</div>
<br>
<button class="post-button" onclick="toggleElement('new-message')">Post a message</button>
<div class="new-message-container" onclick="if (event.target.classList.contains('new-message-container')) toggleElement('new-message')">
<div class="new-message">
<form class="new-message-form" method="POST" action="https://guestbook-api.hnasheralneam.dev/message">
<label class="message-header" for="message">Your message for the world</label><br>
<textarea type="text" name="message" placeholder="your post"></textarea><br>
<label class="text-label" for="github">Your GitHub username</label><br>
<input class="text" type="text" name="github" placeholder="github username">
<input type="submit" value="Post" onclick="checkSubmissionValid(event)">
</form>
</div>
</div>
</div>
</div>
<div class="thoughts-preview">
<h2>Thoughts</h2>
<a hre="articles/plasma-widgets.html#publish-widget">
<div class="thoughts-bit"
<h4>Publish your Plasma widget</h4>
<i>May 15 2024</i>
<p>A quick tutorial that shows how publish a KDE widget on the widget store. More on KDE widgets coming soon
hopefully!</p>
</div>
</a>
<!-- <a href="thoughts.html#imessage-lockin">
<div class="thoughts-bit">
<h4>The social issues with iMessage</h4>
<i>Dec 1 2022</i>
<p>I discusses the technology behind SMS, which is used when messaging between iPhones and other devices, as well as the newer MMS and RCS standards.</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>I mention the impracticalities in more words than strictly necessary.</p>
</div>
</a> -->
</div>
</div>
</div>
<br><br>
<div class="footer">
<div>
<h2>Social</h2>
<p>GitHub -> <a href="https://github.com/hnasheralneam">@hnasheralneam</a></p>
<p class="faded-footer">All my projects are here</p>
<p>LinkedIn - > <a href="https://www.linkedin.com/in/hamza-nasher-alneam-8b6b6a338/">LinkedIn</a></p>
<p class="faded-footer">For professional connections</p>
</div>
<div>
<h2>Contact</h2>
<p>Email account -> <a href="mailto:hnasheralneam@gmail.com">hnasheralneam@gmail.com</a></p>
<p>Discord account -> <a href="#">namegoes.here</a></p>
</div>
</div>
</body>
<script defer src="https://umami.hnasheralneam.dev/script.js" data-website-id="22e45953-378d-4e42-afe7-b31c197d3105"></script>
<script src="main.js"></script>
<script src="https://hnasheralneam.github.io/digit/main.js"></script>
<script src="scripts/guestbook.js"></script>
</html>