Skip to content

Commit e150ed7

Browse files
bernardhannabernardhanna
committed
slider update
1 parent 8803166 commit e150ed7

File tree

3 files changed

+51
-23
lines changed

3 files changed

+51
-23
lines changed

‎app/Http/Controllers/HomeController.php‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,24 @@ public function index(Request $request): View
1717
'style_color' => 'background-image: linear-gradient(36.92deg, #1C4DA1 20.32%, #0040AE 28.24%);',
1818
'btn_lang' => 'home.get_involved',
1919
], */
20+
[
21+
'title' => 'home.banner5_title',
22+
'description' => 'home.banner5_description',
23+
'url' => '/future-ready-csr',
24+
'style_color' => 'background: linear-gradient(36.92deg, rgb(51, 194, 233) 20.32%, rgb(0, 179, 227) 28.24%);',
25+
'btn_lang' => 'home.learn_more',
26+
'url2' => null,
27+
'btn2_lang' => null
28+
],
29+
[
30+
'title' => 'home.banner4_title',
31+
'description' => 'home.banner4_description',
32+
'url' => 'https://codeweek.eu/blog/digital-educator-awards-2025/',
33+
'style_color' => 'background-image: linear-gradient(36.92deg, #1C4DA1 20.32%, #0040AE 28.24%);',
34+
'btn_lang' => 'home.learn_more',
35+
'url2' => 'https://codeweek.eu/blog/digital-educator-awards-2025/ ',
36+
// 'btn2_lang' => 'home.download_brochure_btn',
37+
],
2038
[
2139
'title' => 'home.banner3_title',
2240
'description' => __('home.when_text'),

‎resources/lang/en/home.php‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,11 +41,19 @@
4141

4242
'get_involved' => 'Get involved',
4343
'meet_our_community' => 'Meet our community',
44+
'learn_more' => 'Learn more',
45+
4446
'banner1_title' => 'Careers in Digital',
4547
'banner1_description' => 'Get inspired by dream jobs in digital and explore role models, career guides, open day toolkits and more!',
4648
'banner2_title' => 'Our Code Week Family',
4749
'banner2_description' => 'Discover our vibrant network of ambassadors, teachers, students and hubs—each contributing to our shared passion for digital education.',
4850

4951
'banner3_title' => 'Thank you for participating in Code Week 2025',
5052
'download_brochure_btn' => 'Download 2025 Brochure',
53+
54+
'banner4_title' => 'Code Week Digital Educator',
55+
'banner4_description' => 'Powered by Vodafone Foundation, the 2025 Code Week Digital Educator Awards celebrate inspiring teachers and educator teams across Europe in two tracks: high-quality digital teaching content and outstanding participation during the Code Week celebration window. The evaluation phase is currently ongoing, and the winners will be announced soon.',
56+
57+
'banner5_title' => 'Future Ready CSR',
58+
'banner5_description' => 'FutureReadyCSR Movement seeks to inspire, encourage, and empower global players, SMEs, and startups, to organizations like clusters, digital innovation hubs, industry associations, professional bodies, or chambers of commerce, to turn Corporate Social Responsibility into real-world action, by supporting digital skills education.',
5159
];

‎resources/views/static/home.blade.php‎

Lines changed: 25 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -13,11 +13,11 @@
1313

1414
@section('non-vue-content')
1515
<section id="codeweek-homepage" class="codeweek-page font-['Blinker']">
16-
<section class="relative flex overflow-hidden">
17-
<div id="slider-wrapper" class="relative flex w-full transition-all bg-secondary-gradient">
16+
<section class="flex overflow-hidden relative">
17+
<div id="slider-wrapper" class="flex relative w-full transition-all bg-secondary-gradient">
1818
@foreach ($activities as $index => $activity)
1919
<div
20-
class="absolute top-0 left-0 flex flex-col justify-end flex-shrink-0 w-full h-full pb-10 overflow-hidden md:px-16 md:p-0 md:flex-row md:items-center">
20+
class="flex overflow-hidden absolute top-0 left-0 flex-col flex-shrink-0 justify-end pb-10 w-full h-full md:px-16 md:p-0 md:flex-row md:items-center">
2121
<div class="relative h-full flex-grow-1">
2222
<button id="slider-prev-small-btn"
2323
class="absolute z-10 top-1/2 -translate-y-1/2 -left-2 hover:left-0 bg-white hover:bg-[#F95C22] p-4 pl-6 rounded-r-full duration-300 block md:hidden"
@@ -37,7 +37,7 @@ class="flex items-end duration-1000 home-activity codeweek-container-lg md:items
3737
class="px-6 py-10 max-md:w-full md:px-14 md:py-[4.5rem] bg-white rounded-[32px] z-10 relative">
3838
@if ($index === 0)
3939
{{-- <div x-data="countdownTimer('2025-10-14T00:00:00')" x-init="startCountdown()"
40-
class="flex gap-2.5 items-start max-md:gap-2 max-sm:gap-1.5 mt-4 mb-4" role="timer"
40+
class="flex gap-2.5 items-start mt-4 mb-4 max-md:gap-2 max-sm:gap-1.5" role="timer"
4141
aria-label="Countdown timer">
4242
4343
<!-- Days -->
@@ -104,7 +104,7 @@ class="text-[#1C4DA1] text-[30px] md:text-[60px] leading-9 md:leading-[72px] fon
104104
class="text-xl md:text-2xl leading-8 text-[#333E48] p-0 mb-4 max-md:max-w-full max-w-[525px]">
105105
{{ strip_tags(__(''.$activity['description'])) }}
106106
</p>
107-
<div class="flex flex-col md:flex-row md:space-x-4 space-y-4 md:space-y-0">
107+
<div class="flex flex-col space-y-4 md:flex-row md:space-x-4 md:space-y-0">
108108
<a class="inline-block bg-primary hover:bg-hover-orange rounded-full py-4 px-6 md:px-10 font-semibold text-base w-full md:w-auto text-center text-[#20262C] transition-all duration-300"
109109
href="{{ $activity['url'] }}">
110110
@lang($activity['btn_lang'])
@@ -114,7 +114,7 @@ class="text-xl md:text-2xl leading-8 text-[#333E48] p-0 mb-4 max-md:max-w-full m
114114
<a class="flex justify-center items-center gap-2 text-[#1C4DA1] border-solid border-2 border-[#1C4DA1] rounded-full py-3 px-8 font-semibold text-lg transition-all duration-300 hover:bg-[#E8EDF6] group"
115115
target="_blank" href="{{ $activity['url2'] }}">
116116
<span>@lang($activity['btn2_lang'])</span>
117-
<div class="flex w-4 gap-2 overflow-hidden">
117+
<div class="flex overflow-hidden gap-2 w-4">
118118
<img src="/images/arrow-right-icon.svg"
119119
class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0" />
120120
<img src="/images/arrow-right-icon.svg"
@@ -132,6 +132,8 @@ class="absolute top-0 -translate-y-1/2 bg-yellow py-3 md:py-4 px-8 md:px-10 roun
132132

133133
@php
134134
$backgroundImages = [
135+
asset('/images/csr/csr_about1.jpg'),
136+
asset('/images/dream-jobs/dream_jobs_bg.png'),
135137
asset('images/homepage/slide1.png'),
136138
asset('images/search/search_bg_lg_2.jpeg'),
137139
];
@@ -167,12 +169,12 @@ class="absolute top-28 md:top-1/2 -translate-y-1/2 -right-2 hover:right-0 bg-whi
167169

168170
<section class="relative animation-section bg-yellow-2">
169171
<div class="absolute w-full h-full bg-white md:hidden" style="clip-path: ellipse(100% 58% at 38% 39%)"></div>
170-
<div class="absolute hidden w-full h-full bg-white md:block" style="clip-path: ellipse(70% 60% at 50% 40%);">
172+
<div class="hidden absolute w-full h-full bg-white md:block" style="clip-path: ellipse(70% 60% at 50% 40%);">
171173
</div>
172174
<div
173-
class="relative z-10 flex flex-col-reverse items-center gap-12 py-16 pb-32 codeweek-container-lg md:flex-row md:pb-48">
175+
class="flex relative z-10 flex-col-reverse gap-12 items-center py-16 pb-32 codeweek-container-lg md:flex-row md:pb-48">
174176
<div class="flex-1">
175-
<div class="relative inline-block observer-element">
177+
<div class="inline-block relative observer-element">
176178
<img class="relative z-10 w-full max-w-xl" loading="lazy" src="/images/homepage/toolkits.png" />
177179
<img class="animation-element move-background duration-[1.5s] absolute top-0 left-0 w-full max-w-xl"
178180
loading="lazy" src="/images/shape.png" style="transform: translate(-16px, -24px)" />
@@ -189,7 +191,7 @@ class="relative z-10 flex flex-col-reverse items-center gap-12 py-16 pb-32 codew
189191
<a class="flex justify-center items-center gap-2 text-[#1C4DA1] border-solid border-2 border-[#1C4DA1] rounded-full py-3 px-8 font-semibold text-lg transition-all duration-300 hover:bg-[#E8EDF6] group"
190192
href="/guide">
191193
<span>@lang('home.toolkits_button1')</span>
192-
<div class="flex w-4 gap-2 overflow-hidden">
194+
<div class="flex overflow-hidden gap-2 w-4">
193195
<img src="/images/arrow-right-icon.svg"
194196
class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0" />
195197
<img src="/images/arrow-right-icon.svg"
@@ -199,7 +201,7 @@ class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0"
199201
<a class="flex justify-center items-center gap-2 text-[#1C4DA1] border-solid border-2 border-[#1C4DA1] rounded-full py-3 px-8 font-semibold text-lg transition-all duration-300 hover:bg-[#E8EDF6] group"
200202
href="/toolkits">
201203
<span>@lang('home.toolkits_button2')</span>
202-
<div class="flex w-4 gap-2 overflow-hidden">
204+
<div class="flex overflow-hidden gap-2 w-4">
203205
<img src="/images/arrow-right-icon.svg"
204206
class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0" />
205207
<img src="/images/arrow-right-icon.svg"
@@ -225,7 +227,7 @@ class="relative z-10 codeweek-container-lg flex flex-col md:flex-row items-cente
225227
<a class="inline-flex justify-center items-center gap-2 text-[#1C4DA1] border-solid border-2 border-[#1C4DA1] rounded-full py-3 px-8 font-semibold text-lg transition-all duration-300 hover:bg-[#FFEF99] group"
226228
href="{{route('dream-jobs-in-digital')}}">
227229
<span>@lang('home.get_involved')</span>
228-
<div class="flex w-4 gap-2 overflow-hidden">
230+
<div class="flex overflow-hidden gap-2 w-4">
229231
<img src="/images/arrow-right-icon.svg"
230232
class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0" />
231233
<img src="/images/arrow-right-icon.svg"
@@ -240,10 +242,10 @@ class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0"
240242
</div>
241243
</section>
242244

243-
<section class="relative overflow-hidden animation-section">
244-
<div class="relative z-10 flex flex-col-reverse items-center gap-12 py-16 codeweek-container-lg md:flex-row">
245+
<section class="overflow-hidden relative animation-section">
246+
<div class="flex relative z-10 flex-col-reverse gap-12 items-center py-16 codeweek-container-lg md:flex-row">
245247
<div class="flex-1">
246-
<div class="relative inline-block observer-element">
248+
<div class="inline-block relative observer-element">
247249
<img class="relative z-10 w-full max-w-xl" loading="lazy" src="/images/homepage/activity.png" />
248250
<img class="animation-element move-background duration-[1.5s] absolute top-0 left-0 w-full max-w-xl"
249251
loading="lazy" src="/images/shape.png" style="transform: translate(-16px, -24px)" />
@@ -260,7 +262,7 @@ class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0"
260262
<a class="flex justify-center items-center gap-2 text-[#1C4DA1] border-solid border-2 border-[#1C4DA1] rounded-full py-3 px-8 font-semibold text-lg transition-all duration-300 hover:bg-[#E8EDF6] group"
261263
href="/add?skip=1">
262264
<span>@lang('home.activity_button1')</span>
263-
<div class="flex w-4 gap-2 overflow-hidden">
265+
<div class="flex overflow-hidden gap-2 w-4">
264266
<img src="/images/arrow-right-icon.svg"
265267
class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0" />
266268
<img src="/images/arrow-right-icon.svg"
@@ -270,7 +272,7 @@ class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0"
270272
<a class="flex justify-center items-center gap-2 text-[#1C4DA1] border-solid border-2 border-[#1C4DA1] rounded-full py-3 px-8 font-semibold text-lg transition-all duration-300 hover:bg-[#E8EDF6] group"
271273
href="/events">
272274
<span>@lang('home.activity_button2')</span>
273-
<div class="flex w-4 gap-2 overflow-hidden">
275+
<div class="flex overflow-hidden gap-2 w-4">
274276
<img src="/images/arrow-right-icon.svg"
275277
class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0" />
276278
<img src="/images/arrow-right-icon.svg"
@@ -286,13 +288,13 @@ class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0"
286288
style="transform: translate(-16px, -24px)"></div>
287289
</section>
288290

289-
<section class="relative overflow-hidden">
291+
<section class="overflow-hidden relative">
290292
<div class="absolute w-full h-full bg-blue-gradient md:hidden"
291293
style="clip-path: ellipse(170% 90% at 38% 90%);"></div>
292-
<div class="absolute hidden w-full h-full bg-blue-gradient md:block"
294+
<div class="hidden absolute w-full h-full bg-blue-gradient md:block"
293295
style="clip-path: ellipse(88% 90% at 50% 90%);"></div>
294296
<div
295-
class="relative z-10 flex flex-col items-center gap-12 pb-16 codeweek-container-lg md:flex-row pt-28 md:pt-48">
297+
class="flex relative z-10 flex-col gap-12 items-center pt-28 pb-16 codeweek-container-lg md:flex-row md:pt-48">
296298
<div class="flex-1">
297299
<h2 class="text-white text-2xl md:text-4xl leading-[44px] font-medium font-['Montserrat'] mb-6">
298300
@lang('home.resouce_title')
@@ -304,7 +306,7 @@ class="relative z-10 flex flex-col items-center gap-12 pb-16 codeweek-container-
304306
<a class="flex justify-center items-center gap-2 text-white border-solid border-2 border-white rounded-full py-3 px-8 font-semibold text-lg transition-all duration-300 hover:bg-[#061b45] hover:text-white group"
305307
href="/resources/CodingAtHome">
306308
<span>@lang('home.resouce_button1')</span>
307-
<div class="flex w-4 gap-2 overflow-hidden">
309+
<div class="flex overflow-hidden gap-2 w-4">
308310
<img src="/images/arrow-right-icon.svg"
309311
class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0" />
310312
<img src="/images/arrow-right-icon.svg"
@@ -314,7 +316,7 @@ class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0"
314316
<a class="flex justify-center items-center gap-2 text-white border-solid border-2 border-white rounded-full py-3 px-8 font-semibold text-lg transition-all duration-300 hover:bg-[#061b45] hover:text-white group"
315317
href="/training">
316318
<span>@lang('home.resouce_button2')</span>
317-
<div class="flex w-4 gap-2 overflow-hidden">
319+
<div class="flex overflow-hidden gap-2 w-4">
318320
<img src="/images/arrow-right-icon.svg"
319321
class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0" />
320322
<img src="/images/arrow-right-icon.svg"
@@ -323,7 +325,7 @@ class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0"
323325
</a>
324326
</div>
325327
</div>
326-
<div class="relative flex justify-center flex-1 observer-element">
328+
<div class="flex relative flex-1 justify-center observer-element">
327329
<img class="z-10 w-full duration-700 animation-element fade-scale-bottom" loading="lazy"
328330
src="/images/homepage/resource-training.png" />
329331
<img class="animation-element fade-scale-bottom duration-700 absolute z-0 -bottom-10 sm:-bottom-16 -right-16 sm:-right-60 w-[184px] sm:w-[324px]"

0 commit comments

Comments
 (0)