diff --git a/content/daily/16-03-2026.md b/content/daily/16-03-2026.md
new file mode 100644
index 0000000..bd5420a
--- /dev/null
+++ b/content/daily/16-03-2026.md
@@ -0,0 +1,11 @@
++++
+title = "16/03/2026"
+description = "Apprentissage du Ukulele"
+[extra]
+keywords = ["Ukulele"]
++++
+
+# 16/03/2026
+## Ukulele
+---
+{{ audio(src="/audio/ukulele/16-03-2026.mp3")}}
diff --git a/content/daily/_index.md b/content/daily/_index.md
new file mode 100644
index 0000000..c80f443
--- /dev/null
+++ b/content/daily/_index.md
@@ -0,0 +1,6 @@
++++
+title = "Daily"
+description = "Ajout journalier d'entrees sur le site"
+template = "sections.html"
+page_template = "page.html"
++++
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..d739f8a
Binary files /dev/null and b/public/favicon.png differ
diff --git a/public/porsche-944-2-7.jpeg b/public/porsche-944-2-7.jpeg
new file mode 100644
index 0000000..cbb5358
Binary files /dev/null and b/public/porsche-944-2-7.jpeg differ
diff --git a/public/porsche-944-turbo-red-glass.jpg b/public/porsche-944-turbo-red-glass.jpg
new file mode 100644
index 0000000..f2bea92
Binary files /dev/null and b/public/porsche-944-turbo-red-glass.jpg differ
diff --git a/public/style.css b/public/style.css
new file mode 100644
index 0000000..efcdbf2
--- /dev/null
+++ b/public/style.css
@@ -0,0 +1,80 @@
+.titre{
+  font-family: "Courier New", monospace;
+  margin-left: 1%;
+}
+
+blockquote{
+  background-color: lightgrey;
+}
+
+.footer-text{
+  background-color: lightgrey;
+  margin: 5px;
+  text-decoration: none;
+}
+
+.nav-list{
+  list-style-type: none;
+  margin: 5px;
+  padding: 0;
+  overflow: hidden;
+  background-color: #cc0000;
+  border-radius: 10px 10px 10px 10px;
+}
+
+.nav-element{
+  float: left;
+}
+
+.nav-link{
+  display: block;
+  text-align: center;
+  color: white;
+  padding: 14px 16px;
+  text-decoration: none;
+}
+
+.nav-link:hover{
+  background-color: #cc2222;
+}
+
+.home{
+  color: black;
+  margin: 5px;
+  text-decoration: none;
+}
+
+.main-content{
+  margin: 5px;
+  border-style: solid;
+  border-width: 5px;
+  border-color: #cc0000;
+  border-radius: 10px 10px 10px 10px;
+  padding: 10px;
+}
+
+footer{
+  margin: 5px;
+}
+
+.layout:has(aside) {
+  display: grid;
+  grid-template-columns: 2fr 1fr;
+}
+
+@media (max-width: 768px) {
+  .layout {
+    grid-template-columns: 1fr;
+  }
+}
+ aside{
+   margin: 5px;
+   background-color: #cc0000;
+   color: white;
+   border-radius: 10px 10px 10px 10px;
+   padding: 10px;
+ }
+
+p {
+  text-align: justify;
+}
diff --git a/templates/shortcodes/audio.html b/templates/shortcodes/audio.html
new file mode 100644
index 0000000..995caed
--- /dev/null
+++ b/templates/shortcodes/audio.html
@@ -0,0 +1,3 @@
+<audio controls>
+  <source src="{{ get_url(path=src) }}" type="audio/mpeg">
+</audio>