not very useful close button script (thanks unnick)

_includes/layouts/header.njk

@@ -17,6 +17,7 @@
 {% set js %}
         {% include "scripts/alt-popup.js" %}
         {% include "scripts/button.js" %}
+        {% include "scripts/close.js" %}
         {% include "scripts/settings.js" %}
 {% endset %}
 <meta charset="UTF-8">

_includes/scripts/close.js

@@ -0,0 +1,7 @@
+// unnick asked for this, i provide.
+// this provides no usefulness and there is no implementation to respawn windows. but i think it's funny and you can just reload anyways since it doesn't take long to load anyways
+document.addEventListener("DOMContentLoaded", function() {
+    document.querySelectorAll(".close-button").forEach(e => {
+        e.onclick = () => e.parentElement.parentElement.remove();
+    });
+});

_includes/scripts/settings.js

@@ -1,4 +1,4 @@
-document.addEventListener('DOMContentLoaded', function() {
+document.addEventListener("DOMContentLoaded", function() {
     // all available settings
     const fontInputs = document.querySelectorAll('input[name="font-setting"]');
     const themeInputs = document.querySelectorAll('input[name="theme-setting"]');

_includes/styles/base.css

@@ -350,7 +350,7 @@ details.styled {
             margin-left: auto;
         }
 
-        background: linear-gradient(color-mix(in srgb, var(--accent) 3%, transparent), color-mix(in srgb, var(--accent) 15%, transparent));
+        background: linear-gradient(color-mix(in srgb, var(--accent) 3%, transparent), color-mix(in srgb, var(--accent) 12%, transparent));
         border-bottom: unset !important;
         cursor: pointer;
         padding: .65rem;
@@ -363,13 +363,21 @@ details.styled {
         ul {
             margin: 0 0 0 -.5rem;
         }
+
+        p:first-of-type {
+            margin-top: 0 !important;
+        }
+
+        p:last-of-type {
+            margin-bottom: 0 !important;
+        }
     }
 
     .last {
         margin-bottom: .8rem;
     }
 
-    background-color: color-mix(in srgb, var(--accent) 8%, transparent);
+    background-color: color-mix(in srgb, var(--accent) 3%, transparent);
     border-radius: .8rem .4rem .8rem .4rem;
     border: .13rem solid var(--accent);
     margin-top: 1.3rem;