diff --git a/index.html b/index.html
index 06cf195..6c5e185 100644
--- a/index.html
+++ b/index.html
@@ -1,229 +1,283 @@
 <!DOCTYPE html>
-<html><head>
-<title>anyzig</title>
-<style>
-
-* { margin:0; padding:0; }
-body {
-    margin-top:30px;
-    font-family: courier;
-    text-align:center;
-    background:#333;
-    color:#ccc;
-}
-a { color: #eee }
-h1 { color:#eee }
-h2 { color:#eee }
-section {
-    display: grid;
-    justify-items: center;
-    align-items: center;
-}
-code {
-    padding: 0.75em;
-    font-family: courier new;
-    text-align: left;
-    word-wrap: break-word;
-    background: #111;
-}
-
-#InstallDiv {
-    margin:10px;
-}
-
-.CopyButton {
-    padding:5px;
-}
-
-.FilterButton {
-  display:inline-block;
-  width: 60px;
-  height: 15px;
-  line-height: 15px;
-  text-align:center;
-  padding: 10px;
-  border-radius: 2px;
-  border: 0;
-  background:#ccc;
-  font-size: 15px;
-  color: #000;
-  cursor:default;
-  user-select:none;
-  font-weight:bold;
-}
-.FilterButton:hover {
-  background:#aaa;
-}
-.FilterButtonEnabled {
-  background:#4287f5;
-}
-.FilterButtonEnabled:hover {
-  background:#3277e5;
-}
-
-.Commands {
-  display: grid;
-  gap: 1em;
-  grid-auto-rows: 5em;
-}
-.Commands div {
-  display: grid;
-  gap: 3em;
-  grid-template-columns: 10em 45em;
-}
-
-</style>
-<script>
-
-function get(id) { return document.getElementById(id); }
-
-
-function copyToClipboard(text) {
-  navigator.clipboard.writeText(text)
-    .then(() => {
-      console.log('Text copied to clipboard');
-    })
-    .catch(err => {
-      console.error('Could not copy text: ', err);
-    });
-}
-
-  function copyCommand(id) {
-      pre = get('command' + id);
-      copyToClipboard(pre.innerHTML)
-  }
-
-  function generateCommandHtml(ids, cmd) {
-      const id = ids.next_id;
-      ids.next_id++;
-      return (
-          '<div>' +
-              '<button class="CopyButton" onclick="copyCommand(' + id + ')">Copy</button> ' +
-              '<code style="display:inline-block" id="command' + id + '">' + cmd + '</code>' +
-          '</div>'
-      );
-  }
-
-  function updateButton(button, enable) {
-      if (enable) {
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Install anyzig, a Zig package manager." />
+    <link rel="stylesheet" href="styles.css" />
+    <title>anyzig</title>
+    <script>
+      "use strict";
+
+      const OS_LINUX = 0;
+      const OS_MACOS = 1;
+      const OS_WINDOWS = 2;
+      const ARCH_X86_64 = 0;
+      const ARCH_AARCH64 = 1;
+
+      let current_os = -1;
+      let current_arch = -1;
+      let include_curl = true;
+      let include_wget = true;
+      let include_powershell = false;
+
+      function showNotification(message, isError = false) {
+        const notification = document.createElement("div");
+        notification.textContent = message;
+        notification.style.cssText = `
+          position: fixed;
+          top: 20px;
+          right: 20px;
+          padding: 10px 20px;
+          border-radius: 4px;
+          background-color: ${isError ? "#ff4444" : "#ff99bb"};
+          color: white;
+          z-index: 1000;
+          transition: opacity 0.3s ease-in-out;
+          box-shadow: 0 2px 5px rgba(0,0,0,0.2);
+        `;
+        document.body.appendChild(notification);
+
+        setTimeout(() => {
+          notification.style.opacity = "0";
+          setTimeout(() => notification.remove(), 300);
+        }, 2700);
+      }
+
+      function get(id) {
+        return document.getElementById(id);
+      }
+
+      function copyToClipboard(text) {
+        if (!text) {
+          showNotification("Nothing to copy", true);
+          return;
+        }
+
+        navigator.clipboard
+          .writeText(text)
+          .then(() => {
+            showNotification("Command copied to clipboard!");
+          })
+          .catch((err) => {
+            showNotification("Failed to copy command: " + err.message, true);
+            console.error("Could not copy text: ", err);
+          });
+      }
+
+      function copyCommand(id) {
+        const pre = get("command" + id);
+        if (pre) {
+          copyToClipboard(pre.innerHTML);
+        } else {
+          showNotification("Command element not found", true);
+        }
+      }
+
+      function generateCommandHtml(ids, cmd) {
+        const id = ids.next_id;
+        ids.next_id++;
+        return (
+          "<div>" +
+          '<button class="CopyButton" onclick="copyCommand(' +
+          id +
+          ')">Copy</button> ' +
+          '<code style="display:inline-block" id="command' +
+          id +
+          '">' +
+          cmd +
+          "</code>" +
+          "</div>"
+        );
+      }
+
+      function updateButton(button, enable) {
+        if (!button) {
+          console.warn("Button element not found");
+          return;
+        }
+        if (enable) {
           button.classList.add("FilterButtonEnabled");
-      } else {
+        } else {
           button.classList.remove("FilterButtonEnabled");
+        }
       }
-  }
 
-  function toggleOs(os) {
-      if (current_os == os) {
-          current_os = -1;
-      } else {
-          current_os = os;
-      }
-      updateButton(get("ButtonLinux"), current_os == OS_LINUX);
-      updateButton(get("ButtonMacos"), current_os == OS_MACOS);
-      updateButton(get("ButtonWindows"), current_os == OS_WINDOWS);
-      updateInstallDiv();
-  }
-  function toggleArch(arch) {
-      if (current_arch == arch) {
+      function toggleOs(os) {
+        if (
+          typeof os !== "number" ||
+          ![OS_LINUX, OS_MACOS, OS_WINDOWS, -1].includes(os)
+        ) {
+          showNotification("Invalid operating system selected", true);
+          return;
+        }
+
+        // Reset arch when changing OS to prevent invalid combinations
+        if (current_os !== os) {
           current_arch = -1;
-      } else {
-          current_arch = arch;
+          updateButton(get("ButtonX86_64"), false);
+          updateButton(get("ButtonAArch64"), false);
+        }
+
+        current_os = current_os === os ? -1 : os;
+
+        updateButton(get("ButtonLinux"), current_os === OS_LINUX);
+        updateButton(get("ButtonMacos"), current_os === OS_MACOS);
+        updateButton(get("ButtonWindows"), current_os === OS_WINDOWS);
+        updateInstallDiv();
       }
-      updateButton(get("ButtonX86_64"), current_arch == ARCH_X86_64);
-      updateButton(get("ButtonAArch64"), current_arch == ARCH_AARCH64);
-      updateInstallDiv();
-  }
-
-  const OS_LINUX = 0;
-  const OS_MACOS = 1;
-  const OS_WINDOWS = 2;
-  const ARCH_X86_64 = 0;
-  const ARCH_AARCH64 = 1;
-
-  var current_os = -1;
-  var current_arch = -1;
-  var include_curl = true;
-  var include_wget = true;
-  var include_powershell = false;
-
-  function updateInstallDiv() {
-      var arch_os = null;
-      var archive_ext = null;
-      include_powershell = false;
-      if (current_os == OS_LINUX) {
+
+      function toggleArch(arch) {
+        if (
+          typeof arch !== "number" ||
+          ![ARCH_X86_64, ARCH_AARCH64, -1].includes(arch)
+        ) {
+          showNotification("Invalid architecture selected", true);
+          return;
+        }
+
+        current_arch = current_arch === arch ? -1 : arch;
+        updateButton(get("ButtonX86_64"), current_arch === ARCH_X86_64);
+        updateButton(get("ButtonAArch64"), current_arch === ARCH_AARCH64);
+        updateInstallDiv();
+      }
+
+      function getInstallCommand(archive_url, archive_ext) {
+        if (archive_ext === ".zip") {
+          return `Invoke-WebRequest -Uri "${archive_url}" -OutFile "anyzig.zip" && Expand-Archive -Path "anyzig.zip" -DestinationPath "anyzig"`;
+        } else {
+          return `curl -L "${archive_url}" | tar xz`;
+        }
+      }
+
+      function updateInstallDiv() {
+        let arch_os = null;
+        let archive_ext = null;
+        include_powershell = false;
+
+        if (current_os === OS_LINUX) {
           archive_ext = ".tar.gz";
-          if (current_arch == ARCH_X86_64) {
-              arch_os = "x86_64-linux";
-          } else if (current_arch == ARCH_AARCH64) {
-              arch_os = "aarch64-linux";
+          if (current_arch === ARCH_X86_64) {
+            arch_os = "x86_64-linux";
+          } else if (current_arch === ARCH_AARCH64) {
+            arch_os = "aarch64-linux";
           }
-      } else if (current_os == OS_MACOS) {
+        } else if (current_os === OS_MACOS) {
           archive_ext = ".tar.gz";
-          if (current_arch == ARCH_X86_64) {
-              arch_os = "x86_64-macos";
-          } else if (current_arch == ARCH_AARCH64) {
-              arch_os = "aarch64-macos";
+          if (current_arch === ARCH_X86_64) {
+            arch_os = "x86_64-macos";
+          } else if (current_arch === ARCH_AARCH64) {
+            arch_os = "aarch64-macos";
           }
-      } else if (current_os == OS_WINDOWS) {
+        } else if (current_os === OS_WINDOWS) {
           archive_ext = ".zip";
           include_powershell = true;
-          if (current_arch == ARCH_X86_64) {
-              arch_os = "x86_64-windows";
-          } else if (current_arch == ARCH_AARCH64) {
-              arch_os = "aarch64-windows";
+          if (current_arch === ARCH_X86_64) {
+            arch_os = "x86_64-windows";
+          } else if (current_arch === ARCH_AARCH64) {
+            arch_os = "aarch64-windows";
           }
-      }
+        }
 
-      html = '';
+        let html = "";
 
-      if (arch_os != null) {
-          const basename = 'anyzig-' + arch_os + archive_ext;
-          const archive_url = 'https://github.com/marler8997/anyzig/releases/latest/download/' + basename;
-          html += '<br/><h2 style="margin:15px"><a href="' + archive_url + '">' + basename + '</a></h2>';
+        if (arch_os) {
+          const basename = "anyzig-" + arch_os + archive_ext;
+          const archive_url =
+            "https://github.com/marler8997/anyzig/releases/latest/download/" +
+            basename;
+          html +=
+            '<br/><h2 style="margin:15px"><a href="' +
+            archive_url +
+            '">' +
+            basename +
+            "</a></h2>";
 
-          html += '<br/><h2>Command Line Install:</h2>';
+          html += "<br/><h2>Command Line Install:</h2>";
           html += "<section><div class='Commands'>";
-          var ids = { next_id: 0 };
-          if (include_curl) {
-              html += generateCommandHtml(ids, 'curl -L ' + archive_url + ' | tar xz');
-          }
-          if (include_wget) {
-              html += generateCommandHtml(ids, 'wget -O - ' + archive_url + ' | tar xz');
-          }
-          if (include_powershell) {
-              html += generateCommandHtml(ids, "Invoke-WebRequest -Uri " + archive_url + " -OutFile \"anyzig-"  + arch_os + ".zip\"; Expand-Archive -Path \"anyzig-" + arch_os + ".zip\" -DestinationPath \"anyzig\"");
+          const ids = { next_id: 0 };
+
+          if (archive_ext === ".tar.gz") {
+            if (include_curl) {
+              html += generateCommandHtml(
+                ids,
+                "curl -L " + archive_url + " | tar xz"
+              );
+            }
+            if (include_wget) {
+              html += generateCommandHtml(
+                ids,
+                "wget -O - " + archive_url + " | tar xz"
+              );
+            }
+          } else if (include_powershell) {
+            html += generateCommandHtml(
+              ids,
+              getInstallCommand(archive_url, archive_ext)
+            );
           }
           html += "</div></section>";
-      }
-      get('InstallDiv').innerHTML = html;
-  }
-
-  function bodyOnload() {
-      updateInstallDiv()
+        } else if (current_os !== -1 && current_arch === -1) {
+          html = "<br/><h2>Please select an architecture</h2>";
+        } else if (current_os === -1) {
+          html = "<br/><h2>Please select an operating system</h2>";
+        }
 
-      let userAgent = window.navigator.userAgent;
-      console.log("userAgent '" + userAgent + "'");
-      if (userAgent.indexOf("Linux") != -1) toggleOs(OS_LINUX);
-      if (userAgent.indexOf("MacOS") != -1) toggleOs(OS_MACOS);
-      if (userAgent.indexOf("Win") != -1) toggleOs(OS_WINDOWS);
-
-      if (userAgent.indexOf("x64") != -1) toggleArch(ARCH_X86_64);
-  }
-
-</script>
-</head><body onload="bodyOnload()">
+        const installDiv = get("InstallDiv");
+        if (installDiv) {
+          installDiv.innerHTML = html;
+        }
+      }
 
-<h1>Install anyzig</h1>
-<div style="margin:10px">
-  <span id="ButtonLinux" class="FilterButton" onclick="toggleOs(OS_LINUX)">Linux</span>
-  <span id="ButtonMacos" class="FilterButton" onclick="toggleOs(OS_MACOS)">macOS</span>
-  <span id="ButtonWindows" class="FilterButton" onclick="toggleOs(OS_WINDOWS)">Windows</span>
-</div>
-<div style="margin:10px">
-  <span id="ButtonX86_64" class="FilterButton" onclick="toggleArch(ARCH_X86_64)">x86_64</span>
-  <span id="ButtonAArch64" class="FilterButton" onclick="toggleArch(ARCH_AARCH64)">aarch64</span>
-</div>
-<div id="InstallDiv"></div>
+      function bodyOnload() {
+        updateInstallDiv();
 
+        const userAgent = window.navigator.userAgent.toLowerCase();
+        if (userAgent.includes("linux")) toggleOs(OS_LINUX);
+        if (userAgent.includes("macintosh")) toggleOs(OS_MACOS);
+        if (userAgent.includes("windows")) toggleOs(OS_WINDOWS);
 
+        if (userAgent.includes("x64") || userAgent.includes("x86_64")) {
+          toggleArch(ARCH_X86_64);
+        } else if (
+          userAgent.includes("aarch64") ||
+          userAgent.includes("arm64")
+        ) {
+          toggleArch(ARCH_AARCH64);
+        }
+      }
+    </script>
+  </head>
+  <body onload="bodyOnload()">
+    <h1>Install anyzig</h1>
+    <div style="margin: 10px">
+      <span id="ButtonLinux" class="FilterButton" onclick="toggleOs(OS_LINUX)"
+        >Linux</span
+      >
+      <span id="ButtonMacos" class="FilterButton" onclick="toggleOs(OS_MACOS)"
+        >macOS</span
+      >
+      <span
+        id="ButtonWindows"
+        class="FilterButton"
+        onclick="toggleOs(OS_WINDOWS)"
+        >Windows</span
+      >
+    </div>
+    <div style="margin: 10px">
+      <span
+        id="ButtonX86_64"
+        class="FilterButton"
+        onclick="toggleArch(ARCH_X86_64)"
+        >x86_64</span
+      >
+      <span
+        id="ButtonAArch64"
+        class="FilterButton"
+        onclick="toggleArch(ARCH_AARCH64)"
+        >aarch64</span
+      >
+    </div>
+    <div id="InstallDiv"></div>
+  </body>
 </html>
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..e74e030
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,86 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  margin-top: 30px;
+  font-family: courier;
+  text-align: center;
+  background: #333;
+  color: #ccc;
+}
+
+a {
+  color: #eee;
+}
+
+h1 {
+  color: #eee;
+}
+
+h2 {
+  color: #eee;
+}
+
+section {
+  display: grid;
+  justify-items: center;
+  align-items: center;
+}
+
+code {
+  padding: 0.75em;
+  font-family: courier new;
+  text-align: left;
+  word-wrap: break-word;
+  background: #111;
+}
+
+#InstallDiv {
+  margin: 10px;
+}
+
+.CopyButton {
+  padding: 5px;
+}
+.FilterButton {
+  display: inline-block;
+  width: 60px;
+  height: 15px;
+  line-height: 15px;
+  text-align: center;
+  padding: 10px;
+  border-radius: 2px;
+  border: 0;
+  background: #ccc;
+  font-size: 15px;
+  color: #000;
+  cursor: default;
+  user-select: none;
+  font-weight: bold;
+}
+
+.FilterButton:hover {
+  background: #aaa;
+}
+
+.FilterButtonEnabled {
+  background: #4287f5;
+}
+
+.FilterButtonEnabled:hover {
+  background: #3277e5;
+}
+
+.Commands {
+  display: grid;
+  gap: 1em;
+  grid-auto-rows: 5em;
+}
+
+.Commands div {
+  display: grid;
+  gap: 3em;
+  grid-template-columns: 10em 45em;
+}
