fix: image floats, link color metadata

app/.gitignore

@@ -1,3 +1,6 @@
 public/docs/**/*
 !public/docs/metadata.md
 icons/
+templates_build/
+public/favicon.svg
+.env

app/docs/metadata.md

@@ -8,4 +8,4 @@ All option names can either be in all lowercase, or all uppercase. While option
 
 Metadata options go in the "Metadata" tab in the entry editor page. Each option should be on a new line, and should be formatted as `NAME = value`. If you're familiar with TOML, you should be comfortable with metadata formatting.
 
-You can view a list of all options and what they do [here](http://localhost:9119/public/reference/attobin/model/struct.EntryMetadata.html#fields).
+You can view a list of all options and what they do [here](/public/reference/attobin/model/struct.EntryMetadata.html#fields).

app/public/app.js

@@ -104,7 +104,7 @@ globalThis.init_editor = (
         autoCloseBrackets: true,
         autofocus: true,
         viewportMargin: Number.POSITIVE_INFINITY,
-        inputStyle: "contenteditable",
+        inputStyle: "textarea",
         highlightFormatting: false,
         fencedCodeBlockHighlighting: false,
         xml: false,
@@ -141,6 +141,10 @@ globalThis.tab_editor = () => {
     document.getElementById("editor_tab_button").classList.remove("camo");
     document.getElementById("preview_tab_button").classList.add("camo");
     document.getElementById("metadata_tab_button").classList.add("camo");
+
+    if (document.getElementById("metadata_css")) {
+        document.getElementById("metadata_css").remove();
+    }
 };
 
 globalThis.tab_preview = async () => {

app/public/style.css

@@ -14,7 +14,6 @@
     --color-green: hsl(100, 84%, 20%);
     --color-yellow: oklch(47% 0.157 37.304);
     --color-purple: hsl(284, 84%, 20%);
-    --color-primary: oklch(67.3% 0.182 276.935);
 
     --shadow-x-offset: 0;
     --shadow-y-offset: 0.125rem;
@@ -57,8 +56,17 @@ body {
     line-height: 1.5;
     letter-spacing: 0.15px;
     font-family:
-        "Inter", "Poppins", "Roboto", ui-sans-serif, system-ui, sans-serif,
-        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+        "Inter",
+        "Poppins",
+        "Roboto",
+        ui-sans-serif,
+        -apple-system,
+        BlinkMacSystemFont,
+        system-ui,
+        sans-serif,
+        "Apple Color Emoji",
+        "Segoe UI Emoji",
+        "Segoe UI Symbol",
         "Noto Color Emoji";
     color: var(--color-text);
     background: var(--color-surface);

app/templates_src/root.lisp

@@ -9,7 +9,9 @@
         (link ("rel" "stylesheet") ("href" "{{ tetratto }}/css/utility.css?v={{ build_code }}"))
         (link ("rel" "stylesheet") ("href" "/public/style.css?v={{ build_code }}"))
 
-        (meta ("name" "theme-color") ("content" "#fbc27f"))
+        (style (text ":root { --color-primary: {{ theme_color }}; }"))
+
+        (meta ("name" "theme-color") ("content" "{{ theme_color }}"))
         (meta ("property" "og:type") ("content" "website"))
         (meta ("property" "og:site_name") ("content" "{{ name }}"))