diff --git a/app/Console/Commands/excel/CoderDojoEvents.php b/app/Console/Commands/excel/CoderDojoEvents.php index bee994274..c9fb706d0 100644 --- a/app/Console/Commands/excel/CoderDojoEvents.php +++ b/app/Console/Commands/excel/CoderDojoEvents.php @@ -42,7 +42,7 @@ public function handle(): void Excel::import( new CoderDojoEventsImport(), - '20241024 CodeWeek activities NOVEMBER CoderDojo Belgium.xlsx', + 'events-coderdojobelgium.xlsx', 'excel' ); } diff --git a/public/images/baubbles.svg b/public/images/baubbles.svg new file mode 100644 index 000000000..269f1d5f7 Binary files /dev/null and b/public/images/baubbles.svg differ diff --git a/public/images/bubbles1.png b/public/images/bubbles1.png new file mode 100644 index 000000000..269f1d5f7 Binary files /dev/null and b/public/images/bubbles1.png differ diff --git a/public/images/xmas.svg b/public/images/xmas.svg new file mode 100644 index 000000000..56de4be5d --- /dev/null +++ b/public/images/xmas.svg @@ -0,0 +1,79 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/resources/assets/sass/pages/homepage.scss b/resources/assets/sass/pages/homepage.scss index a249b1ab0..b056abd43 100644 --- a/resources/assets/sass/pages/homepage.scss +++ b/resources/assets/sass/pages/homepage.scss @@ -10,6 +10,7 @@ #main-banner .what{ display: flex; margin: 50px 10%; + margin-bottom: 1rem; } #main-banner .what .separator{ @@ -35,6 +36,22 @@ margin: 40px 0 20px 10%; } +@media (max-width: 993px) { + #main-banner .info .when { + margin: 4rem; + } +} + +@media (max-width: 525px) { + #main-banner .info .when { + margin: 0rem; + } + + #main-banner .info { + padding: 1rem; + } +} + #main-banner .info .when .arrow{ text-align: center; margin-top: 70px; @@ -61,6 +78,11 @@ text-align: center; width: 220px; } +@media (max-width: 993px) { + #main-banner .info .when .date { + width: 100%; + } +} #main-banner .info .countdown { margin-bottom: 15px; } @@ -188,7 +210,6 @@ /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ @media (min-width:641px) { #main-banner{ - background-image: url('/images/bubbles.svg'); background-repeat: no-repeat; background-position-x: 112%; } @@ -292,17 +313,19 @@ } #main-banner .info .when{ margin-right: 50px; - width: 350px; + width: auto; + max-width: 500px; } #main-banner .info .when .date{ font-size: 38px; - margin-bottom: 30px; + margin-bottom: 1rem; } #main-banner .info .when .text { font-size: 18px; } #main-banner .info .countdown { - margin-top: 50px; + margin-top: 3rem; + margin-left: -10px; } #main-banner .info .when .arrow{ width: 94px; diff --git a/resources/excel/events-coderdojobelgium.xlsx b/resources/excel/events-coderdojobelgium.xlsx new file mode 100644 index 000000000..a660af948 Binary files /dev/null and b/resources/excel/events-coderdojobelgium.xlsx differ diff --git a/resources/lang/en/home.php b/resources/lang/en/home.php index 03e38b5a9..ea01d00d6 100644 --- a/resources/lang/en/home.php +++ b/resources/lang/en/home.php @@ -2,8 +2,9 @@ return [ 'about' => 'EU Code Week is a grassroots initiative which aims to bring coding and digital literacy to everybody in a fun and engaging way…', - 'when' => '', + 'when' => 'Join us for some festive fun!', 'when_text' => 'Learning to code helps us make sense of the rapidly changing world around us. Join millions of fellow organisers and participants to inspire the development of coding and computational thinking skills in order to explore new ideas and innovate for the future.', + 'xmas_text' => 'Make this festive season sparkle with innovation and creativity! Join our \'Coding@Christmas\' fun by adding your coding activity to our map, and be in with a chance to win a micro:bit kit for your students. Let’s celebrate the holidays by empowering the next generation of thinkers and creators. Add your activity today and help inspire a brighter future!', 'school_banner_title' => 'Get Involved! Add an Activity!', 'school_banner_text' => 'Are you a teacher?', 'school_banner_text2' => 'Find out how to get involved!', diff --git a/resources/views/static/home.blade.php b/resources/views/static/home.blade.php index ce8ce002c..9b33ddfe7 100644 --- a/resources/views/static/home.blade.php +++ b/resources/views/static/home.blade.php @@ -2,7 +2,8 @@ @section('content')
-
+
+
@lang('home.about')
@@ -11,13 +12,16 @@
- +
-
#EUCodeWeek
- -
@lang('home.when_text')
-
+
Coding@Christmas
+
@lang('home.when')
+
@lang('home.xmas_text')
+ + + Get involved! +