Merge pull request 'UI optimizations + credits' (#1) from ui into main

Reviewed-on: #1

config/themes/modern/theme.css

@@ -35,8 +35,6 @@ img, tag {
 
 #footer {
     box-shadow: 0px 20px 100px -44px rgba(0, 0, 0, 0.5);
-    border-radius: 15px 15px 0 0;
-    max-width: 1140px;
     margin: auto;
 }
 
@@ -49,6 +47,10 @@ img, tag {
         margin: 0;
     }
 
+    .tag {
+        font-size: 12px;
+    }
+
     .hero-background {
         max-width: 90%;
         margin: auto;

config/themes/modern/theme.yaml

@@ -7,7 +7,7 @@ colors:
   primary_dark: '#005384'
   secondary: '#00b0f0'
   accent: '#ffc700'
-  text_dark: '#333'
+  text_dark: '#616161'
   background: '#fff'
   browser_color: '#fff'
 favicon:

config/themes/typewriter/theme.css

@@ -0,0 +1,13 @@
+/*-----------------------------------*/
+/* Typewriter theme for Lumeex           */
+/* https://git.djeex.fr/Djeex/lumeex */
+/*-----------------------------------*/
+
+
+.tag {
+    line-height: 0.5em;
+}
+
+.tags {
+    gap:0px;
+}

config/themes/typewriter/theme.yaml

@@ -7,7 +7,7 @@ colors:
   primary_dark: '#005384'
   secondary: '#00b0f0'
   accent: '#ffc700'
-  text_dark: '#333'
+  text_dark: '#616161'
   background: '#fff'
   browser_color: '#fff'
 favicon:

src/public/style/style.css

@@ -8,7 +8,7 @@
   --color-primary-dark: #005384;
   --color-secondary: #00b0f0;
   --color-accent: #ffc700;
-  --color-text-dark: #333333;
+  --color-text-dark: #616161;
   --color-background: #ffffff;
 }
 
@@ -173,6 +173,9 @@ h2 {
   visibility: hidden;
 }
 
+.nav-separator {
+	color: var(--color-accent);
+}
 /* animation */
 
 .appear {
@@ -238,7 +241,7 @@ h2 {
 .tags {
   display: flex;
   flex-wrap: wrap;
-  gap: 6px;
+  gap: 5px;
   margin-bottom: 10px;
 }
 
@@ -247,6 +250,7 @@ h2 {
   cursor: pointer;
   font-size: 18px;
   transition: background 0.2s ease;
+  line-height: 1em;
 }
 
 .tag:hover,
@@ -392,7 +396,6 @@ h2 {
 }
 
 .navigation-bottom-link {
-	color:var(--color-accent);
 	font-size: 12px;
 }
 
@@ -446,6 +449,10 @@ h2 {
 	margin: 0 100px;
 }
 
+.legals-content p {
+	color: var(--color-text-dark);
+}
+
 /* responsive */
 
 @media (max-width: 1000px) {
@@ -479,6 +486,10 @@ h2 {
 		font-size:18px;
 	}
 
+	.tag {
+		font-size: 14px;
+	}
+
 	#legals.content-wrapper {
 		max-width: 90%;
 		margin: auto;

src/templates/footer.html

@@ -11,8 +11,8 @@
           </ul>
         </div>
         <div class="inner bottom-link appear">
-          <p class="navigation-subtitle appear">{{ copyright }}</p>
-          <p class="navigation-bottom-link appear"><a href="{{ legal_link }}">{{ legal_label }}</a></p>
+          <p><span class="navigation-subtitle appear">{{ copyright }}</span><span class="nav-separator"> • </span><span class="navigation-bottom-link appear"><a href="{{ legal_link }}">{{ legal_label }}</a></span></p>
+          <p class="navigation-subtitle appear"> Built with <a href="https://git.djeex.fr/Djeex/lumeex">Lumeex</a></p>
         </div>
       </div>
     </div>