diff --git a/assets/fonts/Veneer/regular/veneer.eot b/assets/fonts/Veneer/regular/veneer.eot new file mode 100644 index 0000000..4960b49 Binary files /dev/null and b/assets/fonts/Veneer/regular/veneer.eot differ diff --git a/assets/fonts/Veneer/regular/veneer.svg b/assets/fonts/Veneer/regular/veneer.svg new file mode 100644 index 0000000..0f75434 --- /dev/null +++ b/assets/fonts/Veneer/regular/veneer.svg @@ -0,0 +1,276 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/fonts/Veneer/regular/veneer.ttf b/assets/fonts/Veneer/regular/veneer.ttf new file mode 100644 index 0000000..64301c1 Binary files /dev/null and b/assets/fonts/Veneer/regular/veneer.ttf differ diff --git a/assets/fonts/Veneer/regular/veneer.woff b/assets/fonts/Veneer/regular/veneer.woff new file mode 100644 index 0000000..624faec Binary files /dev/null and b/assets/fonts/Veneer/regular/veneer.woff differ diff --git a/assets/fonts/Veneer/regular/veneer.woff2 b/assets/fonts/Veneer/regular/veneer.woff2 new file mode 100644 index 0000000..0ceef1b Binary files /dev/null and b/assets/fonts/Veneer/regular/veneer.woff2 differ diff --git a/assets/fonts/barlow/Barlow-Bold.eot b/assets/fonts/barlow/Barlow-Bold.eot new file mode 100644 index 0000000..fdd4774 Binary files /dev/null and b/assets/fonts/barlow/Barlow-Bold.eot differ diff --git a/assets/fonts/barlow/Barlow-Bold.svg b/assets/fonts/barlow/Barlow-Bold.svg new file mode 100644 index 0000000..2d5fe21 --- /dev/null +++ b/assets/fonts/barlow/Barlow-Bold.svg @@ -0,0 +1,3518 @@ + + + + +Created by FontForge 20170731 at Wed Nov 7 06:08:51 2018 + By Aleksey,,, +Copyright 2017 The Barlow Project Authors (https://github.com/jpt/barlow) + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/fonts/barlow/Barlow-Bold.ttf b/assets/fonts/barlow/Barlow-Bold.ttf new file mode 100644 index 0000000..5e94082 Binary files /dev/null and b/assets/fonts/barlow/Barlow-Bold.ttf differ diff --git a/assets/fonts/barlow/Barlow-Bold.woff b/assets/fonts/barlow/Barlow-Bold.woff new file mode 100644 index 0000000..fd3fd84 Binary files /dev/null and b/assets/fonts/barlow/Barlow-Bold.woff differ diff --git a/assets/fonts/barlow/Barlow-Bold.woff2 b/assets/fonts/barlow/Barlow-Bold.woff2 new file mode 100644 index 0000000..537c719 Binary files /dev/null and b/assets/fonts/barlow/Barlow-Bold.woff2 differ diff --git a/assets/fonts/barlow/Barlow-Medium.eot b/assets/fonts/barlow/Barlow-Medium.eot new file mode 100644 index 0000000..1dbe49f Binary files /dev/null and b/assets/fonts/barlow/Barlow-Medium.eot differ diff --git a/assets/fonts/barlow/Barlow-Medium.svg b/assets/fonts/barlow/Barlow-Medium.svg new file mode 100644 index 0000000..66093b8 --- /dev/null +++ b/assets/fonts/barlow/Barlow-Medium.svg @@ -0,0 +1,3407 @@ + + + + +Created by FontForge 20170731 at Wed Nov 7 06:08:48 2018 + By Aleksey,,, +Copyright 2017 The Barlow Project Authors (https://github.com/jpt/barlow) + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/fonts/barlow/Barlow-Medium.ttf b/assets/fonts/barlow/Barlow-Medium.ttf new file mode 100644 index 0000000..7aaf592 Binary files /dev/null and b/assets/fonts/barlow/Barlow-Medium.ttf differ diff --git a/assets/fonts/barlow/Barlow-Medium.woff b/assets/fonts/barlow/Barlow-Medium.woff new file mode 100644 index 0000000..9a02ffe Binary files /dev/null and b/assets/fonts/barlow/Barlow-Medium.woff differ diff --git a/assets/fonts/barlow/Barlow-Medium.woff2 b/assets/fonts/barlow/Barlow-Medium.woff2 new file mode 100644 index 0000000..9d83fe4 Binary files /dev/null and b/assets/fonts/barlow/Barlow-Medium.woff2 differ diff --git a/assets/fonts/barlow/BarlowCondensed-Medium.eot b/assets/fonts/barlow/BarlowCondensed-Medium.eot new file mode 100644 index 0000000..8fbd77a Binary files /dev/null and b/assets/fonts/barlow/BarlowCondensed-Medium.eot differ diff --git a/assets/fonts/barlow/BarlowCondensed-Medium.svg b/assets/fonts/barlow/BarlowCondensed-Medium.svg new file mode 100644 index 0000000..27870a6 --- /dev/null +++ b/assets/fonts/barlow/BarlowCondensed-Medium.svg @@ -0,0 +1,2688 @@ + + + + +Created by FontForge 20170731 at Thu Oct 26 18:31:46 2017 + By Aleksey,,, +Copyright 2017 The Barlow Project Authors (https://github.com/jpt/barlow) + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/fonts/barlow/BarlowCondensed-Medium.ttf b/assets/fonts/barlow/BarlowCondensed-Medium.ttf new file mode 100644 index 0000000..8bedf8e Binary files /dev/null and b/assets/fonts/barlow/BarlowCondensed-Medium.ttf differ diff --git a/assets/fonts/barlow/BarlowCondensed-Medium.woff b/assets/fonts/barlow/BarlowCondensed-Medium.woff new file mode 100644 index 0000000..3a76649 Binary files /dev/null and b/assets/fonts/barlow/BarlowCondensed-Medium.woff differ diff --git a/assets/fonts/barlow/BarlowCondensed-Medium.woff2 b/assets/fonts/barlow/BarlowCondensed-Medium.woff2 new file mode 100644 index 0000000..c7abf7a Binary files /dev/null and b/assets/fonts/barlow/BarlowCondensed-Medium.woff2 differ diff --git a/assets/fonts/barlow/BarlowCondensed-SemiBold.eot b/assets/fonts/barlow/BarlowCondensed-SemiBold.eot new file mode 100644 index 0000000..1e86ca4 Binary files /dev/null and b/assets/fonts/barlow/BarlowCondensed-SemiBold.eot differ diff --git a/assets/fonts/barlow/BarlowCondensed-SemiBold.svg b/assets/fonts/barlow/BarlowCondensed-SemiBold.svg new file mode 100644 index 0000000..e935670 --- /dev/null +++ b/assets/fonts/barlow/BarlowCondensed-SemiBold.svg @@ -0,0 +1,2758 @@ + + + + +Created by FontForge 20170731 at Thu Oct 26 18:31:48 2017 + By Aleksey,,, +Copyright 2017 The Barlow Project Authors (https://github.com/jpt/barlow) + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/fonts/barlow/BarlowCondensed-SemiBold.ttf b/assets/fonts/barlow/BarlowCondensed-SemiBold.ttf new file mode 100644 index 0000000..e8e26ed Binary files /dev/null and b/assets/fonts/barlow/BarlowCondensed-SemiBold.ttf differ diff --git a/assets/fonts/barlow/BarlowCondensed-SemiBold.woff b/assets/fonts/barlow/BarlowCondensed-SemiBold.woff new file mode 100644 index 0000000..ed7b89f Binary files /dev/null and b/assets/fonts/barlow/BarlowCondensed-SemiBold.woff differ diff --git a/assets/fonts/barlow/BarlowCondensed-SemiBold.woff2 b/assets/fonts/barlow/BarlowCondensed-SemiBold.woff2 new file mode 100644 index 0000000..81db704 Binary files /dev/null and b/assets/fonts/barlow/BarlowCondensed-SemiBold.woff2 differ diff --git a/assets/images/Cadeau-Casque.png b/assets/images/Cadeau-Casque.png new file mode 100644 index 0000000..25b6a5f Binary files /dev/null and b/assets/images/Cadeau-Casque.png differ diff --git a/assets/images/Cadeau-TV.png b/assets/images/Cadeau-TV.png new file mode 100644 index 0000000..d4d16e8 Binary files /dev/null and b/assets/images/Cadeau-TV.png differ diff --git a/assets/images/Cadeau-Webcoupon.png b/assets/images/Cadeau-Webcoupon.png new file mode 100644 index 0000000..a6ef4c5 Binary files /dev/null and b/assets/images/Cadeau-Webcoupon.png differ diff --git a/assets/images/Footer--logos-LG-TDF.png b/assets/images/Footer--logos-LG-TDF.png new file mode 100644 index 0000000..5c8c3fd Binary files /dev/null and b/assets/images/Footer--logos-LG-TDF.png differ diff --git a/assets/images/Footer--picto-FB.png b/assets/images/Footer--picto-FB.png new file mode 100644 index 0000000..0489e19 Binary files /dev/null and b/assets/images/Footer--picto-FB.png differ diff --git a/assets/images/Footer--picto-In.png b/assets/images/Footer--picto-In.png new file mode 100644 index 0000000..88b8b6a Binary files /dev/null and b/assets/images/Footer--picto-In.png differ diff --git a/assets/images/Footer--picto-Insta.png b/assets/images/Footer--picto-Insta.png new file mode 100644 index 0000000..a8c0bd0 Binary files /dev/null and b/assets/images/Footer--picto-Insta.png differ diff --git a/assets/images/Footer--picto-YT.png b/assets/images/Footer--picto-YT.png new file mode 100644 index 0000000..ccf01cf Binary files /dev/null and b/assets/images/Footer--picto-YT.png differ diff --git a/assets/images/HOME--Step-1.png b/assets/images/HOME--Step-1.png new file mode 100644 index 0000000..1fcde06 Binary files /dev/null and b/assets/images/HOME--Step-1.png differ diff --git a/assets/images/HOME--Step-2.png b/assets/images/HOME--Step-2.png new file mode 100644 index 0000000..dbf978b Binary files /dev/null and b/assets/images/HOME--Step-2.png differ diff --git a/assets/images/HOME--Step-3.png b/assets/images/HOME--Step-3.png new file mode 100644 index 0000000..995ab29 Binary files /dev/null and b/assets/images/HOME--Step-3.png differ diff --git a/assets/images/Logo-Jeu.png b/assets/images/Logo-Jeu.png new file mode 100644 index 0000000..87ad83b Binary files /dev/null and b/assets/images/Logo-Jeu.png differ diff --git a/assets/images/Roue+ombre.png b/assets/images/Roue+ombre.png new file mode 100644 index 0000000..c81ce3f Binary files /dev/null and b/assets/images/Roue+ombre.png differ diff --git a/assets/images/Roue.png b/assets/images/Roue.png new file mode 100644 index 0000000..2f85d2a Binary files /dev/null and b/assets/images/Roue.png differ diff --git a/assets/images/Sticker.png b/assets/images/Sticker.png new file mode 100644 index 0000000..a79f156 Binary files /dev/null and b/assets/images/Sticker.png differ diff --git a/assets/images/Velos-rouges.png b/assets/images/Velos-rouges.png new file mode 100644 index 0000000..6e3ffe9 Binary files /dev/null and b/assets/images/Velos-rouges.png differ diff --git a/assets/images/animations/br-spin.png b/assets/images/animations/br-spin.png deleted file mode 100644 index eaabde3..0000000 Binary files a/assets/images/animations/br-spin.png and /dev/null differ diff --git a/assets/images/grattage.png b/assets/images/animations/grattage.png similarity index 100% rename from assets/images/grattage.png rename to assets/images/animations/grattage.png diff --git a/assets/images/animations/wb-famille-spin.png b/assets/images/animations/wb-famille-spin.png deleted file mode 100644 index ea1d1cc..0000000 Binary files a/assets/images/animations/wb-famille-spin.png and /dev/null differ diff --git a/assets/images/animations/wb-happy-spin.png b/assets/images/animations/wb-happy-spin.png deleted file mode 100644 index 82ae06b..0000000 Binary files a/assets/images/animations/wb-happy-spin.png and /dev/null differ diff --git a/assets/images/animations/wheel-part1.png b/assets/images/animations/wheel-part1.png new file mode 100644 index 0000000..8fda04c Binary files /dev/null and b/assets/images/animations/wheel-part1.png differ diff --git a/assets/images/animations/wheel-part2.png b/assets/images/animations/wheel-part2.png new file mode 100644 index 0000000..0f65c7e Binary files /dev/null and b/assets/images/animations/wheel-part2.png differ diff --git a/assets/images/animations/wheel-part3.png b/assets/images/animations/wheel-part3.png new file mode 100644 index 0000000..4425c98 Binary files /dev/null and b/assets/images/animations/wheel-part3.png differ diff --git a/assets/images/arrow-code.png b/assets/images/arrow-code.png deleted file mode 100644 index 3e23377..0000000 Binary files a/assets/images/arrow-code.png and /dev/null differ diff --git a/assets/images/arrow.png b/assets/images/arrow.png deleted file mode 100644 index 1fcfc27..0000000 Binary files a/assets/images/arrow.png and /dev/null differ diff --git a/assets/images/br-1-euro.png b/assets/images/br-1-euro.png index a38e1a8..876546d 100644 Binary files a/assets/images/br-1-euro.png and b/assets/images/br-1-euro.png differ diff --git a/assets/images/br.png b/assets/images/br.png deleted file mode 100644 index cfe0d48..0000000 Binary files a/assets/images/br.png and /dev/null differ diff --git a/assets/images/cadeau-bleu.png b/assets/images/cadeau-bleu.png new file mode 100644 index 0000000..acd4203 Binary files /dev/null and b/assets/images/cadeau-bleu.png differ diff --git a/assets/images/cadeau-inscription.png b/assets/images/cadeau-inscription.png new file mode 100644 index 0000000..a0a86d3 Binary files /dev/null and b/assets/images/cadeau-inscription.png differ diff --git a/assets/images/cadeau-rouge.png b/assets/images/cadeau-rouge.png new file mode 100644 index 0000000..b061f96 Binary files /dev/null and b/assets/images/cadeau-rouge.png differ diff --git a/assets/images/confettis.png b/assets/images/confettis.png new file mode 100644 index 0000000..2be03d4 Binary files /dev/null and b/assets/images/confettis.png differ diff --git a/assets/images/frise-beige.png b/assets/images/frise-beige.png deleted file mode 100644 index ac512f7..0000000 Binary files a/assets/images/frise-beige.png and /dev/null differ diff --git a/assets/images/gift_background.png b/assets/images/gift_background.png new file mode 100644 index 0000000..bb76d86 Binary files /dev/null and b/assets/images/gift_background.png differ diff --git a/assets/images/home-image.png b/assets/images/home-image.png new file mode 100644 index 0000000..7e26ad0 Binary files /dev/null and b/assets/images/home-image.png differ diff --git a/assets/images/home_logo.png b/assets/images/home-logo.png similarity index 100% rename from assets/images/home_logo.png rename to assets/images/home-logo.png diff --git a/assets/images/home_background.png b/assets/images/home_background.png new file mode 100644 index 0000000..fc7e701 Binary files /dev/null and b/assets/images/home_background.png differ diff --git a/assets/images/how-to-play.png b/assets/images/how-to-play.png index 2e44635..4275935 100644 Binary files a/assets/images/how-to-play.png and b/assets/images/how-to-play.png differ diff --git a/assets/images/logo-LG-40ans.png b/assets/images/logo-LG-40ans.png new file mode 100644 index 0000000..baffc77 Binary files /dev/null and b/assets/images/logo-LG-40ans.png differ diff --git a/assets/images/logo-br.png b/assets/images/logo-br.png index cfe0d48..35443e5 100644 Binary files a/assets/images/logo-br.png and b/assets/images/logo-br.png differ diff --git a/assets/images/logo-footer.png b/assets/images/logo-footer.png index de62d62..4dfabb0 100644 Binary files a/assets/images/logo-footer.png and b/assets/images/logo-footer.png differ diff --git a/assets/images/logo-gauloisirs.png b/assets/images/logo-gauloisirs.png deleted file mode 100644 index 53e0296..0000000 Binary files a/assets/images/logo-gauloisirs.png and /dev/null differ diff --git a/assets/images/logo-jeu.png b/assets/images/logo-jeu.png new file mode 100644 index 0000000..dce64a9 Binary files /dev/null and b/assets/images/logo-jeu.png differ diff --git a/assets/images/logo-tdf.png b/assets/images/logo-tdf.png new file mode 100644 index 0000000..c14e66b Binary files /dev/null and b/assets/images/logo-tdf.png differ diff --git a/assets/images/pastille.png b/assets/images/pastille.png index f368165..b2c4bcc 100644 Binary files a/assets/images/pastille.png and b/assets/images/pastille.png differ diff --git a/assets/images/photo-canoe.png b/assets/images/photo-canoe.png deleted file mode 100644 index 9612941..0000000 Binary files a/assets/images/photo-canoe.png and /dev/null differ diff --git a/assets/images/view-br.jpg b/assets/images/view-br.jpg deleted file mode 100644 index b4858e5..0000000 Binary files a/assets/images/view-br.jpg and /dev/null differ diff --git a/assets/images/wheel-arrow.png b/assets/images/wheel-arrow.png new file mode 100644 index 0000000..ed70e05 Binary files /dev/null and b/assets/images/wheel-arrow.png differ diff --git a/favicon/android-chrome-192x192.png b/favicon/android-chrome-192x192.png index e84712f..7fd2eae 100644 Binary files a/favicon/android-chrome-192x192.png and b/favicon/android-chrome-192x192.png differ diff --git a/favicon/android-chrome-512x512.png b/favicon/android-chrome-512x512.png index 12f369a..6776ee3 100644 Binary files a/favicon/android-chrome-512x512.png and b/favicon/android-chrome-512x512.png differ diff --git a/favicon/apple-touch-icon.png b/favicon/apple-touch-icon.png index c2f7301..351ff83 100644 Binary files a/favicon/apple-touch-icon.png and b/favicon/apple-touch-icon.png differ diff --git a/favicon/favicon-16x16.png b/favicon/favicon-16x16.png index cb0de06..ac90c28 100644 Binary files a/favicon/favicon-16x16.png and b/favicon/favicon-16x16.png differ diff --git a/favicon/favicon-32x32.png b/favicon/favicon-32x32.png index 586b050..35021da 100644 Binary files a/favicon/favicon-32x32.png and b/favicon/favicon-32x32.png differ diff --git a/favicon/favicon.ico b/favicon/favicon.ico index 1650a77..eb37dea 100644 Binary files a/favicon/favicon.ico and b/favicon/favicon.ico differ diff --git a/favicon/mstile-150x150.png b/favicon/mstile-150x150.png index e897e87..2a70507 100644 Binary files a/favicon/mstile-150x150.png and b/favicon/mstile-150x150.png differ diff --git a/favicon/safari-pinned-tab.svg b/favicon/safari-pinned-tab.svg index f61f502..0680b6b 100644 --- a/favicon/safari-pinned-tab.svg +++ b/favicon/safari-pinned-tab.svg @@ -2,108 +2,37 @@ Created by potrace 1.14, written by Peter Selinger 2001-2017 - - - - - - - - - - - - + diff --git a/favicon/site.webmanifest b/favicon/site.webmanifest index b20abb7..c138dca 100644 --- a/favicon/site.webmanifest +++ b/favicon/site.webmanifest @@ -1,6 +1,6 @@ { - "name": "", - "short_name": "", + "name": "Le Gaulois Tour de France", + "short_name": "Le Gaulois TDF", "icons": [ { "src": "/android-chrome-192x192.png", @@ -16,4 +16,4 @@ "theme_color": "#ffffff", "background_color": "#ffffff", "display": "standalone" -} +} \ No newline at end of file diff --git a/sass/base/_common.scss b/sass/base/_common.scss index 2bd6dce..02c68dd 100644 --- a/sass/base/_common.scss +++ b/sass/base/_common.scss @@ -1 +1,110 @@ // Empty. +.text-border-white { + text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, + 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff; +} + +.geometric-form-background { + position: absolute; + top: 50%; + left: 50%; + background: $color-primary; + clip-path: polygon(8px 0, 100% 8px, calc(100% - 4px) calc(100% - 4px), 0 100%); + transform: translate(-50%, -50%); +} + +.title-bikes { + font-size: 4rem; + line-height: .7; + + @include media-breakpoint-up(lg) { + padding: 0 12rem; + + &::before { + position: absolute; + z-index: 1; + bottom: -.5rem; + left: 0.3rem; + width: 12rem; + height: 4.5rem; + background-image: url('@Theme/images/Velos-rouges.png'); + background-repeat: no-repeat; + background-size: contain; + content: ""; + } + } +} + +.default-image-background { + background-image: url('@Theme/images/home_background.png'); + background-position: center center; + background-repeat: no-repeat; + background-size: cover; +} + +.border-custom { + border-top: 4px solid #{$color-white}; + + @include media-breakpoint-up(lg) { + border-top: 0; + border-left: 4px solid #{$color-white}; + } +} + +.details { + &-left, &-right { + top: -2rem; + width: 30rem; + } + + &-left { + left: -2rem; + transform: rotate(-10deg); + } + + &-right { + right: -2rem; + transform: rotate(10deg); + } +} + +@include media-breakpoint-up(lg) { + .gifts-imgs::before { + position: absolute; + z-index: 2; + bottom: 0; + left: 10vw; + width: 10rem; + height: 10rem; + background-image: url('@Theme/images/cadeau-rouge.png'); + background-repeat: no-repeat; + background-size: contain; + content: ""; + } + + .gifts-imgs::after { + position: absolute; + z-index: 2; + right: 10vw; + bottom: 0; + width: 10rem; + height: 10rem; + background-image: url('@Theme/images/cadeau-bleu.png'); + background-repeat: no-repeat; + background-size: contain; + content: ""; + } + + .gift-after::before { + position: absolute; + z-index: 2; + right: 0; + bottom: -5rem; + width: 10rem; + height: 10rem; + background-image: url('@Theme/images/cadeau-bleu.png'); + background-repeat: no-repeat; + background-size: contain; + content: ""; + } +} diff --git a/sass/base/_fonts.scss b/sass/base/_fonts.scss index 2bd6dce..2e75abf 100644 --- a/sass/base/_fonts.scss +++ b/sass/base/_fonts.scss @@ -1 +1,70 @@ -// Empty. +@font-face { + font-family: "Barlow Bold"; + font-style: normal; + font-weight: normal; + src: url("@Theme/fonts/barlow/Barlow-Bold.woff2") format("ttf"), + url("@Theme/fonts/barlow/Barlow-Bold.woff") format("woff"), + url("@Theme/fonts/barlow/Barlow-Bold.ttf") format("ttf"), + url("@Theme/fonts/barlow/Barlow-Bold.svg") format("svg"), + url("@Theme/fonts/barlow/Barlow-Bold.eot") format("eot"); +} + +@font-face { + font-family: "Barlow Condensed Medium"; + font-style: normal; + font-weight: normal; + src: url("@Theme/fonts/barlow/BarlowCondensed-Medium.woff2") format("ttf"), + url("@Theme/fonts/barlow/BarlowCondensed-Medium.woff") format("woff"), + url("@Theme/fonts/barlow/BarlowCondensed-Medium.ttf") format("ttf"), + url("@Theme/fonts/barlow/BarlowCondensed-Medium.svg") format("svg"), + url("@Theme/fonts/barlow/BarlowCondensed-Medium.eot") format("eot"); +} + +@font-face { + font-family: "Barlow Condensed Semi Bold"; + font-style: normal; + font-weight: normal; + src: url("@Theme/fonts/barlow/BarlowCondensed-SemiBold.woff2") format("ttf"), + url("@Theme/fonts/barlow/BarlowCondensed-SemiBold.woff") format("woff"), + url("@Theme/fonts/barlow/BarlowCondensed-SemiBold.ttf") format("ttf"), + url("@Theme/fonts/barlow/BarlowCondensed-SemiBold.svg") format("svg"), + url("@Theme/fonts/barlow/BarlowCondensed-SemiBold.eot") format("eot"); +} + +@font-face { + font-family: "Barlow Medium"; + font-style: normal; + font-weight: normal; + src: url("@Theme/fonts/barlow/Barlow-Medium.woff2") format("ttf"), + url("@Theme/fonts/barlow/Barlow-Medium.woff") format("woff"), + url("@Theme/fonts/barlow/Barlow-Medium.ttf") format("ttf"), + url("@Theme/fonts/barlow/Barlow-Medium.svg") format("svg"), + url("@Theme/fonts/barlow/Barlow-Medium.eot") format("eot"); +} + +@font-face { + font-family: Veneer; + font-style: normal; + font-weight: normal; + src: url("@Theme/fonts/Veneer/regular/veneer.ttf") format("truetype"); +} + +.f-veneer { + font-family: Veneer, sans-serif; +} + +.f-barlow-bold { + font-family: "Barlow Bold", sans-serif; +} + +.f-barlow-condensed-medium { + font-family: "Barlow Condensed Medium", sans-serif; +} + +.f-barlow-condensed-semi-bold { + font-family: "Barlow Condensed Semi Bold", sans-serif; +} + +.f-barlow-medium { + font-family: "Barlow Medium", sans-serif; +} diff --git a/sass/base/_layout.scss b/sass/base/_layout.scss index 2203d92..0c9448e 100644 --- a/sass/base/_layout.scss +++ b/sass/base/_layout.scss @@ -44,7 +44,7 @@ body { > footer { .share { - width: 1.6rem; + width: 2.5rem; } .list-inline { @@ -76,25 +76,22 @@ body { @include media-breakpoint-up(md) { .downlink { - position: relative; - height: 6rem; - > a { - position: absolute; - top: -3rem; - left: 50%; - width: 11rem; - max-height: 8rem; - transform: translateX(-50%); + position: relative; > span { - position: relative; - top: -3rem; + position: absolute; + right: 5%; + bottom: 0; } } } } + #newsletter-email::placeholder { + color: $color-white !important; + } + #page-up { position: fixed; right: 0; diff --git a/sass/fo.scss b/sass/fo.scss index cd7cdff..fa602f7 100644 --- a/sass/fo.scss +++ b/sass/fo.scss @@ -15,9 +15,7 @@ @import "./base/layout"; // * PAGES -@import "./pages/teaser"; @import "./pages/home"; @import "./pages/static_page"; @import "./pages/products"; @import "./pages/won"; -@import "./pages/participate"; diff --git a/sass/mail-theme.scss b/sass/mail-theme.scss index 6adfa17..f1b4219 100644 --- a/sass/mail-theme.scss +++ b/sass/mail-theme.scss @@ -138,9 +138,7 @@ p { /* Logo */ .logo { - width: 75px; - height: 75px; - max-height: 75px; + width: 200px; } /* Body */ diff --git a/sass/pages/_home.scss b/sass/pages/_home.scss index b0278e0..64a5532 100644 --- a/sass/pages/_home.scss +++ b/sass/pages/_home.scss @@ -1,4 +1,186 @@ .home-page { + #main-section { + .gift-label { + top: 25%; + } + + .gift-discount { + border-style: dashed !important; + } + + + .wheel-up { + top: 15%; + left: 94%; + width: 40%; + max-width: fit-content; + transform: translate(-50%, -50%); + } + + .details { + &-left, &-right { + top: -4rem; + width: 45rem; + } + + &-left { + left: -2rem; + transform: rotate(-10deg); + } + + &-right { + right: -2rem; + transform: rotate(10deg); + } + } + + #home-gifts { + .gifts-background { + left: -5%; + } + + .separation { + width: 0; + height: 80%; + } + + .main-quantity { + font-size: 10rem; + line-height: .9; + + ~ .small { + font-size: 1.5rem; + line-height: .9; + } + + @include media-breakpoint-up(xl) { + font-size: 18rem; + line-height: .9; + + ~ .small { + font-size: 3rem; + line-height: .9; + } + } + } + + .second-gift { + .quantity { + font-size: 6rem; + line-height: .9; + + @include media-breakpoint-up(xl) { + font-size: 10rem; + } + } + + .br-text { + font-size: 1.5rem; + line-height: .9; + + @include media-breakpoint-up(xl) { + font-size: 2rem; + } + } + } + + .gift-label { + font-size: 2rem; + line-height: .9; + + @include media-breakpoint-up(xl) { + font-size: 4rem; + } + } + + .col-md-6 .img-fluid { + max-width: 10rem; + + @include media-breakpoint-up(xl) { + max-width: 16rem; + } + } + + .border-custom { + @include media-breakpoint-up(md) { + border-left: 4px solid #{$color-dark}; + } + } + } + } + + #howto { + @keyframes spin { + from { + transform: rotate(0deg); + } + + to { + transform: rotate(360deg); + } + } + + .rotate-anim { + animation: spin 15s linear infinite; + } + } + + #gifts { + background-color: #F3F1F2; + + .details { + &-left, &-right { + top: -2rem; + width: 30rem; + } + + &-left { + left: -2rem; + transform: rotate(-10deg); + } + + &-right { + right: -2rem; + transform: rotate(10deg); + } + } + + .carousel-item .rounded-circle { + width: 50%; + + @include media-breakpoint-up(xl) { + width: 75%; + } + } + + .carousel-indicators .rounded-circle { + width: 1rem; + height: 1rem; + } + + @include media-breakpoint-up(lg) { + .carousel-inner::before { + position: absolute; + z-index: 1; + right: 0; + bottom: -2rem; + width: 10rem; + height: 10rem; + background-image: url('@Theme/images/cadeau-bleu.png'); + background-repeat: no-repeat; + background-size: contain; + content: ""; + } + } + + @include media-breakpoint-up(xl) { + .carousel-inner::before { + right: -0.5rem; + bottom: -4rem; + } + } + } + .picture-100-win { left: 40%; transform: translateX(-60%); @@ -16,17 +198,13 @@ .badge-vertical { width: 4rem; + height: 4rem; padding: 0.8rem; - @include media-breakpoint-up(md) { - width: 7rem; - padding: 1.3rem; - } - &::after { display: block; - width: 0.4rem; - height: 200%; + width: 0.3rem; + height: 215%; margin: 0 auto; background-color: $color-white; content: ' '; @@ -35,10 +213,16 @@ &:last-child::after { display: none; } - } - .picture-products { - max-width: 20rem; + @include media-breakpoint-up(md) { + width: 10rem; + height: 10rem; + padding: .1rem; + + &::after { + height: 50%; + } + } } #carousel-lots { @@ -46,7 +230,7 @@ max-width: 40rem; } - .carousel-item { + .carousel-item, .carousel-item-content { min-height: 55rem; @include media-breakpoint-up(sm) { diff --git a/sass/pages/_participate.scss b/sass/pages/_participate.scss deleted file mode 100644 index 883508c..0000000 --- a/sass/pages/_participate.scss +++ /dev/null @@ -1,23 +0,0 @@ -.participate-page { - .br-and-arrow { - position: relative; - text-align: center; - - img { - width: 9rem; - } - - &::after { - position: relative; - display: inline-block; - width: 3rem; - height: 4rem; - background-image: url('@Theme/images/arrow-code.png'); - background-position: center; - background-repeat: no-repeat; - background-size: contain; - content: ' '; - transform: translateY(100%); - } - } -} diff --git a/sass/pages/_teaser.scss b/sass/pages/_teaser.scss deleted file mode 100644 index 59e7251..0000000 --- a/sass/pages/_teaser.scss +++ /dev/null @@ -1,20 +0,0 @@ -.teaser-page { - .container-big { - max-width: 1500px; - } - - .picture-100-win { - left: 40%; - transform: translateX(-60%); - } - - @include media-breakpoint-up(xl) { - .main-rotate { - transform: rotateZ(-5deg); - } - - .anti-rotate { - transform: rotateZ(5deg); - } - } -} diff --git a/sass/pages/_won.scss b/sass/pages/_won.scss index d7e27e0..98b3fa8 100644 --- a/sass/pages/_won.scss +++ b/sass/pages/_won.scss @@ -1,27 +1,33 @@ @import "./../partials/spin_wheel"; +@import "./../partials/scratch"; .won-page { #wheel-wrapper { position: relative; - width: 16rem; + width: 14.4rem; + height: 14.4rem; margin: 0 auto; - } + background-image: url('@Theme/images/Roue.png'); + background-repeat: no-repeat; + background-size: cover; - @include media-breakpoint-up(md) { - .prize-rotate { - transform: rotateZ(-3deg); + @include media-breakpoint-up(lg) { + width: 29.4rem; + height: 29.4rem; } - .anti-rotate { - transform: rotateZ(3deg); - } - } - - .wide-banner { - position: relative; - - @include media-breakpoint-up(md) { - right: -2rem; + &::before { + position: absolute; + z-index: 1; + top: -1.5rem; + left: 50%; + width: 6rem; + height: 4.5rem; + background-image: url('@Theme/images/wheel-arrow.png'); + background-repeat: no-repeat; + background-size: contain; + content: ""; + transform: translateX(-50%); } } } diff --git a/sass/partials/_scratch.scss b/sass/partials/_scratch.scss new file mode 100644 index 0000000..57f35f0 --- /dev/null +++ b/sass/partials/_scratch.scss @@ -0,0 +1,7 @@ +#scratch-wrapper { + canvas { + position: absolute; + top: 0; + left: 0; + } +} diff --git a/sass/partials/_spin_wheel.scss b/sass/partials/_spin_wheel.scss index 7bad90e..32a8adb 100644 --- a/sass/partials/_spin_wheel.scss +++ b/sass/partials/_spin_wheel.scss @@ -7,23 +7,17 @@ .wheel { position: relative; overflow: hidden; - width: 16rem; - height: 16rem; - border: 0.4rem solid #{$color-white}; + width: 12rem; + height: 12rem; border-radius: 50%; margin: 0; - box-shadow: rgb(0 0 0 / 20%) 0 0 10px, rgb(0 0 0 / 5%) 0 3px 0; + background-color: #{$color-secondary}; + outline: 0.4rem solid #{$color-white}; transform: rotate(0deg); - &::before { - position: absolute; - z-index: 1000; - left: 0; - width: calc(16rem - 0.2rem * 2); - height: calc(16rem - 0.2rem * 2); - border: 0.2rem solid rgb(0 0 0 / 10%); - border-radius: 50%; - content: ""; + @include media-breakpoint-up(lg) { + width: 25rem; + height: 25rem; } .wheel-inner { @@ -34,16 +28,21 @@ .wheel-sec { position: absolute; - top: -.1rem; - left: -.1rem; - width: 16rem; - height: calc(16rem / 2); + top: 0; + left: 0; + width: 100%; + height: calc(12rem / 2); background-origin: border-box; background-position: center; background-repeat: no-repeat; background-size: auto; opacity: 1; - transform-origin: calc(16rem / 2) calc(16rem / 2); + transform-origin: calc(12rem / 2) calc(12rem / 2); + + @include media-breakpoint-up(lg) { + height: calc(25rem / 2); + transform-origin: calc(25rem / 2) calc(25rem / 2); + } } .wheel-spin { @@ -55,64 +54,12 @@ height: 4.2rem; border-radius: 50%; margin: -34px 0 0 -34px; - background: #{$color-white}; + background: $color-yellow; box-shadow: rgb(0 0 0 / 10%) 0 3px 0; cursor: pointer; font-family: "Exo 2", sans-serif; user-select: none; - &::before { - position: absolute; - top: -12px; - left: 14px; - width: 0; - height: 0; - border-width: 0 20px 28px; - border-style: solid; - border-color: transparent transparent #{$color-white}; - content: ""; - } - - &::after { - position: relative; - z-index: 100000; - display: block; - width: 4.2rem; - height: 4.2rem; - color: $color-dark; - content: "LANCER"; - font-size: .7rem; - line-height: 4.2rem; - text-align: center; - text-shadow: 0 2px 0 #{$color-white}, 0 -1px 0 rgb(0 0 0 / 30%); - } - - .wheel-spin-inner { - position: absolute; - z-index: 999; - top: 50%; - left: 50%; - width: 54px; - height: 54px; - border-radius: 50%; - margin: -27px 0 0 -27px; - background: $color-white; - - /* Old browsers */ - /* stylelint-disable-next-line declaration-property-value-no-unknown */ - background: radial-gradient(center, ellipse cover, rgb(255 255 255 / 100%) 0%, rgb(234 234 234 / 100%) 100% ); /* FF3.6+ */ - background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%, rgb(255 255 255 / 100%)), color-stop(100%, rgb(234 234 234 / 100%)) ); /* Chrome,Safari4+ */ - /* stylelint-disable-next-line declaration-property-value-no-unknown */ - background: radial-gradient(center, ellipse cover, rgb(255 255 255 / 100%) 0%, rgb(234 234 234 / 100%) 100% ); /* Chrome10+,Safari5.1+ */ - /* stylelint-disable-next-line declaration-property-value-no-unknown */ - background: radial-gradient(center, ellipse cover, rgb(255 255 255 / 100%) 0%, rgb(234 234 234 / 100%) 100% ); /* Opera 12+ */ - /* stylelint-disable-next-line declaration-property-value-no-unknown */ - background: radial-gradient(center, ellipse cover, rgb(255 255 255 / 100%) 0%, rgb(234 234 234 / 100%) 100% ); /* IE10+ */ - background: radial-gradient(ellipse at center, rgb(255 255 255 / 100%) 0%, rgb(234 234 234 / 100%) 100% ); /* W3C */ - box-shadow: rgb(255 255 255 / 100%) 0 -2px 0 inset, rgb(255 255 255 / 100%) 0 2px 0 inset, rgb(0 0 0 / 40%) 0 0 5px; - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ - } - &:active,&.active { &::after { font-size: .8rem; @@ -123,20 +70,6 @@ } } } - - .wheel-shine { - position: absolute; - top: 0; - left: 0; - width: 16rem; - height: 16rem; /* FF3.6+ */ - background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%, rgb(255 255 255 / 100%)), color-stop(1%, rgb(255 255 255 / 99%)), color-stop(9%, rgb(255 255 255 / 91%)), color-stop(100%, rgb(255 255 255 / 0%)) ); /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 12+ */ - /* stylelint-disable-next-line declaration-property-value-no-unknown */ - background: radial-gradient(center, ellipse cover, rgb(255 255 255 / 100%) 0%, rgb(255 255 255 / 99%) 1%, rgb(255 255 255 / 91%) 9%, rgb(255 255 255 / 0%) 100% ); /* IE10+ */ - background: radial-gradient(ellipse at center, rgb(255 255 255 / 100%) 0%, rgb(255 255 255 / 99%) 1%, rgb(255 255 255 / 91%) 9%, rgb(255 255 255 / 0%) 100% ); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ - opacity: 0.1; - } } /* ANIMATION */ diff --git a/sass/utilities/_bootstrap-custom.scss b/sass/utilities/_bootstrap-custom.scss index f50fbd5..82b1536 100644 --- a/sass/utilities/_bootstrap-custom.scss +++ b/sass/utilities/_bootstrap-custom.scss @@ -34,6 +34,9 @@ .w#{$infix}-100 { width: 100% !important; } + .w#{$infix}-fit { + width: fit-content !important; + } @each $prop, $unit in (width: vw, height: vh) { @each $size in [25, 50, 75, 100] { diff --git a/sass/utilities/_bootstrap-variables.scss b/sass/utilities/_bootstrap-variables.scss index 6e7f846..d10d030 100644 --- a/sass/utilities/_bootstrap-variables.scss +++ b/sass/utilities/_bootstrap-variables.scss @@ -14,6 +14,7 @@ $dark: $color-dark; $tertiary: $color-tertiary; $quad: $color-quad; $quint: $color-quint; +$yellow: $color-yellow; $theme-colors: ( primary: $primary, secondary: $secondary, @@ -27,6 +28,7 @@ $theme-colors: ( light: $light, "white": $white, dark: $dark, + yellow: $yellow, ); $custom-theme-colors: map.merge($theme-colors, ( @@ -44,6 +46,8 @@ $line-height-base: $line-default-height-base; // Add font-size variable $heading-multiplicator: 1; +$big-font-size: $font-size-base * $heading-multiplicator * 6; +$mid-font-size: $font-size-base * $heading-multiplicator * 5; $h1-font-size: $font-size-base * $heading-multiplicator * 2.5; $h2-font-size: $font-size-base * $heading-multiplicator * 2; $h3-font-size: $font-size-base * $heading-multiplicator * 1.75; @@ -53,10 +57,12 @@ $h6-font-size: $font-size-base * $heading-multiplicator; // Add the new font-size in this map $font-sizes: ( + big: $big-font-size, + mid: $mid-font-size, 1: $h1-font-size, 2: $h2-font-size, 3: $h3-font-size, 4: $h4-font-size, 5: $h5-font-size, 6: $h6-font-size, -); \ No newline at end of file +); diff --git a/sass/utilities/_variables.scss b/sass/utilities/_variables.scss index ed2d5ec..01b9999 100644 --- a/sass/utilities/_variables.scss +++ b/sass/utilities/_variables.scss @@ -2,17 +2,18 @@ // * COLORS $color-white: #fff; -$color-light: #eceff3; -$color-dark: #070000; -$color-success: #00ac61; -$color-danger: #f71200; -$color-info: #508fdf; -$color-warning: #e6cd00; -$color-primary: #0f437e; -$color-secondary: #135ba7; -$color-tertiary: #db275a; -$color-quad: #00719e; -$color-quint: #fba629; +$color-light: #fff9f0; +$color-dark: #000; +$color-success: #5ea600; +$color-danger: #f30066; +$color-info: #5883a3; +$color-warning: #ffc06c; +$color-primary: #e30613; +$color-secondary: #005d89; +$color-tertiary: #0972b4; +$color-quad: #1d88b9; +$color-quint: #a1aab4; +$color-yellow: #FFED3B; // * BACKGROUNDS COLORS $bg-lightened: $color-light; @@ -24,18 +25,16 @@ $color-default-titles: $color-primary; $color-default-texts: $color-dark; // * FONTS -$font-default-family-base: "Imprima Regular", sans-serif; // - The default site font family. +$font-default-family-base: "Barlow Condensed Semi Bold", sans-serif; // - The default site font family. $font-default-size-base: 1rem; // Assumes the browser default, typically `16px` $line-default-height-base: 1.65; - // * Inputs - $input-bg: color.adjust($color-tertiary, $lightness: 45%); $input-color: color.adjust($color-tertiary, $lightness: -10%); - +$input-focus-border-color: color.adjust($color-tertiary, $lightness: 45%); // * Cookie Notice $ck-primary-color: $color-primary; -$ck-secondary-color: color.adjust($color-tertiary, $lightness: -10%); +$ck-secondary-color: color.adjust($color-primary, $lightness: -10%); $ck-background-color: $color-light; diff --git a/theme.config.php b/theme.config.php index fabf539..e1a4233 100644 --- a/theme.config.php +++ b/theme.config.php @@ -1,27 +1,37 @@ '2.0.0', - // * Theme name - 'name' => 'base', - // * Picture BO validation sizes + // GGW motor version. + 'version' => '3.0.0', + + // Theme name. + 'name' => 'default-theme', + + // Picture BO validation sizes. 'models' => [ 'prizes' => [ - 'picture_max_width' => 560, + 'picture_min_width' => 560, + 'picture_min_height' => 700, + 'picture_max_width' => 560, 'picture_max_height' => 700, ], 'products' => [ - 'picture_max_width' => 550, + 'picture_min_width' => 550, + 'picture_min_height' => 550, + 'picture_max_width' => 550, 'picture_max_height' => 550, ], 'ranges' => [ - 'picture_max_width' => 476, + 'picture_min_width' => 476, + 'picture_min_height' => 355, + 'picture_max_width' => 476, 'picture_max_height' => 355, ], ], - // * Image resizer config + /** + * Image resizer config. + * * Format can specifiy to which format save the image * JPEG PNG GIF TIF BMP ICO PSD WebP * GD ✔️ ✔️ ✔️ - - - - ✔️ * @@ -53,20 +63,30 @@ return [ * ] */ 'resizes' => [ - 'trimlot1' => [ - 'height' => 600, - 'width' => 400, + 'trimlot1' => [ + 'height' => 526, + 'width' => 560, 'inCanvas' => true, - 'fit' => true, - 'format' => 'webp' + 'fit' => true, + 'format' => 'webp' ], - 'trimlot2' => [ - 'height' => 400, - 'width' => 400, - 'fit' => true, + 'trimlot2' => [ + 'height' => 155, + 'width' => 350, + 'fit' => true, 'inCanvas' => true, - 'trim' => ['transparent', null, 10], - 'format' => 'png' - ] + 'trim' => ['transparent', null, 10], + 'format' => 'png' + ], + 'scratch_prize' => [ + 'width' => 570, + 'height' => 350, + 'resize' => true, + 'inCanvas' => true, + 'keepRatio' => true, + 'trim' => ['transparent', null, 10], + 'format' => 'png' + ], + ] ]; diff --git a/ts/base/common.ts b/ts/base/common.ts index 90ddad4..696ea68 100644 --- a/ts/base/common.ts +++ b/ts/base/common.ts @@ -41,53 +41,4 @@ document.addEventListener("DOMContentLoaded", function () { }); }, 300); } - - const scrollTop = (target: string, offset: number = 0) => { - const targetElement = document.getElementById(target); - if (!targetElement) throw new Error(`scrollTop requires ${target} to exist`); - const top = targetElement.getBoundingClientRect().top, - t = window.scrollY + top - offset; - scrollTo({ - top: t, - behavior: "smooth" - }); - }; - - const pageUp = document.getElementById("page-up"); - if (pageUp) { - pageUp.addEventListener("click", () => scrollTop("content-container", 250)), - document.addEventListener("scroll", () => { - if (window.scrollY > 250) { - pageUp.classList.add("show"); - return; - } - pageUp.classList.remove("show"); - }); - } -}); - -// * Input Validation. -document.addEventListener("DOMContentLoaded", function () { - document.querySelectorAll("input.is-invalid").forEach((input) => { - let timer: NodeJS.Timeout|null = null; - input.addEventListener("change", () => { - const parent = input.parentElement; - input.classList.remove("is-invalid"); - if (parent && parent.classList.contains("is-invalid")) { - parent.classList.remove("is-invalid"); - } - }); - input.addEventListener("input", () => { - if (timer) { - clearTimeout(timer); - } - timer = setTimeout(() => { - const parent = input.parentElement; - input.classList.remove("is-invalid"); - if (parent && parent.classList.contains("is-invalid")) { - parent.classList.remove("is-invalid"); - } - }, 250); - }); - }); }); diff --git a/ts/fo.ts b/ts/fo.ts index 1b50d30..d64a242 100644 --- a/ts/fo.ts +++ b/ts/fo.ts @@ -10,10 +10,16 @@ import "./utilities/vue-fo"; // CUSTOM import "./base/common"; +// PARTIALS +import "./partials/input-errors-removal"; +import "./partials/newsletter"; +import "./partials/scroll-to-top"; + // PAGES import "./pages/home"; import "./pages/products"; -import "./pages/won"; +import "./pages/won-spin"; + // Cookies import CookieNotice from "@ldc-web/cookie-notice"; diff --git a/ts/pages/home.ts b/ts/pages/home.ts index 6603d6a..8e95052 100644 --- a/ts/pages/home.ts +++ b/ts/pages/home.ts @@ -6,7 +6,6 @@ document.addEventListener("DOMContentLoaded", function () { return; } - // * BR Carousel (With BS) const lotsCarousel = document.getElementById("carousel-lots"); if (lotsCarousel) { @@ -23,11 +22,11 @@ document.addEventListener("DOMContentLoaded", function () { if (!isRunning) { playPauseBtn.children.item(0)?.classList.remove("d-none"); playPauseBtn.children.item(1)?.classList.add("d-none"); - playPauseBtn.setAttribute('title', String(playPauseBtn.dataset['play'])); + playPauseBtn.setAttribute("title", String(playPauseBtn.dataset["play"])); } else { playPauseBtn.children.item(0)?.classList.add("d-none"); playPauseBtn.children.item(1)?.classList.remove("d-none"); - playPauseBtn.setAttribute('title', String(playPauseBtn.dataset['stop'])); + playPauseBtn.setAttribute("title", String(playPauseBtn.dataset["stop"])); } }; playPauseBtn.addEventListener("click", () => { diff --git a/ts/pages/won-scratch.ts b/ts/pages/won-scratch.ts new file mode 100644 index 0000000..a680370 --- /dev/null +++ b/ts/pages/won-scratch.ts @@ -0,0 +1,67 @@ +import { SCRATCH_TYPE, ScratchCard } from "scratchcard-js"; +import grattageUrl from "./../../assets/images/animations/grattage.png"; + +document.addEventListener("DOMContentLoaded", function () { + if (!document.querySelector("main.won-page")) { + return; + } + + const scratchWrapper = document.getElementById("scratch-wrapper"), + scratchPicture = document.getElementById("scratch-picture") as HTMLPictureElement|null, + animationSection = document.getElementById("scratch-animation"), + prizeSection = document.getElementById("prize-section"), + discountSection = document.getElementById("discount-section"), + winningProofSection = document.getElementById("winning-proof-section"); + + /** Hide animation and show win sections */ + const toggleAnimationPhase = () => { + if (animationSection) { + animationSection.classList.add("d-none"); + } + if (prizeSection) { + prizeSection.classList.remove("d-none"); + }else if (discountSection) { + discountSection.classList.remove("d-none"); + } else { + throw new Error("No section to toggle"); + } + if (winningProofSection) { + winningProofSection.classList.remove("d-none"); + } + }; + + if (!animationSection) { + throw Error("section#scratch-animation missing"); + } + + if (scratchWrapper && scratchPicture) { + scratchPicture.addEventListener("load", () => { + const sc = new ScratchCard(scratchWrapper, { + scratchType: SCRATCH_TYPE.LINE, + containerWidth: scratchWrapper.offsetWidth, + containerHeight: scratchWrapper.offsetHeight, + imageForwardSrc: grattageUrl, + imageBackgroundSrc: "", + htmlBackground: "", + clearZoneRadius: 50, + nPoints: 30, + pointSize: 8, + percentToFinish: 65, + callback: function () { + toggleAnimationPhase(); + }, + brushSrc: "", + enabledPercentUpdate: true + }); + sc.init().catch((e) => { + console.error(e); + toggleAnimationPhase(); + }); + }); + scratchPicture.setAttribute("src", String(scratchPicture.dataset["src"])); + } else { + toggleAnimationPhase(); + } + +}); + diff --git a/ts/pages/won.ts b/ts/pages/won-spin.ts similarity index 100% rename from ts/pages/won.ts rename to ts/pages/won-spin.ts diff --git a/ts/partials/.gitkeep b/ts/partials/.gitkeep deleted file mode 100644 index e69de29..0000000 diff --git a/ts/partials/input-errors-removal.ts b/ts/partials/input-errors-removal.ts new file mode 100644 index 0000000..3b66684 --- /dev/null +++ b/ts/partials/input-errors-removal.ts @@ -0,0 +1,25 @@ +// * Input Validation. +document.addEventListener("DOMContentLoaded", function () { + document.querySelectorAll("input.is-invalid").forEach((input) => { + let timer: NodeJS.Timeout|null = null; + input.addEventListener("change", () => { + const parent = input.parentElement; + input.classList.remove("is-invalid"); + if (parent && parent.classList.contains("is-invalid")) { + parent.classList.remove("is-invalid"); + } + }); + input.addEventListener("input", () => { + if (timer) { + clearTimeout(timer); + } + timer = setTimeout(() => { + const parent = input.parentElement; + input.classList.remove("is-invalid"); + if (parent && parent.classList.contains("is-invalid")) { + parent.classList.remove("is-invalid"); + } + }, 250); + }); + }); +}); diff --git a/ts/partials/newsletter.ts b/ts/partials/newsletter.ts new file mode 100644 index 0000000..9f60eb7 --- /dev/null +++ b/ts/partials/newsletter.ts @@ -0,0 +1,49 @@ +import route from "../../../../ts/modules/route"; +const laravelRoute = route.methods.route; + +document.addEventListener("DOMContentLoaded", function () { +// * NEWSLETTERS +// Subscribe to newsletter + const newsletterSubmitBtn = document.getElementById("newsletter-submit"); + const newsletterEmailInput = document.getElementById("newsletter-email") as HTMLInputElement; + const newsletterMessageDiv = document.getElementById("newsletter-message"); + if (newsletterSubmitBtn && newsletterEmailInput && newsletterMessageDiv) { + + // Submit the request + newsletterSubmitBtn.addEventListener("click", function () { + // Reset error field + newsletterMessageDiv.classList.remove("bg-success-subtle", "border-success", "text-success"); + newsletterMessageDiv.classList.remove("bg-danger-subtle", "border-danger", "text-danger"); + newsletterMessageDiv.textContent = ""; + + const addSingleOptinRoute = laravelRoute("fo.add-single-optin"); + if (addSingleOptinRoute === null) { + return; + } + window.axios.post(addSingleOptinRoute, { + email: newsletterEmailInput.value, + }) + .then(function (response) { + newsletterMessageDiv.classList.remove("d-none"); + newsletterMessageDiv.classList.add("bg-success-subtle", "border-success", "text-success"); + newsletterMessageDiv.textContent = String(response.data); + newsletterEmailInput.value = ""; + }) + .catch(function (error) { + newsletterMessageDiv.classList.remove("d-none"); + newsletterMessageDiv.classList.add("bg-danger-subtle", "border-danger", "text-danger"); + if (error.response.status == 422) { + const errors = error.response.data.errors; + for (const errorKey in errors) { + const errorP = document.createElement("p"); + errorP.classList.add("m-0"); + errorP.textContent = errors[errorKey]; + newsletterMessageDiv.appendChild(errorP); + } + } else { + newsletterMessageDiv.textContent = error.response.data; + } + }); + }); + } +}); diff --git a/ts/partials/scroll-to-top.ts b/ts/partials/scroll-to-top.ts new file mode 100644 index 0000000..bbdc123 --- /dev/null +++ b/ts/partials/scroll-to-top.ts @@ -0,0 +1,25 @@ +// * Scroll to top button. +document.addEventListener("DOMContentLoaded", function () { + const scrollTop = (target: string, offset: number = 0) => { + const targetElement = document.getElementById(target); + if (!targetElement) throw new Error(`scrollTop requires ${target} to exist`); + const top = targetElement.getBoundingClientRect().top, + t = window.scrollY + top - offset; + scrollTo({ + top: t, + behavior: "smooth" + }); + }; + + const pageUp = document.getElementById("page-up"); + if (pageUp) { + pageUp.addEventListener("click", () => scrollTop("content-container", 250)), + document.addEventListener("scroll", () => { + if (window.scrollY > 250) { + pageUp.classList.add("show"); + return; + } + pageUp.classList.remove("show"); + }); + } +}); diff --git a/ts/types/.gitkeep b/ts/types/.gitkeep deleted file mode 100644 index e69de29..0000000 diff --git a/views/auth/login.blade.php b/views/auth/login.blade.php index b694992..b230e15 100644 --- a/views/auth/login.blade.php +++ b/views/auth/login.blade.php @@ -6,98 +6,107 @@ @section('no-flash', true) @section('content') -
- @error('email') -
-
-