From 0efb062dd840d327d4fe7be12bcbde8abe5ddc43 Mon Sep 17 00:00:00 2001 From: Ari Archer Date: Sat, 3 Sep 2022 01:03:07 +0300 Subject: [PATCH] Added 90s page /90s.html Signed-off-by: Ari Archer --- 90s.html | 378 ++++++++++++++++++++++++++++++++++ content/js/config/index.js | 6 + content/styles/90s/styles.css | 129 ++++++++++++ 3 files changed, 513 insertions(+) create mode 100644 90s.html create mode 100644 content/styles/90s/styles.css diff --git a/90s.html b/90s.html new file mode 100644 index 0000000..ac2fb77 --- /dev/null +++ b/90s.html @@ -0,0 +1,378 @@ + + + + + + + Ari::web -> 90s + + + + + + + + + + + + + + +

Ari-web!!

+

This page has been started on 2022-09-03

+ +
+
+

Welcome to ari-web!!1!!11111111111;1!!

+ +

+ Hi queen, this is one of my webpages :D, I do stuff here ig +

+ +

Who even are you?

+ +

+ I'm Ari, an open source LGBT Lithuanian developer, I like + playing with code, It's my hobby, I also like cooking ig :) +

+ +

Kay, so, what is this

+ +

+ So basically, ari-web started as a personal site (well still + is), then it grew into a bigger project and it keeps groing + every day by me adding more features, pages and subdomains + to consume, add and modify content on! +

+ +

Nono, what is *THIS*

+ +

+ Oh, this, idk tbh, I just wanted to make something for me to + have fun with, decided on a 90s aesthetic page, I got + everything from the bad HTML, CSS and colours to scrolling + text and even web buttons at the bottom of the page, the + footer +

+ +

Nice, so what's up with the sidebar

+ +

+ It's just a fun thing ig, actually has a lot of content + ari-web provides in there, might want to check it out, also + has some contanct information just in case you might want to + contact me +

+ +

Anything else?

+ +

+ Nah, not really, I might update this page by adding some + events and shit xD +

+ +
+
+
+ +

2022-05-30: A shitton of people visiting my website

+ +

+ I even made a blog abt it + here, was very exciting ig lol +

+
+ +
+

Pages and stuff

+ + +
+
+ + + + diff --git a/content/js/config/index.js b/content/js/config/index.js index fa13446..78e0b1c 100644 --- a/content/js/config/index.js +++ b/content/js/config/index.js @@ -90,6 +90,12 @@ const locations = { desc: "'Am I unique?' test", aliases: ["uniqueness", "unqtest", "unique", "unqquiz"], }, + + 13: { + url: "/90s", + desc: "90s page", + aliases: ["90s", "90", "vintage", "old"], + }, }; const escape_HTML = (str) => str.replace( diff --git a/content/styles/90s/styles.css b/content/styles/90s/styles.css new file mode 100644 index 0000000..6caaa28 --- /dev/null +++ b/content/styles/90s/styles.css @@ -0,0 +1,129 @@ +*, +*::before, +*::after { + background-color: blue; + color: yellow; + text-shadow: 0px 0px 16px black; + + font-weight: bold; + + scrollbar-width: none; + -ms-overflow-style: none; + + -webkit-box-sizing: border-box; + box-sizing: border-box; + + word-wrap: break-word; + word-break: break-all; + + scroll-behavior: smooth; +} + +::-webkit-scrollbar { + display: none; +} + +code, +code *, +pre, +pre * { + white-space: pre-wrap; + white-space: -moz-pre-wrap; + white-space: -pre-wrap; + white-space: -o-pre-wrap; +} + +body { + margin: auto; + padding: 2rem; + min-height: 100vh; + max-width: 1500px; + text-rendering: optimizeSpeed; +} + +h1 { + text-align: center; + margin: 1em; + font-size: 2em; + background-color: green; +} + +marquee { + background-color: green; +} + +li { + margin: 0.5em; +} + +code { + white-space: pre-wrap !important; +} + +p { + font-size: 1.3em; +} + +.center { + text-align: center; +} + +.split { + display: grid; + grid-template-columns: auto 40%; +} + +.split div:first-child { + margin-left: 4em; + margin-right: 4em; +} + +a { + color: pink; + font-size: 1.3em; +} + +li { + list-style-type: square; +} + +h2, +h2 * { + text-align: center; + background-color: crimson; +} + +footer { + /* position: fixed; */ + left: 0; + bottom: 0; + width: 100%; + text-align: center; +} + +@media (prefers-reduced-motion: reduce) { + *, + *::before, + *::after { + -webkit-animation-duration: 0.01ms !important; + animation-duration: 0.01ms !important; + + -webkit-animation-iteration-count: 1 !important; + animation-iteration-count: 1 !important; + + -webkit-transition-duration: 0.01ms !important; + -o-transition-duration: 0.01ms !important; + transition-duration: 0.01ms !important; + + scroll-behavior: auto !important; + } +} + +@media (prefers-contrast: more) { + *, + *::before, + *::after { + background-color: black !important; + color: white !important; + } +}