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'); } - {{- /* 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') } - {{- else }} {{- /* theme is auto */}} @@ -163,7 +152,6 @@ } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) { document.body.classList.add('dark'); } - {{- 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'); } - {{- end }} - - - - -