diff --git a/assets/GoD-D.ttf b/assets/GoD-D.ttf new file mode 100644 index 0000000..bf59e19 Binary files /dev/null and b/assets/GoD-D.ttf differ diff --git a/assets/GoD-D.woff b/assets/GoD-D.woff new file mode 100644 index 0000000..47947a6 Binary files /dev/null and b/assets/GoD-D.woff differ diff --git a/assets/GoD.ttf b/assets/GoD.ttf new file mode 100644 index 0000000..c5d65b5 Binary files /dev/null and b/assets/GoD.ttf differ diff --git a/assets/GoD.woff b/assets/GoD.woff new file mode 100644 index 0000000..15bc512 Binary files /dev/null and b/assets/GoD.woff differ diff --git a/assets/abstract1.jpg b/assets/abstract1.jpg new file mode 100644 index 0000000..7e1fe04 Binary files /dev/null and b/assets/abstract1.jpg differ diff --git a/assets/gif.gif b/assets/gif.gif new file mode 100644 index 0000000..f28edb3 Binary files /dev/null and b/assets/gif.gif differ diff --git a/style.css b/style.css index a2b4f6f..18fafeb 100755 --- a/style.css +++ b/style.css @@ -1,30 +1,66 @@ +/*import fonts that will be used on the site*/ @import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); +/* converted fonts to WOFF using convertio. https://convertio.co/ */ +@font-face { + font-family: GoodOldDOS; + /* save some precious precious bandwidth on the rare occasion someone already has goodolddos installed on their system. */ + local("GoodOldDOS"); + local("Good Old DOS"); + src: url("./assets/GoD.ttf"); + src: url("./assets/GoD.woff"); +} @font-face { - font-family: GoD; - src: url(https://git.lainiwakura.xyz/uncreativecultist/PersonalStorage/raw/branch/main/GoodOldDos/Good%20Old%20DOS.ttf); + font-family: GoodOldDOS-D; + src: url("./assets/GoD-D.tff"); + src: url("./assets/GoD-D.woff"); } +/*alright, now onto the text formatting junk!*/ + .iacs { color: #0033a0; text-shadow: 3px 3px 3px #c6093b; } h1 { - font-family: "Oswald", sans-serif; + font-family: "GoodOldDOS", sans-serif; text-decoration: underline; text-decoration-color: #0033a0; color: #c6093b; } +/* pick the right fonts*/ + + +a { + font-family: "GoodOldDOS-D", sans-serif; +} + h2 { + font-family: "GoodOldDOS", sans-serif; +} + +h3 { + font-family: "GoodOldDOS", sans-serif; +} + +p { font-family: "Oswald", sans-serif; } +code { + font-family: "GoodOldDOS", sans-serif; +} + +/* add background image*/ body { /* no idea where this image originally came from, but as far as i can tell, the oldest instance of it is from angelfire back in 2008.*/ - background-image: url("https://rivendell.neocities.org/backgrounds/abstract1.jpg"); + background-image: url("./assets/abstract1.jpg"); } +/*specify max width and other stuff about the page*/ +/*thank god im not in honors, doing reactive design with this theme woukld be hell.*/ + .page-wrapper { max-width: 950px; margin-left: auto; @@ -42,6 +78,9 @@ body { padding: 25px 25px 25px 25px; } +/*specify the grid for the site, easiest way of saying where goes what*/ +/*tbh i didnt know this existed until mr hinkle pointed it out (ty btw)*/ + .page-wrapper { display: grid; grid-template-areas: @@ -64,6 +103,7 @@ aside { } /* The following is the CSS for buttons at the bottom of the site. Made with assistance from GPT-4o by OpenAI. https://chatgpt.com/share/67532b75-75f0-8009-951a-798c927c13e4 */ +/*i didn't really end up using most of the code that was given by ChatGPT, but I'll keep the attribution here because it did help me lean a lil*/ #zen-requirements::after { content: "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"; @@ -76,7 +116,7 @@ aside { right: 0; width: 900px; height: 31px; - background-image: url("https://git.lainiwakura.xyz/uncreativecultist/PersonalStorage/raw/branch/main/Gifs/gif.gif"); /* Set your image URL */ + background-image: url("./assets/gif.gif"); /* Set your image URL */ background-size: contain; /* Ensures the image retains its original size */ background-repeat: no-repeat; /* Prevents the image from repeating */ image-rendering: pixelated; /* Preserves pixel art sharpness */ @@ -87,4 +127,4 @@ aside { "Good Old DOS" typeface is created by morderdrakonovich and was labeled as Public Domain, however, It's a good font and he deserves credit. -*/ \ No newline at end of file +*/