7 files changed, 63 insertions, 14 deletions
diff --git a/css/main.css b/css/main.css
index b81c375..4b612c4 100644
--- a/css/main.css
+++ b/css/main.css
@@ -4,6 +4,8 @@ body {
    sans-serif;
  color: yellow;
  font-size: 20px;
+  margin: 0;
+  padding: 0;
 }
 #overview {
    min-width: min-content;
@@ -20,17 +22,20 @@ body {
    height: 900px;
    width: 100%;
 }
+body>div {
+  height: 100vh;
+}
+body>div>div {
+  height: 100%;
+}
 #mainBod {
-    background: url(/index_files/Apex_3D_Logo_2_.png) repeat;
+    background-image: url(/index_files/Apex_3D_Logo_2_.png);
-    border: 70px solid;     
+    background-repeat: repeat;
+    background-color: #a25300;
+    border: 70px solid;
    content: "";
-    opacity: 0.75;
+    height: 100%;
-    top: 0;
+    box-sizing: border-box;
-    left: 0;
-    bottom: 0;
-    right: 0;
-    position: absolute;
-    z-index: -1; 
    border-image: url(/index_files/dollarspindownd.gif) 50 / 6 / 0 stretch;
 }
 #linhead {
@@ -134,3 +139,35 @@ li {
  line-height: 20px;
  list-style: none;
 }
+html.dither>body>div{
+  background: url("data:image/webp;base64,UklGRjAAAABXRUJQVlA4TCQAAAAvA8AAAIVS27ahb3uzOUmSJoqqrOq6P47of8DQdcprYdP8/VY=");
+  filter: contrast(2000);
+  image-rendering: crisp-edges;
+}
+html.dither>body>div>div{
+  filter: initial;
+  mix-blend-mode: soft-light;
+  isolation: isolate;
+  image-rendering: initial;
+}
+#eyes {
+  display: inline-block;
+}
+#eyes>summary {
+  cursor: pointer;
+  font-size: 0;
+}
+#eyes[open]>div {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: black;
+  z-index: 9999;
+  pointer-events: none;
+}
diff --git a/index.html b/index.html
index 150353c..aafd2dc 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html style="background-color: #a25300">
+<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta charset="utf-8" />
@@ -15,9 +15,8 @@
    <link rel="stylesheet" href="./css/main.css" />
  </head>
-  <body
+  <body>
-    id="mainBod"
+  <div><div><div id="mainBod">
-  >
    <div id="content">
      <div class="container">
        <div id="overview">
@@ -98,19 +97,32 @@
    <img src="index_files/buttons/moist.gif" />
    <img src="index_files/buttons/netscapenow40.gif" />
    <a href="./arch.html">
-        <img src="index_files/buttons/gnu-linux.gif" />
+      <img src="index_files/buttons/archlinux.gif" />
    </a>
+    <img src="index_files/buttons/gnu-linux.gif" />
    <img src="index_files/buttons/mswin98_89.gif" />
    <img src="index_files/buttons/macmade-blkwtbrdrspin.gif" />
    <img src="index_files/buttons/hatemac_b.gif"/>
    <img src="index_files/buttons/vim.vialle.love.anim.gif" />
    <img src="index_files/buttons/madewithamiga2.gif" />
    <img src="index_files/buttons/shockwave.gif" />
+    <img src="index_files/buttons/graphicdesign.gif" />
    <img src="index_files/buttons/nedscape_now.gif" />
    <img src="index_files/buttons/netscape5.gif" />
+    <details id="eyes">
+      <summary>
+        <img src="index_files/buttons/best_viewed_with_eyes.gif" />
+      </summary>
+      <div id="no_eyes"></div>
+    </details>
+    <img src="index_files/buttons/bestviewed16bit.gif" style="cursor: pointer;" onclick="document.documentElement.classList.toggle('dither')" />
    <img src="index_files/buttons/wow.gif" />
+    <a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Frochesterapex.com">
+      <img src="index_files/buttons/valid-bad.gif" />
+    </a>
    <a href="https://rochesterapex.com/source">
      <img src="index_files/buttons/gethtmlnow.gif"/>
    </a>
+  </div></div></div>
  </body>
 </html>
diff --git a/index_files/buttons/archlinux.gif b/index_files/buttons/archlinux.gif
new file mode 100644
index 0000000..6fcc440
--- /dev/null
+++ b/index_files/buttons/archlinux.gif
Binary files differ
diff --git a/index_files/buttons/best_viewed_with_eyes.gif b/index_files/buttons/best_viewed_with_eyes.gif
new file mode 100644
index 0000000..6dfeb64
--- /dev/null
+++ b/index_files/buttons/best_viewed_with_eyes.gif
Binary files differ
diff --git a/index_files/buttons/bestviewed16bit.gif b/index_files/buttons/bestviewed16bit.gif
new file mode 100644
index 0000000..e8f8acd
--- /dev/null
+++ b/index_files/buttons/bestviewed16bit.gif
Binary files differ
diff --git a/index_files/buttons/graphicdesign.gif b/index_files/buttons/graphicdesign.gif
new file mode 100644
index 0000000..876d8fe
--- /dev/null
+++ b/index_files/buttons/graphicdesign.gif
Binary files differ
diff --git a/index_files/buttons/valid-bad.gif b/index_files/buttons/valid-bad.gif
new file mode 100644
index 0000000..8ff4129
--- /dev/null
+++ b/index_files/buttons/valid-bad.gif
Binary files differ