Bun/nixfox-reborn
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Some more sidebar changes

Browse source
This commit is contained in:
Bun 2025-06-30 20:01:46 -04:00
parent 2ec0acf870
commit 8461c42c6f
3 changed files with 11 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
templates/sidebar/ants.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 335 B

42
templates/sidebar/index.html Normal file
View file

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono">
<link rel="stylesheet" href="./sidebar.css">
<meta charset="UTF-8">
<title>nixfox den</title>
</head>
<body>
<div class="sidebar">
<a href="https://www.nixfox.ca"><img alt="teto creature" src="https://art.pixilart.com/sr2a62fc9ed2173.png" class="sb_img" title="can you take me back where i came from"></a>
<div class="sb_header nixfox">nixfox</div>
<a href="https://mail.nixfox.ca/" class="sb_link sb_text fox">📧 email</a><br>
<a href="https://files.nixfox.ca" class="sb_link sb_text fox">☁️ nextcloud</a><br>
<a href="https://pass.nixfox.ca" class="sb_link sb_text fox">🔒 vaultwarden</a><br>
<a href="https://git.nixfox.ca" class="sb_link sb_text fox">🗄️ forgejo</a><br>
<a href="https://live.nixfox.ca" class="sb_link sb_text fox">📹 owncast</a><br>
<a href="https://radio.nixfox.ca" class="sb_link sb_text fox">📻 icecast</a><br>
<a href="https://chat.nixfox.ca" class="sb_link sb_text fox">💬 matrix</a><br>
<a href="https://tor.nixfox.ca" class="sb_link sb_text fox">🗃️ transmission</a><br>
<br>
<div class="sb_header personal">personal</div>
<a href="https://lu.tiny-universes.net/about.html" class="sb_link sb_text pers">📰 blog</a><br>
<a href="https://lu.tiny-universes.net/recordstore.html" class="sb_link sb_text pers">🖼️ images</a><br>
<a href="https://lu.tiny-universes.net/photos.html" class="sb_link sb_text pers">🖥️ hardware</a><br>
<a href="https://lu.tiny-universes.net/magick.html" class="sb_link sb_text pers">💾 software</a><br>
</div>
</body>
</html>

63
templates/sidebar/sidebar.css Normal file
View file

@ -0,0 +1,63 @@
body {
margin: 0;
padding: 0;
font-family: 'IBM Plex Mono', monospace;
font-size: 25px;
}
a {
cursor:crosshair;
border: 1px solid transparent;
margin: 0;
}
a:hover {
border: 1px solid transparent;
border-image: url("ants.gif") 1 repeat;
}
.sidebar {
width: 230px;
position: fixed;
height: 100%;
overflow: auto;
color: #000000;
background-color: #000000;
background-image: url('https://static.vecteezy.com/system/resources/previews/034/886/330/non_2x/black-background-modern-dark-abstract-seamless-texture-vector.jpg');
background-attachment: fixed;
}
.sb_header {
font-size:25px;
margin-left: 15px;
}
.sb_text {
margin: 0.5em;
padding: 0.5em;
}
.sb_link {
color:#ffffff;
font-size:16px;
text-decoration: none;
}
.sb_link:hover {
color:#7ccbd5;
font-size:17px;
text-decoration:none;
}
.sb_img {
display: block;
margin-left: auto;
margin-right: auto;
width: 140px;
}
.personal {color:#fc3f5b;}
.nixfox {color:#2abafc;}
.pers:hover {color:#fca9c0;}
.fox:hover {color:#a9c0fc;}