summaryrefslogtreecommitdiff
path: root/alabaster-lite
diff options
context:
space:
mode:
Diffstat (limited to 'alabaster-lite')
-rw-r--r--alabaster-lite/css/fkfd.css24
-rw-r--r--alabaster-lite/sidebars/about.html2
-rw-r--r--alabaster-lite/sidebars/links.html26
-rw-r--r--alabaster-lite/sidebars/title.html1
4 files changed, 47 insertions, 6 deletions
diff --git a/alabaster-lite/css/fkfd.css b/alabaster-lite/css/fkfd.css
index aa27b35..901dcaa 100644
--- a/alabaster-lite/css/fkfd.css
+++ b/alabaster-lite/css/fkfd.css
@@ -135,6 +135,17 @@ div.footer a {
}
}
+@media screen and (max-width: 870px) {
+ div.sphinxsidebar {
+ float: none;
+ width: 100%;
+ margin: 0 -20px 0;
+ padding: 0 20px;
+ background-color: transparent;
+ color: #ccc;
+ }
+}
+
/*
* Custom home page for fkfd.me
* Created on 2022-12-28
@@ -150,7 +161,7 @@ div.footer a {
.webring-block-container {
display: grid;
gap: 0px;
- grid-template-columns: 120px 120px 120px;
+ grid-template-columns: 60px 60px 60px;
}
@media screen and (max-width: 870px) {
@@ -171,8 +182,6 @@ div.footer a {
.category-icon, .webring-icon {
display: block;
- width: 120px;
- height: 120px;
background-color: #3E4349;
background-size: contain;
background-repeat: no-repeat;
@@ -182,7 +191,14 @@ div.footer a {
-webkit-mask-repeat: no-repeat;
}
-@media screen and (max-width: 870px) {
+.category-icon {
+ width: 120px;
+ height: 120px;
+}
+
+.webring-icon {
+ width: 60px;
+ height: 60px;
}
@media (prefers-color-scheme: dark) {
diff --git a/alabaster-lite/sidebars/about.html b/alabaster-lite/sidebars/about.html
index ed6cb0e..0e83dc2 100644
--- a/alabaster-lite/sidebars/about.html
+++ b/alabaster-lite/sidebars/about.html
@@ -1,5 +1,3 @@
-<p class="blurb">This is technically a blog.</p>
-
<ul>
<li><a href="/about">About Me</a></li>
<li><a href="/feed/atom.xml">Atom Feed</a></li>
diff --git a/alabaster-lite/sidebars/links.html b/alabaster-lite/sidebars/links.html
new file mode 100644
index 0000000..44ce46e
--- /dev/null
+++ b/alabaster-lite/sidebars/links.html
@@ -0,0 +1,26 @@
+<ul>
+ <li><a href="/about">About Me</a></li>
+ <li><a href="/feed/atom.xml">Atom Feed</a></li>
+ <li><a href="/links">Links</a></li>
+</ul>
+
+<div class="webring-block-container">
+ <a href="https://fediring.net/previous?host=fkfd.me">
+ <div class="webring-block">
+ <span class="webring-icon" id="icon-fediring-prev"></span>
+ <span class="webring-text">Prev</span>
+ </div>
+ </a>
+ <a href="https://fediring.net/">
+ <div class="webring-block">
+ <span class="webring-icon" id="icon-fediring"></span>
+ <span class="webring-text">Fediring</span>
+ </div>
+ </a>
+ <a href="https://fediring.net/next?host=fkfd.me">
+ <div class="webring-block">
+ <span class="webring-icon" id="icon-fediring-next"></span>
+ <span class="webring-text">Next</span>
+ </div>
+ </a>
+</div>
diff --git a/alabaster-lite/sidebars/title.html b/alabaster-lite/sidebars/title.html
index becb5b3..2bfd103 100644
--- a/alabaster-lite/sidebars/title.html
+++ b/alabaster-lite/sidebars/title.html
@@ -10,3 +10,4 @@
{% else %}
<h1 class="logo"><a href="{{nav.homepage.url|url}}">{{ config.site_name }}</a></h1>
{% endif %}
+<p class="blurb">This is technically a blog.</p>