config/site.yaml

@@ -1,28 +1,33 @@
 info:
-  title: null
+  title:
-  subtitle: null
+  subtitle:
-  description: null
+  description:
-  canonical: null
+  canonical:
-  keywords: null
+  keywords:
-  author: null
+  author:
+
 social:
-  instagram_url: null
+  instagram_url:
   thumbnail: ''
+
 menu:
   items:
   - label: Home
     href: /
+
 footer:
   copyright: Copyright © 2025
   legal_link: /legals/
   legal_label: Legal notice
+
 build:
   theme: modern
   convert_images: true
   resize_images: true
+  
 legals:
-  hoster_name: null
+  hoster_name:
-  hoster_address: null
+  hoster_address:
-  hoster_contact: null
+  hoster_contact:
   intellectual_property:
   - paragraph: ''

config/themes/modern/theme.css

@@ -35,16 +35,13 @@ img, tag {
 
 #footer {
     box-shadow: 0px 20px 100px -44px rgba(0, 0, 0, 0.5);
-    margin: auto;
 }
 
 @media (max-width: 768px) {
     
     #footer {
         box-shadow: 0px 20px 100px -44px rgba(0, 0, 0, 0.5);
-        border-radius: 15px 15px 0 0;
         max-width: 1140px;
-        margin: 0;
     }
 
     .tag {

config/themes/modern/theme.yaml

@@ -6,8 +6,10 @@ colors:
   text_dark: '#616161'
   background: '#FFFFFF'
   browser_color: '#FFFFFF'
+
 favicon:
   path: favicon.png
+
 fonts:
   primary:
     fallback: sans-serif
@@ -15,8 +17,9 @@ fonts:
   secondary:
     fallback: serif
     name: Montserrat
+    
 google_fonts:
-- family: ''
+- family: 'Lato'
   weights:
   - '200'
   - '400'

config/themes/typewriter/theme.yaml

@@ -6,8 +6,10 @@ colors:
   primary_dark: '#005384'
   secondary: '#00B0F0'
   text_dark: '#616161'
+
 favicon:
   path: favicon.png
+  
 fonts:
   primary:
     name: trixie.woff

demo/config/themes/modern/theme.yaml

@@ -6,8 +6,10 @@ colors:
   text_dark: '#616161'
   background: '#FFFFFF'
   browser_color: '#FFFFFF'
+
 favicon:
   path: favicon.png
+
 fonts:
   primary:
     fallback: sans-serif
@@ -15,6 +17,7 @@ fonts:
   secondary:
     fallback: serif
     name: Montserrat
+    
 google_fonts:
 - family: ''
   weights:

demo/config/themes/typewriter/theme.yaml

@@ -6,8 +6,10 @@ colors:
   primary_dark: '#005384'
   secondary: '#00B0F0'
   text_dark: '#616161'
+
 favicon:
   path: favicon.png
+  
 fonts:
   primary:
     name: trixie.woff

src/public/style/style.css

@@ -78,6 +78,8 @@ html,body {
 	font-weight: 400;
 	line-height:1.5;
 	color:var(--color-primary-dark);
+	display: flex;
+	flex-direction: column;
 }
 
 html {
@@ -237,12 +239,23 @@ h2 {
 /* Hero */
 
 #hero {
+  min-height: 100vh;
+  flex: 1 0 auto;
+  display: flex;
+  flex-direction: column;
+}
+
+#hero .section {
   height: 100%;
+  display: flex;
+  flex-direction: column;
   width: 100%;
 }
+
 #hero .content-wrapper, #hero .section {
 	height:100%;
 }
+
 .hero-background {
 	height: 66%;
 	width: 100%;
@@ -303,7 +316,6 @@ h2 {
     font-size: 22px;
 }
 
-
 .gallery {
 		padding-top: 15px;
 	}
@@ -341,6 +353,11 @@ h2 {
 
 /* Footer */
 
+#footer {
+	margin: auto 0 0 0;
+	width: 100%;
+}
+
 .navigation {
 	text-align: center;
 	padding-top: 40px;
@@ -470,8 +487,7 @@ h2 {
 
 	#legals.content-wrapper {
 		max-width: 90%;
-		margin: auto;
+		margin: 50px auto;
-		margin-top: 50px;
 	}
 
 	.legals-content {

src/webui/js/site-info.js

@@ -463,6 +463,12 @@ document.addEventListener("DOMContentLoaded", () => {
   function isSectionSaved(section) {
     const values = getSectionValues(section);
     const config = loadedConfig[section] || {};
+    function normalizeMenuItems(items) {
+      return (items || []).map(item => ({
+        label: item.label || "",
+        href: item.href || ""
+      }));
+    }
     switch (section) {
       case "info":
         return Object.keys(values).every(
@@ -477,7 +483,7 @@ document.addEventListener("DOMContentLoaded", () => {
           values.instagram_url === (config.instagram_url || "") &&
           values.thumbnail === (config.thumbnail || "");
       case "menu":
-        return JSON.stringify(values.items) === JSON.stringify(config.items || []);
+        return JSON.stringify(normalizeMenuItems(values.items)) === JSON.stringify(normalizeMenuItems(config.items));
             case "footer":
         return values.copyright && values.legal_label &&
           values.copyright === (config.copyright || "") &&