fix topbar to work on mobile devices

The topbar, by way of JavaScript, now works
on mobile devices such as cell phones and
tablets.

Internal links for entries from 1984 thru 2015
have been adjusted.

Ran `make www` to perform the above.

TODO: Fix some color issues on topbar.

TODO: More testing!

ioccc.css

@@ -657,6 +657,111 @@ a:active {
 
 /* Responsive Web Design ========================================================================== */
 
+/*
+ * Topbar CSS
+ */
+
+/* Mobile menu section */
+@media screen and (max-width: 1024px) {
+  .topbar-items {
+    display: none;
+  }
+}
+
+.header-mobile-menu {
+  display: none;
+}
+
+@media screen and (max-width: 1024px) {
+  .header-mobile-menu {
+    display: block;
+  }
+}
+
+.mobile-header-button-label {
+  display: none;
+}
+
+@media screen and (max-width: 1024px) {
+  .mobile-header-button-label {
+    display: block;
+    position: absolute;
+    right: 64px;
+    color: #154c9f;
+    font-size: 16px;
+    font-weight: bold;
+    font-family: "Outfit", sans-serif;
+    font-optical-sizing: auto;
+    text-transform: capitalize;
+  }
+}
+
+.topbar-mobile-menu {
+  position: absolute;
+  right: 10px;
+  top: 20px;
+  height: 48px;
+  width: 48px;
+  border-color: #154c9f;
+  border-width: 0.5px;
+}
+
+.hide-content {
+  display: none;
+}
+
+.topbar-mobile-panel {
+  background-color: #f5f5f5;
+  width: 100%;
+  height: 100vh;
+  position: relative;
+}
+
+.mobile-menu-item {
+  font-family: "Outfit", sans-serif;
+  font-optical-sizing: auto;
+  font-size: 18px;
+  font-weight: 700;
+  color: #154c9f;
+}
+
+.mobile-submenu-item {
+  font-family: "Outfit", sans-serif;
+  font-optical-sizing: auto;
+  font-size: 16px;
+  font-weight: 500;
+  color: #154c9f !important;
+  width: fit-content;
+}
+
+.mobile-menu-container {
+  display: flex;
+  flex-direction: column;
+  gap: 32px;
+  padding: 16px;
+}
+
+.mobile-menu-wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.mobile-submenu-wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding-left: 16px;
+}
+
+.mobile-menu-icon {
+  color: #154c9f;
+  width: 24px;
+  height: 24px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
 /* Default: screen is > 968 pixels wide (> 984 w/padding) */
 
 /*