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

4
templates/sidebar.html → templates/sidebar/index.html
View file

@ -16,7 +16,7 @@
<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> <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 sb_text nixfox">nixfox public</div> <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://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://files.nixfox.ca" class="sb_link sb_text fox">☁️ nextcloud</a><br>
@ -29,7 +29,7 @@
<br> <br>
<div class="sb_header sb_text personal">personal</div> <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/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/recordstore.html" class="sb_link sb_text pers">🖼️ images</a><br>

13
templates/sidebar.css → templates/sidebar/sidebar.css
View file

@ -8,11 +8,16 @@ body {
a { a {
cursor:crosshair; cursor:crosshair;
border: 1px solid transparent; border: 1px solid transparent;
margin: 0px; margin: 0;
}
a:hover {
border: 1px solid transparent;
border-image: url("ants.gif") 1 repeat;
} }
.sidebar { .sidebar {
width: 250px; width: 230px;
position: fixed; position: fixed;
height: 100%; height: 100%;
overflow: auto; overflow: auto;
@ -24,7 +29,7 @@ a {
.sb_header { .sb_header {
font-size:25px; font-size:25px;
text-decoration: none; margin-left: 15px;
} }
.sb_text { .sb_text {
@ -48,7 +53,7 @@ a {
display: block; display: block;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
width: 150px; width: 140px;
} }
.personal {color:#fc3f5b;} .personal {color:#fc3f5b;}