updates

sass/main.scss

@@ -27,25 +27,37 @@ body {
     font-size: 1rem;
   }
 }
-
-h1, h2, h3, h4, h5, h6 {
+h1, h2 {
   display: flex;
   align-items: center;
-  font-weight: bold;
+  font-weight: 500;
   line-height: 1.3;
   color: var(--accent2);
 }
 
+h3, h4, h5, h6 {
+  display: flex;
+  align-items: center;
+  font-weight: 400;
+  line-height: 0.8;
+  color: var(--accent3);
+}
+
 h1 {
   font-size: 1.4rem;
 }
 
 h2 {
   font-size: 1.3rem;
+  padding-top: 1rem;
+  border-bottom: 1px dashed var(--accent);
+  padding-bottom: 7px;
 }
 
+
 h3 {
   font-size: 1.2rem;
+  font-weight: bolder;
 }
 
 h4, h5, h6 {
@@ -201,7 +213,7 @@ table {
 }
 
 table, th, td {
-  border: 1px dashed var(--accent);
+  border: none;
   padding: 10px;
 }
 
@@ -209,6 +221,11 @@ th {
   color: var(--accent);
 }
 
+td {
+   border-bottom: 1px dotted var(--accent);
+ }
+
+
 ul, ol {
   margin-left: 30px;
   padding: 0;
@@ -253,3 +270,14 @@ hr {
 .hidden {
   display: none;
 }
+
+@media print {
+  .section {
+    break-inside: avoid-page;
+    padding-top: 1rem;
+  }
+  p, table {
+    break-inside: avoid-page;
+  }
+}
+

templates/index.html

@@ -95,17 +95,26 @@
     <footer class="footer">
         <div class="footer__inner">
             <div class="copyright copyright--user">
-                <a href="https://liberapay.com/CherryKitten/donate"><img
-                        alt="Donate using Liberapay" src="https://liberapay.com/assets/widgets/donate.svg"></a>
                  
                 <span>&copy; {{ date_macros::now_year() }} - CherryKitten</span><br>
                  
-                <span><a href="/impressum">Impressum</a></span>
-                 
-                <span><a href="/rss.xml">RSS</a></span>
-                 
                 <span onclick="alert('Nya!')">🐱</span></div>
         </div>
+        <div style="display: flex; margin-top: 1rem; justify-content: center;">
+
+                <span><a href="/impressum">Impressum</a></span>
+
+          </div>
+        <div style="display: flex; margin-top: 1rem; justify-content: center;">
+                <a href="/rss.xml">RSS</a>
+          </div>
+        <div style="display: flex; margin-top: 1rem; justify-content: center;">
+
+              <img src="/buttons/antinft.gif" alt="Anti NFT">
+              <img src="/buttons/acab.gif" alt="ACAB">
+              <img src="/buttons/transnow2.gif" alt="Trans rights now">
+
+        </div>
     </footer>
     {% endblock footer %}
 

templates/shortcodes/section.md

@@ -0,0 +1,5 @@
+<div class="section">
+
+{{ body }}
+
+</div>