diff --git a/config/gallery.yaml b/config/gallery.yaml
index 1ed4308..d2396ec 100644
--- a/config/gallery.yaml
+++ b/config/gallery.yaml
@@ -1,30 +1,2 @@
-# Source your photos here
-# Relative path is set from built img folder
-# You can also use gallery.py to automatically add photos stored in your /config/photos/gallery folder
-# Add tags to your photos as shown below
-# remove the # before [] if you removed all images to use gallery.py
-images: #[]
-- src: gallery/almos-bechtold-3402kvtHhOo-unsplash.jpg
-  tags: ["portrait"]
-- src: gallery/arthur-savary-nLfAqmZ2hJo-unsplash.jpg
-  tags: ["portrait", "sunset", "boat"]
-- src: gallery/francesco-ungaro-Zbc9Ka8msdI-unsplash.jpg
-  tags: ["landscape", "sea", "beach", "sand"]
-- src: gallery/gilley-aguilar-ywGDhTlf93E-unsplash.jpg
-  tags: ["landscape", "sky", "cloud", "mountains"]
-- src: gallery/jacob-reinikainen-nGG6m3RbjSk-unsplash.jpg
-  tags: ["lanscape", "sunset", "mountains"]
-- src: gallery/jonas-degener-LueP5EdWGFY-unsplash.jpg
-  tags: ["landscape", "mountains", "fog"]
-- src: gallery/michiel-annaert-M27pZnHV6M0-unsplash.jpg
-  tags: ["flowers", "nature"]
-- src: gallery/nir-himi-AjecvkfSHxA-unsplash.jpg
-  tags: ["landscape", "mountains", "sky"]
-- src: gallery/rachel-mcdermott-0fN7Fxv1eWA-unsplash.jpg
-  tags: ["portrait", "black and white"]
-- src: gallery/tianlei-wu-g5o6T-PWT3g-unsplash.jpg
-  tags: ["cat", "animals"]
-- src: gallery/we-care-wild-zLweeVLU9Fo-unsplash.jpg
-  tags: ["bison", "animals"]
-- src: gallery/y-s-z90w7yStOkk-unsplash.jpg
-  tags: ["frog", "green", "animals"]
+# Use gallery.py to automatically add photos stored in your /config/photos/gallery folder. 
+images: []
\ No newline at end of file
diff --git a/config/site.yaml b/config/site.yaml
index a0d5494..27bb8a8 100644
--- a/config/site.yaml
+++ b/config/site.yaml
@@ -1,59 +1,38 @@
-# This file is filled with the demo info
-# Please change this by your settings
-
+# Please change this by your settings.
 info:
-  title: Lumeex
-  subtitle: A minimalistic Gallery
-  description: A minimalistic Gallery
-  canonical: https://lumeex.djeex.fr
-  keywords: photography, lumen, demo, gallery, minimalistic
-  author: Djeex
-  google_analytics_id: G-XXXXXXX # optional
+  title:
+  subtitle:
+  description:
+  canonical:
+  keywords:
+  author:
 
 social:
-  instagram_url: https://www.instagram.com/
-  thumbnail: hero/jacob-reinikainen-nGG6m3RbjSk-unsplash.jpg
+  instagram_url:
+  thumbnail:
 
 menu:
   items:
   - label: Home
     href: /
-  - label: Nature
-    href: /?tag=Nature
-  - label: Landscape
-    href: /?tag=landscape
-  - label: Portrait
-    href: /?tag=portrait
-  - label: Animals
-    href: /?tag=animals
 
 hero:
-  # Source your hero carrousel images here. 
-  # Root folder is img. 
-  # You can also use gallery.py to automatically add images from config/photos/hero folder
-  # remove the # before [] if you removed all images to use gallery.py
-  images: #[]
-  - src: hero/francesco-ungaro-Zbc9Ka8msdI-unsplash.jpg
-  - src: hero/gilley-aguilar-ywGDhTlf93E-unsplash.jpg
-  - src: hero/jacob-reinikainen-nGG6m3RbjSk-unsplash.jpg
+  # Use gallery.py to automatically add images from config/photos/hero folder
+  images: []
 
 footer:
-  copyright: Copyright © 2025 – Lumeex
+  copyright: Copyright © 2025
   legal_link: '/legals/'
   legal_label: Legal notice
 
 # Build parameters
 build:
-  theme: modern # choose a theme in config/theme folder.
-  convert_images: true # use true to automatically convert images to webp small weight images.
-  resize_images: true # use true to automatically resize to width 1140px (maximum width used in the gallery)
+  theme: modern # choose a theme in config/theme folder
 
 # Change this by your legals
 legals:
-  hoster_name: Djeex
-  hoster_adress: Paris, France
-  hoster_contact: contact@djeex.fr
+  hoster_name:
+  hoster_adress:
+  hoster_contact:
   intellectual_property:
-    - paragraph: "Users of this website are required to comply with the provisions of the French Data Protection Act (Loi Informatique et Libertés), the violation of which may result in criminal penalties. In particular, they must refrain from any collection or misuse of personal data accessible through the site, and more generally, from any act likely to infringe upon the privacy or reputation of individuals."
-    - paragraph: "The overall structure, as well as the software, texts, animated or still images, know-how, and all other components of the site, are the exclusive property of Lumeex"
-    - paragraph: "Any total or partial reproduction of this website, by any means whatsoever, without the express authorization of Lumeex, is prohibited and constitutes an infringement punishable under articles L.335-2 and following of the French Intellectual Property Code. The same applies to the databases appearing on the website, which are protected by the provisions of the law of July 1, 1998, implementing into the Intellectual Property Code the European directive of March 11, 1996, on the legal protection of databases."
+    - paragraph: ""
diff --git a/demo/config/gallery.yaml b/demo/config/gallery.yaml
new file mode 100644
index 0000000..1ed4308
--- /dev/null
+++ b/demo/config/gallery.yaml
@@ -0,0 +1,30 @@
+# Source your photos here
+# Relative path is set from built img folder
+# You can also use gallery.py to automatically add photos stored in your /config/photos/gallery folder
+# Add tags to your photos as shown below
+# remove the # before [] if you removed all images to use gallery.py
+images: #[]
+- src: gallery/almos-bechtold-3402kvtHhOo-unsplash.jpg
+  tags: ["portrait"]
+- src: gallery/arthur-savary-nLfAqmZ2hJo-unsplash.jpg
+  tags: ["portrait", "sunset", "boat"]
+- src: gallery/francesco-ungaro-Zbc9Ka8msdI-unsplash.jpg
+  tags: ["landscape", "sea", "beach", "sand"]
+- src: gallery/gilley-aguilar-ywGDhTlf93E-unsplash.jpg
+  tags: ["landscape", "sky", "cloud", "mountains"]
+- src: gallery/jacob-reinikainen-nGG6m3RbjSk-unsplash.jpg
+  tags: ["lanscape", "sunset", "mountains"]
+- src: gallery/jonas-degener-LueP5EdWGFY-unsplash.jpg
+  tags: ["landscape", "mountains", "fog"]
+- src: gallery/michiel-annaert-M27pZnHV6M0-unsplash.jpg
+  tags: ["flowers", "nature"]
+- src: gallery/nir-himi-AjecvkfSHxA-unsplash.jpg
+  tags: ["landscape", "mountains", "sky"]
+- src: gallery/rachel-mcdermott-0fN7Fxv1eWA-unsplash.jpg
+  tags: ["portrait", "black and white"]
+- src: gallery/tianlei-wu-g5o6T-PWT3g-unsplash.jpg
+  tags: ["cat", "animals"]
+- src: gallery/we-care-wild-zLweeVLU9Fo-unsplash.jpg
+  tags: ["bison", "animals"]
+- src: gallery/y-s-z90w7yStOkk-unsplash.jpg
+  tags: ["frog", "green", "animals"]
diff --git a/demo/config/photos/.DS_Store b/demo/config/photos/.DS_Store
new file mode 100644
index 0000000..5cf1141
Binary files /dev/null and b/demo/config/photos/.DS_Store differ
diff --git a/demo/config/photos/gallery/almos-bechtold-3402kvtHhOo-unsplash.jpg b/demo/config/photos/gallery/almos-bechtold-3402kvtHhOo-unsplash.jpg
new file mode 100644
index 0000000..46c580c
Binary files /dev/null and b/demo/config/photos/gallery/almos-bechtold-3402kvtHhOo-unsplash.jpg differ
diff --git a/demo/config/photos/gallery/arthur-savary-nLfAqmZ2hJo-unsplash.jpg b/demo/config/photos/gallery/arthur-savary-nLfAqmZ2hJo-unsplash.jpg
new file mode 100644
index 0000000..7d45057
Binary files /dev/null and b/demo/config/photos/gallery/arthur-savary-nLfAqmZ2hJo-unsplash.jpg differ
diff --git a/demo/config/photos/gallery/francesco-ungaro-Zbc9Ka8msdI-unsplash.jpg b/demo/config/photos/gallery/francesco-ungaro-Zbc9Ka8msdI-unsplash.jpg
new file mode 100644
index 0000000..fa9d8f9
Binary files /dev/null and b/demo/config/photos/gallery/francesco-ungaro-Zbc9Ka8msdI-unsplash.jpg differ
diff --git a/demo/config/photos/gallery/gilley-aguilar-ywGDhTlf93E-unsplash.jpg b/demo/config/photos/gallery/gilley-aguilar-ywGDhTlf93E-unsplash.jpg
new file mode 100644
index 0000000..8ac743e
Binary files /dev/null and b/demo/config/photos/gallery/gilley-aguilar-ywGDhTlf93E-unsplash.jpg differ
diff --git a/demo/config/photos/gallery/jacob-reinikainen-nGG6m3RbjSk-unsplash.jpg b/demo/config/photos/gallery/jacob-reinikainen-nGG6m3RbjSk-unsplash.jpg
new file mode 100644
index 0000000..a7a1ca2
Binary files /dev/null and b/demo/config/photos/gallery/jacob-reinikainen-nGG6m3RbjSk-unsplash.jpg differ
diff --git a/demo/config/photos/gallery/jonas-degener-LueP5EdWGFY-unsplash.jpg b/demo/config/photos/gallery/jonas-degener-LueP5EdWGFY-unsplash.jpg
new file mode 100644
index 0000000..aa323ea
Binary files /dev/null and b/demo/config/photos/gallery/jonas-degener-LueP5EdWGFY-unsplash.jpg differ
diff --git a/demo/config/photos/gallery/michiel-annaert-M27pZnHV6M0-unsplash.jpg b/demo/config/photos/gallery/michiel-annaert-M27pZnHV6M0-unsplash.jpg
new file mode 100644
index 0000000..b4543d5
Binary files /dev/null and b/demo/config/photos/gallery/michiel-annaert-M27pZnHV6M0-unsplash.jpg differ
diff --git a/demo/config/photos/gallery/nir-himi-AjecvkfSHxA-unsplash.jpg b/demo/config/photos/gallery/nir-himi-AjecvkfSHxA-unsplash.jpg
new file mode 100644
index 0000000..aa74bae
Binary files /dev/null and b/demo/config/photos/gallery/nir-himi-AjecvkfSHxA-unsplash.jpg differ
diff --git a/demo/config/photos/gallery/rachel-mcdermott-0fN7Fxv1eWA-unsplash.jpg b/demo/config/photos/gallery/rachel-mcdermott-0fN7Fxv1eWA-unsplash.jpg
new file mode 100644
index 0000000..f92dc7c
Binary files /dev/null and b/demo/config/photos/gallery/rachel-mcdermott-0fN7Fxv1eWA-unsplash.jpg differ
diff --git a/demo/config/photos/gallery/tianlei-wu-g5o6T-PWT3g-unsplash.jpg b/demo/config/photos/gallery/tianlei-wu-g5o6T-PWT3g-unsplash.jpg
new file mode 100644
index 0000000..0f04e21
Binary files /dev/null and b/demo/config/photos/gallery/tianlei-wu-g5o6T-PWT3g-unsplash.jpg differ
diff --git a/demo/config/photos/gallery/we-care-wild-zLweeVLU9Fo-unsplash.jpg b/demo/config/photos/gallery/we-care-wild-zLweeVLU9Fo-unsplash.jpg
new file mode 100644
index 0000000..8918425
Binary files /dev/null and b/demo/config/photos/gallery/we-care-wild-zLweeVLU9Fo-unsplash.jpg differ
diff --git a/demo/config/photos/gallery/y-s-z90w7yStOkk-unsplash.jpg b/demo/config/photos/gallery/y-s-z90w7yStOkk-unsplash.jpg
new file mode 100644
index 0000000..fff36c5
Binary files /dev/null and b/demo/config/photos/gallery/y-s-z90w7yStOkk-unsplash.jpg differ
diff --git a/demo/config/photos/hero/francesco-ungaro-Zbc9Ka8msdI-unsplash.jpg b/demo/config/photos/hero/francesco-ungaro-Zbc9Ka8msdI-unsplash.jpg
new file mode 100644
index 0000000..fa9d8f9
Binary files /dev/null and b/demo/config/photos/hero/francesco-ungaro-Zbc9Ka8msdI-unsplash.jpg differ
diff --git a/demo/config/photos/hero/gilley-aguilar-ywGDhTlf93E-unsplash.jpg b/demo/config/photos/hero/gilley-aguilar-ywGDhTlf93E-unsplash.jpg
new file mode 100644
index 0000000..8ac743e
Binary files /dev/null and b/demo/config/photos/hero/gilley-aguilar-ywGDhTlf93E-unsplash.jpg differ
diff --git a/demo/config/photos/hero/jacob-reinikainen-nGG6m3RbjSk-unsplash.jpg b/demo/config/photos/hero/jacob-reinikainen-nGG6m3RbjSk-unsplash.jpg
new file mode 100644
index 0000000..a7a1ca2
Binary files /dev/null and b/demo/config/photos/hero/jacob-reinikainen-nGG6m3RbjSk-unsplash.jpg differ
diff --git a/demo/config/site.yaml b/demo/config/site.yaml
new file mode 100644
index 0000000..a0d5494
--- /dev/null
+++ b/demo/config/site.yaml
@@ -0,0 +1,59 @@
+# This file is filled with the demo info
+# Please change this by your settings
+
+info:
+  title: Lumeex
+  subtitle: A minimalistic Gallery
+  description: A minimalistic Gallery
+  canonical: https://lumeex.djeex.fr
+  keywords: photography, lumen, demo, gallery, minimalistic
+  author: Djeex
+  google_analytics_id: G-XXXXXXX # optional
+
+social:
+  instagram_url: https://www.instagram.com/
+  thumbnail: hero/jacob-reinikainen-nGG6m3RbjSk-unsplash.jpg
+
+menu:
+  items:
+  - label: Home
+    href: /
+  - label: Nature
+    href: /?tag=Nature
+  - label: Landscape
+    href: /?tag=landscape
+  - label: Portrait
+    href: /?tag=portrait
+  - label: Animals
+    href: /?tag=animals
+
+hero:
+  # Source your hero carrousel images here. 
+  # Root folder is img. 
+  # You can also use gallery.py to automatically add images from config/photos/hero folder
+  # remove the # before [] if you removed all images to use gallery.py
+  images: #[]
+  - src: hero/francesco-ungaro-Zbc9Ka8msdI-unsplash.jpg
+  - src: hero/gilley-aguilar-ywGDhTlf93E-unsplash.jpg
+  - src: hero/jacob-reinikainen-nGG6m3RbjSk-unsplash.jpg
+
+footer:
+  copyright: Copyright © 2025 – Lumeex
+  legal_link: '/legals/'
+  legal_label: Legal notice
+
+# Build parameters
+build:
+  theme: modern # choose a theme in config/theme folder.
+  convert_images: true # use true to automatically convert images to webp small weight images.
+  resize_images: true # use true to automatically resize to width 1140px (maximum width used in the gallery)
+
+# Change this by your legals
+legals:
+  hoster_name: Djeex
+  hoster_adress: Paris, France
+  hoster_contact: contact@djeex.fr
+  intellectual_property:
+    - paragraph: "Users of this website are required to comply with the provisions of the French Data Protection Act (Loi Informatique et Libertés), the violation of which may result in criminal penalties. In particular, they must refrain from any collection or misuse of personal data accessible through the site, and more generally, from any act likely to infringe upon the privacy or reputation of individuals."
+    - paragraph: "The overall structure, as well as the software, texts, animated or still images, know-how, and all other components of the site, are the exclusive property of Lumeex"
+    - paragraph: "Any total or partial reproduction of this website, by any means whatsoever, without the express authorization of Lumeex, is prohibited and constitutes an infringement punishable under articles L.335-2 and following of the French Intellectual Property Code. The same applies to the databases appearing on the website, which are protected by the provisions of the law of July 1, 1998, implementing into the Intellectual Property Code the European directive of March 11, 1996, on the legal protection of databases."
diff --git a/demo/config/themes/modern/favicon.png b/demo/config/themes/modern/favicon.png
new file mode 100644
index 0000000..16299b3
Binary files /dev/null and b/demo/config/themes/modern/favicon.png differ
diff --git a/demo/config/themes/modern/theme.css b/demo/config/themes/modern/theme.css
new file mode 100644
index 0000000..84c8a73
--- /dev/null
+++ b/demo/config/themes/modern/theme.css
@@ -0,0 +1,63 @@
+/*-----------------------------------*/
+/* Modern theme for Lumeex           */
+/* https://git.djeex.fr/Djeex/lumeex */
+/*-----------------------------------*/
+
+.hero-background {
+    border-radius: 0 0 15px 15px;
+}
+
+img, tag {
+    border-radius: 15px;
+}
+
+.tag, .scroll-up, .back-button {
+    padding: 5px 10px;
+    background: rgb(245 245 245);
+    border-radius: 30px;
+    font-size: 15px;
+}
+
+.back-button {
+    padding: 8px 15px 10px 15px;
+    margin-left: 100px;
+}
+
+.tag:hover {
+    background: rgb(231, 231, 231);
+    color: var(--color-primary-dark);
+}
+
+.tag.active, .scroll-up:hover, .back-button:hover {
+    color: var(--color-background);
+    background: var(--color-primary-dark);
+}
+
+#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 {
+        font-size: 12px;
+    }
+
+    .hero-background {
+        max-width: 90%;
+        margin: auto;
+    }
+
+    .back-button {
+        margin-left: 0px;
+}
+
+}
\ No newline at end of file
diff --git a/demo/config/themes/modern/theme.yaml b/demo/config/themes/modern/theme.yaml
new file mode 100644
index 0000000..3f331f5
--- /dev/null
+++ b/demo/config/themes/modern/theme.yaml
@@ -0,0 +1,32 @@
+#-----------------------------------#
+# Modern theme for Lumeex           #
+# https://git.djeex.fr/Djeex/lumeex #
+#-----------------------------------#
+colors:
+  primary: '#0065a1'
+  primary_dark: '#005384'
+  secondary: '#00b0f0'
+  accent: '#ffc700'
+  text_dark: '#616161'
+  background: '#fff'
+  browser_color: '#fff'
+favicon:
+  path: favicon.png
+google_fonts:
+  - family: Lato
+    weights:
+    - '200'
+    - '400'
+    - '700'
+  - family: Montserrat
+    weights:
+    - '200'
+    - '400'
+    - '700'
+fonts:
+  primary:
+    name: Lato
+    fallback: sans-serif
+  secondary:
+    name: Montserrat
+    fallback: serif
\ No newline at end of file
diff --git a/demo/config/themes/typewriter/favicon.png b/demo/config/themes/typewriter/favicon.png
new file mode 100644
index 0000000..16299b3
Binary files /dev/null and b/demo/config/themes/typewriter/favicon.png differ
diff --git a/demo/config/themes/typewriter/fonts/trixie.woff b/demo/config/themes/typewriter/fonts/trixie.woff
new file mode 100644
index 0000000..d070991
Binary files /dev/null and b/demo/config/themes/typewriter/fonts/trixie.woff differ
diff --git a/demo/config/themes/typewriter/fonts/trixie.woff2 b/demo/config/themes/typewriter/fonts/trixie.woff2
new file mode 100644
index 0000000..7a0213c
Binary files /dev/null and b/demo/config/themes/typewriter/fonts/trixie.woff2 differ
diff --git a/demo/config/themes/typewriter/theme.css b/demo/config/themes/typewriter/theme.css
new file mode 100644
index 0000000..8fa3637
--- /dev/null
+++ b/demo/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;
+}
\ No newline at end of file
diff --git a/demo/config/themes/typewriter/theme.yaml b/demo/config/themes/typewriter/theme.yaml
new file mode 100644
index 0000000..7a30379
--- /dev/null
+++ b/demo/config/themes/typewriter/theme.yaml
@@ -0,0 +1,21 @@
+#-----------------------------------#
+# Typewriter theme for Lumeex       #
+# https://git.djeex.fr/Djeex/lumeex #
+#-----------------------------------#
+colors:
+  primary: '#0065a1'
+  primary_dark: '#005384'
+  secondary: '#00b0f0'
+  accent: '#ffc700'
+  text_dark: '#616161'
+  background: '#fff'
+  browser_color: '#fff'
+favicon:
+  path: favicon.png
+fonts:
+  primary:
+    name: Trixie
+    fallback: sans-serif
+  secondary:
+    name: Trixie
+    fallback: serif
\ No newline at end of file