fix: properly close link/meta tags

static/css/out.css

@@ -1221,10 +1221,6 @@ code {
   z-index: 10;
 }
 
-.-z-10 {
-  z-index: -10;
-}
-
 .z-20 {
   z-index: 20;
 }
@@ -1253,8 +1249,8 @@ code {
   margin: 1rem;
 }
 
-.-mt-9 {
+.-mt-11 {
-  margin-top: -2.25rem;
+  margin-top: -2.75rem;
 }
 
 .mb-2 {
@@ -1273,10 +1269,6 @@ code {
   margin-top: 1.5rem;
 }
 
-.-mt-11 {
-  margin-top: -2.75rem;
-}
-
 .block {
   display: block;
 }
@@ -1310,30 +1302,11 @@ code {
   width: 2rem;
 }
 
-.-rotate-45 {
-  --tw-rotate: -45deg;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.-rotate-12 {
-  --tw-rotate: -12deg;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.-rotate-6 {
-  --tw-rotate: -6deg;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
 .-rotate-3 {
   --tw-rotate: -3deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.transform {
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
 .list-outside {
   list-style-position: outside;
 }
@@ -1391,10 +1364,6 @@ code {
   border-top-width: 2px;
 }
 
-.border-l-4 {
-  border-left-width: 4px;
-}
-
 .border-rp-dawn-gold {
   --tw-border-opacity: 1;
   border-color: rgb(234 157 52 / var(--tw-border-opacity, 1));
@@ -1405,15 +1374,6 @@ code {
   border-color: rgb(242 233 225 / var(--tw-border-opacity, 1));
 }
 
-.border-rp-dawn-rose {
-  --tw-border-opacity: 1;
-  border-color: rgb(215 130 126 / var(--tw-border-opacity, 1));
-}
-
-.border-transparent {
-  border-color: transparent;
-}
-
 .bg-rp-dawn-base {
   --tw-bg-opacity: 1;
   background-color: rgb(250 244 237 / var(--tw-bg-opacity, 1));
@@ -1429,27 +1389,10 @@ code {
   background-color: rgb(255 250 243 / var(--tw-bg-opacity, 1));
 }
 
-.bg-rp-dawn-love {
-  --tw-bg-opacity: 1;
-  background-color: rgb(180 99 122 / var(--tw-bg-opacity, 1));
-}
-
 .bg-gradient-to-r {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
 
-.from-indigo-500 {
-  --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
-.from-rp-dawn-love {
-  --tw-gradient-from: #b4637a var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(180 99 122 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
 .from-rp-dawn-gold {
   --tw-gradient-from: #ea9d34 var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(234 157 52 / 0) var(--tw-gradient-to-position);
@@ -1460,24 +1403,6 @@ code {
   --tw-gradient-from-position: 10%;
 }
 
-.via-sky-500 {
-  --tw-gradient-to: rgb(14 165 233 / 0)  var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), #0ea5e9 var(--tw-gradient-via-position), var(--tw-gradient-to);
-}
-
-.via-rp-dawn-gold {
-  --tw-gradient-to: rgb(234 157 52 / 0)  var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), #ea9d34 var(--tw-gradient-via-position), var(--tw-gradient-to);
-}
-
-.via-30\% {
-  --tw-gradient-via-position: 30%;
-}
-
-.to-emerald-500 {
-  --tw-gradient-to: #10b981 var(--tw-gradient-to-position);
-}
-
 .to-rp-dawn-pine {
   --tw-gradient-to: #286983 var(--tw-gradient-to-position);
 }
@@ -1502,8 +1427,8 @@ code {
   padding: 2rem;
 }
 
-.p-10 {
+.pb-4 {
-  padding: 2.5rem;
+  padding-bottom: 1rem;
 }
 
 .pb-60 {
@@ -1518,18 +1443,6 @@ code {
   padding-top: 5rem;
 }
 
-.pb-5 {
-  padding-bottom: 1.25rem;
-}
-
-.pb-3 {
-  padding-bottom: 0.75rem;
-}
-
-.pb-4 {
-  padding-bottom: 1rem;
-}
-
 .text-center {
   text-align: center;
 }
@@ -1553,21 +1466,16 @@ code {
   line-height: 2.5rem;
 }
 
-.text-xl {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}
-
-.text-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}
-
 .text-base {
   font-size: 1rem;
   line-height: 1.5rem;
 }
 
+.text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+
 .font-bold {
   font-weight: 700;
 }
@@ -1585,9 +1493,9 @@ code {
   color: rgb(86 148 159 / var(--tw-text-opacity, 1));
 }
 
-.text-rp-dawn-love {
+.text-rp-dawn-overlay {
   --tw-text-opacity: 1;
-  color: rgb(180 99 122 / var(--tw-text-opacity, 1));
+  color: rgb(242 233 225 / var(--tw-text-opacity, 1));
 }
 
 .text-rp-dawn-pine {
@@ -1600,21 +1508,6 @@ code {
   color: rgb(87 82 121 / var(--tw-text-opacity, 1));
 }
 
-.text-rp-dawn-gold {
-  --tw-text-opacity: 1;
-  color: rgb(234 157 52 / var(--tw-text-opacity, 1));
-}
-
-.text-rp-dawn-base {
-  --tw-text-opacity: 1;
-  color: rgb(250 244 237 / var(--tw-text-opacity, 1));
-}
-
-.text-rp-dawn-overlay {
-  --tw-text-opacity: 1;
-  color: rgb(242 233 225 / var(--tw-text-opacity, 1));
-}
-
 .no-underline {
   text-decoration-line: none;
 }
@@ -2255,25 +2148,6 @@ code {
   }
 }
 
-.hover\:border-l-4:hover {
-  border-left-width: 4px;
-}
-
-.hover\:border-rp-dawn-rose:hover {
-  --tw-border-opacity: 1;
-  border-color: rgb(215 130 126 / var(--tw-border-opacity, 1));
-}
-
-.hover\:border-red-700:hover {
-  --tw-border-opacity: 1;
-  border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
-}
-
-.hover\:bg-rp-dawn-love:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(180 99 122 / var(--tw-bg-opacity, 1));
-}
-
 .hover\:no-underline:hover {
   text-decoration-line: none;
 }
@@ -2308,11 +2182,6 @@ code {
     border-left-width: 4px;
   }
 
-  .md\:text-2xl {
-    font-size: 1.5rem;
-    line-height: 2rem;
-  }
-
   .md\:text-3xl {
     font-size: 1.875rem;
     line-height: 2.25rem;
@@ -2382,6 +2251,11 @@ code {
     color: rgb(156 207 216 / var(--tw-text-opacity, 1));
   }
 
+  .dark\:text-rp-moon-highlight-med {
+    --tw-text-opacity: 1;
+    color: rgb(68 65 90 / var(--tw-text-opacity, 1));
+  }
+
   .dark\:text-rp-moon-iris {
     --tw-text-opacity: 1;
     color: rgb(196 167 231 / var(--tw-text-opacity, 1));
@@ -2396,24 +2270,4 @@ code {
     --tw-text-opacity: 1;
     color: rgb(224 222 244 / var(--tw-text-opacity, 1));
   }
-
-  .dark\:text-rp-moon-gold {
-    --tw-text-opacity: 1;
-    color: rgb(246 193 119 / var(--tw-text-opacity, 1));
-  }
-
-  .dark\:text-rp-moon-highlight-low {
-    --tw-text-opacity: 1;
-    color: rgb(42 40 62 / var(--tw-text-opacity, 1));
-  }
-
-  .dark\:text-rp-moon-subtle {
-    --tw-text-opacity: 1;
-    color: rgb(144 140 170 / var(--tw-text-opacity, 1));
-  }
-
-  .dark\:text-rp-moon-highlight-med {
-    --tw-text-opacity: 1;
-    color: rgb(68 65 90 / var(--tw-text-opacity, 1));
-  }
 }

templates/base.html

@@ -5,7 +5,7 @@
       <title>{% block title %}{{ SITENAME|striptags }}{% endblock title %}</title>
       <meta charset="utf-8" />
       <meta name="generator" content="Pelican" />
-      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
       {% if SITESUBTITLE %}
         <meta name="description" content="{{ SITESUBTITLE }}" />
       {% endif %}
@@ -36,7 +36,7 @@
       {% if TAG_FEED_RSS and tag %}
         <link href="{{ FEED_DOMAIN }}/{% if TAG_FEED_RSS_URL %}{{ TAG_FEED_RSS_URL.format(slug=tag.slug) }}{% else %}{{ TAG_FEED_RSS.format(slug=tag.slug) }}{% endif %}" type="application/rss+xml" rel="alternate" title="{{ SITENAME|striptags }} Tags RSS Feed" />
       {% endif %}
-      <link href="https://api.fontshare.com/v2/css?f[]=erode@400&f[]=fira-sans@600&f[]=stardom@400&display=swap" rel="stylesheet">
+      <link href="https://api.fontshare.com/v2/css?f[]=erode@400&f[]=fira-sans@600&f[]=stardom@400&display=swap" rel="stylesheet" />
       <script src="/theme/js/prism.js"></script>
       <link rel="stylesheet" type="text/css" href="/theme/css/prism.css" />
       <link rel="stylesheet" type="text/css" href="/theme/css/prism-rose-pine-moon-alt.css" />