diff --git a/content/_index.md b/content/_index.md index f811f90..6c252dc 100644 --- a/content/_index.md +++ b/content/_index.md @@ -10,11 +10,11 @@ Je suis Achille Toupin, un Ce site personnel regroupe ma présence sur internet -Je [collectionne les machines à écrire](collection) (entre autres) +Je collectionne les machines à écrire (entre autres) J'aime bien bricoler, les motos, le bois -J'aime bien coder [git](https://git.achilletoupin.com) +J'aime bien coder [git]() J'écris des [articles de blog](blog) quand ça me chante diff --git a/content/blogroll/index.md b/content/blogroll/index.md deleted file mode 100644 index 8b45416..0000000 --- a/content/blogroll/index.md +++ /dev/null @@ -1 +0,0 @@ -En construction \ No newline at end of file diff --git a/content/contact/index.md b/content/contact/index.md deleted file mode 100644 index baf9e78..0000000 --- a/content/contact/index.md +++ /dev/null @@ -1 +0,0 @@ -En construction aussi \ No newline at end of file diff --git a/content/marque-pages/index.md b/content/marque-pages/index.md deleted file mode 100644 index c5ddac1..0000000 --- a/content/marque-pages/index.md +++ /dev/null @@ -1 +0,0 @@ -en construction \ No newline at end of file diff --git a/layouts/home.html b/layouts/home.html index 3e9cbd9..df82e13 100644 --- a/layouts/home.html +++ b/layouts/home.html @@ -28,7 +28,6 @@ min-height: 100vh; /* Ensure the body takes up the full viewport height */ } - .main-screen { display: flex; flex-direction: row; @@ -38,11 +37,13 @@ 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; @@ -50,23 +51,27 @@ 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 */ @@ -75,31 +80,35 @@ 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 */ @@ -134,6 +143,7 @@ if (localStorage.getItem("pref-theme") === "dark") { document.body.classList.add('dark'); } + {{- /* theme is dark */}} {{- else if (eq site.Params.defaultTheme "dark") }} @@ -141,6 +151,7 @@ if (localStorage.getItem("pref-theme") === "light") { document.body.classList.remove('dark') } + {{- else }} {{- /* theme is auto */}} @@ -152,6 +163,7 @@ } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) { document.body.classList.add('dark'); } + {{- end }} {{- /* theme-toggle is disabled and theme is auto */}} @@ -160,18 +172,27 @@ if (window.matchMedia('(prefers-color-scheme: dark)').matches) { document.body.classList.add('dark'); } + {{- end }} + + + + +