diff options
author | tint <tint@tint.red> | 2022-11-23 14:27:50 -0500 |
---|---|---|
committer | tint <tint@tint.red> | 2022-11-23 14:27:50 -0500 |
commit | 6137c09543ea99816ef6563c6e5125f1b2ec0fba (patch) | |
tree | e46d80a46fdba60ce4b1401598f4633544791ec9 | |
parent | 098fd71380e856b1cd1570e1cb482ef73c725cff (diff) |
adds one (1) line of js. and a bunch of css
-rw-r--r-- | css/main.css | 55 | ||||
-rw-r--r-- | index.html | 22 | ||||
-rw-r--r-- | index_files/buttons/archlinux.gif | bin | 0 -> 3023 bytes | |||
-rw-r--r-- | index_files/buttons/best_viewed_with_eyes.gif | bin | 0 -> 5493 bytes | |||
-rw-r--r-- | index_files/buttons/bestviewed16bit.gif | bin | 0 -> 13927 bytes | |||
-rw-r--r-- | index_files/buttons/graphicdesign.gif | bin | 0 -> 3043 bytes | |||
-rw-r--r-- | index_files/buttons/valid-bad.gif | bin | 0 -> 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 | } |
25 | body>div { | ||
26 | height: 100vh; | ||
27 | } | ||
28 | body>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 | |||
143 | html.dither>body>div{ | ||
144 | background: url("data:image/webp;base64,UklGRjAAAABXRUJQVlA4TCQAAAAvA8AAAIVS27ahb3uzOUmSJoqqrOq6P47of8DQdcprYdP8/VY="); | ||
145 | filter: contrast(2000); | ||
146 | image-rendering: crisp-edges; | ||
147 | } | ||
148 | html.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 | } | ||
@@ -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 | |||