From 658990f30a657e5501778aaa93b4827f0b6b194f Mon Sep 17 00:00:00 2001 From: HauErn Lien <lienhe81@gmail.com> Date: Tue, 1 Oct 2024 12:35:02 +0000 Subject: [PATCH] Update file tryhomepage.html --- wiki/pages/tryhomepage.html | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/wiki/pages/tryhomepage.html b/wiki/pages/tryhomepage.html index 40f31e73..aff3fe6c 100644 --- a/wiki/pages/tryhomepage.html +++ b/wiki/pages/tryhomepage.html @@ -22,13 +22,13 @@ position: relative; left: 0; top: 0; - width: 1005; + width: 100%; height: 80px; } header h4 { position: absolute; left: 10%; - bottom: lrem; + bottom: 1rem; font-size: 1.6rem; } @@ -66,11 +66,11 @@ } .logo.fade{ - bottom: 150px; + bottom: 0; opacity: 0; transition: ease-in-out 0.5s; } - body { + body { font-family: Calibri, sans-serif; line-height: 1.6; margin: 0; @@ -86,7 +86,7 @@ <script> let intro = document.querySelector('.intro'); - let logo = document.querySelector('.logoheader'); + let logo = document.querySelector('.logo-header'); let logoSpan = document.querySelectorAll('.logo'); window.addEventListener('DOMContentLoaded', ()=>{ @@ -119,9 +119,12 @@ <div class="intro"> <h1 class="logo-header"> - <span class="logo"> Inhale, </span> <span class="logo">heal,</span><span class="logo">repeat.</span> + <span class="logo"> Inhale, </span> <span class="logo">heal,</span><span class="logo">repeat.</span> <br> </h1> </div> + <header> + <h4>Logo.</h4> + </header> </body> -- GitLab