From 8d24b68504672d7a4750f4dae618a4e735898214 Mon Sep 17 00:00:00 2001
From: Editor Rust <editorrust@gmail.com>
Date: Mon, 24 Jul 2023 16:27:00 -0400
Subject: [PATCH] Text changes and styling

Small text changes, added MAGIC CTF event, page theme color changes with
page color.
---
 index.html | 19 +++++++++++--------
 main.js    | 10 ++++++++--
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index 22a6355..3d91855 100644
--- a/index.html
+++ b/index.html
@@ -23,27 +23,30 @@
          <h1 class="title">Hi! I'm Editor Rust.</h1>
          <center><em>I do 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, 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>
          <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>
-         <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>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>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="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>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>
          <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>
          <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>
-         <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>
          <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>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>
          <div class="funsies">
             <p>Change the website color theme</p>
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