From 5e941b280eaf0511328bafa9d3a7131a2b5866e7 Mon Sep 17 00:00:00 2001
From: gribse <achille.toupin@gadz.org>
Date: Sun, 27 Apr 2025 18:06:45 +0200
Subject: [PATCH] tej des espaces et maj des liens dans home.html

---
 layouts/home.html | 50 ++++++-----------------------------------------
 1 file changed, 6 insertions(+), 44 deletions(-)
diff --git a/layouts/home.html b/layouts/home.html
index df82e13..3e9cbd9 100644
--- a/layouts/home.html
+++ b/layouts/home.html
@@ -28,6 +28,7 @@
             min-height: 100vh; /* Ensure the body takes up the full viewport height */
         }
 
+
         .main-screen {
             display: flex;
             flex-direction: row;
@@ -37,13 +38,11 @@
             gap: 0;
             text-align: justify;
         }
-
         .side-screen {
             height: 100vh;
             overflow-y: auto; /* Allow scrolling if content overflows */
             flex: 0 0 400px; /* Fixed width of 400px */
         }
-
         .main-content {
             display: flex;
             flex-direction: column;
@@ -51,27 +50,23 @@
             max-width: 900px; /* Optional: Limit max width */
             margin: 0 25px;
         }
-
         .header {
             display: flex;
             justify-content: space-between; /* Space between the title and navigation */
             align-items: center; /* Align items vertically in the center */
             padding: 10px 20px; /* Optional: Add some padding */
         }
-        
         .site-title {
             flex-grow: 1;
             margin: 0; /* Remove default margin */
             font-size: 3rem; /* Adjust font size as needed */
 
         }
-
         .navigation {
             flex-grow: 3;
             display: flex;
 
         }
-
         .navigation ul {
             display: flex;
             flex-wrap: wrap; /* Allow items to wrap onto multiple lines */
@@ -80,35 +75,31 @@
             padding: 0; /* Remove default padding */
             justify-content: flex-end; /* Align items to the right */
         }
-
         .navigation ul li {
             margin: 0 10px 0 10px;
             
         }
-
         .navigation ul li a:hover {
             text-decoration: underline; /* Add underline on hover */
             
         }
-
         .center-content {
             display: flex;
             flex-grow: 1; /* Allow it to grow */
             gap: 20px; /* Optional: Add spacing between child elements */
         }
-
         .presentation, .side-content-column {
             flex: 1; /* Make both elements take up equal width */
         }
-
         .presentation {
             max-width: 100%; /* Ensure it doesn't exceed its container */
         }
-
+        .presentation a {
+            text-decoration: underline;
+        }
         .side-content-column {
             max-width: 100%; /* Ensure it doesn't exceed its container */
         }
-
         @media (max-width: 1380px) {
             .side-screen {
             display: none; /* Hide side-screens on smaller screens */
@@ -143,7 +134,6 @@
       if (localStorage.getItem("pref-theme") === "dark") {
           document.body.classList.add('dark');
       }
-  
   </script>
   {{- /* theme is dark */}}
   {{- else if (eq site.Params.defaultTheme "dark") }}
@@ -151,7 +141,6 @@
       if (localStorage.getItem("pref-theme") === "light") {
           document.body.classList.remove('dark')
       }
-  
   </script>
   {{- else }}
   {{- /* theme is auto */}}
@@ -163,7 +152,6 @@
       } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
           document.body.classList.add('dark');
       }
-  
   </script>
   {{- end }}
   {{- /* theme-toggle is disabled and theme is auto */}}
@@ -172,27 +160,18 @@
       if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
           document.body.classList.add('dark');
       }
-  
   </script>
   {{- end }}
-
-
-
 </header>
 
-
-
 <body>
     <div class="main-screen">
         <div class="side-screen">
             {{ partial "posts-defile.html" (dict "context" . "direction" "up") }}
         </div>
         <div class="main-content">
-            
             <div class="header">
-
                 <h1 class="site-title">Achille Toupin</h1>
-
                 <nav class="navigation">
                     <ul>
                         <li>📝 <a href="blog">Blog</a></li>
@@ -201,14 +180,13 @@
                         <p> · </p>
                         <li>🔗 <a href="liens">Liens</a></li>
                         <p> · </p>
-                        <li>🔖 <a href="liens">Marque-pages</a></li>
+                        <li>🔖 <a href="marque-pages">Marque-pages</a></li>
                         <p> · </p>
                         <li>🌐 <a href="blogroll">Blogroll</a></li>
                         <p> · </p>
-                        <li>❓ <a href="blogroll">A propos</a></li>
+                        <li>❓ <a href="a-propos">A propos</a></li>
                         <p> · </p>
                         <li>✉️ <a href="contact">Contact</a></li>
-                        
                     </ul>
 
                     {{- if (not site.Params.disableThemeToggle) }}
@@ -234,40 +212,25 @@
                     </button>
                     {{- end }}
                 </nav>
-
-
-                
-
-
             </div>
-
-
             
             <div class="center-content">
-
                 <div class="presentation">
                     {{ .Content }}
                 </div>
-
                 <div class="side-content-column">
-
                     <div class="dernier-article">
                         <h2>Mon dernier article</h2>
                         {{ partial "posts-recents-carte.html" . }}
                     </div>
-                    
                     <div class="dernier-article">
                         <h2>Mon dernier article</h2>
                         {{ partial "posts-recents-carte.html" . }}
                     </div>
                 </div>
-
             </div>
-
             {{ partial "buttons.html"}}
-
             {{ partialCached "footer.html" . .Layout .Kind (.Param "hideFooter") (.Param "ShowCodeCopyButtons") -}}
-
         </div>
         <div class="side-screen">
             {{ partial "posts-defile.html" (dict "context" . "direction" "down") }}
@@ -288,7 +251,6 @@
               localStorage.setItem("pref-theme", 'dark');
           }
       })
-
   </script>
   {{- end }}
 </footer>
