Skip to content

Commit c22eae2

Browse files
author
Alain Van Driessche
committed
Emobot
1 parent d12abd7 commit c22eae2

6 files changed

Lines changed: 168 additions & 2 deletions

File tree

‎public/img/2021/challenges/emobot-kliki-1.png‎

200 KB
Loading

‎public/img/2021/challenges/emobot-kliki-2.png‎

896 KB
Loading

‎public/img/2021/challenges/thumbnails/emobot-kliki.png‎

109 KB
Loading

‎resources/views/2021/challenges.blade.php‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -50,9 +50,10 @@
5050
@php
5151
$currentDate = \Carbon\Carbon::now();
5252
@endphp
53-
{{-- @if (strtotime($currentDate) >= strtotime(\Carbon\Carbon::create(2023,10,9)))--}}
53+
@if (strtotime($currentDate) >= strtotime(\Carbon\Carbon::create(2023,10,11)))
54+
@include('2021._thumbnail', ['slug' => 'emobot-kliki', 'author'=>'Margareta Zajkova'])
55+
@endif
5456
@include('2021._thumbnail', ['slug' => 'play-against-ai', 'author'=>'Kristina Slišurić'])
55-
{{-- @endif--}}
5657
@include('2021._thumbnail', ['slug' => 'create-a-spiral', 'author'=>'Lydie El-Halougi'])
5758

5859

‎resources/views/2021/challenges/emobot-kliki.blade.php‎

Lines changed: 164 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,164 @@
1+
@extends('layout.base')
2+
3+
<x-tailwind></x-tailwind>
4+
5+
@section('content')
6+
7+
@php
8+
$slug = 'emobot-kliki'
9+
@endphp
10+
11+
<section id="codeweek-schools-page" class="codeweek-page">
12+
13+
14+
<section class="flex flex-row justify-between" style="background-color: #5AABAE">
15+
<div class="flex justify-center items-center w-full">
16+
<div class="text-center m-12">
17+
<div class="text-xl text-white w-full"><a class="text-black"
18+
href="{{route('challenges')}}">@lang('challenges.title')</a>
19+
</div>
20+
<div class="text-5xl mt-2" style="color: #ffffff">@lang("challenges-content.$slug.title")</div>
21+
</div>
22+
</div>
23+
24+
<div class="md:w-10/12 md:flex hidden">
25+
<img src="{{asset('img/2021/challenges/thumbnails/'.$slug.'.png')}}">
26+
27+
28+
</div>
29+
30+
</section>
31+
32+
<section class="codeweek-content-wrapper">
33+
<div class="m-6">
34+
35+
@include('2021.challenges._author', ['author' => 'Kristina Slišurić'])
36+
37+
<section class="grid grid-cols-1 gap-6 md:grid-cols-4 mx-6 my-4">
38+
39+
40+
<div>
41+
<div class="text-xl text-left text-blue-600">@lang('challenges.common.target-audience')</div>
42+
<ol class="list-disc ml-5">
43+
<li>@lang('challenges-content.common.audience.0')</li>
44+
<li>@lang('challenges-content.common.audience.2')</li>
45+
46+
</ol>
47+
</div>
48+
49+
<div>
50+
<div class="text-xl text-left text-blue-600">@lang('challenges.common.experience')</div>
51+
<ol class="list-disc ml-5">
52+
<li>@lang('challenges.common.intermediate')</li>
53+
</ol>
54+
</div>
55+
56+
<div>
57+
<div class="text-xl text-left text-blue-600">@lang('challenges.common.duration')</div>
58+
<ol class="list-disc ml-5">
59+
<li>@lang('challenges.common.1-hour')</li>
60+
</ol>
61+
</div>
62+
63+
<div>
64+
65+
<div class="text-xl text-left text-blue-600">@lang('challenges.common.purpose')</div>
66+
<ol class="list-disc ml-5">
67+
<li>@lang("challenges-content.$slug.purposes.0")</li>
68+
<li>@lang("challenges-content.$slug.purposes.1")</li>
69+
<li>@lang("challenges-content.$slug.purposes.2")</li>
70+
<li>@lang("challenges-content.$slug.purposes.3")</li>
71+
</ol>
72+
73+
</div>
74+
75+
76+
</section>
77+
78+
<div class="mx-6 my-4">
79+
80+
81+
<div class="text-xl text-left text-blue-600">@lang('challenges.common.materials')</div>
82+
<ol class="list-disc ml-5">
83+
<li><a href="https://machinelearningforkids.co.uk/">Machine learning for kids</a></li>
84+
<li><a href="https://scratch.mit.edu/">Scratch</a></li>
85+
<li><a href="https://www.bing.com/create">Microsoft Bing Image Creator</a></li>
86+
87+
</ol>
88+
89+
</div>
90+
91+
92+
<div class="leading-6 text-base text-left">
93+
94+
<section class="bg-blue-100 p-2 mt-6">
95+
<div class="orange text-3xl mt-2">
96+
@lang('challenges.common.description')
97+
</div>
98+
99+
100+
<div class="mt-2">
101+
@lang("challenges-content.$slug.description.0")
102+
@lang("challenges-content.$slug.description.1")
103+
</div>
104+
</section>
105+
106+
107+
<section class="p-2">
108+
<div class="leading-6">
109+
<div class="mt-6 orange text-3xl">@lang('challenges.common.instructions')</div>
110+
<ul class="leading-7 ml-2 checklist mt-2">
111+
112+
113+
<li>@lang("challenges-content.$slug.instructions.0")</li>
114+
<li>@lang("challenges-content.$slug.instructions.1")</li>
115+
<li>@lang("challenges-content.$slug.instructions.2")</li>
116+
<li>@lang("challenges-content.$slug.instructions.3")</li>
117+
<li>@lang("challenges-content.$slug.instructions.4")</li>
118+
<li>@lang("challenges-content.$slug.instructions.5")</li>
119+
120+
121+
<img width='500px' src="{{asset('img/2021/challenges/emobot-kliki-1.png')}}"/>
122+
123+
</ul>
124+
</div>
125+
</section>
126+
127+
@include('2021.challenges._share')
128+
129+
130+
131+
<section class="p-2">
132+
<div class="orange text-3xl">@lang('challenges.common.example')</div>
133+
134+
<div class="mt-2">
135+
<a href="https://machinelearningforkids.co.uk/#!/mlproject/auth0%257C642ff7b023f96cf587fba498/be048650-ddda-11ed-8768-6d044a8149b1/training">
136+
<img src="{{asset('img/2021/challenges/emobot-kliki-2.png')}}"/>
137+
</a>
138+
</div>
139+
140+
<div>@lang("challenges-content.$slug.example.0")</div>
141+
<div>@lang("challenges-content.$slug.example.1")</div>
142+
143+
</section>
144+
145+
146+
</div>
147+
148+
@include('2021.challenges._download',['url'=>"https://codeweek-s3.s3.eu-west-1.amazonaws.com/cw2023/$slug.docx"])
149+
</div>
150+
<div style="text-align: center">@include('include.licence')</div>
151+
</section>
152+
</section>
153+
154+
@endsection
155+
156+
@section('extra-css')
157+
<style>
158+
ul.checklist li:before {
159+
content: '• ';
160+
color: #ee6a2c;
161+
font-weight: bold;
162+
}
163+
</style>
164+
@endsection

‎routes/web.php‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -578,6 +578,7 @@ function () {
578578
Route::view('personal-trainer','2021.challenges.personal-trainer')->name('challenges.personal-trainer');
579579
Route::view('create-a-spiral','2021.challenges.create-a-spiral')->name('challenges.create-a-spiral');
580580
Route::view('play-against-ai','2021.challenges.play-against-ai')->name('challenges.play-against-ai');
581+
Route::view('emobot-kliki','2021.challenges.emobot-kliki')->name('challenges.emobot-kliki');
581582
};
582583

583584
Route::group(['prefix' => '2021/challenges'], $challenges);

0 commit comments

Comments
 (0)