Put banner on home page & updated it

RenegadeGirls · Feb 1, 2024 · 4ab50c8 · 4ab50c8
1 parent 8f9440b
commit 4ab50c8
Show file tree

Hide file tree

Showing 7 changed files with 50 additions and 19 deletions.
diff --git a/global/generic/banner.css b/global/generic/banner.css
@@ -0,0 +1,21 @@
+.banner {
+    padding: 2.5rem 0px;
+    margin: 0px;
+    border-bottom: 2px solid var(--i);
+}
+
+#temp_open {
+    margin: 0px 10rem;
+    font-size: 1.75em;
+    font-weight: 500;
+    font-family: "Poppins";
+    text-align: center;
+}
+
+#temp_discount {
+    margin: 0px 10rem;
+    font-size: 1.5em;
+    font-weight: 400;
+    font-family: "Poppins";
+    text-align: center;
+}
diff --git a/global/global.css b/global/global.css
@@ -8,6 +8,7 @@
 @import url("generic/animations.css");
 @import url("generic/nav.css");
 @import url("generic/footer.css");
+@import url("generic/banner.css");
 
 :root {
     --a: #2da5d7;

diff --git a/global/tiles/banner.html b/global/tiles/banner.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Footer</title>
+</head>
+
+<body>
+    <div class="banner">
+        <h1 id="temp_open"><a href="https://renegadegirlstinkeringclub.getgalore.com/">Summer Camp Registration</a> is open!</h1>
+        <h3 id="temp_discount">Early Bird Discount through Febuary 29th</h3>
+    </div>
+</body>
+
+</html>
diff --git a/home/index.html b/home/index.html
@@ -39,6 +39,8 @@
 <body>
     <div data-href="../global/tiles/navigation.html"></div>
     <div id="top-content">
+        <div data-href="../global/tiles/banner.html"></div>
+
         <div id="main">
             <div id="us" class="slide-in-left" tabindex="0">
                 <p class="us-text" id="renegade">Renegade</p>

diff --git a/home/style.css b/home/style.css
@@ -1,6 +1,12 @@
+body {
+    height: calc(100vh);
+}
+
 #top-content {
     margin: 0px;
     padding: 0px;
+    min-height: 100%;
+    position: relative;
 }
 
 #main {
@@ -43,7 +49,7 @@
 
 #symbol {
     width: 40em;
-    margin: auto 120px -18px 0px;
+    margin: auto 120px -8px 0px;
     flex-grow: 1;
 }
 

diff --git a/programs/index.html b/programs/index.html
@@ -39,8 +39,7 @@
 <body>
     <div data-href="../global/tiles/navigation.html"></div>
     <div id="content">
-        <h1 id="temp_open"><a href="https://renegadegirlstinkeringclub.getgalore.com/">Summer Camp Registration</a> opens February 1, 2024 at 9am</h1>
-        <h3 id="temp_discount">Early Bird Discount through Febuary 28th</h3>
+        <div data-href="../global/tiles/banner.html"></div>
 
         <ul hidden id="programs"></ul>
 

diff --git a/programs/style.css b/programs/style.css
@@ -3,22 +3,6 @@
     height: 100%;
 }
 
-#temp_open {
-    margin: 3rem 10rem 0.5rem 10rem;
-    font-size: 1.75em;
-    font-weight: 500;
-    font-family: "Poppins";
-    text-align: center;
-}
-
-#temp_discount {
-    margin: 0.5rem 10rem 1rem 10rem;
-    font-size: 1.5em;
-    font-weight: 400;
-    font-family: "Poppins";
-    text-align: center;
-}
-
 #programs {
     margin: 4rem 10rem 5rem 10rem;
     padding: 1rem 0px 0px 0px;