feat: satoshi font, frontend styling

templates/documentation/base.html

@@ -1,6 +1,6 @@
 {% extends "body_base.html" %}
 {% block main %}
-<main class="flex justify-center grow mt-2 sm:mt-4">
+<main class="flex justify-center grow mt-2 sm:mt-4 pb-10">
   <div class="container">
     <div class="grid grid-cols-1 lg:grid-cols-[auto_1fr] gap-4">
       <!-- Documentation Menu -->

templates/documentation/get_started.html

@@ -13,13 +13,15 @@
     release, open the <code>config.yaml</code> file and set the following configurations:
   </li>
 </ol>
-<pre><code>OPENAI_API_KEY: your_api_key
+<pre><code>
+    OPENAI_API_KEY: your_api_key
     SMTP_EMAIL_RELAYER: your_email_relayer
     SMTP_USERNAME: your_smtp_username
     SMTP_PASSWORD: your_smtp_password
     DB_ADDRESS: your_db_address
     DB_USER: your_db_user
-    DB_PASSWORD: your_db_password</code></pre>
+    DB_PASSWORD: your_db_password
+  </code></pre>
 <p>The database settings relate to a running instance of SurrealDB. You can opt for their cloud solution or run your
   own instance.</p>
 

templates/documentation/index.html

@@ -1,6 +1,6 @@
 {% extends "documentation/base.html" %}
 {% block article %}
-<h1>Documentation</h1>
+<h2>Documentation</h2>
 <p>
   Personalised Knowledge Management (PKM) is a system designed to help individuals organise, store, and retrieve
   information effectively. It empowers users to create a personalised workflow for managing knowledge, enabling
@@ -10,13 +10,17 @@
   This documentation will guide you through the core concepts, tools, and best practices for building and
   maintaining your own PKM system.
 </p>
-<div class="card p-6 rounded-lg shadow-md">
-  <h2>Getting Started</h2>
-  <p>
-    To begin, explore the sections in the navigation menu. Each section provides detailed insights into
-    different
-    aspects of PKM, from foundational principles to advanced techniques.
-  </p>
-  <a href="/documentation/quick-start" class="btn btn-primary text-primary-content" hx-boost="true">Learn More</a>
+<div class="card bg-base-200 rounded-lg shadow-md">
+  <div class="card-body">
+    <h3 class="card-title not-prose">Getting Started</h3>
+    <p>
+      To begin, explore the sections in the navigation menu. Each section provides detailed insights into
+      different
+      aspects of PKM, from foundational principles to advanced techniques.
+    </p>
+    <div class="card-actions">
+      <a href="/documentation/quick-start" class="btn btn-primary text-primary-content" hx-boost="true">Learn More</a>
+    </div>
+  </div>
 </div>
 {% endblock %}

templates/documentation/mobile_friendly.html

@@ -1,8 +1,6 @@
 {% extends 'documentation/base.html' %}
 {% block article %}
-<header>
-  <h2>Mobile Friendly Ingression: How to Submit Content from iOS to Minne</h2>
-</header>
+<h2>Mobile Friendly Ingression: How to Submit Content from iOS to Minne</h2>
 <p>Minne is built with simplicity in mind. Whether you wish to save a file, capture a thought, or share a page,
   submitting content is effortless. Our server provides API access that enables users to perform actions using a
   personalized API key.</p>

templates/documentation/privacy.html

@@ -1,6 +1,6 @@
 {% extends 'documentation/base.html' %}
 {% block article %}
-<h1>Privacy Policy</h1>
+<h2>Privacy Policy</h2>
 <p>We value your privacy and are committed to protecting your personal information. This policy
   outlines how we handle your data and ensures transparency in our practices.</p>