hnasheralneam/profile-site
1
0
Fork 0
mirror of https://github.com/hnasheralneam/hnasheralneam.github.io.git synced 2024-11-06 23:55:54 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Compare commits

base: hnasheralneam:2b546e099c48e579da96f50d4076efcbf9eb40d6
Branches Tags
hnasheralneam:master
hnasheralneam:redirect
..
compare: hnasheralneam:5b0323b3db0ce636c950aecdbdee3e5185a616cd
Branches Tags
hnasheralneam:master
hnasheralneam:redirect

No commits in common. "2b546e099c48e579da96f50d4076efcbf9eb40d6" and "5b0323b3db0ce636c950aecdbdee3e5185a616cd" have entirely different histories.
2b546e099c ... 5b0323b3db

4 changed files with 97 additions and 86 deletions
Show stats Expand all files Collapse all files

110
index.html
View file

@ -19,77 +19,71 @@
<div class="content"> <div class="content">
<div class="main-text"> <div class="main-text">
<h1 class="title">I'm Hamza Nasher-Alneam</h1> <h1 class="title">I'm Hamza Nasher-Alneam</h1>
<p class="subtitle">A high school student with an interest in software and system management</p> <em class="subtitle">A high school with an interest in software and system management</em>
<br><br>
<h2 id="about-me">About me</h2>
<p>I'm a high school student in the United States. When I have time, I enjoy writing code or messing around with Linux and servers. Fedora KDE btw.</p>
<br> <br>
<div> <h2 id="work">Work</h2>
<h2 id="about-me">About me</h2> <p>With school starting again, it's difficult to find time to work on any projects, but over the 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>. If you want to see what project I'm working on this week, it'll be up on my <a href="https://github.com/hnasheralneam">GitHub</a>.</p>
<p>I'm a high school student in the United States. When I have time, I enjoy writing unoptimized code or messing around with Linux and servers. Fedora KDE btw.</p> <p>Recently, I've been working on a server, an old desktop from around 2010. It's running Kubuntu, because for some reason I decided a desktop OS would be great for a server. Now I'm trying to self-host everything, from photo backup with Immich to file backup with Rysnc to AI with Ollama (yes on a server with 4gb of memory), along with a self-hosted <a href="https://git.hnasheralneam.dev/">Forgejo</a> instance. Everything's up on my website at <a href="https://hnasheralneam.dev">hnasheralneam.dev</a>.</p>
<p>Another small tool I made is <a href="activity-log/">Activity Log</a>, a time tracking tool with graphs.</p>
<br>
<h2 id="workflow">Tools</h2>
<p>The language I'll use depends on the project, but I'm relativly proficient at JavaScript, Python, and Java. When I'm writing Java I'll use IDEA, but for anything else it's VS Code.</p>
<p>Keyboard layouts are programmer's dvorak (~100wpm) and arabic 101 (~15wpm).</p>
<br>
<h2>Achievements</h2>
<p><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>. <i>February 24 2024</i></p>
<p>Our school robotics team got into the VEX Over Under state championship! <i>February 11 2024</i></p>
<p><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>. <i>April 20 2023</i></p>
<br>
<h2 id="funsies">Fun stuff</h2>
<p><a href="documents/developer_jokes.pdf">Developer jokes!</a></p>
<div class="funsies">
<p>Change the website color theme</p>
<button onclick="changeTheme()">Random</button>
<button onclick="changeThemeHex()">Hex code</button>
</div> </div>
<br> </div>
<div> <div class="thoughts-preview">
<h2 id="work">Work</h2> <a href="/thoughts.html">
<p>With school starting again, it's difficult to find time to work on any projects, but over the 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>. If you want to see what project I'm working on this week, it'll be up on my <a href="https://github.com/hnasheralneam">GitHub</a>.
</p>
<p>Recently, I've been working on a server, an old desktop from around 2010. It's running Kubuntu, because for some reason I decided a desktop OS would be great for a server. Now I'm trying to self-host everything, from photo backup with Immich to file backup with Rysnc to AI with Ollama (yes on a server with 4gb of memory), along with a self-hosted <a href="https://git.hnasheralneam.dev/">Forgejo</a> instance. Everything's up on my website at <a href="https://hnasheralneam.dev">hnasheralneam.dev</a>.</p>
<p>A small tool I've made is <a href="activity-log/">Activity Log</a>, a time tracking tool with graphs.</p>
</div>
<br>
<div>
<h2>Achievements</h2>
<p><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>.
<i>February 24 2024</i></p>
<p>Our school robotics team got into the VEX Over Under state championship! <i>February 11 2024</i></p>
<p><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>. <i>April 20 2023</i></p>
</div>
<br>
<div>
<h2 id="funsies">Fun stuff</h2>
<p><a href="documents/developer_jokes.pdf">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>
</div>
<br>
<div class="thoughts-preview">
<h2>Thoughts</h2> <h2>Thoughts</h2>
<a href="articles/plasma-widgets.html#publish-widget"> </a>
<div class="thoughts-bit">
<h4>Publish your Plasma widget</h4> <a href="articles/plasma-widgets.html#publish-widget">
<i>May 15 2024</i> <div class="thoughts-bit">
<p>A quick tutorial that shows how publish a KDE widget on the widget store. More on KDE widgets coming soon <h4>Publish your Plasma widget</h4>
hopefully!</p> <i>May 15 2024</i>
</div> <p>A quick tutorial that shows how publish a KDE widget on the widget store. More on KDE widgets coming soon hopefully!</p>
</a> </div>
<a href="thoughts.html#imessage-lockin"> </a>
<div class="thoughts-bit"> <a href="thoughts.html#imessage-lockin">
<h4>The social issues with iMessage</h4> <div class="thoughts-bit">
<i>Dec 1 2022</i> <h4>The social issues with iMessage</h4>
<p>Didn't update this for the RCS announcement, but that'll take a while to come into effect and still won't <i>Dec 1 2022</i>
change much socially in the U.S.</p> <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> </div>
</a> </a>
<a href="thoughts.html#reject-folding-phones"> <a href="thoughts.html#reject-folding-phones">
<div class="thoughts-bit"> <div class="thoughts-bit">
<h4>An argument against folding phones</h4> <h4>An argument against folding phones</h4>
<i>Dec 1 2022</i> <i>Dec 1 2022</i>
<p>I mention the impracticalities in more words than strictly necessary.</p> <p>I mention the impracticalities in more words than strictly necessary.</p>
</div> </div>
</a> </a>
</div>
</div> </div>
</div> </div>
<br><br> <br><br>
<div class="footer"> <div class="footer">
<div> <div>
<h2>Social</h2> <h2>Find me</h2>
<p>Github -> <a href="https://github.com/hnasheralneam">GitHub</a></p> <p>Github -> <a href="https://github.com/hnasheralneam">GitHub</a></p>
<p class="faded-footer">Many of my projects are on GitHub</p> <p class="faded-footer">Many of my projects are on GitHub</p>
</div> </div>
<div> <div>
<h2>Contact</h2> <h2>Contact me</h2>
<p>Email account -> <a href="mailto:hnasheralneam@gmail.com">hnasheralneam@gmail.com</a></p> <p>Email account -> <a href="mailto:hnasheralneam@gmail.com">hnasheralneam@gmail.com</a></p>
<p>Discord account -> <a href="#">namegoes.here</a></p> <p>Discord account -> <a href="#">namegoes.here</a></p>
</div> </div>

1
main.js
View file

@ -15,7 +15,6 @@ function changeThemeHex() {
if (hex.charAt(0) != "#") hex = `#${hex}`; if (hex.charAt(0) != "#") hex = `#${hex}`;
if (/^#[0-9A-F]{3}$/i.test(hex) || /^#[0-9A-F]{6}$/i.test(hex) || /^#[0-9A-F]{8}$/i.test(hex)) { if (/^#[0-9A-F]{3}$/i.test(hex) || /^#[0-9A-F]{6}$/i.test(hex) || /^#[0-9A-F]{8}$/i.test(hex)) {
setThemeColor(hex); setThemeColor(hex);
document.querySelector(".hex-code-label").textContent = "Hex code: " + hex;
} else alert("Invalid hex code!"); } else alert("Invalid hex code!");
} }
} }

70
styles/home.css
View file

@ -10,22 +10,11 @@ body {
transition: .2s; transition: .2s;
} }
.main-text {
margin: auto;
max-width: 750px;
transition: .2s;
}
.main-text p {
margin: .5rem 2rem;
}
.title { .title {
margin: 2rem 2rem 1rem 2rem; margin: 2rem 2rem 1rem 2rem;
} }
.subtitle { .subtitle {
font-style: italic;
margin: 0 2rem; margin: 0 2rem;
} }
@ -60,6 +49,10 @@ h3 {
margin: .75rem 0 0 2rem; margin: .75rem 0 0 2rem;
} }
.main-text p {
margin: .5rem 2rem;
}
button { button {
padding: .2rem .5rem; padding: .2rem .5rem;
font-size: 1.1rem; font-size: 1.1rem;
@ -84,31 +77,48 @@ a {
color: var(--theme-color); color: var(--theme-color);
} }
.content {
display: grid;
grid-template-columns: 70% calc(30% - 2em);
gap: 1em;
}
.main-text {
max-width: 750px;
transition: .2s;
}
.thoughts-preview {
padding-top: 8.5em;
margin-right: 2em;
}
.thoughts-preview a { .thoughts-preview a {
color: initial; color: initial;
text-decoration: initial; text-decoration: initial;
} }
.thoughts-bit p { .thoughts-preview h2 {
padding: 0; margin: 0 0 .4em -.1em;
margin: 0; font-family: sans-serif;
opacity: .8;
}
.thoughts-preview h2:hover {
text-decoration: underline;
}
.thoughts-preview h2:before {
display: none;
} }
.thoughts-bit { .thoughts-bit {
padding: 1rem; padding: .8em 0;
border-radius: .5em; border-bottom: .1em solid #bbb;
margin: .4rem 1rem;
border: solid transparent .2rem;
transition: .25s;
} }
.thoughts-bit:hover { .thoughts-bit.first-of-class {
background-color: #aaaaaa20; border-top: .1em solid #bbb;
border-color: var(--theme-color);
}
.thoughts-bit:hover h4 {
text-decoration: underline;
} }
.thoughts { .thoughts {
@ -170,6 +180,14 @@ a {
margin-right: 0; margin-right: 0;
width: 100vw; width: 100vw;
} }
.thoughts-preview {
margin: 0 .6em;
padding: 1em 1.4em;
background-color: #dddddd20;
border-radius: .4em;
width: calc(100% - 2em);
box-sizing: border-box;
}
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {

2
styles/styles.css
View file

@ -20,7 +20,7 @@ a {
/* Footer styles */ /* Footer styles */
.footer { .footer {
padding: 3rem 1rem; padding: 1rem;
display: grid; display: grid;
grid-template-columns: auto auto; grid-template-columns: auto auto;
background-color: #222; background-color: #222;