mirror of
https://git.ari.lt/ari.lt/ari.lt.git
synced 2025-02-04 09:39:25 +01:00
Added 90s page /90s.html
Signed-off-by: Ari Archer <ari.web.xyz@gmail.com>
This commit is contained in:
parent
ebd7655f16
commit
0efb062dd8
3 changed files with 513 additions and 0 deletions
378
90s.html
Normal file
378
90s.html
Normal file
|
@ -0,0 +1,378 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0" /> -->
|
||||
<title>Ari::web -> 90s</title>
|
||||
|
||||
<meta name="description" content="Ari-web if it was made in the 90s" />
|
||||
<meta
|
||||
name="keywords"
|
||||
content="90s, ari-web, ari, ari archer, blog, design, ari web"
|
||||
/>
|
||||
<meta
|
||||
name="robots"
|
||||
content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"
|
||||
/>
|
||||
<meta property="og:type" content="website" />
|
||||
|
||||
<link rel="manifest" href="/manifest.json" />
|
||||
|
||||
<link rel="stylesheet" href="/content/styles/90s/styles.css" />
|
||||
|
||||
<base target="_blank" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1><marquee>Ari-web!!</marquee></h1>
|
||||
<h1>This page has been started on 2022-09-03</h1>
|
||||
|
||||
<div class="split">
|
||||
<div>
|
||||
<h2>Welcome to ari-web!!1!!11111111111;1!!</h2>
|
||||
|
||||
<p>
|
||||
Hi queen, this is one of my webpages :D, I do stuff here ig
|
||||
</p>
|
||||
|
||||
<h2>Who even are you?</h2>
|
||||
|
||||
<p>
|
||||
I'm Ari, an open source LGBT Lithuanian developer, I like
|
||||
playing with code, It's my hobby, I also like cooking ig :)
|
||||
</p>
|
||||
|
||||
<h2>Kay, so, what is this</h2>
|
||||
|
||||
<p>
|
||||
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!
|
||||
</p>
|
||||
|
||||
<h2>Nono, what is *THIS*</h2>
|
||||
|
||||
<p>
|
||||
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
|
||||
</p>
|
||||
|
||||
<h2>Nice, so what's up with the sidebar</h2>
|
||||
|
||||
<p>
|
||||
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
|
||||
</p>
|
||||
|
||||
<h2>Anything else?</h2>
|
||||
|
||||
<p>
|
||||
Nah, not really, I might update this page by adding some
|
||||
events and shit xD
|
||||
</p>
|
||||
|
||||
<br />
|
||||
<hr />
|
||||
<br />
|
||||
|
||||
<h2>2022-05-30: A shitton of people visiting my website</h2>
|
||||
|
||||
<p>
|
||||
I even made a blog abt it
|
||||
<a
|
||||
href="https://blog.ari-web.xyz/b/wtf-is-going-on-and-why-is-my-site-blowing-up/"
|
||||
>here</a
|
||||
>, was very exciting ig lol
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h1>Pages and stuff</h1>
|
||||
|
||||
<ul>
|
||||
<li><a href="https://ari-web.xyz/">Main page</a></li>
|
||||
|
||||
<li>
|
||||
<a href="https://blog.ari-web.xyz/">Blog</a>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://legacy.blog.ari-web.xyz/"
|
||||
>Legacy blog</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://user.ari-web.xyz/"
|
||||
>Comments and opinions!11</a
|
||||
>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://school.ari-web.xyz/"
|
||||
>School shit (very bad and cringe, also not GPL nor
|
||||
foss!)</a
|
||||
>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://files.ari-web.xyz/"
|
||||
>File hosting index :D</a
|
||||
>
|
||||
</li>
|
||||
|
||||
<li><a href="https://3.ari-web.xyz/">T h r e e</a></li>
|
||||
|
||||
<li>
|
||||
<p>Contant me :D</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="mailto:ari-web.xyz@gmail.com"
|
||||
>E-mail</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/gh">GitHub</a>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
Plus I'm always going to answer in CaO
|
||||
(Comments and opinions)
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<p>Source code</p>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://ari-web.xyz/git">Main page</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://blog.ari-web.xyz/git">Blog</a>
|
||||
<ul>
|
||||
<li>
|
||||
<a
|
||||
href="https://legacy.blog.ari-web.xyz/git"
|
||||
>Legacy blog</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://user.ari-web.xyz/git"
|
||||
>Comments and opinions!11</a
|
||||
>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://files.ari-web.xyz/git"
|
||||
>File hosting index :D</a
|
||||
>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://3.ari-web.xyz/git"
|
||||
>T h r e e</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<p>Pages</p>
|
||||
|
||||
<ul>
|
||||
<li><a href="/api">API</a></li>
|
||||
<li><a href="/amiunique">Am I unique quiz</a></li>
|
||||
<li>
|
||||
<a href="/minimal.txt"
|
||||
>Minimal and old deprecated text-based
|
||||
page</a
|
||||
>
|
||||
</li>
|
||||
<li><a href="/novpn">NoVPN</a></li>
|
||||
<li><a href="/reset">Account reset</a></li>
|
||||
<li>
|
||||
<a href="/ttytheme"
|
||||
>TTY theme generator for Loonix
|
||||
<img
|
||||
src="https://cdn.emojidex.com/emoji/hdpi/Tux.png"
|
||||
/></a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<p>/dev/urandom</p>
|
||||
|
||||
<ul>
|
||||
<li><a href="/yt">A FOSS youtube solution</a></li>
|
||||
<li><a href="/r">A FOSS reddit solution</a></li>
|
||||
<li>
|
||||
<a href="/favicon.ico"
|
||||
>The icon!
|
||||
<img src="/favicon.ico" width="30px"
|
||||
/></a>
|
||||
</li>
|
||||
<li>
|
||||
<p>Dotfiles</p>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/dotfiles"
|
||||
>Current desktop dotfiles</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/tdotfiles"
|
||||
>Current mobile dotfiles</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/overlay">Gentoo GNU/Linux overlay</a>
|
||||
</li>
|
||||
<li>
|
||||
<p>Gentoo stage3s</p>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/gentoo_stage3_nmorh"
|
||||
>Gentoo stage3 no-multilib OpenRC
|
||||
(hardened)</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/gentoo_stage3_nmor"
|
||||
>Gentoo stage3 no-multilib OpenRC
|
||||
(normal)</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li><a href="/mp">Music playlist</a></li>
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://hstspreload.org/?domain=ari-web.xyz"
|
||||
>Yay! HSTS</a
|
||||
>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<p>Favicons</p>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/favicons/ari-web-easter.png"
|
||||
>Easter</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/favicons/ari-web-lgbt.png"
|
||||
>LGBT</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/favicons/ari-web-normal.png"
|
||||
>Normal</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/favicons/ari-web-ukraine.png"
|
||||
>Ukraine</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<p>Important stuff ig</p>
|
||||
|
||||
<ul>
|
||||
<li><a href="/LICENSE">License</a></li>
|
||||
<li><a href="/robots.txt">Robots</a></li>
|
||||
<li><a href="/sitemap.xml">Sitemap</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<p>
|
||||
More coming soon if I find it enough to index it
|
||||
here
|
||||
</p>
|
||||
</li>
|
||||
|
||||
<!-- END -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="center">
|
||||
<p>
|
||||
<img
|
||||
src="https://raw.githubusercontent.com/ro1y/88x31s/master/100hot%202.gif"
|
||||
alt="100hot"
|
||||
/>
|
||||
<img
|
||||
src="https://raw.githubusercontent.com/ro1y/88x31s/master/2cows.gif"
|
||||
alt="2cows"
|
||||
/>
|
||||
<img
|
||||
src="https://upload.wikimedia.org/wikipedia/commons/9/93/GPLv3_Logo.svg"
|
||||
width="68px"
|
||||
alt="GPLv3"
|
||||
/>
|
||||
<img
|
||||
src="https://raw.githubusercontent.com/ro1y/88x31s/master/88x31_kill9.png"
|
||||
alt="kill9"
|
||||
/>
|
||||
<img
|
||||
src="https://raw.githubusercontent.com/ro1y/88x31s/master/acab2.gif"
|
||||
alt="ACAB"
|
||||
/>
|
||||
<img
|
||||
src="https://raw.githubusercontent.com/ro1y/88x31s/master/any88x31.gif"
|
||||
alt="AnyBrowser"
|
||||
/>
|
||||
<img
|
||||
src="https://raw.githubusercontent.com/ro1y/88x31s/master/clobber.gif"
|
||||
alt="Smile"
|
||||
/>
|
||||
<img
|
||||
src="https://raw.githubusercontent.com/ro1y/88x31s/master/coke.png"
|
||||
alt="Coca-Cola"
|
||||
/>
|
||||
<img
|
||||
src="https://kitecreature.net/assets/images/88x31/roly-saynotoweb3.gif"
|
||||
alt="KeepTheWebFree"
|
||||
/>
|
||||
</p>
|
||||
|
||||
<h2>
|
||||
Thank u
|
||||
<a href="https://kitecreature.net/home/" target="_blank"
|
||||
>roly</a
|
||||
>
|
||||
for the buttons <3
|
||||
</h2>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
|
@ -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(
|
||||
|
|
129
content/styles/90s/styles.css
Normal file
129
content/styles/90s/styles.css
Normal file
|
@ -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;
|
||||
}
|
||||
}
|
Loading…
Add table
Reference in a new issue