test pages

_layouts/default.html

@@ -12,6 +12,11 @@
         {{ content }}
     </main>
     {% include footer.html %}
-    <script src="{{ '/assets/js/main.js' | relative_url }}"></script>
+    <script>
+        document.addEventListener("DOMContentLoaded", function() {
+            const header = document.getElementById("header");
+            header.classList.add("show");
+        });
+    </script>
 </body>
 </html>

_layouts/home.html

@@ -14,6 +14,23 @@
     </main>
     {% include footer.html %}
     <script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js" integrity="sha512-omEV6rQfvd7REw5g4Irb2s0yWnhp9ElN5PbzZ7/0SP8VeoTqPecWB57Tew+wQ4TlTflw4ENOuOdGEr7N5/Usow==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-    <script src="{{ '/assets/js/main.js' | relative_url }}"></script>
+    <script>
+        document.addEventListener("DOMContentLoaded", function() {
+            AOS.init();
+
+            const header = document.getElementById("header");
+            if (document.body.classList.contains('home')) {
+                window.addEventListener("scroll", function() {
+                    if (window.scrollY > 0) {
+                        header.classList.add("show");
+                    } else {
+                        header.classList.remove("show");
+                    }
+                });
+            } else {
+                header.classList.add("show");
+            }
+        });
+    </script>
 </body>
 </html>

about.md

@@ -3,5 +3,11 @@ layout: default
 title: About
 permalink: /about/
 ---
-# About
-Information about the ChinaComX project.
+<div class="page-header">
+    <h1>About</h1>
+</div>
+<div class="content-wrapper">
+    <div class="page-content">
+        <p>Information about the ChinaComX project.</p>
+    </div>
+</div>

assets/css/style.css

@@ -79,6 +79,7 @@ header.navbar .navbar-nav .active > .nav-link {
     line-height: 1.6;
 }
 
+
 .splash {
     background: url('/assets/images/hero.jpg') no-repeat center center/cover;
     color: #fff;