Merge pull request #5 from jhancock532/hot-air-balloons

Add hot air balloons
jhancock532 · Aug 8, 2024 · 9df033a · 9df033a
2 parents c9e8345 + 9b90595
commit 9df033a
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 16 deletions.
diff --git a/data/groups/super-miner-battle-farm/details.json b/data/groups/super-miner-battle-farm/details.json
@@ -21,8 +21,8 @@
         "details": ""
       },
       "cost": {
-        "sessionPrice": 3.00,
-        "details": "There is £3 fee for bracket entry to each tournament, so please bring cash or PayPal to [email protected]. Check the latest event for more details."
+        "sessionPrice": 0.00,
+        "details": "There is small fee for bracket entry to tournaments (£2-3), so please bring cash or PayPal to [email protected]. Otherwise, casual play is free."
       },
       "booking": {
         "required": "Advised",

diff --git a/public/images/hot-air-balloon-one.svg b/public/images/hot-air-balloon-one.svg
diff --git a/public/images/hot-air-balloon-two.svg b/public/images/hot-air-balloon-two.svg
diff --git a/src/components/Footer/Footer.module.scss b/src/components/Footer/Footer.module.scss
@@ -4,19 +4,39 @@
     padding-top: $grid * 2;
     padding-bottom: $grid * 2;
     background-color: var(--color--grey-80);
+    background-image: url('/images/hot-air-balloon-two.svg'),
+        url('/images/hot-air-balloon-one.svg');
+    background-repeat: no-repeat;
+    background-size: 70px, 50px;
+    background-position:
+        top 15px right 15px,
+        top 10% right 90px;
+
+    @include media-query(medium) {
+        background-size: 100px, 50px;
+        background-position:
+            top 40% right 5%,
+            top 10% right 20%;
+    }
 
     @include media-query(large) {
         padding-top: $grid * 4;
         padding-bottom: $grid * 4;
+        background-size: 150px, 100px;
+        background-position:
+            top 50% right 100px,
+            top 20% right 240px;
     }
 }
 
 .description {
     @include font-size(s);
 
     font-weight: 400;
-    margin-bottom: $grid / 2;
-    color: var(--color--green-05);
+
+    p {
+        color: var(--color--green-05);
+    }
 }
 
 .link {

diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
@@ -6,23 +6,17 @@ export const Footer = () => {
     return (
         <footer className={styles.container}>
             <div></div>
-            <div>
-                <p className={styles.description}>
-                    This website is{' '}
-                    <Link url="/about" className={styles.link}>
-                        a volunteer run initiative
-                    </Link>{' '}
-                    in early development.
+            <div className={styles.description}>
+                <p>
+                    <strong>Thank you for visiting!</strong>
+                </p>
+                <p>
+                    This website is a non-profit, volunteer led initiative.
                     <br />
                     If you&apos;d like to leave feedback,{' '}
                     <Link url="/feedback" className={styles.link}>
                         please use this form
                     </Link>
-                    .<br />
-                    You can also suggest a group to be added to the site{' '}
-                    <Link url="/add-group" className={styles.link}>
-                        on this page
-                    </Link>
                     .
                 </p>
             </div>