diff options
Diffstat (limited to 'alabaster-lite')
| -rw-r--r-- | alabaster-lite/css/alabaster.css | 4 | ||||
| -rw-r--r-- | alabaster-lite/css/fkfd.css | 151 | ||||
| -rw-r--r-- | alabaster-lite/main.html | 1 | ||||
| -rw-r--r-- | alabaster-lite/sidebars/links.html | 6 |
4 files changed, 93 insertions, 69 deletions
diff --git a/alabaster-lite/css/alabaster.css b/alabaster-lite/css/alabaster.css index f5ad007..2343205 100644 --- a/alabaster-lite/css/alabaster.css +++ b/alabaster-lite/css/alabaster.css @@ -336,7 +336,7 @@ dl dd { } blockquote { - margin: 0 0 0 30px; + margin: 0 0 0 10px; padding: 0; } @@ -353,7 +353,7 @@ pre { dl pre, blockquote pre, li pre { margin-left: 0; - padding-left: 30px; + padding-left: 10px; } dl dl pre { diff --git a/alabaster-lite/css/fkfd.css b/alabaster-lite/css/fkfd.css index b33fd96..16547d8 100644 --- a/alabaster-lite/css/fkfd.css +++ b/alabaster-lite/css/fkfd.css @@ -33,10 +33,25 @@ a:hover { color: #206b8b; } +a.headerlink { + color: #004b6b; + margin-left: 0.5em; +} + +a.headerlink:hover { + color: #206b8b; + background: none; +} + summary { color: #004b6b; } +blockquote { + padding-left: 20px; + border-left: 3px solid #656565; +} + @media (prefers-color-scheme: dark) { a { color: #a5c5ff; @@ -46,28 +61,21 @@ summary { color: #cddfff; } - summary { + a.headerlink { color: #a5c5ff; } -} -a.headerlink { - color: #004b6b; - margin-left: 0.5em; -} - -a.headerlink:hover { - color: #206b8b; - background: none; -} + a.headerlink:hover { + color: #cddfff; + } -@media (prefers-color-scheme: dark) { - a.headerlink { + summary { color: #a5c5ff; } - a.headerlink:hover { - color: #cddfff; + blockquote { + padding-left: 20px; + border-left: 3px solid #a5c5ff; } } @@ -157,7 +165,7 @@ div.footer a { /* * Custom home page for fkfd.me * Created on 2022-12-28 - * Last revision 2023-11-05 + * Last revision 2024-09-14 */ .category-block-container { @@ -244,34 +252,26 @@ div.footer a { margin-top: 20px; } +/* Category icons */ + #icon-projects { mask-image: url("../img/icons/projects.png"); -webkit-mask-image: url("../img/icons/projects.png"); } +#icon-projects:hover { + mask-image: url("../img/icons/projects-hover.png"); + -webkit-mask-image: url("../img/icons/projects-hover.png"); +} + #icon-random { mask-image: url("../img/icons/random.png"); -webkit-mask-image: url("../img/icons/random.png"); } -#icon-shitpost { - mask-image: url("../img/icons/shitpost.png"); - -webkit-mask-image: url("../img/icons/shitpost.png"); -} - -#icon-ta { - mask-image: url("../img/icons/ta.png"); - -webkit-mask-image: url("../img/icons/ta.png"); -} - -#icon-ham { - mask-image: url("../img/icons/ham.png"); - -webkit-mask-image: url("../img/icons/ham.png"); -} - -#icon-comics { - mask-image: url("../img/icons/comics.png"); - -webkit-mask-image: url("../img/icons/comics.png"); +#icon-random:hover { + mask-image: url("../img/icons/random-hover.png"); + -webkit-mask-image: url("../img/icons/random-hover.png"); } #icon-music { @@ -279,19 +279,24 @@ div.footer a { -webkit-mask-image: url("../img/icons/music.png"); } +#icon-music:hover { + mask-image: url("../img/icons/music-hover.png"); + -webkit-mask-image: url("../img/icons/music-hover.png"); +} + #icon-umich { mask-image: url("../img/icons/umich.png"); -webkit-mask-image: url("../img/icons/umich.png"); } -#icon-projects:hover { - mask-image: url("../img/icons/projects-hover.png"); - -webkit-mask-image: url("../img/icons/projects-hover.png"); +#icon-umich:hover { + mask-image: url("../img/icons/umich-hover.png"); + -webkit-mask-image: url("../img/icons/umich-hover.png"); } -#icon-random:hover { - mask-image: url("../img/icons/random-hover.png"); - -webkit-mask-image: url("../img/icons/random-hover.png"); +#icon-shitpost { + mask-image: url("../img/icons/shitpost.png"); + -webkit-mask-image: url("../img/icons/shitpost.png"); } #icon-shitpost:hover { @@ -299,45 +304,37 @@ div.footer a { -webkit-mask-image: url("../img/icons/shitpost-hover.png"); } -#icon-ta:hover { - mask-image: url("../img/icons/ta-hover.png"); - -webkit-mask-image: url("../img/icons/ta-hover.png"); +#icon-furry { + mask-image: url("../img/icons/furry.png"); + -webkit-mask-image: url("../img/icons/furry.png"); } -#icon-ham:hover { - mask-image: url("../img/icons/ham-hover.png"); - -webkit-mask-image: url("../img/icons/ham-hover.png"); +#icon-furry:hover { + mask-image: url("../img/icons/furry-hover.png"); + -webkit-mask-image: url("../img/icons/furry-hover.png"); } -#icon-comics:hover { - mask-image: url("../img/icons/comics-hover.png"); - -webkit-mask-image: url("../img/icons/comics-hover.png"); -} - -#icon-music:hover { - mask-image: url("../img/icons/music-hover.png"); - -webkit-mask-image: url("../img/icons/music-hover.png"); +#icon-ta { + mask-image: url("../img/icons/ta.png"); + -webkit-mask-image: url("../img/icons/ta.png"); } -#icon-umich:hover { - mask-image: url("../img/icons/umich-hover.png"); - -webkit-mask-image: url("../img/icons/umich-hover.png"); +#icon-ta:hover { + mask-image: url("../img/icons/ta-hover.png"); + -webkit-mask-image: url("../img/icons/ta-hover.png"); } -#icon-fediring-prev { - mask-image: url("../img/icons/fediring_prev.png"); - -webkit-mask-image: url("../img/icons/fediring_prev.png"); +#icon-ham { + mask-image: url("../img/icons/ham.png"); + -webkit-mask-image: url("../img/icons/ham.png"); } -#icon-fediring { - mask-image: url("../img/icons/fediring.png"); - -webkit-mask-image: url("../img/icons/fediring.png"); +#icon-ham:hover { + mask-image: url("../img/icons/ham-hover.png"); + -webkit-mask-image: url("../img/icons/ham-hover.png"); } -#icon-fediring-next { - mask-image: url("../img/icons/fediring_next.png"); - -webkit-mask-image: url("../img/icons/fediring_next.png"); -} +/* Sidebar icons */ #icon-about { mask-image: url("../img/icons/about.png"); @@ -363,3 +360,23 @@ div.footer a { mask-image: url("../img/icons/x.png"); -webkit-mask-image: url("../img/icons/x.png"); } + +#icon-comics { + mask-image: url("../img/icons/comics.png"); + -webkit-mask-image: url("../img/icons/comics.png"); +} + +#icon-fediring-prev { + mask-image: url("../img/icons/fediring_prev.png"); + -webkit-mask-image: url("../img/icons/fediring_prev.png"); +} + +#icon-fediring { + mask-image: url("../img/icons/fediring.png"); + -webkit-mask-image: url("../img/icons/fediring.png"); +} + +#icon-fediring-next { + mask-image: url("../img/icons/fediring_next.png"); + -webkit-mask-image: url("../img/icons/fediring_next.png"); +} diff --git a/alabaster-lite/main.html b/alabaster-lite/main.html index ee56621..36b1662 100644 --- a/alabaster-lite/main.html +++ b/alabaster-lite/main.html @@ -64,6 +64,7 @@ {% if page.is_homepage %} <a hidden rel="me" href="https://eattherich.club/@fkfd">Mastodon</a> + <a hidden rel="me" href="https://furry.engineer/@mosfet">Mastodon</a> {% endif %} <!-- diff --git a/alabaster-lite/sidebars/links.html b/alabaster-lite/sidebars/links.html index a3ed869..192c68c 100644 --- a/alabaster-lite/sidebars/links.html +++ b/alabaster-lite/sidebars/links.html @@ -29,6 +29,12 @@ <span class="link-text">~x</span> </div> </a> + <a href="/comics/"> + <div class="link-block"> + <span class="link-icon" id="icon-comics"></span> + <span class="link-text">Comics</span> + </div> + </a> </div> <div class="webring-block-container"> |