quinten/website-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

small fixes:

Browse Source 
* changed margin on linkbox from only right to equal split L/R
* updated template to reflect current header/footer and include sidebar
    * also added CHANGE ME text to stuff that'll need to be changed when the template is used
* oh, and fixed the up arrow css since we've changed from directory to tree now for the sidebar thingamabob
This commit is contained in:
Quinten0508 2024-07-06 14:50:08 +02:00
parent 64d3748c65
commit 9395626242
3 changed files with 24 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -142,9 +142,9 @@
</ul> </ul>
</div> </div>
</div>
</div>
</div> </div>
<!--</div>
</div>-->
</div> <!--sidebar--> </div> <!--sidebar-->

5
style.css
View File

@ -124,7 +124,7 @@ ul li::before {
#main-links ul { #main-links ul {
margin-bottom: 4rem; margin-bottom: 4rem;
} }
#links-directory ul li:first-child::before { #links-tree ul li:first-child::before {
content: "↑ "; /* arrow for "Top" button */ content: "↑ "; /* arrow for "Top" button */
} }
@ -320,7 +320,8 @@ button {
} }
.linkbox { .linkbox {
margin-right: 1rem; margin-left: 0.4rem;
margin-right: 0.4rem;
background: #000; background: #000;
padding: 0.5rem; padding: 0.5rem;
} }

28
template.html
View File

@ -2,22 +2,23 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>Quintens Outpost</title> <title>CHANGEME - Quintens Outpost</title>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
</head> </head>
<body> <body>
<div class="container"> <div class="container" id="top">
<div class="sidebar"> <div class="sidebar sidebar-left">
</div> </div>
<div class="container-main"> <div class="container-main">
<div id="maintitlebox"> <div id="maintitlebox">
<h1 id="maintitle" class="box">Quinten's Outpost</h1> <h1 id="maintitle" class="box"><a style="text-decoration: none; color: #E9E9E9;" href="./">Quinten's Outpost</a></h1>
<button id="oneko-button" class="button">:3</button> <button id="oneko-button" class="button">:3</button>
</div> </div>
@ -34,7 +35,7 @@
<a class="linkbox link" href="https://t.me/quinten0508" rel="me" target="_blank"> <a class="linkbox link" href="https://t.me/quinten0508" rel="me" target="_blank">
<p>telegram</p></a> <p>telegram</p></a>
<!-- :3 13 year old firefox bug https://bugzilla.mozilla.org/show_bug.cgi?id=646552 --> <!-- :3 13 year old firefox bug https://bugzilla.mozilla.org/show_bug.cgi?id=646552 -->
<a class="linkbox link" onClick="javascript:window.open('mailto:quinten0508@protonmail.com', 'mail');event.preventDefault()" href="mailto:quinten0508@protonmail.com" rel="me" target="_blank"> <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> <p>email</p></a>
<!-- new button template <!-- new button template
<a class="linkbox link" href="" target="_blank"> <a class="linkbox link" href="" target="_blank">
@ -51,7 +52,7 @@
<!-- must resist the urge to dynamically generate this, fuck js --> <!-- must resist the urge to dynamically generate this, fuck js -->
<h5 style="display: inline-block; padding: 0;">Current directory:</h5> <h5 style="display: inline-block; padding: 0;">Current directory:</h5>
<p style="display: inline-block;"> <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="./template.html">template</a> <img src="./assets/icons/tux.svg" id="directory-icon">/<a class="link" href="./">home/quinten</a>/<a class="link" href="./">CHANGEME</a>
</p> </p>
</div> </div>
@ -71,10 +72,18 @@
</div> <!--container-main--> </div> <!--container-main-->
<div class="sidebar"> <!-- empty sidebars necessary on both sides (or nowhere) to maintain symmetry without another flexbox layer --> <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="#">CHANGE ME</a></li>
</ul>
</div>
</div>
</div> </div>
<!--</div>
</div>-->
</div> <!--sidebar--> </div> <!--sidebar-->
@ -92,5 +101,6 @@
<script src="/assets/scripts/heartbeat.js"></script> <script src="/assets/scripts/heartbeat.js"></script>
<script src="/assets/scripts/onekoswap.js"></script> <script src="/assets/scripts/onekoswap.js"></script>
<script src="/assets/scripts/uptime.js"></script> <script src="/assets/scripts/uptime.js"></script>
<script src="/assets/scripts/oneko.js" data-cat="/assets/oneko.gif"></script> <!-- Loaded last, after everything else is in place --> <script src="/assets/scripts/oneko.js" data-cat="/assets/oneko.gif"></script>
<script src="/assets/scripts/spaceweather.js"></script>
</html> </html>