Initial commit of static files
This commit is contained in:
Aidan
parent
cb9fdd5000
commit
0e0dee753c
0
src/blinkies.html
Normal file
0
src/blinkies.html
Normal file
0
src/buttons.html
Normal file
0
src/buttons.html
Normal file
96
src/css/main.css
Normal file
96
src/css/main.css
Normal file
@ -0,0 +1,96 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: 'RainyHearts';
|
||||||
|
src: url('/fonts/rainyhearts.ttf') format('truetype');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Daydream';
|
||||||
|
src: url('/fonts/Daydream.ttf') format('truetype');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'RainyHearts';
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: 'Daydream';
|
||||||
|
font-size: x-large;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-family: 'Daydream';
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
display: flex;
|
||||||
|
height: 97.5vh;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar {
|
||||||
|
width: 17%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
overflow-y: auto;
|
||||||
|
-ms-overflow-style: none;
|
||||||
|
scrollbar-width: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar::-webkit-scrollbar { /* this hides scroll bar on webkit browsers */
|
||||||
|
display: none; /* people... could you just not use those in the first place?! */
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar a {
|
||||||
|
display: block;
|
||||||
|
margin: 7px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-content {
|
||||||
|
width: 80%;
|
||||||
|
overflow-y: auto;
|
||||||
|
padding: 20px;
|
||||||
|
padding-top: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sb-itm {
|
||||||
|
padding: 20px;
|
||||||
|
padding-top: 10px;
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
margin-bottom: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bt-section {
|
||||||
|
padding: 20px;
|
||||||
|
padding-top: 10px;
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
margin-bottom: 5%;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bt-section img,
|
||||||
|
.bt-section a {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contained-blinkie {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contained-button img {
|
||||||
|
width: 44%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.fac img {
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
* {cursor: url(https://cur.cursors-4u.net/cursors/cur-11/cur1055.ani), url(https://cur.cursors-4u.net/cursors/cur-11/cur1055.png), auto !important;}
|
||||||
BIN
src/fonts/Daydream.ttf
Normal file
BIN
src/fonts/Daydream.ttf
Normal file
Binary file not shown.
BIN
src/fonts/rainyhearts.ttf
Normal file
BIN
src/fonts/rainyhearts.ttf
Normal file
Binary file not shown.
0
src/gif.html
Normal file
0
src/gif.html
Normal file
BIN
src/img/blinkies/cantlivewithout.gif
Normal file
BIN
src/img/blinkies/cantlivewithout.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
src/img/buttons/1advise.gif
Normal file
BIN
src/img/buttons/1advise.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
src/img/buttons/1chrome.gif
Normal file
BIN
src/img/buttons/1chrome.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.8 KiB |
BIN
src/img/buttons/bestviewedcomp.gif
Normal file
BIN
src/img/buttons/bestviewedcomp.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.2 KiB |
BIN
src/img/buttons/debian.gif
Normal file
BIN
src/img/buttons/debian.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
src/img/buttons/firefoxnow.gif
Normal file
BIN
src/img/buttons/firefoxnow.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
src/img/gif/links1.gif
Normal file
BIN
src/img/gif/links1.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.7 KiB |
BIN
src/img/gif/reverseearth.gif
Normal file
BIN
src/img/gif/reverseearth.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 131 KiB |
BIN
src/img/pdmark.png
Normal file
BIN
src/img/pdmark.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 976 B |
BIN
src/img/telegram.png
Normal file
BIN
src/img/telegram.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
73
src/index.html
Normal file
73
src/index.html
Normal file
@ -0,0 +1,73 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>pontus</title>
|
||||||
|
<link rel="stylesheet" href="css/main.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- YOU CARE ABOUT MY CODE?! -->
|
||||||
|
<div class="container">
|
||||||
|
<div class="sidebar">
|
||||||
|
<div class="sb-itm">
|
||||||
|
<h1 style="font-size: medium;">menu</h1>
|
||||||
|
<b>home</b>
|
||||||
|
<a href="/links.html">links</a>
|
||||||
|
</div>
|
||||||
|
<div class="sb-itm">
|
||||||
|
<h1 style="font-size: medium;">archives</h1>
|
||||||
|
<a href="/archives/ads/political">political advertising</a>
|
||||||
|
<a href="/archives/ads/college">college advertising</a>
|
||||||
|
<a href="/archives/videos/short-form/">short-form videos</a>
|
||||||
|
<a href="/archives/videos/long-form/">long-form videos</a>
|
||||||
|
</div>
|
||||||
|
<div class="sb-itm">
|
||||||
|
<h1 style="font-size: medium;">other stuff</h1>
|
||||||
|
<a href="https://blog.aidxn.fun">blog</a>
|
||||||
|
<a href="https://aidxn.fun">main website</a>
|
||||||
|
<a href="https://tilde.club/~lxu">tilde.club page</a>
|
||||||
|
</div>
|
||||||
|
<div class="bt-section">
|
||||||
|
<img src="img/blinkies/cantlivewithout.gif" class="contained-blinkie" style="padding-top: 15px;" alt="I can't live without a computer">
|
||||||
|
<img src="img/buttons/1advise.gif" alt="Parental Advisory: I say fuck a lot">
|
||||||
|
<a href="https://www.mozilla.org/en-US/firefox/"><img src="img/buttons/firefoxnow.gif" alt="Firefox Now"></a>
|
||||||
|
<img src="img/buttons/1chrome.gif" alt="Google Chrome is Evil">
|
||||||
|
<a href="https://debian.org/"><img src="img/buttons/debian.gif" class="contained-button" alt="Powered by Debian"></a>
|
||||||
|
<img src="img/buttons/bestviewedcomp.gif" alt="Best viewed with a computer">
|
||||||
|
<img src="img/pdmark.png" class="contained-button" alt="Public domain">
|
||||||
|
<a href="https://t.me/iusearchbtw42"><img src="img/telegram.png" class="contained-button" alt="Telegram"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="main-content">
|
||||||
|
<div id="header">
|
||||||
|
<h1>
|
||||||
|
<img src="img/gif/reverseearth.gif" alt="Animated spinning globe" width="4%" style="vertical-align: middle;">
|
||||||
|
pontus
|
||||||
|
<img src="img/gif/reverseearth.gif" alt="Animated spinning globe" width="4%" style="vertical-align: middle;">
|
||||||
|
</h1>
|
||||||
|
<p>a website for my online self</p>
|
||||||
|
<hr />
|
||||||
|
</div>
|
||||||
|
<div id="archival-content-section">
|
||||||
|
<h1>archival content</h1>
|
||||||
|
<h2>what</h2>
|
||||||
|
<p>this website is a treasure trove of content. use it to your advantage! i currently host the following things:</p>
|
||||||
|
<ul>
|
||||||
|
<li><a href="/archives/ads/political">political advertising</a></li>
|
||||||
|
<li><a href="/archives/ads/college">college advertising</a></li>
|
||||||
|
<li><a href="/archives/videos/long-form/">long-form videos</a></li>
|
||||||
|
<li><a href="/archives/videos/short-form/">short-form videos</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div id="why-section">
|
||||||
|
<!-- the real question is why this vs code theme makes it so hard to read text -->
|
||||||
|
<h2>why</h2>
|
||||||
|
<p>i archive and store as much data as i possibly can, and make as much use of that space as possible. but why?</p>
|
||||||
|
<p>while many people will scroll through apps such as tiktok, and laugh at passing trends which fade into obscurity, i save each one which i believe may have cultrual significance.</p>
|
||||||
|
<p>it's the small things that i remember and wish i had saved. thus, i aim to preserve our generation in media, whether it be the college/political ads of our time, or simple things such as tiktoks.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
88
src/links.html
Normal file
88
src/links.html
Normal file
@ -0,0 +1,88 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>pontus</title>
|
||||||
|
<link rel="stylesheet" href="css/main.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- YOU CARE ABOUT MY CODE?! -->
|
||||||
|
<div class="container">
|
||||||
|
<div class="sidebar">
|
||||||
|
<div class="sb-itm">
|
||||||
|
<h1 style="font-size: medium;">menu</h1>
|
||||||
|
<a href="/">home</a>
|
||||||
|
<b>links</b>
|
||||||
|
</div>
|
||||||
|
<div class="sb-itm">
|
||||||
|
<h1 style="font-size: medium;">archives</h1>
|
||||||
|
<a href="/archives/ads/political">political advertising</a>
|
||||||
|
<a href="/archives/ads/college">college advertising</a>
|
||||||
|
<a href="/archives/videos/short-form/">short-form videos</a>
|
||||||
|
<a href="/archives/videos/long-form/">long-form videos</a>
|
||||||
|
</div>
|
||||||
|
<div class="sb-itm">
|
||||||
|
<h1 style="font-size: medium;">other stuff</h1>
|
||||||
|
<a href="https://blog.aidxn.fun">blog</a>
|
||||||
|
<a href="https://aidxn.fun">main website</a>
|
||||||
|
<a href="https://tilde.club/~lxu">tilde.club page</a>
|
||||||
|
</div>
|
||||||
|
<div class="bt-section">
|
||||||
|
<img src="img/blinkies/cantlivewithout.gif" class="contained-blinkie" style="padding-top: 15px;" alt="I can't live without a computer">
|
||||||
|
<img src="img/buttons/1advise.gif" alt="Parental Advisory: I say fuck a lot">
|
||||||
|
<a href="https://www.mozilla.org/en-US/firefox/"><img src="img/buttons/firefoxnow.gif" alt="Firefox Now"></a>
|
||||||
|
<img src="img/buttons/1chrome.gif" alt="Google Chrome is Evil">
|
||||||
|
<a href="https://debian.org/"><img src="img/buttons/debian.gif" class="contained-button" alt="Powered by Debian"></a>
|
||||||
|
<img src="img/buttons/bestviewedcomp.gif" alt="Best viewed with a computer">
|
||||||
|
<img src="img/pdmark.png" class="contained-button" alt="Public domain">
|
||||||
|
<a href="https://t.me/iusearchbtw42"><img src="img/telegram.png" class="contained-button" alt="Telegram"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="main-content">
|
||||||
|
<div class="fac">
|
||||||
|
<img src="img/gif/links1.gif">
|
||||||
|
<h1>links</h1>
|
||||||
|
<p>my little collection of links worth taking a peek at!</p>
|
||||||
|
<hr />
|
||||||
|
</div>
|
||||||
|
<div id="webmaster-resources">
|
||||||
|
<h4 class="title">webmaster resources</h2>
|
||||||
|
<p>everything you might need to start a neocities/older themed website! while this might not be uber-useful to those looking to make modern websites, i have aimed to create a treasure trove of everything!</p>
|
||||||
|
<div id="buttons-section">
|
||||||
|
<h2>buttons</h2>
|
||||||
|
<p>if you're looking for some nice buttons for your site, these are my favorite places to look! some are even featured on my sites :p</p>
|
||||||
|
<p><b>BE WARNED:</b> if you have an older computer (like me) your browser may crash visiting the links marked with a bold "W"</p>
|
||||||
|
<ul>
|
||||||
|
<li><a href="https://www.tumblr.com/tagged/88x31">tumblr</a></li>
|
||||||
|
<li><a href="https://yesterweb.org/graphics/buttons">yesterweb</a></li>
|
||||||
|
<li><a href="https://pixelsafari.neocities.org/buttons/">pixel safari</a></li>
|
||||||
|
<li><a href="https://hekate2.github.io/buttonmaker/">make your own</a></li>
|
||||||
|
<li><a href="/buttons.html">my page on buttons</a></li>
|
||||||
|
<li><b>W </b><a href="http://textfiles.com/underconstruction/88x31/">textfiles 88x31 collection</a></li>
|
||||||
|
<li><b>W </b><a href="https://cyber.dabamos.de/88x31/">dabamos 88x31 collection</a> (4540 buttons!)</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div id="blinkies-section">
|
||||||
|
<h2>blinkies</h2>
|
||||||
|
<p>a collection of the places i look for blinkies! as with the buttons, some are in use on my websites</p>
|
||||||
|
<ul>
|
||||||
|
<li><a href="https://pixelsafari.neocities.org/blinkies/">pixel safari</a></li>
|
||||||
|
<li><a href="/blinkies.html">my page on blinkies</a></li>
|
||||||
|
<li><a href="https://www.glitter-graphics.com/blinkies">glitter-graphics.com</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div id="gif-section">
|
||||||
|
<h2>gifs</h2>
|
||||||
|
<p>where i go to find pixel art gifs. while this might not suit everyone looking for "normal" gifs (such as movie clips/memes), those looking to make a neocities will know what im talking about!</p>
|
||||||
|
<ul>
|
||||||
|
<li><a href="https://99gifshop.neocities.org/">99gif shop</a></li>
|
||||||
|
<li><a href="/gif.html">my page on gifs</a></li>
|
||||||
|
<li><a href="https://gifcities.org/">gifcities</a> (by the internet archive)</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
x
Reference in New Issue
Block a user