diff --git a/content/daily/20-03/2026.md b/content/daily/20-03-2026.md
similarity index 100%
rename from content/daily/20-03/2026.md
rename to content/daily/20-03-2026.md
diff --git a/public/FCP_3579.JPG b/public/FCP_3579.JPG
new file mode 100644
index 0000000..5958081
Binary files /dev/null and b/public/FCP_3579.JPG differ
diff --git a/public/audio/beatmaking/beatmaker1.mp3 b/public/audio/beatmaking/beatmaker1.mp3
new file mode 100644
index 0000000..d68ee07
Binary files /dev/null and b/public/audio/beatmaking/beatmaker1.mp3 differ
diff --git a/public/audio/ukulele/16-03-2026.mp3 b/public/audio/ukulele/16-03-2026.mp3
new file mode 100644
index 0000000..bd18dad
Binary files /dev/null and b/public/audio/ukulele/16-03-2026.mp3 differ
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;
+}