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

Text changes and styling

Browse source 
Small text changes, added MAGIC CTF event, page theme color changes with
page color.
This commit is contained in:
Editor Rust 2023-07-24 16:27:00 -04:00
parent 322fab9aa9
commit 8d24b68504
2 changed files with 19 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
index.html
View file

@ -23,27 +23,30 @@
<h1 class="title">Hi! I'm Editor Rust.</h1> <h1 class="title">Hi! I'm Editor Rust.</h1>
<center><em>I do webdev</em></center> <center><em>I do webdev</em></center>
<h2 id="about-me">About me</h2> <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, with a speed of around 75 wpm.</p> <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 (75 wpm).</p>
<br> <br>
<h2 id="work">Work</h2> <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, and an <a href="https://github.com/editorrust/chat-ex">unnamed chat project</a>, which is just a bunch of experiments with web sockets and stuff. If you like them, you can email me to contribute.</p> <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, and an <a href="https://github.com/editorrust/chat-ex">unnamed chat project</a>, which is just a bunch of experiments with web sockets and stuff.</p>
<h3>Other work</h3> <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. The website's nice, so just... ignore the content.</p> <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 little thing 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>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>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 would be <a href="https://editorrust.github.io/vegetable-dash/">Vegetable Dash</a> and <a href="https://editorrust.github.io/gold-rush/">Gold Rush</a>.</p> <p>Some of my really old work include some games, the best of are would be <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> <br>
<h2 id="workflow">Tools</h2> <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.</p> <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.</p>
<h3>Software</h3> <h3>Software</h3>
<p>I use Firefox because it's open source, a great browser, and has awesome bookmark management. My IDE is VS Code, the hands-down best JavaScript IDE.</p> <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> <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, hopefully on a Framework laptop.</p> <p>I have to use Windows now, but hate it with a passion. As soon as possible, I'm switching to Linux.</p>
<br> <br>
<h2>More</h2> <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>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> <p>See my BFF <a href="https://github.com/tildejustin">tildejustin</a>'s stuff</p>
<br>
<h2>Achievements</h2>
<p>Me and Justin 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> <h2 id="funsies">Funsies</h2>
<div class="funsies"> <div class="funsies">
<p>Change the website color theme</p> <p>Change the website color theme</p>

10
main.js
View file

@ -8,7 +8,7 @@ window.addEventListener("scroll", () => {
function changeThme() { function changeThme() {
let color = (Math.random() * 0xFFFFFF << 0).toString(16).padStart(6, "0"); let color = (Math.random() * 0xFFFFFF << 0).toString(16).padStart(6, "0");
document.documentElement.style.setProperty("--theme-color", `#${color}`); setThemeColor(`#${color}`);
} }
function changeThmeHex() { function changeThmeHex() {
@ -16,7 +16,13 @@ function changeThmeHex() {
if (hex) { if (hex) {
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)) {
document.documentElement.style.setProperty("--theme-color", hex); setThemeColor(hex);
} else alert("Invalid hex code!"); } else alert("Invalid hex code!");
} }
}
function setThemeColor(color) {
document.documentElement.style.setProperty("--theme-color", color);
let metaThemeColor = document.querySelector("meta[name=theme-color]");
metaThemeColor.setAttribute("content", color);
} }