lets see

damianodamiani · Jun 5, 2024 · c3395f9 · c3395f9
1 parent d57b853
commit c3395f9
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 9 deletions.
diff --git a/_includes/header.html b/_includes/header.html
@@ -10,11 +10,11 @@
         <span class="navbar-toggler-icon"></span>
     </button>
 
-    <div class="navmenu navbar-collapse collapse" id="mainNav">
-        <ul id="main-menu" class="navbar-nav ml-auto page-menu menu">
-            <li class="menu-item nav-item"><a href="{{ '/' | relative_url }}" class="nav-link">Home</a></li>
-            <li class="menu-item nav-item"><a href="{{ '/about/' | relative_url }}" class="nav-link">About</a></li>
-            <li class="menu-item nav-item"><a href="{{ '/contact/' | relative_url }}" class="nav-link">Contact</a></li>
+    <div class="collapse navbar-collapse" id="mainNav">
+        <ul class="navbar-nav ml-auto">
+            <li class="nav-item"><a href="{{ '/' | relative_url }}" class="nav-link">Home</a></li>
+            <li class="nav-item"><a href="{{ '/about/' | relative_url }}" class="nav-link">About</a></li>
+            <li class="nav-item"><a href="{{ '/contact/' | relative_url }}" class="nav-link">Contact</a></li>
         </ul>
     </div>
 </header>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -9,7 +9,12 @@
 <body>
     {% include header.html %}
     <main class="content-wrapper">
-        {{ content }}
+        <div class="page-header">
+            <h1>{{ page.title }}</h1>
+        </div>
+        <div class="page-content">
+            {{ content }}
+        </div>
     </main>
     {% include footer.html %}
     <script>

diff --git a/assets/css/style.css b/assets/css/style.css
@@ -8,15 +8,15 @@ body {
 header {
     background: #fff;
     color: #333;
-    padding: 1em 0;
+    padding: 0.5em 1em;
     position: fixed;
     width: 100%;
     top: 0;
     left: 0;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     z-index: 1000;
     opacity: 0; /* Initially hidden */
-    transition: top 0.3s, opacity 0.3s; /* Smooth transition */
+    transition: opacity 0.3s; /* Smooth transition */
 }
 
 header.show {
@@ -32,9 +32,16 @@ header.navbar .navbar-toggler {
     border: none;
 }
 
+header.navbar .navbar-nav {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+}
+
 header.navbar .navbar-nav .nav-link {
     color: #333;
     margin: 0 10px;
+    padding: 0.5em 1em;
 }
 
 header.navbar .navbar-nav .nav-link:hover {
@@ -48,7 +55,7 @@ header.navbar .navbar-nav .active > .nav-link {
 
 /* Page Content Styles */
 .content-wrapper {
-    margin-top: 100px; /* Adjust based on navbar height */
+    margin-top: 80px; /* Adjust based on navbar height */
     padding: 2em 1em;
     background-color: #f9f9f9;
 }
@@ -80,6 +87,7 @@ header.navbar .navbar-nav .active > .nav-link {
 }
 
 
+
 .splash {
     background: url('/assets/images/hero.jpg') no-repeat center center/cover;
     color: #fff;