From 5cf42e9887afb35f4fb258c07eb6be3ebd565a63 Mon Sep 17 00:00:00 2001 From: HouTeng Chan <ht-chen21@mails.tsinghua.edu.cn> Date: Mon, 30 Sep 2024 02:09:51 +0000 Subject: [PATCH] Update file home.html --- wiki/pages/home.html | 81 +++++++++++++++++++++++++++++++------------- 1 file changed, 57 insertions(+), 24 deletions(-) diff --git a/wiki/pages/home.html b/wiki/pages/home.html index d94fb6d1..a5a90fc9 100644 --- a/wiki/pages/home.html +++ b/wiki/pages/home.html @@ -21,6 +21,61 @@ transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; z-index: 1000; } + .footer { + background-color: #ffe4e1; + padding: 20px 0; + margin-top: 20px; + } + .footer-content { + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; + max-width: 1200px; + margin: 0 auto; + padding: 0 15px; + } + .social-icons { + display: flex; + gap: 15px; + align-items: center; + margin-right: 20px; + } + .social-icons img { + width: 30px; + height: 30px; + filter: grayscale(100%) brightness(0); + } + .contact-info { + display: flex; + flex-direction: column; + gap: 10px; + } + .contact-item { + display: flex; + align-items: center; + gap: 10px; + } + .contact-item img { + width: 20px; + height: 20px; + filter: grayscale(100%) brightness(0); + } + .footer-divider { + border-top: 1px solid #dee2e6; + margin: 20px 0; + } + .footer-text { + max-width: 800px; + margin: 0 auto; + text-align: center; + } + .footer-text p { + margin-bottom: 10px; + } + .subfoot { + text-decoration: underline; + } </style> @@ -30,8 +85,6 @@ {% include 'menu.html' %} </div> - - <footer class="footer"> <div class="footer-content"> <div class="social-icons"> @@ -75,29 +128,9 @@ </footer> <script> - - function updateColors() { - - const menuHeight = menu.offsetHeight; - const currentScrollTop = window.pageYOffset || document.documentElement.scrollTop; - - if (currentScrollTop <= menuHeight) { - // At the top of the page - menu.style.transform = 'translateY(0)'; - menu.style.opacity = '1'; - } else if (currentScrollTop > lastScrollTop) { - // Scrolling down - menu.style.transform = `translateY(-${menuHeight}px)`; - menu.style.opacity = '0'; - } else { - // Scrolling up - menu.style.transform = 'translateY(0)'; - menu.style.opacity = '1'; - } - - lastScrollTop = currentScrollTop <= 0 ? 0 : currentScrollTop; - } + + </script> </body> </html> -- GitLab