* added more buttons (not in use yet)
* gallery section (heavy WIP, not visible/linked yet) * misc cleanups * news & updates (not sure if i'll keep this around, might make it into its own section and add time logs etc
Quinten0508
16
.gitignore
vendored
@ -1,3 +1,19 @@
|
||||
# Own additions
|
||||
**/assets/gallery
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
# Based on https://raw.githubusercontent.com/github/gitignore/main/Node.gitignore
|
||||
|
||||
# Logs
|
||||
|
||||
@ -134,6 +134,7 @@
|
||||
| https://status.cafe/users/ctrl64 | broken |
|
||||
| https://hacktivis.me/bookmarks | broken |
|
||||
| https://tweakers.net/ | completely different layout |
|
||||
| https://mathieutuli.com/ | fun inspo
|
||||
|
||||
-> Is this problem REALLY unsolved? *sigh*
|
||||
|
||||
|
||||
BIN
assets/buttons/ai.webp
Normal file
|
After Width: | Height: | Size: 630 B |
BIN
assets/buttons/any2.gif
Normal file
|
After Width: | Height: | Size: 21 KiB |
BIN
assets/buttons/archbtw.png
Normal file
|
After Width: | Height: | Size: 1.9 KiB |
BIN
assets/buttons/archlinux.gif
Normal file
|
After Width: | Height: | Size: 3.0 KiB |
BIN
assets/buttons/best_viewed_with_eyes.gif
Normal file
|
After Width: | Height: | Size: 751 B |
BIN
assets/buttons/bitwarden.gif
Normal file
|
After Width: | Height: | Size: 405 B |
BIN
assets/buttons/debian.gif
Normal file
|
After Width: | Height: | Size: 2.1 KiB |
BIN
assets/buttons/firefoxnow.gif
Normal file
|
After Width: | Height: | Size: 2.3 KiB |
BIN
assets/buttons/flag_nl.png
Normal file
|
After Width: | Height: | Size: 177 B |
BIN
assets/buttons/internetarchive.gif
Normal file
|
After Width: | Height: | Size: 2.1 KiB |
BIN
assets/buttons/latex.gif
Normal file
|
After Width: | Height: | Size: 457 B |
BIN
assets/buttons/lineageos.png
Normal file
|
After Width: | Height: | Size: 795 B |
BIN
assets/buttons/linux-p.gif
Normal file
|
After Width: | Height: | Size: 1.0 KiB |
BIN
assets/buttons/made_with_css.gif
Normal file
|
After Width: | Height: | Size: 840 B |
BIN
assets/buttons/nclinux.gif
Normal file
|
After Width: | Height: | Size: 5.4 KiB |
BIN
assets/buttons/piracy2.gif
Normal file
|
After Width: | Height: | Size: 910 B |
BIN
assets/buttons/seed_torrents.gif
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
assets/buttons/take_back_the_web.gif
Normal file
|
After Width: | Height: | Size: 2.4 KiB |
BIN
assets/buttons/ublock.png
Normal file
|
After Width: | Height: | Size: 1.9 KiB |
BIN
assets/icons/lucida_freemusicnow.png
Normal file
|
After Width: | Height: | Size: 3.2 KiB |
148
gallery.html
Normal file
@ -0,0 +1,148 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>Gallery - Quintens Outpost</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<script src="https://cdn.jsdelivr.net/npm/macy@2"></script>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="container" id="top">
|
||||
|
||||
<div class="sidebar sidebar-left">
|
||||
</div>
|
||||
<div class="container-main">
|
||||
|
||||
<div id="maintitlebox">
|
||||
<div id="titleandcat" class="box">
|
||||
<img src="/assets/dance_transparent.gif" id="sapari-dance">
|
||||
<h1 id="maintitle"><a style="text-decoration: none; color: #E9E9E9;" href="./">Quinten's Outpost</a></h1>
|
||||
<img src="/assets/dance_transparent.gif" id="sapari-dance">
|
||||
|
||||
</div>
|
||||
<button id="oneko-button" class="button">:3</button>
|
||||
</div>
|
||||
|
||||
<div id="subtitlebox">
|
||||
<div id="links" class="box">
|
||||
<a class="linkbox link" href="./"> <!-- TODO: MAKE ON-WEB LINKS A SEPERATE BOX [ALSO PRIORITIZED OVER SOCIALS, MAYBE MOVE SOCIALS AWAY / SMALLER / AS SIDEBAR?] -->
|
||||
<p>home</p></a>
|
||||
<a class="linkbox link" href="https://x.com/quinten0508" rel="me" target="_blank">
|
||||
<p>twitter</p></a>
|
||||
<a class="linkbox link" href="https://www.last.fm/user/Quinten0508" rel="me" target="_blank">
|
||||
<p>last.fm</p></a>
|
||||
<a class="linkbox link" href="https://gitea.quinten0508.com/quinten/website-frontend" rel="me" target="_blank">
|
||||
<p>source</p></a>
|
||||
<a class="linkbox link" href="https://t.me/quinten0508" rel="me" target="_blank">
|
||||
<p>telegram</p></a>
|
||||
<!-- :3 13 year old firefox bug https://bugzilla.mozilla.org/show_bug.cgi?id=646552 -->
|
||||
<a class="linkbox link" onClick="javascript:window.open('mailto:quinten@tuta.com', 'mail');event.preventDefault()" href="mailto:quinten@tuta.com" rel="me" target="_blank">
|
||||
<p>email</p></a>
|
||||
<!-- new button template
|
||||
<a class="linkbox link" href="" target="_blank">
|
||||
<p></p></a>
|
||||
-->
|
||||
</div>
|
||||
<div id="heartbeatbox" class="box">
|
||||
<a href="https://heartbeat.quinten0508.com" target="_blank" class="link"><p>Status</p></a><p>: </p>
|
||||
<p id="heartbeat-time"> </p> <!-- prevents text shift after load, doenst work with online T-T -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="directory-box" class="box">
|
||||
<!-- must resist the urge to dynamically generate this, fuck js -->
|
||||
<h5 style="display: inline-block; padding: 0;">Current directory:</h5>
|
||||
<p style="display: inline-block;">
|
||||
<img src="./assets/icons/tux.svg" id="directory-icon">/<a class="link" href="./">home/quinten</a>/<a class="link" href="./gallery.html">gallery</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<h3>Gallery</h3>
|
||||
<p>Just posting some pictures here whenever I feel like it ^^</p>
|
||||
</div>
|
||||
|
||||
<div class="box gallerybox">
|
||||
<h4>Amsterdam</h4>
|
||||
<h6>2024/07/08</h6>
|
||||
<div id="macy-container">
|
||||
<img class="gallery-img" src="./assets/gallery/20240708_amsterdam/dda733da-5158-4cef-abf3-df8e179af10d.jpg">
|
||||
<img class="gallery-img" src="./assets/gallery/20240708_amsterdam/79acb362-9361-4466-bbcd-454bc082406d.jpg">
|
||||
<img class="gallery-img" src="./assets/gallery/20240708_amsterdam/272d8d9f-e1d3-4910-ac47-f15c908af5fd.jpg">
|
||||
<img class="gallery-img" src="./assets/gallery/20240708_amsterdam/bd7b70b5-fbe5-43db-be5b-e69576e6e6e5.jpg">
|
||||
<!-- <img class="gallery-img" src="./assets/gallery/20240708_amsterdam/d8fda49f-2a27-4b1e-ba1c-029152ffa75f.jpg"> -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div> <!--container-main-->
|
||||
|
||||
<div class="sidebar sidebar-right" id="links-tree">
|
||||
<div class="box" style="margin: 0;">
|
||||
<h5 style="padding-bottom: 0;">Tree</h5>
|
||||
<ul style="margin-bottom: 0;">
|
||||
<li><a href="#top">Top</a></li>
|
||||
<li><a href="#Status">Status</a></li>
|
||||
<li><a href="#spaceweather">Space Weather</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!--</div>
|
||||
</div>-->
|
||||
|
||||
|
||||
</div> <!--sidebar-->
|
||||
<div id="stripes">
|
||||
<img src="/assets/stripes.svg" id="stripes">
|
||||
</div>
|
||||
|
||||
</div> <!--container-->
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
<script src="/assets/scripts/heartbeat.js"></script>
|
||||
<script src="/assets/scripts/onekoswap.js"></script>
|
||||
<script src="/assets/scripts/oneko.js" data-cat="/assets/oneko.gif"></script>
|
||||
<script>
|
||||
var masonry = new Macy({
|
||||
container: '#macy-container',
|
||||
trueOrder: false,
|
||||
waitForImages: false,
|
||||
useOwnImageLoader: false,
|
||||
debug: true,
|
||||
mobileFirst: true,
|
||||
columns: 1,
|
||||
margin: {
|
||||
y: 16,
|
||||
x: '2%',
|
||||
},
|
||||
breakAt: {
|
||||
1200: 3,
|
||||
940: 3,
|
||||
520: 2,
|
||||
400: 2
|
||||
},
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
16
index.html
@ -78,7 +78,10 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="box">
|
||||
<h3>News & Updates</h3>
|
||||
<p>Just migrated from a 2 core celeron (@1.1GHz) mini pc to a more respectable i3-8100 (4x3.6GHz). Expect no improvements, the old webserver was running just fine. Thank god for docker, migrating about a dozen individual services and DBs took me less than an hour, and no data was lost.</p>
|
||||
</div>
|
||||
|
||||
<div class="box" id="Status">
|
||||
<h3 style="padding-bottom: 1rem;">Status</h3>
|
||||
@ -109,12 +112,13 @@
|
||||
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<h3>titleee</h3>
|
||||
<h5>caption</h5>
|
||||
<p> this text will automatically fill up the box and has decent spacing?? </p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
<!-- BUTTONS / BLINKERS / MISC IFRAMES -!- WIP -!-
|
||||
<div class="box">
|
||||
<iframe src="https://john.citrons.xyz/embed?ref=https://quinten0508.com" style="margin-left:auto;display:block;margin-right:auto;max-width:732px;width:100%;height:94px;border:none;scale: 80%;"></iframe>
|
||||
<iframe src="//incr.easrng.net/badge?key=changeme" style="background: url(//incr.easrng.net/bg.gif)" title="increment badge" width="88" height="31" frameborder="0"></iframe>
|
||||
</div>
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="box">
|
||||
|
||||
12
links.html
@ -260,11 +260,12 @@
|
||||
<li><a href="https://music.ishkur.com/" target="_blank"><p>iskhur's guide to electronic music</p></a>
|
||||
<br><span> >> huge timeline and tree of all electronic music, with samples for each genre/year</span></li>
|
||||
|
||||
<li><a href="" target="_blank"><p></p></a>
|
||||
<br><span> >> </span></li>
|
||||
|
||||
<li><a href="https://bemuse.ninja/" target="_blank"><p>Bemuse</p></a>
|
||||
<br><span> >> fully-fledged rhythm game in your web browser</span></li>
|
||||
|
||||
<li><a href="" target="_blank"><p></p></a>
|
||||
<br><span> >> </span></li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
@ -386,8 +387,9 @@
|
||||
<li><a href="https://rentry.org/arch1ve" target="_blank"><p>archive.org book ripping</p></a>
|
||||
<br><span> >></span></li>
|
||||
|
||||
<li><a href="https://doubledouble.top/" target="_blank"><p>music downloader</p></a>
|
||||
<br><span> >> all major streaming platforms incl hires</span></li>
|
||||
<li><a href="https://doubledouble.top/" target="_blank"><p>doubledouble (EOL)</p></a>,
|
||||
<a href="https://lucida.to/" target="_blank"><p>lucida</p></a>
|
||||
<br><span> >> download from major streaming platforms</span></li>
|
||||
|
||||
<li><a href="https://ori5000.github.io/musicripping.html" target="_blank"><p>Esoterica Avenue</p></a>,
|
||||
<a href="https://rentry.org/firehawk52" target="_blank"><p>firehawk52</p></a>
|
||||
|
||||
20
style.css
@ -165,6 +165,14 @@ h5 {
|
||||
padding: 0;
|
||||
padding-bottom: 1.2rem;
|
||||
}
|
||||
h6 {
|
||||
font-weight: 500;
|
||||
font-style: italic;
|
||||
font-size: 1rem;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #e9e9e9a2;
|
||||
}
|
||||
|
||||
p, pre {
|
||||
font-size: 1.2rem;
|
||||
@ -208,12 +216,10 @@ button {
|
||||
text-wrap: wrap; /* set explicitly */
|
||||
flex-shrink: 0;
|
||||
flex: 1;
|
||||
margin-left: 0.75rem;
|
||||
margin-right: 0.75rem;
|
||||
}
|
||||
|
||||
#sidebar-left .box ul li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
|
||||
.link {
|
||||
color: #E9E9E9;
|
||||
@ -541,8 +547,8 @@ button {
|
||||
}
|
||||
|
||||
#spaceweather-forecast {
|
||||
white-space: pre-wrap; /* Ensures text wraps as needed */
|
||||
word-wrap: break-word; /* Handles long words and URLs */
|
||||
white-space: pre-wrap;
|
||||
word-wrap: break-word;
|
||||
|
||||
}
|
||||
|
||||
@ -598,7 +604,7 @@ button {
|
||||
@media (max-width: 1430px) {
|
||||
|
||||
.sidebar {
|
||||
display: none; /* remove sidebars on mobile -- don't put critical content there! */
|
||||
display: none; /* remove sidebars on mobile -- don't put critical content there! :( */
|
||||
}
|
||||
|
||||
}
|
||||
|
||||