Improved CMS configuration

Author: x1y

static/admin/config.yml

@@ -25,7 +25,14 @@ backend:
 
 media_folder: "static/images/uploads" # Adjust based on your media storage location
 public_folder: "/images/uploads" # URL path for accessing media
-logo_url: "https://pine64.org/img/logo.png"
+logo: 
+  src: https://pine64.org/img/logo.png
+  show_in_header: true
+search: false
+slug:
+  encoding: "ascii"
+  clean_accents: true
+  sanitize_replacement: "_"
 
 collections:
   - name: "blog" # This is the name used in the URL
@@ -36,6 +43,7 @@ collections:
     slug: "{{slug}}" # Filename template for new posts
     preview_path: "{{year}}/{{month}}/{{day}}/{{slug}}/"
     preview: false
+    delete: false
     fields: # List of fields for the front matter
       - { label: "Title", name: "title", widget: "string" }
       #- { label: "Description", name: "description", widget: "text", required: false}
@@ -61,6 +69,7 @@ collections:
     create: true # Allows users to create new documents in this collection
     slug: "{{slug}}" # Filename template for new posts
     preview: false
+    delete: false
     fields: # List of fields for the front matter
       - { label: "Title", name: "title", widget: "string" }
       #- { label: "Description", name: "description", widget: "text", required: false }
@@ -91,6 +100,7 @@ collections:
     create: true # Allows users to create new documents in this collection
     slug: "{{slug}}" # Filename template for new posts
     preview: false
+    delete: false
     fields: # List of fields for the front matter
       - { label: "Title", name: "title", widget: "string" }
       - { label: "Description", name: "description", widget: "text", required: false  }
@@ -105,7 +115,7 @@ collections:
     folder: "content/documentation" # The folder where your posts markdown files will be saved
     create: true # Allows users to create new documents in this collection
     preview: false
-    i18n: false
+    delete: false
     nested:
       #subfolders: true # Legacy behavior
       subfolders: false
@@ -147,6 +157,7 @@ collections:
     create: true # Allows users to create new documents in this collection
     slug: "{{slug}}" # Filename template for new posts
     preview: false
+    delete: false
     fields: # List of fields for the front matter
       - { label: "Title", name: "title", widget: "string" }
       - { label: "Description", name: "description", widget: "text", required: false  }

static/admin/custom.css

@@ -1,48 +1,29 @@
-html,
-body {
-    padding: 20px;
-    font-family: system-ui, Roboto, Helvetica, Arial, sans-serif;
-    font-size: 15px;
-    line-height: 1.5;
-}
-h2 {
-    font-weight: 700;
-    line-height: 1;
-    font-size: 24px;
-    margin-top: 12px;
-}
-img {
-    max-width: 100%;
+input {
+    padding: 4px 6px !important;
 }
-
-.frame-content div {
-    padding-bottom: 10px;
+input[name="email"], input[name="password"] {
+    padding: 10px !important;
 }
-
-ul {
-    margin-bottom: 16px;
-    margin-top: 8px;
-    padding-left: 30px;
+input[class*=SearchInput] {
+    padding: 10px 6px 10px 34px !important;
 }
-li {
-    margin: 8px 0;
+[class*=TopBarContainer], [class*=ToolbarContainer] {
+    padding: 4px 6px !important;
+    min-height: unset !important;
 }
-
-table {
-    border: 1px solid #444;
-    border-collapse: collapse;
-    width: 100%;
+[class*=ControlContainer]:first-of-type {
+    margin-top: 16px !important;
+}
+[class*=ListCardLink]:first-of-type {
+    padding: 6px 8px !important;
+}
+[class*=CreditIcon] {
+    display: none !important;
 }
-thead {
-    border: 1px solid #444;
-    background-color: #f8f8f8;
-    text-align: left;
+[class*=CustomIconWrapper] img {
+    margin-bottom: 40px !important;
 }
-tr, td, th {
-    border: 1px solid #444;
+[class*=AppHeaderLogo] img {
+    padding: 12px 4px 6px 4px !important;
 }
 
-pre {
-    padding: 4px;
-    background-color: #f8f8f8;
-}

static/admin/custom_preview.css

@@ -0,0 +1,48 @@
+html,
+body {
+    padding: 20px;
+    font-family: system-ui, Roboto, Helvetica, Arial, sans-serif;
+    font-size: 15px;
+    line-height: 1.5;
+}
+h2 {
+    font-weight: 700;
+    line-height: 1;
+    font-size: 24px;
+    margin-top: 12px;
+}
+img {
+    max-width: 100%;
+}
+
+.frame-content div {
+    padding-bottom: 10px;
+}
+
+ul {
+    margin-bottom: 16px;
+    margin-top: 8px;
+    padding-left: 30px;
+}
+li {
+    margin: 8px 0;
+}
+
+table {
+    border: 1px solid #444;
+    border-collapse: collapse;
+    width: 100%;
+}
+thead {
+    border: 1px solid #444;
+    background-color: #f8f8f8;
+    text-align: left;
+}
+tr, td, th {
+    border: 1px solid #444;
+}
+
+pre {
+    padding: 4px;
+    background-color: #f8f8f8;
+}

static/admin/index.html

@@ -5,12 +5,13 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="robots" content="noindex" />
     <title>PINE64 CMS</title>
+    <link rel="stylesheet" href="custom.css">
   </head>
   <body>
     <!-- Include the script that builds the page and powers Decap CMS -->
     <script src="https://unpkg.com/decap-cms@^3.0.0/dist/decap-cms.js"></script>
     <script>
-      CMS.registerPreviewStyle("custom.css");
+      CMS.registerPreviewStyle("custom_preview.css");
       CMS.registerPreviewStyle("/css/style.min.css");
       CMS.registerPreviewStyle("/css/documentation.min.css");
     </script>
@@ -146,7 +147,7 @@
         return `{{< toc >}}`;
     },
     toPreview: function(obj) {
-        return '<hr><b>TABLE OF CONTENTS WILL BE HERE</b><hr>';
+        return '<hr><b>TABLE OF CONTENTS</b><br>Hidden in preview<hr>';
     },
 });
 // podcast_player
@@ -409,6 +410,17 @@ <h4 style="margin:0 0 4px;font-size:1em;">${b.title}</h4>
   },
 });
 
+// HR
+CMS.registerEditorComponent({
+  id: "horizontal-rule",
+  label: "Horizontal Rule",
+  fields: [],
+  pattern: /^---$/m,
+  fromBlock: () => ({}),
+  toBlock: () => '---',
+  toPreview: () => '<hr />'
+});
+
     </script>
   </body>
 </html>