add: change database to postgres

app/public/style.css

@@ -283,6 +283,14 @@ video {
     position: absolute;
     z-index: 2;
     top: 100%;
+    right: 0;
+    width: max-content;
+    max-width: 15rem;
+}
+
+.dropdown .inner.left {
+    right: unset;
+    left: 0;
 }
 
 .dropdown .inner.open {
@@ -823,3 +831,23 @@ dialog::backdrop {
 dialog:is(.dark *)::backdrop {
     background: hsla(0, 0%, 100%, 15%);
 }
+
+/* menus */
+menu {
+    display: flex;
+}
+
+menu .button {
+    justify-content: flex-start;
+    width: 100%;
+}
+
+menu .button.active {
+    background: var(--color-super-raised);
+}
+
+menu.col {
+    flex-direction: column;
+    width: 25rem;
+    max-width: 100%;
+}

app/templates_src/edit.lisp

@@ -143,7 +143,7 @@
         const { load, failed } = submitter_load(rm ? document.getElementById(\"fake_delete_button\") : e.submitter);
         load();
 
-        fetch(\"/api/v1/entries/{{ entry.slug }}\", {
+        fetch(\"/api/v1/entries/{{ entry.id }}\", {
             method: \"POST\",
             headers: {
                 \"Content-Type\": \"application/json\",

app/templates_src/root.lisp

@@ -33,7 +33,7 @@
                         ("class" "button camo fade")
                         (text "{{ icon \"menu\" }}"))
                     (div
-                        ("class" "inner")
+                        ("class" "inner left")
                         (a
                             ("class" "button")
                             ("href" "/")

app/templates_src/view.lisp

@@ -55,7 +55,7 @@
 
             ; views
             (text "{% if not metadata.option_disable_views -%}")
-            (span (text "Views: {{ views }}"))
+            (span (text "Views: {{ entry.views }}"))
             (text "{%- endif %}")
 
             ; easy-to-read