From b451fbea788f105285e3528654741b1b6ff9c3a1 Mon Sep 17 00:00:00 2001
From: Suchpuns <suchpunsmanywow@gmail.com>
Date: Sun, 13 Aug 2023 02:35:13 +1000
Subject: [PATCH 1/2] Fixed some margin issues on landing page

---
 app/static/css/welcome/landing.css      | 100 ++++++++++++------------
 app/templates/welcome/landing_page.html |  12 +--
 2 files changed, 56 insertions(+), 56 deletions(-)

diff --git a/app/static/css/welcome/landing.css b/app/static/css/welcome/landing.css
index ef13679..b38dfe9 100644
--- a/app/static/css/welcome/landing.css
+++ b/app/static/css/welcome/landing.css
@@ -5,7 +5,7 @@ body {
 
 .hero {
     background-image: linear-gradient(to right, #80d5f6, #4491e5);
-    height: 500px;
+    height: 35rem;
     width: 100%;
     display: flex;
     flex-direction: column;
@@ -59,52 +59,6 @@ body {
     height: 120px;
 }
 
-/*@media (min-width: 900px) {*/
-/*    .hero-title {*/
-/*        margin-top: 10rem;*/
-/*    }*/
-/*    .hero-text {*/
-/*        margin-top: 3rem;*/
-/*    }*/
-/*    .hero-carousel {*/
-/*        min-width: 600px;*/
-/*        margin-right: 3rem;*/
-/*        margin-top: 3rem;*/
-/*    }*/
-/*}*/
-
-
-.carousel-inner {
-    border-radius: 30px;
-    box-shadow: rgba(255, 255, 255, 0.26) 0 1px 2px inset;
-    filter: drop-shadow(0 5px 8px #777777);
-    margin-right: 30px;
-}
-
-.carousel-inner > .carousel-item {
-    height: 250px;
-    border-radius: 30px;
-}
-
-.carousel {
-    margin-right: 2rem;
-    max-width: 800px;
-}
-
-@media (max-width: 900px) {
-
-    .carousel {
-        width: 80%;
-        margin: auto;
-        margin-top: 2rem;
-    }
-
-    .carousel-inner > .carousel-item {
-        height: 8rem;
-        border-radius: 30px;
-    }
-}
-
 .hero-btn {
     align-items: center;
     background-color: #0276FF;
@@ -132,7 +86,8 @@ body {
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 100px;
-    margin-top: 10px;
+    margin-top: 2rem;
+    font-size: 1.5rem;
 }
 
 .hero-btn:active {
@@ -143,6 +98,37 @@ body {
   background-color: #1C84FF;
 }
 
+.carousel-inner {
+    border-radius: 30px;
+    box-shadow: rgba(255, 255, 255, 0.26) 0 1px 2px inset;
+    filter: drop-shadow(0 5px 8px #777777);
+    margin-right: 30px;
+}
+
+.carousel-inner > .carousel-item {
+    height: 250px;
+    border-radius: 30px;
+}
+
+.carousel {
+    margin-right: 2rem;
+    max-width: 800px;
+}
+
+@media (max-width: 900px) {
+
+    .carousel {
+        width: 80%;
+        margin: auto;
+        margin-top: 2rem;
+    }
+
+    .carousel-inner > .carousel-item {
+        height: 8rem;
+        border-radius: 30px;
+    }
+}
+
 span.carousel-control-prev-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%2ffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
 }
@@ -166,7 +152,7 @@ span.carousel-control-next-icon {
 }
 
 .get-started-btn {
-    transform: scale(130%);
+    font-size: 1.5rem;
 }
 
 .proud-partners {
@@ -183,7 +169,6 @@ span.carousel-control-next-icon {
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    margin-top: 4rem;
     margin-bottom: 1rem;
 }
 
@@ -193,6 +178,7 @@ span.carousel-control-next-icon {
 
 .partner {
     display: flex;
+    transform: scale(80%);
 }
 
 .wave {
@@ -249,6 +235,10 @@ section {
     margin: 0 10%;
 }
 
+.hero-section {
+    height: 35rem;
+}
+
 .secondary-section .display-img {
     filter: drop-shadow(0 2px 0.3rem #858585);
 }
@@ -300,6 +290,16 @@ section {
         margin-left: 2rem;
         margin-right: 2rem;
     }
+
+    .showcase-top {
+        margin-top: 10% !important;
+        margin-bottom: -10%;
+    }
+
+    .showcase h2 {
+        margin-top: 0%;
+    }
+
     .showcase-item {
         height: 50%;
         margin-top: 0;
diff --git a/app/templates/welcome/landing_page.html b/app/templates/welcome/landing_page.html
index c4fc411..7ef3c5e 100644
--- a/app/templates/welcome/landing_page.html
+++ b/app/templates/welcome/landing_page.html
@@ -84,7 +84,7 @@
 {#            </div>#}
 {#        </div>#}
 {#    </section>#}
-    <section>
+    <section class="hero-section">
         <div class="hero">
             <div class="hero-title">
                 <img class="hero-logo" src="../../static/images/riflelytics_logo.svg" alt="logo">
@@ -94,7 +94,6 @@ <h1>Riflelytics</h1>
                     Supporting Growing Rifle Shooters
             </div>
             <a href="/login"><button class="hero-btn">Member Log In</button></a>
-        </div>
             <div class="wave">
                 <svg class="wave-svg" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
                     <path d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" opacity=".25" class="shape-fill"></path>
@@ -102,13 +101,14 @@ <h1>Riflelytics</h1>
                     <path d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z" class="shape-fill"></path>
                 </svg>
             </div>
+        </div>
     </section>
     <section class="primary-section">
         <div class="row showcase">
-            <div class="col-md-6 col-sm-12 showcase-item">
+            <div class="col-md-6 col-sm-12 showcase-item showcase-top">
                 <img src="../../static/images/stages.png" class="display-img">
             </div>
-            <div class="col-md-6 col-sm-12 showcase-item">
+            <div class="col-md-6 col-sm-12 showcase-item showcase-bot">
                 <h2>Catalogue your shoots</h2>
                 <p>Stores your past shooting history all in one place for easy viewing and review!</p>
             </div>
@@ -116,7 +116,7 @@ <h2>Catalogue your shoots</h2>
     </section>
     <section class="secondary-section">
         <div class="row showcase">
-            <div class="col-md-6 col-sm-12 showcase-item">
+            <div class="col-md-6 col-sm-12 showcase-item showcase-top">
                 <h2>Individual Profile Pages</h2>
                 <p>Showcase your own skills, but also watch how others have been performing.</p>
             </div>
@@ -127,7 +127,7 @@ <h2>Individual Profile Pages</h2>
     </section>
     <section class="primary-section">
         <div class="row showcase">
-            <div class="col-md-6 col-sm-12 showcase-item">
+            <div class="col-md-6 col-sm-12 showcase-item showcase-top">
                 <img src="../../static/images/display_visualisations.png" class="display-img">
             </div>
             <div class="col-md-6 col-sm-12 showcase-item">

From 70817ac87932ccd433da31902e25d7eeec1de947 Mon Sep 17 00:00:00 2001
From: Dylan <redman29h@gmail.com>
Date: Sun, 13 Aug 2023 14:48:15 +1000
Subject: [PATCH 2/2] Member Log In -> Member Login

---
 app/templates/welcome/landing_page.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/templates/welcome/landing_page.html b/app/templates/welcome/landing_page.html
index 7ef3c5e..a261885 100644
--- a/app/templates/welcome/landing_page.html
+++ b/app/templates/welcome/landing_page.html
@@ -93,7 +93,7 @@ <h1>Riflelytics</h1>
             <div class="hero-subtitle">
                     Supporting Growing Rifle Shooters
             </div>
-            <a href="/login"><button class="hero-btn">Member Log In</button></a>
+            <a href="/login"><button class="hero-btn">Member Login</button></a>
             <div class="wave">
                 <svg class="wave-svg" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
                     <path d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" opacity=".25" class="shape-fill"></path>