From c9e15f8ab04184e22192c0f5bca505bb542a00c1 Mon Sep 17 00:00:00 2001 From: adjoly Date: Tue, 6 May 2025 16:58:11 +0200 Subject: [PATCH] =?UTF-8?q?=E3=80=8C=E2=9C=A8=E3=80=8D=20feat:=20added=20a?= =?UTF-8?q?=20footer?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/index.html | 11 ++++++++++- src/styles.css | 44 ++++++++++++++++++++++++++++++++++++++++---- 2 files changed, 50 insertions(+), 5 deletions(-) diff --git a/src/index.html b/src/index.html index 476ac19..d574fab 100644 --- a/src/index.html +++ b/src/index.html @@ -3,16 +3,25 @@ - Countdown Loading Bar + Comeback countdown + +

+ + diff --git a/src/styles.css b/src/styles.css index 201fb27..bf8eb99 100644 --- a/src/styles.css +++ b/src/styles.css @@ -1,21 +1,31 @@ +html, body { + height: 100%; + margin: 0; + box-sizing: border-box; +} + body { display: flex; - justify-content: center; - align-items: center; - height: 100vh; - margin: 0; + flex-direction: column; background-color: #f0f0f0; } .container { + flex: 1; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; text-align: center; } .loading-bar { width: 100%; + max-width: 600px; background-color: #ddd; border-radius: 5px; overflow: hidden; + position: relative; } .loading-bar div { @@ -36,3 +46,29 @@ body { .catually { margin-bottom: 20px; } + +footer { + background-color: #333; + color: #fff; + display: flex; + justify-content: space-around; /* Distribute items evenly */ + padding: 10px; /* Adjusted padding */ + width: 100%; + box-sizing: border-box; /* Ensure padding is included in the width */ + /* font-size: 0.9em; /* Reduced font size */ */ +} + +footer p { + margin: 0; /* Removed margin */ + flex: 1; /* Allow paragraphs to take equal space */ + text-align: center; /* Center text within each paragraph */ +} + +footer a { + color: #fff; + text-decoration: none; +} + +footer a:hover { + text-decoration: underline; +}