summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authortint <tint@tint.red>2022-11-23 14:27:50 -0500
committertint <tint@tint.red>2022-11-23 14:27:50 -0500
commit6137c09543ea99816ef6563c6e5125f1b2ec0fba (patch)
treee46d80a46fdba60ce4b1401598f4633544791ec9
parent098fd71380e856b1cd1570e1cb482ef73c725cff (diff)
adds one (1) line of js. and a bunch of css
-rw-r--r--css/main.css55
-rw-r--r--index.html22
-rw-r--r--index_files/buttons/archlinux.gifbin0 -> 3023 bytes
-rw-r--r--index_files/buttons/best_viewed_with_eyes.gifbin0 -> 5493 bytes
-rw-r--r--index_files/buttons/bestviewed16bit.gifbin0 -> 13927 bytes
-rw-r--r--index_files/buttons/graphicdesign.gifbin0 -> 3043 bytes
-rw-r--r--index_files/buttons/valid-bad.gifbin0 -> 1280 bytes
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 {
4 sans-serif; 4 sans-serif;
5 color: yellow; 5 color: yellow;
6 font-size: 20px; 6 font-size: 20px;
7 margin: 0;
8 padding: 0;
7} 9}
8#overview { 10#overview {
9 min-width: min-content; 11 min-width: min-content;
@@ -20,17 +22,20 @@ body {
20 height: 900px; 22 height: 900px;
21 width: 100%; 23 width: 100%;
22} 24}
25body>div {
26 height: 100vh;
27}
28body>div>div {
29 height: 100%;
30}
23#mainBod { 31#mainBod {
24 background: url(/index_files/Apex_3D_Logo_2_.png) repeat; 32 background-image: url(/index_files/Apex_3D_Logo_2_.png);
25 border: 70px solid; 33 background-repeat: repeat;
34 background-color: #a25300;
35 border: 70px solid;
26 content: ""; 36 content: "";
27 opacity: 0.75; 37 height: 100%;
28 top: 0; 38 box-sizing: border-box;
29 left: 0;
30 bottom: 0;
31 right: 0;
32 position: absolute;
33 z-index: -1;
34 border-image: url(/index_files/dollarspindownd.gif) 50 / 6 / 0 stretch; 39 border-image: url(/index_files/dollarspindownd.gif) 50 / 6 / 0 stretch;
35} 40}
36#linhead { 41#linhead {
@@ -134,3 +139,35 @@ li {
134 line-height: 20px; 139 line-height: 20px;
135 list-style: none; 140 list-style: none;
136} 141}
142
143html.dither>body>div{
144 background: url("data:image/webp;base64,UklGRjAAAABXRUJQVlA4TCQAAAAvA8AAAIVS27ahb3uzOUmSJoqqrOq6P47of8DQdcprYdP8/VY=");
145 filter: contrast(2000);
146 image-rendering: crisp-edges;
147}
148html.dither>body>div>div{
149 filter: initial;
150 mix-blend-mode: soft-light;
151 isolation: isolate;
152 image-rendering: initial;
153}
154
155#eyes {
156 display: inline-block;
157}
158
159#eyes>summary {
160 cursor: pointer;
161 font-size: 0;
162}
163
164#eyes[open]>div {
165 position: fixed;
166 top: 0;
167 left: 0;
168 width: 100%;
169 height: 100%;
170 background-color: black;
171 z-index: 9999;
172 pointer-events: none;
173}
diff --git a/index.html b/index.html
index 150353c..aafd2dc 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
1<!DOCTYPE html> 1<!DOCTYPE html>
2<html style="background-color: #a25300"> 2<html>
3 <head> 3 <head>
4 <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 4 <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
5 <meta charset="utf-8" /> 5 <meta charset="utf-8" />
@@ -15,9 +15,8 @@
15 <link rel="stylesheet" href="./css/main.css" /> 15 <link rel="stylesheet" href="./css/main.css" />
16 </head> 16 </head>
17 17
18 <body 18 <body>
19 id="mainBod" 19 <div><div><div id="mainBod">
20 >
21 <div id="content"> 20 <div id="content">
22 <div class="container"> 21 <div class="container">
23 <div id="overview"> 22 <div id="overview">
@@ -98,19 +97,32 @@
98 <img src="index_files/buttons/moist.gif" /> 97 <img src="index_files/buttons/moist.gif" />
99 <img src="index_files/buttons/netscapenow40.gif" /> 98 <img src="index_files/buttons/netscapenow40.gif" />
100 <a href="./arch.html"> 99 <a href="./arch.html">
101 <img src="index_files/buttons/gnu-linux.gif" /> 100 <img src="index_files/buttons/archlinux.gif" />
102 </a> 101 </a>
102 <img src="index_files/buttons/gnu-linux.gif" />
103 <img src="index_files/buttons/mswin98_89.gif" /> 103 <img src="index_files/buttons/mswin98_89.gif" />
104 <img src="index_files/buttons/macmade-blkwtbrdrspin.gif" /> 104 <img src="index_files/buttons/macmade-blkwtbrdrspin.gif" />
105 <img src="index_files/buttons/hatemac_b.gif"/> 105 <img src="index_files/buttons/hatemac_b.gif"/>
106 <img src="index_files/buttons/vim.vialle.love.anim.gif" /> 106 <img src="index_files/buttons/vim.vialle.love.anim.gif" />
107 <img src="index_files/buttons/madewithamiga2.gif" /> 107 <img src="index_files/buttons/madewithamiga2.gif" />
108 <img src="index_files/buttons/shockwave.gif" /> 108 <img src="index_files/buttons/shockwave.gif" />
109 <img src="index_files/buttons/graphicdesign.gif" />
109 <img src="index_files/buttons/nedscape_now.gif" /> 110 <img src="index_files/buttons/nedscape_now.gif" />
110 <img src="index_files/buttons/netscape5.gif" /> 111 <img src="index_files/buttons/netscape5.gif" />
112 <details id="eyes">
113 <summary>
114 <img src="index_files/buttons/best_viewed_with_eyes.gif" />
115 </summary>
116 <div id="no_eyes"></div>
117 </details>
118 <img src="index_files/buttons/bestviewed16bit.gif" style="cursor: pointer;" onclick="document.documentElement.classList.toggle('dither')" />
111 <img src="index_files/buttons/wow.gif" /> 119 <img src="index_files/buttons/wow.gif" />
120 <a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Frochesterapex.com">
121 <img src="index_files/buttons/valid-bad.gif" />
122 </a>
112 <a href="https://rochesterapex.com/source"> 123 <a href="https://rochesterapex.com/source">
113 <img src="index_files/buttons/gethtmlnow.gif"/> 124 <img src="index_files/buttons/gethtmlnow.gif"/>
114 </a> 125 </a>
126 </div></div></div>
115 </body> 127 </body>
116</html> 128</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