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

setup for on/offsite links

Browse Source
This commit is contained in:
Quinten0508 2024-07-04 01:06:00 +02:00
parent c6edd3c0e3
commit 014b0f6ae6
3 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
TODO.html
View File

@ -77,6 +77,10 @@
## Make a "links" page ## Make a "links" page
Like a collection of bookmarks, possibly organized, realistically not really. Just add a short description to the href or as subscript ig Like a collection of bookmarks, possibly organized, realistically not really. Just add a short description to the href or as subscript ig
---
## Make onsite links prioritized over offsite links
* Make offsite links dimmer in color?
--- ---
## Make a blog page ## Make a blog page
ANY stories, text, ramblings, whatever. Probably very infrequent. ANY stories, text, ramblings, whatever. Probably very infrequent.

12
links.html
View File

@ -44,18 +44,18 @@
<div id="subtitlebox"> <div id="subtitlebox">
<div id="links" class="box"> <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 onsite" href="./links.html"> <!-- TODO: MAKE ON-WEB LINKS A SEPERATE BOX [ALSO PRIORITIZED OVER SOCIALS, MAYBE MOVE SOCIALS AWAY / SMALLER / AS SIDEBAR?] -->
<p>links</p></a> <p>links</p></a>
<a class="linkbox link" href="https://x.com/quinten0508" rel="me" target="_blank"> <a class="linkbox link offsite" href="https://x.com/quinten0508" rel="me" target="_blank">
<p>twitter</p></a> <p>twitter</p></a>
<a class="linkbox link" href="https://www.last.fm/user/Quinten0508" rel="me" target="_blank"> <a class="linkbox link offsite" href="https://www.last.fm/user/Quinten0508" rel="me" target="_blank">
<p>last.fm</p></a> <p>last.fm</p></a>
<a class="linkbox link" href="https://gitea.quinten0508.com/quinten/website-frontend" rel="me" target="_blank"> <a class="linkbox link offsite" href="https://gitea.quinten0508.com/quinten/website-frontend" rel="me" target="_blank">
<p>source</p></a> <p>source</p></a>
<a class="linkbox link" href="https://t.me/quinten0508" rel="me" target="_blank"> <a class="linkbox link offsite" 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:quinten@tuta.com', 'mail');event.preventDefault()" href="mailto:quinten@tuta.com" rel="me" target="_blank"> <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> <p>email</p></a>
<!-- new button template <!-- new button template
<a class="linkbox link" href="" target="_blank"> <a class="linkbox link" href="" target="_blank">

5
style.css
View File

@ -243,7 +243,6 @@ body {
margin-right: 1rem; margin-right: 1rem;
background: #000; background: #000;
padding: 0.5rem; padding: 0.5rem;
} }
#heartbeatbox { #heartbeatbox {
margin: 0; margin: 0;
@ -412,11 +411,11 @@ body {
list-style-type: "* "; list-style-type: "* ";
margin-bottom: 4rem; margin-bottom: 4rem;
} }
li { li {
margin: 0.75rem; margin: 0.75rem;
} }
a { a {
color: #E9E9E9; color: #E9E9E9;
text-decoration: underline; text-decoration: underline;