* seperated internal and external links (finally lmao, not completely satisfied tho)
* updates page
* linked gallery (the int. links tab was looking a little sparse lmao)
This commit is contained in:
Quinten0508 2024-07-20 23:43:53 +02:00
parent 2cd2c0fa55
commit 9a732b250c
6 changed files with 241 additions and 31 deletions

View File

@ -32,8 +32,27 @@
<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?] -->
<a class="linkbox link" href="./">
<p>home</p></a>
<a class="linkbox link" href="./links.html">
<p>links</p></a>
<a class="linkbox link" href="./updates.html">
<p>updates</p></a>
<a class="linkbox link" href="./gallery.html">
<p>gallery (WIP)</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>:&nbsp;</p>
<p id="heartbeat-time">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p> <!-- &nbsp; prevents text shift after load, doenst work with online T-T -->
</div>
</div>
<div id="external-links">
<div id="links" class="box">
<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">
@ -50,10 +69,6 @@
<p></p></a>
-->
</div>
<div id="heartbeatbox" class="box">
<a href="https://heartbeat.quinten0508.com" target="_blank" class="link"><p>Status</p></a><p>:&nbsp;</p>
<p id="heartbeat-time">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p> <!-- &nbsp; prevents text shift after load, doenst work with online T-T -->
</div>
</div>
<div id="directory-box" class="box">

View File

@ -29,8 +29,27 @@
<div id="subtitlebox">
<div id="links" class="box">
<a class="linkbox link" href="./links.html"> <!-- TODO: MAKE ON-WEB LINKS A SEPERATE BOX [ALSO PRIORITIZED OVER SOCIALS, MAYBE MOVE SOCIALS AWAY / SMALLER / AS SIDEBAR?] -->
<a class="linkbox link" href="./">
<p>home</p></a>
<a class="linkbox link" href="./links.html">
<p>links</p></a>
<a class="linkbox link" href="./updates.html">
<p>updates</p></a>
<a class="linkbox link" href="./gallery.html">
<p>gallery (WIP)</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>:&nbsp;</p>
<p id="heartbeat-time">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p> <!-- &nbsp; prevents text shift after load, doenst work with online T-T -->
</div>
</div>
<div id="external-links">
<div id="links" class="box">
<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">
@ -47,10 +66,6 @@
<p></p></a>
-->
</div>
<div id="heartbeatbox" class="box">
<a href="https://heartbeat.quinten0508.com" target="_blank" class="link"><p>Status</p></a><p>:&nbsp;</p>
<p id="heartbeat-time">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p> <!-- &nbsp; prevents text shift after load, doenst work with online T-T -->
</div>
</div>
<div id="directory-box" class="box">
@ -78,10 +93,6 @@
</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>

View File

@ -64,19 +64,14 @@
<div id="subtitlebox">
<div id="links" class="box">
<a class="linkbox link onsite" href="./"> <!-- TODO: MAKE ON-WEB LINKS A SEPERATE BOX [ALSO PRIORITIZED OVER SOCIALS, MAYBE MOVE SOCIALS AWAY / SMALLER / AS SIDEBAR?] -->
<a class="linkbox link" href="./">
<p>home</p></a>
<a class="linkbox link offsite" href="https://x.com/quinten0508" rel="me" target="_blank">
<p>twitter</p></a>
<a class="linkbox link offsite" href="https://www.last.fm/user/Quinten0508" rel="me" target="_blank">
<p>last.fm</p></a>
<a class="linkbox link offsite" href="https://gitea.quinten0508.com/quinten/website-frontend" rel="me" target="_blank">
<p>source</p></a>
<a class="linkbox link offsite" 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 offsite" onClick="javascript:window.open('mailto:quinten@tuta.com', 'mail');event.preventDefault()" href="mailto:quinten@tuta.com" rel="me" target="_blank">
<p>email</p></a>
<a class="linkbox link" href="./links.html">
<p>links</p></a>
<a class="linkbox link" href="./updates.html">
<p>updates</p></a>
<a class="linkbox link" href="./gallery.html">
<p>gallery (WIP)</p></a>
<!-- new button template
<a class="linkbox link" href="" target="_blank">
<p></p></a>
@ -88,6 +83,25 @@
</div>
</div>
<div id="external-links">
<div id="links" class="box">
<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>
<div id="directory-box" class="box">
<!-- must resist the urge to dynamically generate this, fuck js -->

View File

@ -366,6 +366,9 @@ button {
#heartbeat-time {
font-size: 1.2rem;
}
#external-links {
padding-top: 0.5rem;
}
#directory-box {
margin-top: 0.5rem;
@ -380,6 +383,7 @@ button {
#header {
display: flex;
flex-direction: row;

View File

@ -29,8 +29,27 @@
<div id="subtitlebox">
<div id="links" class="box">
<a class="linkbox link" href="./links.html"> <!-- TODO: MAKE ON-WEB LINKS A SEPERATE BOX [ALSO PRIORITIZED OVER SOCIALS, MAYBE MOVE SOCIALS AWAY / SMALLER / AS SIDEBAR?] -->
<a class="linkbox link" href="./">
<p>home</p></a>
<a class="linkbox link" href="./links.html">
<p>links</p></a>
<a class="linkbox link" href="./updates.html">
<p>updates</p></a>
<a class="linkbox link" href="./gallery.html">
<p>gallery (WIP)</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>:&nbsp;</p>
<p id="heartbeat-time">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p> <!-- &nbsp; prevents text shift after load, doenst work with online T-T -->
</div>
</div>
<div id="external-links">
<div id="links" class="box">
<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">
@ -47,10 +66,6 @@
<p></p></a>
-->
</div>
<div id="heartbeatbox" class="box">
<a href="https://heartbeat.quinten0508.com" target="_blank" class="link"><p>Status</p></a><p>:&nbsp;</p>
<p id="heartbeat-time">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p> <!-- &nbsp; prevents text shift after load, doenst work with online T-T -->
</div>
</div>
<div id="directory-box" class="box">

151
updates.html Normal file
View File

@ -0,0 +1,151 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>CHANGEME - Quintens Outpost</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<style>
h5 {
font-weight: 400;
}
</style>
</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="./">
<p>home</p></a>
<a class="linkbox link" href="./links.html">
<p>links</p></a>
<a class="linkbox link" href="./updates.html">
<p>updates</p></a>
<a class="linkbox link" href="./gallery.html">
<p>gallery (WIP)</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>:&nbsp;</p>
<p id="heartbeat-time">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p> <!-- &nbsp; prevents text shift after load, doenst work with online T-T -->
</div>
</div>
<div id="external-links">
<div id="links" class="box">
<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>
<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="./updates.html">updates</a>
</p>
</div>
<div class="box">
<h3>News & Updates</h3>
</div>
<div class="box">
<h4>Server upgrade!</h4>
<h5>2024-07-20</h5>
<p>Up until now this webserver alongside a bunch of other private infrastrucutre had been running off of a dual-core celeron (@1.1Ghz) inside of a crappy mini-pc. I've finally gotten all the parts needed to upgrade, so here are the most important details:</p>
<ul>
<li>i3-8100 (4x3.6GHz)</li>
<li>16GB RAM</li>
<li>2x16TB Exos drives (mirrored)</li>
<li>no case (yet!)</li>
</ul>
<br>
<p>Don't expect any groundbreaking improvements on this front though, the webserver ran just fine.</p>
<br>
<p>We now have 16TB of storage (instead of the 250GB before >.>). It's being used to seed a bunch of stuff @ Anna's Archive and SciHub, but I'm planning to use it as a personal NAS and for server storage eventually.</p>
</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/lastfm.js"></script>
<script src="/assets/scripts/clock.js"></script>
<script src="/assets/scripts/heartbeat.js"></script>
<script src="/assets/scripts/onekoswap.js"></script>
<script src="/assets/scripts/uptime.js"></script>
<script src="/assets/scripts/oneko.js" data-cat="/assets/oneko.gif"></script>
<script src="/assets/scripts/spaceweather.js"></script>
</html>