diff --git a/index.html b/index.html index 22a6355..3d91855 100644 --- a/index.html +++ b/index.html @@ -23,27 +23,30 @@
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.
+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).
My current big projects are Git Organized, a project management and planning tool for developer projects, and an unnamed chat project, which is just a bunch of experiments with web sockets and stuff. If you like them, you can email me to contribute.
+My current big projects are Git Organized, a project management and planning tool for developer projects, and an unnamed chat project, which is just a bunch of experiments with web sockets and stuff.
Some other work I've done include Hillside Township, an imaginary town with a satirical newspaper. The website's nice, so just... ignore the content.
-Another little thing is Activity Log, which is meant to be used for tracking time. It's a really cool project, with a nice design and charts and everything.
+Some other work I've done include Hillside Township, an imaginary town with a satirical newspaper.
+Another small tool I made is Activity Log, which is meant to be used for tracking time. It's a really cool project, with a nice design and charts and everything.
I also made a small JS library called Digit, which writes out long numbers in words. I'm still polishing this, and plan on adding time related features, as well as number animations.
-Some of my really old work include some games, the best of which would be Vegetable Dash and Gold Rush.
+Some of my really old work include some games, the best of are would be Vegetable Dash and Gold Rush.
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.
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.
+I use Firefox because it's open source, a great browser, and has awesome bookmark management. VS Code is my IDE.
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.
+I have to use Windows now, but hate it with a passion. As soon as possible, I'm switching to Linux.
Developer jokes! Check them out
See my BFF tildejustin's stuff
- +Me and Justin won third place at the MAGIC cybersecurity CTF! Here are the results.
+Change the website color theme
diff --git a/main.js b/main.js index 0e0c1fe..8317b3d 100644 --- a/main.js +++ b/main.js @@ -8,7 +8,7 @@ window.addEventListener("scroll", () => { function changeThme() { let color = (Math.random() * 0xFFFFFF << 0).toString(16).padStart(6, "0"); - document.documentElement.style.setProperty("--theme-color", `#${color}`); + setThemeColor(`#${color}`); } function changeThmeHex() { @@ -16,7 +16,13 @@ function changeThmeHex() { if (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)) { - document.documentElement.style.setProperty("--theme-color", hex); + setThemeColor(hex); } 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); } \ No newline at end of file