diff --git a/data/groups/super-miner-battle-farm/details.json b/data/groups/super-miner-battle-farm/details.json index ae8f06a..a1cbac3 100644 --- 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 smbfbristol@gmail.com. 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 smbfbristol@gmail.com. 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 new file mode 100644 index 0000000..87fc5ae --- /dev/null +++ b/public/images/hot-air-balloon-one.svg @@ -0,0 +1 @@ + diff --git a/public/images/hot-air-balloon-two.svg b/public/images/hot-air-balloon-two.svg new file mode 100644 index 0000000..d2a2740 --- /dev/null +++ b/public/images/hot-air-balloon-two.svg @@ -0,0 +1 @@ + diff --git a/src/components/Footer/Footer.module.scss b/src/components/Footer/Footer.module.scss index 6db547d..f723358 100644 --- a/src/components/Footer/Footer.module.scss +++ b/src/components/Footer/Footer.module.scss @@ -4,10 +4,28 @@ 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; } } @@ -15,8 +33,10 @@ @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 index d278af4..abc403e 100644 --- a/src/components/Footer/Footer.tsx +++ b/src/components/Footer/Footer.tsx @@ -6,23 +6,17 @@ export const Footer = () => { return (