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

Fix Teto square

Browse source
This commit is contained in:
Bun 2025-07-01 01:38:05 -04:00
parent d29992d07d
commit 6d0553b648
6 changed files with 24 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

2
public/search_index.en.js
View file

File diff suppressed because one or more lines are too long

2
public/sidebar.css
View file

@ -1 +1 @@
#sidebar{width:190px;height:100%;top:0;left:0;overflow:auto;overflow-x:hidden;position:fixed;z-index:1;margin:0;padding:0;font-size:25px;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_link{margin:.5em;padding:.5em;color:#fff;font-size:16px;text-decoration:none;transition:.3s}.sb_link:hover{color:#7ccbd5;font-size:17px;text-decoration:none}.sb_img{display:block;margin-left:auto;margin-right:auto;max-width:calc(100% - 2em)}.personal{color:#fc3f5b}.nixfox{color:#2abafc}.pers:hover{color:#fca9c0}.fox:hover{color:#a9c0fc} #sidebar{width:190px;height:100%;top:0;left:0;overflow:auto;overflow-x:hidden;position:fixed;z-index:1;margin:0;padding:0;font-size:25px;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_link{margin:.5em;padding:.5em;color:#fff;font-size:16px;text-decoration:none;transition:.3s}.sb_link:hover{color:#7ccbd5;font-size:17px;text-decoration:none}.sb_img{display:block;margin-left:auto;margin-right:auto;margin-top:10px;max-width:calc(100% - 1.2em)}.sb_img img{display:block;margin-left:auto;margin-right:auto;max-width:calc(100% - 2em)}.personal{color:#fc3f5b}.nixfox{color:#2abafc}.pers:hover{color:#fca9c0}.fox:hover{color:#a9c0fc}

2
public/style.css
View file

@ -1 +1 @@
body{font-family:"IBM Plex Mono",monospace;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;font-size:16px}a{cursor:crosshair;border:1px solid rgba(0,0,0,0);margin:0}a:hover{border:2px solid rgba(0,0,0,0);border-image:url("./ants.gif") 1 repeat}#main{margin:0;flex:0 1 auto;align-self:auto;width:50%;border:3px solid green}li{list-style-type:none;width:100%} body{font-family:"IBM Plex Mono",monospace;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;font-size:16px;top:0}a{cursor:crosshair;border:1px solid rgba(0,0,0,0);margin:0}a:hover{border:2px solid rgba(0,0,0,0);border-image:url("/ants.gif") 1 repeat}#main{position:absolute;top:50px;right:20%;left:250px;padding-bottom:25px}#main>div{margin:auto;width:100%;min-height:100%}li{list-style-type:none;width:100%}

8
sass/sidebar.scss
View file

@ -39,6 +39,14 @@
} }
.sb_img { .sb_img {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
max-width: calc(100% - 1.2em);
}
.sb_img img {
display: block; display: block;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;

17
sass/style.scss
View file

@ -5,6 +5,7 @@ body {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
font-size: 16px; font-size: 16px;
top: 0;
} }
a { a {
@ -19,11 +20,17 @@ a:hover {
} }
#main { #main {
margin: 0; position: absolute;
flex: 0 1 auto; top: 50px;
align-self: auto; right: 20%;
width: 50%; left: 250px;
border: 3px solid green; padding-bottom: 25px;
}
#main > div {
margin: auto;
width: 100%;
min-height: 100%;
} }
li { li {

2
templates/base.html
View file

@ -13,7 +13,7 @@
<body> <body>
<div id="sidebar"> <div id="sidebar">
<a href="/"><img alt="teto creature" src="https://art.pixilart.com/sr2a62fc9ed2173.png" class="sb_img" title="Little Teto Guy"></a> <a href="/" class="sb_img"><img src="https://art.pixilart.com/sr2a62fc9ed2173.png" alt="teto creature"></a>
<div class="sb_header personal"><b>personal</b></div> <div class="sb_header personal"><b>personal</b></div>
<a href="/blog" class="sb_link pers">📰 blog</a><br> <a href="/blog" class="sb_link pers">📰 blog</a><br>