Revert "new training resource"

public/build/manifest.json

@@ -1,16 +1,16 @@
 {
   "resources/assets/sass/app.scss": {
-    "file": "assets/app-C8FcZ2oY.css",
+    "file": "assets/app-CoN6j0Vz.css",
     "src": "resources/assets/sass/app.scss",
     "isEntry": true
   },
   "resources/css/app.css": {
-    "file": "assets/app-DuFGA-dE.css",
+    "file": "assets/app-BjJwYqpr.css",
     "src": "resources/css/app.css",
     "isEntry": true
   },
   "resources/js/app.js": {
-    "file": "assets/app-D3yPb1qQ.js",
+    "file": "assets/app-yD-X9-JM.js",
     "name": "app",
     "src": "resources/js/app.js",
     "isEntry": true,
@@ -93,7 +93,7 @@
     "isDynamicEntry": true
   },
   "resources/lang/php_en.json": {
-    "file": "assets/php_en-kC2A5mhI.js",
+    "file": "assets/php_en-BaNSAY86.js",
     "name": "php_en",
     "src": "resources/lang/php_en.json",
     "isDynamicEntry": true

resources/lang/en/training.php

@@ -22,26 +22,6 @@
                 </p>',
 
     'lessons' => [
-            '0' => [
-            'title' => 'CodyColor Kit',
-            'author' => 'By Alessandro Bogliolo',
-            'text' => '<p>
-                    Coding is the language of things, which allows us to write programs to grant new functionalities to the tens of billions of programmable objects around us. Coding is the fastest way to make our ideas come true and the most effective way to develop computational thinking capabilities. However, technology is not strictly required to develop computational thinking. Rather, our computational thinking skills are essential to make technology work.
-                </p>
-
-                <p>
-                    In this video, Alessandro Bogliolo, Professor of Computer Systems in Italy and EU Code Week Coordinator, will introduce unplugged coding activities that can be practiced without any electronic device. The main purpose of unplugged activities is to lower the access barriers to bring coding in every school, regardless of funding and equipment.
-                </p>
-
-                <p>
-                    Unplugged coding activities unveil the computational aspects of the physical world around us.
-                </p>',
-            'activities' => [
-                '1' => 'Activity 1 – CodyRoby for Primary School',
-                '2' => 'Activity 2 – CodyRoby for Lower Secondary School',
-                '3' => 'Activity 3 – CodyRoby for Secondary School',
-            ],
-        ],
         '1' => [
             'title' => 'Coding without digital technology (unplugged)',
             'author' => 'By Alessandro Bogliolo',
@@ -463,7 +443,7 @@
 'get-hands-on-title' =>'Get Hands-On',
 'get-hands-on-text' =>'Choose a Learning Bit, watch the instructional video, and explore hands-on activities with the accompanying materials. Whether you’re new to coding or looking for fresh, creative teaching ideas, Coding Basics will equip you with the tools to spark digital curiosity and creativity in your learners.',
 'share-inspire-title' =>'Share & Inspire',
-'share-inspire-text1' =>'Once you\'ve completed one or more Code Week Learning Bits, we encourage you to bring digital creativity into your educational environment and pin your activity on the <a href="/events" class="font-semibold underline text-dark-blue">Code Week Map</a>!',
-'share-inspire-text2' =>'You can organise a lesson in your classroom, a workshop at a community centre, or an open event at your organisation. Simply pick a date and register your activity on the <a href="/events" class="font-semibold underline text-dark-blue">Code Week Map</a>. Each activity organiser will get a participation certificate for their effort.',
-'share-inspire-text3' =>'If you would like to connect with an international group of enthusiastic teachers, join the <a href="https://www.facebook.com/groups/774720866253044/?source_id=377506999042215" target="_blank" class="font-semibold underline text-dark-blue">EU Code Week Facebook group for teachers</a>! To take a step further and collaborate with other schools in your country or across borders – join the EU <a href="/codeweek4all" class="font-semibold underline text-dark-blue">Code Week 4 All challenge</a>.',
+'share-inspire-text1' =>'Once you\'ve completed one or more Code Week Learning Bits, we encourage you to bring digital creativity into your educational environment and pin your activity on the <a href="/events" class="font-semibold text-dark-blue underline">Code Week Map</a>!',
+'share-inspire-text2' =>'You can organise a lesson in your classroom, a workshop at a community centre, or an open event at your organisation. Simply pick a date and register your activity on the <a href="/events" class="font-semibold text-dark-blue underline">Code Week Map</a>. Each activity organiser will get a participation certificate for their effort.',
+'share-inspire-text3' =>'If you would like to connect with an international group of enthusiastic teachers, join the <a href="https://www.facebook.com/groups/774720866253044/?source_id=377506999042215" target="_blank" class="font-semibold text-dark-blue underline">EU Code Week Facebook group for teachers</a>! To take a step further and collaborate with other schools in your country or across borders – join the EU <a href="/codeweek4all" class="font-semibold text-dark-blue underline">Code Week 4 All challenge</a>.',
 ];

resources/views/static/training/index.blade.php

@@ -7,12 +7,6 @@
     ];
 
     $results = [
-         [
-            'image' => '/img/learning/cody-color-kit.png',
-            'title' => 'training.lessons.0.title',
-            'author' => 'training.lessons.1.author',
-            'link' => '/training/cody-color-kit'
-        ],
          [
             'image' => '/img/learning/coding-without-computers.png',
             'title' => 'training.lessons.1.title',
@@ -151,10 +145,10 @@
 
 @section('content')
     <section id="training-page" class="font-['Blinker'] overflow-hidden">
-        <section class="flex overflow-hidden relative">
-            <div class="flex relative pt-32 pb-0 w-full transition-all bg-blue-gradient md:py-40">
-                <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">
+        <section class="relative flex overflow-hidden">
+            <div class="flex relative transition-all w-full bg-blue-gradient pt-32 pb-0 md:py-40">
+                <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">
                         <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]">
                                 Training
@@ -163,7 +157,7 @@
                                 @lang('training.training-text')
                             </p>
                         </div>
-                        <div class="flex z-10 flex-1 justify-center items-center order-0 md:order-2"></div>
+                        <div class="order-0 md:order-2 flex flex-1 justify-center items-center z-10"></div>
                         <img
                             class="absolute top-0 -left-1/4 w-[150vw] !max-w-none md:hidden"
                             loading="lazy"
@@ -181,16 +175,16 @@ class="absolute top-0 right-0 h-full max-w-[calc(70vw)] object-cover hidden md:b
             </div>
         </section>
 
-        <section class="overflow-hidden relative">
-            <div class="flex relative justify-center pt-20 pb-16 codeweek-container-lg md:pt-40 md:pb-28">
+        <section class="relative overflow-hidden">
+            <div class="codeweek-container-lg relative pt-20 pb-16 md:pt-40 md:pb-28 flex justify-center">
                 <div class="w-full max-w-[907px] gap-2">
                     <h2 class="text-dark-blue tablet:text-center text-[22px] md:text-4xl leading-7 md:leading-[44px] font-medium font-['Montserrat'] mb-6 tablet:mb-8">
                         Quick & Practical Tools for Innovative Lessons
                     </h2>
                     <p class="text-slate-500 font-normal text-[16px] md:text-xl leading-[22px] md:leading-[30px] p-0 mb-8">
                         @lang('training.quick-practical-text1')
                     </p>
-                    <div class="flex relative gap-x-8 pb-4 tablet:pb-16">
+                    <div class="relative flex gap-x-8 pb-4 tablet:pb-16">
                         <div class="w-10 h-10 rounded-full flex justify-center items-center text-['#20262C'] font-semibold text-2xl bg-primary">
                             1
                         </div>
@@ -202,7 +196,7 @@ class="absolute top-0 right-0 h-full max-w-[calc(70vw)] object-cover hidden md:b
                             </p>
                         </div>
                     </div>
-                    <div class="flex relative gap-x-8 pb-4 tablet:pb-16">
+                    <div class="relative flex gap-x-8 pb-4 tablet:pb-16">
                         <div class="w-10 h-10 rounded-full flex justify-center items-center text-['#20262C'] font-semibold text-2xl bg-primary">
                             2
                         </div>
@@ -214,7 +208,7 @@ class="absolute top-0 right-0 h-full max-w-[calc(70vw)] object-cover hidden md:b
                             </p>
                         </div>
                     </div>
-                    <div class="flex relative gap-x-8 mb-8">
+                    <div class="relative flex gap-x-8 mb-8">
                         <div class="w-10 h-10 rounded-full flex justify-center items-center text-['#20262C'] font-semibold text-2xl bg-primary">
                             3
                         </div>
@@ -234,28 +228,28 @@ class="absolute top-0 right-0 h-full max-w-[calc(70vw)] object-cover hidden md:b
                     <div class="w-full bg-light-blue rounded-lg p-6 flex flex-col md:flex-row text-['Blinker'] gap-2">
                         <img class="min-w-8 min-h-8" src="/images/icon_info.svg" />
                         <div class="text-slate-500 text-[16px] leading-[22px] tablet:text-xl tablet:leading-7">
-                            <p class="p-0 mb-2 font-semibold tablet:mb-0">Copyright notice ©</p>
-                            <p class="p-0 font-normal">
-                                <a class="font-semibold underline text-dark-blue" href="/training">The EU Code Week website</a> is a service supported by the European Commission Except where stated otherwise, content made available on this site is licensed under a <a class="font-semibold underline text-dark-blue" href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.en">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0) license</a> Licensing under Creative Commons licenses does not of itself affect the ownership of the copyright Content from third party websites is subject to their own copyright restrictions; please refer to the site of origin for more information.
+                            <p class="font-semibold p-0 mb-2 tablet:mb-0">Copyright notice ©</p>
+                            <p class="font-normal p-0">
+                                <a class="font-semibold text-dark-blue underline" href="/training">The EU Code Week website</a> is a service supported by the European Commission Except where stated otherwise, content made available on this site is licensed under a <a class="font-semibold text-dark-blue underline" href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.en">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0) license</a> Licensing under Creative Commons licenses does not of itself affect the ownership of the copyright Content from third party websites is subject to their own copyright restrictions; please refer to the site of origin for more information.
                             </p>
                         </div>
                     </div>
                 </div>
             </div>
         </section>
 
-        <section class="overflow-hidden relative">
+        <section class="relative overflow-hidden">
             <div class="absolute w-full h-full bg-yellow-50 md:hidden" style="clip-path: ellipse(410% 90% at 38% 90%);"></div>
-            <div class="hidden absolute w-full h-full bg-yellow-50 md:block lg:hidden" style="clip-path: ellipse(528% 90% at 50% 90%);"></div>
-            <div class="hidden absolute w-full h-full bg-yellow-50 lg:block xl:hidden" style="clip-path: ellipse(228% 90% at 50% 90%);"></div>
-            <div class="hidden absolute w-full h-full bg-yellow-50 xl:block" style="clip-path: ellipse(148% 90% at 50% 90%);"></div>
-            <div class="flex relative flex-col pt-20 pb-16 codeweek-container-lg md:pt-40 md:pb-28 talet:items-center">
+            <div class="absolute w-full h-full bg-yellow-50 hidden md:block lg:hidden" style="clip-path: ellipse(528% 90% at 50% 90%);"></div>
+            <div class="absolute w-full h-full bg-yellow-50 hidden lg:block xl:hidden" style="clip-path: ellipse(228% 90% at 50% 90%);"></div>
+            <div class="absolute w-full h-full bg-yellow-50 hidden xl:block" style="clip-path: ellipse(148% 90% at 50% 90%);"></div>
+            <div class="codeweek-container-lg relative pt-20 pb-16 md:pt-40 md:pb-28 flex flex-col talet:items-center">
                 <h2 class="text-dark-blue text-left tablet:text-center text-[22px] md:text-4xl leading-7 md:leading-[44px] font-medium font-['Montserrat'] mb-6 tablet:mb-10">
                     Learning Bits
                 </h2>
-                <div class="grid grid-cols-1 gap-6 md:grid-cols-2 xl:grid-cols-3 xl:gap-10">
+                <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6 xl:gap-10">
                     @foreach($results as $result)
-                        <div class="flex overflow-hidden flex-col bg-white rounded-lg cursor-pointer" onclick="window.location.href='{{ $result['link'] }}'">
+                        <div class="flex flex-col rounded-lg bg-white overflow-hidden cursor-pointer" onclick="window.location.href='{{ $result['link'] }}'">
                             <div class="relative">
                                 <img src="{{ $result['image'] }}" class="w-full" />
                             </div>