Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

6 changes: 3 additions & 3 deletions public/build/manifest.json
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
"isEntry": true
},
"resources/js/app.js": {
"file": "assets/app-Dt6rPs4w.js",
"file": "assets/app-BnisJ9m_.js",
"name": "app",
"src": "resources/js/app.js",
"isEntry": true,
Expand Down Expand Up @@ -93,7 +93,7 @@
"isDynamicEntry": true
},
"resources/lang/php_en.json": {
"file": "assets/php_en-C2_F76So.js",
"file": "assets/php_en-D2tgOGId.js",
"name": "php_en",
"src": "resources/lang/php_en.json",
"isDynamicEntry": true
Expand Down Expand Up @@ -135,7 +135,7 @@
"isDynamicEntry": true
},
"resources/lang/php_it.json": {
"file": "assets/php_it-Bg3vOCbN.js",
"file": "assets/php_it-DgjtZXSf.js",
"name": "php_it",
"src": "resources/lang/php_it.json",
"isDynamicEntry": true
Expand Down
4 changes: 3 additions & 1 deletion resources/lang/en/challenges.php
Original file line number Diff line number Diff line change
Expand Up @@ -101,5 +101,7 @@
'challenges-sub-title'=>'You would like to participate in the EU Code Week but do not really have an idea of what to organise?',
'challenges-sub-text1'=>'Look no further! Along with EU Code Week partners, we have designed a selection of easy-to-do challenges with concrete examples of how to use them in a classroom or group. There are also guidelines on how to complete the challenges, but you can adapt them so that they suit the needs, interests and age of your participants.',
'challenges-sub-text2'=>'You can use whatever tools and technologies you like, but we recommend open-source resources. Choose one or several challenges, adapt it to your group or your classroom, and share the results on Instagram to encourage even more colleagues and friends to join the EU Code Week fun!.',

'challenges-sub-text3'=>'You can use whatever tools and technologies you like, but we recommend open-source resources. Choose one or several challenges, adapt it to your group or your classroom, and share the results on Instagram to encourage even more colleagues and friends to join the EU Code Week fun!.',
'challenges-sub-text3'=>'You can use whatever tools and technologies you like, but we recommend open-source resources. Choose one or several challenges, adapt it to your group or your classroom, and share the results on Instagram to encourage even more colleagues and friends to join the EU Code Week fun!.',
'challenges-sub-text3' => 'Need help navigating the Challenges? Try our <a class="cookweek-link hover-underline" href=":url" target="_blank" rel="noopener">Roadmap</a> — a simplified tool to explore them step by step.',
];
1 change: 1 addition & 0 deletions resources/lang/it/challenges.php
Original file line number Diff line number Diff line change
Expand Up @@ -95,4 +95,5 @@
'challenges-sub-title'=>'Vorresti partecipare alla EU Code Week ma non hai davvero idea di cosa organizzare?',
'challenges-sub-text1'=>'Non cercare altrove! Insieme ai partner della EU Code Week, abbiamo progettato una selezione di sfide facili da fare con esempi concreti di come utilizzarle in classe o in gruppo. Ci sono anche linee guida su come completare le sfide, ma puoi adattarle in modo che si adattino alle esigenze, agli interessi e all\'età dei tuoi partecipanti.',
'challenges-sub-text2'=>'Puoi utilizzare tutti gli strumenti e le tecnologie che preferisci, ma ti consigliamo di utilizzare risorse open source. Scegli una o più sfide, adattale al tuo gruppo o alla tua classe e condividi i risultati su Instagram per incoraggiare ancora più colleghi e amici a partecipare al divertimento della EU Code Week!',
'challenges-sub-text3' => 'Cerchi un aiuto per orientarti tra le Challenges? Puoi usare la nostra <a class="cookweek-link hover-underline" href=":url" target="_blank" rel="noopener">Roadmap</a>: uno strumento semplificato per esplorarle passo dopo passo.',
];
38 changes: 25 additions & 13 deletions resources/views/2021/challenges.blade.php
Original file line number Diff line number Diff line change
Expand Up @@ -18,10 +18,10 @@

@section('content')
<section id="challenges-page" class="font-['Blinker'] overflow-hidden">
<section class="relative flex overflow-hidden">
<div class="flex relative transition-all w-full bg-orange-gradient pt-32 pb-0 md:py-32">
<div class="w-full overflow-hidden pb-10 md:p-0 flex flex-col md:flex-row justify-end md:items-center flex-shrink-0">
<div class="codeweek-container-lg flex flex-col md:flex-row md:items-center duration-1000 gap-28 md:gap-4 xl:gap-28">
<section class="flex overflow-hidden relative">
<div class="flex relative pt-32 pb-0 w-full transition-all bg-orange-gradient md:py-32">
<div class="flex overflow-hidden flex-col flex-shrink-0 justify-end pb-10 w-full md:p-0 md:flex-row md:items-center">
<div class="flex flex-col gap-28 duration-1000 codeweek-container-lg md:flex-row md:items-center md:gap-4 xl:gap-28">
<div class="order-1 flex-1 px-6 py-10 md:px-14 md:py-[4.5rem] bg-white rounded-[32px] z-10 relative">
<h2 class="text-[#1C4DA1] text-[30px] md:text-[60px] leading-9 md:leading-[72px] font-normal font-['Montserrat'] mb-4 max-md:max-w-full max-w-[532px]">
Challenges
Expand All @@ -30,7 +30,7 @@
@lang('challenges.challenges-text')
</p>
</div>
<div class="order-0 md:order-2 flex flex-1 justify-center items-center z-10"></div>
<div class="flex z-10 flex-1 justify-center items-center order-0 md:order-2"></div>
<img
class="absolute top-0 -left-1/4 w-[150vw] !max-w-none md:hidden"
loading="lazy"
Expand All @@ -49,17 +49,29 @@ class="absolute top-0 right-0 h-full max-w-[calc(70vw)] object-cover hidden md:b
</section>

<section class="relative z-10">
<div class="relative z-10 py-10 md:py-20 codeweek-container-lg flex justify-center">
<div class="flex relative z-10 justify-center py-10 md:py-20 codeweek-container-lg">
<div class="w-full max-w-[880px] gap-2">
<h2 class="text-dark-blue text-[22px] md:text-4xl leading-7 md:leading-[44px] font-medium font-['Montserrat'] mb-6">
@lang('challenges.challenges-sub-title')
</h2>
<p class="text-[#20262C] font-normal text-lg md:text-2xl p-0 mb-6">
@lang('challenges.challenges-sub-text1')
</p>
<p class="text-[#333E48] font-normal text-[16px] md:text-xl leading-[22px] md:leading-[30px] p-0">
<p class="text-[#333E48] mb-6 font-normal text-[16px] md:text-xl leading-[22px] md:leading-[30px] p-0">
@lang('challenges.challenges-sub-text2')
</p>
@php
$locale = app()->getLocale();
$roadmapUrl = match ($locale) {
'it' => 'https://codeweek-s3.s3.eu-west-1.amazonaws.com/resources/Roadmap4teachers_Syllabus_Code+Week_IT.pdf',
default => 'https://codeweek-s3.s3.eu-west-1.amazonaws.com/resources/Roadmap4teachers_Syllabus_Code+Week_EN.pdf',
};
@endphp

<p class="text-[#333E48] font-normal text-[16px] md:text-xl leading-[22px] md:leading-[30px] p-0">
{!! __('challenges.challenges-sub-text3', ['url' => $roadmapUrl]) !!}
</p>

</div>
</div>
<div
Expand All @@ -72,13 +84,13 @@ class="animation-element move-background duration-[1.5s] absolute z-0 lg:-bottom
></div>
</section>

<section class="relative overflow-hidden">
<section class="overflow-hidden relative">
<div class="absolute w-full h-full bg-yellow-50 md:hidden" style="clip-path: ellipse(570% 90% at 38% 90%);"></div>
<div class="absolute w-full h-full bg-yellow-50 hidden md:block lg:hidden" style="clip-path: ellipse(488% 90% at 50% 90%);"></div>
<div class="absolute w-full h-full bg-yellow-50 hidden lg:block xl:hidden" style="clip-path: ellipse(288% 90% at 50% 90%);"></div>
<div class="absolute w-full h-full bg-yellow-50 hidden xl:block" style="clip-path: ellipse(198% 90% at 50% 90%);"></div>
<div class="codeweek-container-lg relative pt-20 pb-16 md:pt-40 md:pb-28">
<div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-6 xl:gap-10">
<div class="hidden absolute w-full h-full bg-yellow-50 md:block lg:hidden" style="clip-path: ellipse(488% 90% at 50% 90%);"></div>
<div class="hidden absolute w-full h-full bg-yellow-50 lg:block xl:hidden" style="clip-path: ellipse(288% 90% at 50% 90%);"></div>
<div class="hidden absolute w-full h-full bg-yellow-50 xl:block" style="clip-path: ellipse(198% 90% at 50% 90%);"></div>
<div class="relative pt-20 pb-16 codeweek-container-lg md:pt-40 md:pb-28">
<div class="grid grid-cols-1 gap-6 lg:grid-cols-2 xl:grid-cols-3 xl:gap-10">
@include('2021._thumbnail', ['slug' => 'careers-as-constellations', 'author'=>'Linda Liukas'])
@include('2021._thumbnail', ['slug' => 'air-drawing-with-AI', 'author'=>'Kristina Slišurić'])

Expand Down
Loading