My Blog, build with Norgolith blog.ladas552.me
blog

navbar to look on mobile

Ladas552 20d04532 d658ff8f

+8 -3
+1 -1
public/assets/css/style.css
··· 1 - @import "code-blocks.css";@import "font.css";@import "footer.css";@import "nav-bar.css";@import "toc.css";html{scroll-behavior:smooth}@media (prefers-color-scheme:dark){body{color:#c9d1d9;background:#0d1117}}h1{color:#f5a97f;text-align:center;font-size:1.4641rem}h2{color:#7dc4e4;font-size:1.331rem}h3{color:#f5a97f;font-size:1.1rem}h4{color:#a6da95;font-size:1rem}h5{color:#7dc4e4;font-size:1rem}h6{color:#7dc4e4;font-size:.909091rem}h2:before{content:"◉ "}h3:before{content:"◎ "}h4:before{content:"○ "}h5:before{content:"✺ "}h6:before{content:"▶ "}h7:before{content:"⤷ "}.body{color:#fff;background-color:#24273a;padding-bottom:1em;font-family:JetBrains Mono,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;position:relative}.content{box-sizing:border-box;width:auto;max-width:750px;height:100%;text-align:auto;text-justify:inter-word;flex-direction:column;margin:40px auto;padding:0;line-height:1.5em;display:flex;position:relative}.content a:link{color:#b4befe;text-decoration:none}.content a:visited{color:#7e7eff}.content a:hover{color:#f38ba8}.content a:active{color:#202030}.content b,strong{color:#ee99a0}.flex-container{flex-flow:wrap;grid-auto-flow:column;place-content:space-evenly;gap:2em;width:auto;margin:0 auto;display:flex}.flex-box{background-color:#1e2030;border:2px solid #8aadf4;border-radius:20px;width:40%;height:auto;padding:0 1em 1em;transition:box-shadow .4s ease-in-out,bottom .6s ease-in-out;display:block;position:relative;bottom:0;box-shadow:0 0 .2em #8aadf4}.flex-box:hover{transition:box-shadow .6s ease-in-out,bottom .6s ease-in-out;bottom:5px;box-shadow:0 0 1.3em #8aadf4}.flex-box p{color:#b7bdf8;font-size:12px}.flex-box h3:before{content:" "}.center{width:auto;margin-left:auto;margin-right:auto;display:block}.content>div:has(.pokemon){text-align:center}.content>div:has(.pokemon)>:not(.pokemon):not(h1){text-align:left}.pokemon{text-align:center;width:15%;margin:.5em 2%;display:inline-block}*{scrollbar-width:thin;scrollbar-color:#64687e #1e1e2e} 1 + @import "code-blocks.css";@import "font.css";@import "footer.css";@import "nav-bar.css";@import "toc.css";html{scroll-behavior:smooth}body{margin:0;padding:0}@media (prefers-color-scheme:dark){body{color:#c9d1d9;background:#0d1117}}h1{color:#f5a97f;text-align:center;font-size:1.4641rem}h2{color:#7dc4e4;font-size:1.331rem}h3{color:#f5a97f;font-size:1.1rem}h4{color:#a6da95;font-size:1rem}h5{color:#7dc4e4;font-size:1rem}h6{color:#7dc4e4;font-size:.909091rem}h2:before{content:"◉ "}h3:before{content:"◎ "}h4:before{content:"○ "}h5:before{content:"✺ "}h6:before{content:"▶ "}h7:before{content:"⤷ "}.body{color:#fff;background-color:#24273a;padding-bottom:1em;font-family:JetBrains Mono,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;position:relative}.content{box-sizing:border-box;width:auto;max-width:750px;height:100%;text-align:auto;text-justify:inter-word;flex-direction:column;margin:40px auto;padding:0;line-height:1.5em;display:flex;position:relative}.content a:link{color:#b4befe;text-decoration:none}.content a:visited{color:#7e7eff}.content a:hover{color:#f38ba8}.content a:active{color:#202030}.content b,strong{color:#ee99a0}.flex-container{flex-flow:wrap;grid-auto-flow:column;place-content:space-evenly;gap:2em;width:auto;margin:0 auto;display:flex}.flex-box{background-color:#1e2030;border:2px solid #8aadf4;border-radius:20px;width:40%;height:auto;padding:0 1em 1em;transition:box-shadow .4s ease-in-out,bottom .6s ease-in-out;display:block;position:relative;bottom:0;box-shadow:0 0 .2em #8aadf4}.flex-box:hover{transition:box-shadow .6s ease-in-out,bottom .6s ease-in-out;bottom:5px;box-shadow:0 0 1.3em #8aadf4}.flex-box p{color:#b7bdf8;font-size:12px}.flex-box h3:before{content:" "}.center{width:auto;margin-left:auto;margin-right:auto;display:block}.content>div:has(.pokemon){text-align:center}.content>div:has(.pokemon)>:not(.pokemon):not(h1){text-align:left}.pokemon{text-align:center;width:15%;margin:.5em 2%;display:inline-block}*{scrollbar-width:thin;scrollbar-color:#64687e #1e1e2e}
+1 -1
public/rss.xml
··· 6 6 <description>Latest posts</description> 7 7 <generator>Norgolith</generator> 8 8 <language>en-us</language> 9 - <lastBuildDate>Thu, 04 Dec 2025 06:50:07 +0000</lastBuildDate> 9 + <lastBuildDate>Thu, 04 Dec 2025 07:01:20 +0000</lastBuildDate> 10 10 <ttl>60</ttl> 11 11 <atom:link href="https:&#x2F;&#x2F;ladas552.me/rss.xml" rel="self" type="application/rss+xml" /> 12 12
+6 -1
theme/assets/css/style.css
··· 8 8 scroll-behavior: smooth; 9 9 } 10 10 11 + body { 12 + margin: 0; 13 + padding: 0; 14 + } 15 + 11 16 @media (prefers-color-scheme: dark) { 12 17 body { 13 18 color: #c9d1d9; ··· 196 201 scrollbar-width: thin; 197 202 /* Width of the scrollbar */ 198 203 scrollbar-color: #64687E #1E1E2E; 199 - } 204 + }