diff --git a/articles/plasma-widgets.html b/articles/plasma-widgets.html
new file mode 100644
index 0000000..ca4ea9c
--- /dev/null
+++ b/articles/plasma-widgets.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+   <meta name="viewport" content="width=device-width">
+   <meta name="description" content="Hamza Nasher-Alneam's developer profile website!">
+   <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 href="https://fonts.googleapis.com/css2?family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
+   <link rel="stylesheet" href="../styles/styles.css">
+   <link rel="stylesheet" href="../styles/thoughts.css">
+   <title>Plasma Widgets | Hamza Nasher-Alneam</title>
+</head>
+<body>
+   <a class="home" href="../index.html">Home</a>
+   <br><br>
+
+   <div class="content thoughtsblock" style="min-height: 80vh;">
+      <div class="article">
+         <p style="text-align: center; font-family: sans-serif;">I have had an awful time working with KDE widgets - so I'm trying to help you with them! I'll add more articles later.</p>
+         <br><br>
+         <h1 id="publish-widget" onclick="copy('publish-widget')">Publish your KDE Widget</h1>
+         <h2>May 15 2024</h2>
+         <p>You've just built an incredible KDE widget, and you want to share it with the world. But how do you make sure hundreds
+         of people will get to try your new widget?</p>
+         <p>The best way to publish a widget is through the KDE Store. Opendesktop hosts the KDE Store, so first you'll need to make
+         an account with them. Go to the <a href="https://store.kde.org/browse/">KDE Store</a> and click "Register" in the top
+         right corner. That will take you through the process of creating an account. Once you have an account, go back to the
+         main page of the KDE Store, and log in if you need to. If you click on the profile picture in the right corner, you
+         should get a menu that looks like this:</p>
+         <div style="width: 100%; text-align: center">
+            <img height="400" style="box-shadow: 0 0 .2em #ccc; border-radius: .4em;" src="../images/plasma-widgets/profile-icon-menu.png" alt="Profile icon menu">
+         </div>
+         <p>Click on Add Product, which will take you to this
+         page:</p>
+         <div style="width: 100%; text-align: center">
+            <img height="400" style="box-shadow: 0 0 .2em #ccc; border-radius: .4em;"
+               src="../images/plasma-widgets/new-product-page.png" alt="Profile icon menu">
+         </div>
+         <p>Fill in the information for your app, using "Plasma Mobile Widgets" as the catagory.
+         When you've entered all the needed catagories, press next. We can skip the settings step, so just click next again. Add your .plasmoid file, and click save.</p>
+         <p>That's it! If you go back to the main page of the KDE Store, search your app name and it should come up.</p>
+      </div>
+   </div>
+   <br><br>
+   <div class="footer">
+      <div>
+         <h2>Find me</h2>
+         <p>Github -> <a href="https://github.com/hnasheralneam">GitHub</a></p>
+         <p class="faded-footer">Many of my projects are on GitHub</p>
+      </div>
+      <div>
+         <h2>Contact me</h2>
+         <p>Email account -> <a href="mailto:hnasheralneam@gmail.com">hnasheralneam at google mail</a></p>
+         <p>Discord account -> <a href="#">namegoes.here</a></p>
+      </div>
+   </div>
+</body>
+<script>
+let url = document.location.href;
+
+function copy(txt) {
+   let link = `${url}#${txt}`;
+   navigator.clipboard.writeText(link).then(() => {
+       console.log("Copied link!");
+   }, () => { console.log("Error copying link."); });
+   let alert = document.createElement("DIV");
+   alert.textContent = "Copied Link to Heading!";
+   alert.classList.add("tempAlert");
+   document.body.appendChild(alert);
+   setTimeout(() => {
+      alert.style.opacity = "1";
+      alert.style.bottom = ".5rem";
+   }, 200);
+   setTimeout(() => {
+      alert.style.opacity = "0";
+      alert.style.bottom = "-10rem";
+   }, 4200);
+   setTimeout(() => {
+      alert.remove();
+   }, 4400);
+
+}
+</script>
+</html>
\ No newline at end of file
diff --git a/Documents/developer_jokes.pdf b/documents/developer_jokes.pdf
similarity index 100%
rename from Documents/developer_jokes.pdf
rename to documents/developer_jokes.pdf
diff --git a/Documents/situation_in_gaza.pdf b/documents/situation_in_gaza.pdf
similarity index 100%
rename from Documents/situation_in_gaza.pdf
rename to documents/situation_in_gaza.pdf
diff --git a/Icons/race.png b/icons/race.png
similarity index 100%
rename from Icons/race.png
rename to icons/race.png
diff --git a/Images/linux.png b/images/linux.png
similarity index 100%
rename from Images/linux.png
rename to images/linux.png
diff --git a/images/plasma-widgets/new-product-page.png b/images/plasma-widgets/new-product-page.png
new file mode 100644
index 0000000..0e040df
Binary files /dev/null and b/images/plasma-widgets/new-product-page.png differ
diff --git a/images/plasma-widgets/profile-icon-menu.png b/images/plasma-widgets/profile-icon-menu.png
new file mode 100644
index 0000000..9607ff6
Binary files /dev/null and b/images/plasma-widgets/profile-icon-menu.png differ
diff --git a/index.html b/index.html
index 2511a6a..8960ab1 100644
--- a/index.html
+++ b/index.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
    <meta name="viewport" content="width=device-width">
-   <meta name="description" content="High school student and web dev Hamza Nasher-Alneam's personal website.">
+   <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 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/home.css">
+   <link rel="stylesheet" href="styles/styles.css">
    <title>Hamza Nasher-Alneam</title>
 </head>
 <body>
@@ -50,7 +50,7 @@
          <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>Developer jokes! <a href="Documents/developer_jokes.pdf">Check them out</a></p>
+         <p>Developer jokes! <a href="documents/developer_jokes.pdf">Check them out</a></p>
          <div class="funsies">
             <p>Change the website color theme</p>
             <button onclick="changeTheme()">Random</button>
@@ -62,21 +62,29 @@
             <h2>Thoughts</h2>
          </a>
          
-         <!-- <a href="Documents/situation_in_gaza.pdf">
+         <!-- <a href="documents/situation_in_gaza.pdf">
             <div class="thoughts-bit first-of-class">
                <h4>The Humanitarian Crisis in Gaza: Then and Now</h4>
                <i>Nov 29 2023</i>
                <p>A brief history of Gaza, with a special focus on the recent events.</p>
             </div>
          </a> -->
-         <a href="/thoughts.html#imessage-lockin">
+         <a href="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.</p>
+            </div>
+         </a>
+         <a href="thoughts.html#imessage-lockin">
             <div class="thoughts-bit">
                <h4>The iMessage Lockin</h4>
                <i>Dec 1 2022</i>
-               <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>
+               <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>
          </a>
-         <a href="/thoughts.html#reject-folding-phones">
+         <a href="thoughts.html#reject-folding-phones">
             <div class="thoughts-bit">
                <h4>An Argument Against Folding Phones</h4>
                <i>Dec 1 2022</i>
diff --git a/Styles/home.css b/styles/home.css
similarity index 100%
rename from Styles/home.css
rename to styles/home.css
diff --git a/Styles/styles.css b/styles/styles.css
similarity index 100%
rename from Styles/styles.css
rename to styles/styles.css
diff --git a/Styles/thoughts.css b/styles/thoughts.css
similarity index 100%
rename from Styles/thoughts.css
rename to styles/thoughts.css
diff --git a/thoughts.html b/thoughts.html
index 049794b..26adc15 100644
--- a/thoughts.html
+++ b/thoughts.html
@@ -2,16 +2,16 @@
 <html lang="en">
 <head>
    <meta name="viewport" content="width=device-width">
-   <meta name="description" content="The developer Editor Rust's personal website!">
-   <link rel="shortcut icon" type="image/x-icon" href="Icons/race.png">
+   <meta name="description" content="Hamza Nasher-Alneam's developer profile website!">
+   <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 href="https://fonts.googleapis.com/css2?family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
-   <link rel="stylesheet" href="Styles/styles.css">
-   <link rel="stylesheet" href="Styles/thoughts.css">
-   <title>Thoughts | Editor Rust</title>
+   <link rel="stylesheet" href="styles/styles.css">
+   <link rel="stylesheet" href="styles/thoughts.css">
+   <title>Thoughts | Hamza Nasher-Alneam</title>
 </head>
 <body>
-   <a class="home" href="/">Home</a>
+   <a class="home" href="index.html">Home</a>
    <br><br>
 
    <div class="content thoughtsblock">
@@ -42,13 +42,11 @@
       <div>
          <h2>Find me</h2>
          <p>Github -> <a href="https://github.com/hnasheralneam">GitHub</a></p>
-         <p class="faded-footer">A lot of my work is on GitHub</p>
-         <p>Replit -> <a href="https://replit.com/@hnasheralneam">Replit</a></p>
-         <p class="faded-footer">Some smaller projects</p>
+         <p class="faded-footer">Many of my projects are on GitHub</p>
       </div>
       <div>
          <h2>Contact me</h2>
-         <p>My personal account -> <a href="mailto:hnasheralneam@gmail.com">hnasheralneam at google mail</a></p>
+         <p>Email account -> <a href="mailto:hnasheralneam@gmail.com">hnasheralneam at google mail</a></p>
          <p>Discord account -> <a href="#">namegoes.here</a></p>
       </div>
    </div>
