diff --git a/content/blog/_drafts/01/archlinux/install/from-zero-to-hero/index.md b/content/blog/_drafts/01/archlinux/install/from-zero-to-hero/index.md
index d73e239..3292ed7 100644
--- a/content/blog/_drafts/01/archlinux/install/from-zero-to-hero/index.md
+++ b/content/blog/_drafts/01/archlinux/install/from-zero-to-hero/index.md
@@ -224,3 +224,13 @@ pacman -S mako # notifications
 # TODO notification history?
 
 ```
+
+## utils
+
+
+
+
+```
+pacman -S hyprland
+pacman -S neovim ghostty dolphin wofi
+```
diff --git a/content/projects/_index.md b/content/projects/_index.md
new file mode 100644
index 0000000..fff1019
--- /dev/null
+++ b/content/projects/_index.md
@@ -0,0 +1,4 @@
++++
+title = "Projects"
+layout = "projects"
++++
diff --git a/content/projects/games-screenshot-manager.md b/content/projects/games-screenshot-manager.md
new file mode 100644
index 0000000..a515945
--- /dev/null
+++ b/content/projects/games-screenshot-manager.md
@@ -0,0 +1,10 @@
++++
+title = "Games Screenshot Manager"
+description = "A tool for managing screenshots of games"
+layout = "projects"
+repository = "https://github.com/fmartingr/games-screenshot-manager"
++++
+
+A tool for managing screenshots of games, it allows you to extract and organize the screenshots by platform and create a nice web gallery to display as a static site.
+
+It's the tool I used to build [my screenshots gallery](http://screenshots.fmartingr.com).
diff --git a/content/projects/shiori.md b/content/projects/shiori.md
new file mode 100644
index 0000000..3b152d2
--- /dev/null
+++ b/content/projects/shiori.md
@@ -0,0 +1,6 @@
++++
+title = "Shiori"
+repository = "https://github.com/go-shiori/shiori"
++++
+
+A simple bookmark manager, read-later and web-archive tool. A way to store your bookmarks with both a CLI and web interface, with the option to archive the site contents and generate epub files.
diff --git a/content/projects/smtp2shoutrrr.md b/content/projects/smtp2shoutrrr.md
new file mode 100644
index 0000000..2f9e729
--- /dev/null
+++ b/content/projects/smtp2shoutrrr.md
@@ -0,0 +1,8 @@
++++
+title = "smtp2shoutrrr"
+repository = "https://git.nakama.town/fmartingr/smtp2shoutrrr"
++++
+
+A SMTP server to foward incoming emails to setup shoutrrr backends. Used to send notifications from legacy systems to modern services.
+
+I use it for example to send the email notifications from my Proxmox nodes into my Mattermost server, or urgent things to my ntfy topics.
diff --git a/hugo.toml b/hugo.toml
index 50343a3..fd54106 100644
--- a/hugo.toml
+++ b/hugo.toml
@@ -41,6 +41,10 @@ weight = 10
 name = 'Blog'
 pageRef = '/blog'
 weight = 20
+[[menus.main]]
+name = 'Projects'
+pageRef = '/projects'
+weight = 30
 # [[menus.main]]
 # name = 'Now'
 # pageRef = '/now'
diff --git a/themes/fmartingr/assets/sass/_blog.sass b/themes/fmartingr/assets/sass/_blog.sass
index f2f719d..0d21086 100644
--- a/themes/fmartingr/assets/sass/_blog.sass
+++ b/themes/fmartingr/assets/sass/_blog.sass
@@ -1,4 +1,4 @@
-div.article, main.blog
+div.article, main.blog, main.projects
   .title
     margin-bottom: 0.3em
 
diff --git a/themes/fmartingr/assets/sass/_header.sass b/themes/fmartingr/assets/sass/_header.sass
index 5d688f4..a66ce89 100644
--- a/themes/fmartingr/assets/sass/_header.sass
+++ b/themes/fmartingr/assets/sass/_header.sass
@@ -36,7 +36,7 @@ header
                 padding-left: 16px
                 vertical-align: middle
 
-        .active
+        .active, .ancestor
             font-weight: bold
 
     .menu-button-toggle-label
diff --git a/themes/fmartingr/layouts/partials/svg/README.md b/themes/fmartingr/layouts/partials/svg/README.md
new file mode 100644
index 0000000..d17a4f0
--- /dev/null
+++ b/themes/fmartingr/layouts/partials/svg/README.md
@@ -0,0 +1 @@
+Icons from: https://tabler.io/icons
diff --git a/themes/fmartingr/layouts/partials/svg/brand-git.svg b/themes/fmartingr/layouts/partials/svg/brand-git.svg
new file mode 100644
index 0000000..7035edb
--- /dev/null
+++ b/themes/fmartingr/layouts/partials/svg/brand-git.svg
@@ -0,0 +1 @@
+<svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-brand-git"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 8m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 15v-6" /><path d="M15 11l-2 -2" /><path d="M11 7l-1.9 -1.9" /><path d="M13.446 2.6l7.955 7.954a2.045 2.045 0 0 1 0 2.892l-7.955 7.955a2.045 2.045 0 0 1 -2.892 0l-7.955 -7.955a2.045 2.045 0 0 1 0 -2.892l7.955 -7.955a2.045 2.045 0 0 1 2.892 0z" /></svg>
\ No newline at end of file
diff --git a/themes/fmartingr/layouts/projects/list.html b/themes/fmartingr/layouts/projects/list.html
new file mode 100644
index 0000000..2c03c55
--- /dev/null
+++ b/themes/fmartingr/layouts/projects/list.html
@@ -0,0 +1,21 @@
+{{ define "main" }}
+  <div class="center">
+    <h1 class="title">{{ .Title }}</h1>
+    {{ .Content }}
+    {{ range .Pages }}
+    <div class="artitle {{ $.Param "site_style.container_class" }}">
+        <h2 id="{{ .Title | urlize }}" class="title">{{ .LinkTitle }}</h2>
+        <div class="info">
+        {{ partial "svg/brand-git.svg" (dict "size" 24) }}
+        <span>
+            <a href="{{ $.Param "repository" }}">{{ .Param "repository" }}</a>
+        </span>
+        </div>
+        <div class="summary content">{{ .Summary }}</div>
+    </div>
+    {{ end }}
+    <div class="center text-center">
+        {{ partial "pagination" . }}
+    </div>
+  </div>
+{{ end }}
diff --git a/themes/fmartingr/layouts/projects/single.html b/themes/fmartingr/layouts/projects/single.html
new file mode 100644
index 0000000..213388d
--- /dev/null
+++ b/themes/fmartingr/layouts/projects/single.html
@@ -0,0 +1,17 @@
+{{ define "main" }}
+<article class="{{ .Params.site_style.container_class | default ($.Param "site_style.container_class") }}">
+  <h1 class="title">{{ .Title }}</h1>
+
+  {{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
+  {{ $dateHuman := .Date | time.Format ":date_long" }}
+  {{ if strings.Contains .Section "blog" }}
+  <div class="info">
+      {{ partial "svg/calendar-event.svg" (dict "size" 24) }}
+      <time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>
+      <div>{{ partial "terms.html" (dict "taxonomy" "tags" "page" .) }}</div>
+  </div>
+  {{ end }}
+
+  <div class="content">{{ .Content }}</div>
+</article>
+{{ end }}