Skip to content

Commit f30425e

Browse files
author
A. Van Driessche
authored
Merge pull request #2167 from codeeu/2147-challenges-2023
Circle of dots
2 parents 2833347 + f80c987 commit f30425e

7 files changed

Lines changed: 158 additions & 0 deletions

File tree

‎public/img/2021/challenges/circle-of-dots-1.png‎

298 KB
Loading

‎public/img/2021/challenges/circle-of-dots-2.png‎

792 KB
Loading

‎public/img/2021/challenges/circle-of-dots-3.png‎

397 KB
Loading

‎public/img/2021/challenges/circle-of-dots-4.png‎

174 KB
Loading

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

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,9 @@
5050
@php
5151
$currentDate = \Carbon\Carbon::now();
5252
@endphp
53+
@if (strtotime($currentDate) >= strtotime(\Carbon\Carbon::create(2023,10,13)))
54+
@include('2021._thumbnail', ['slug' => 'circle-of-dots', 'author'=>'Marin Popov'])
55+
@endif
5356
@if (strtotime($currentDate) >= strtotime(\Carbon\Carbon::create(2023,10,12)))
5457
@include('2021._thumbnail', ['slug' => 'craft-magic', 'author'=>'Georgia Lascaris'])
5558
@endif

‎resources/views/2021/challenges/circle-of-dots.blade.php‎

Lines changed: 154 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,154 @@
1+
@extends('layout.base')
2+
3+
<x-tailwind></x-tailwind>
4+
5+
@section('content')
6+
7+
@php
8+
$slug = 'circle-of-dots'
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: #3F3286">
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.1')</li>
44+
</ol>
45+
</div>
46+
47+
<div>
48+
<div class="text-xl text-left text-blue-600">@lang('challenges.common.experience')</div>
49+
<ol class="list-disc ml-5">
50+
<li>@lang('challenges.common.intermediate')</li>
51+
</ol>
52+
</div>
53+
54+
<div>
55+
<div class="text-xl text-left text-blue-600">@lang('challenges.common.duration')</div>
56+
<ol class="list-disc ml-5">
57+
<li>@lang("challenges-content.$slug.duration")</li>
58+
</ol>
59+
</div>
60+
61+
<div>
62+
63+
<div class="text-xl text-left text-blue-600">@lang('challenges.common.purpose')</div>
64+
<ol class="list-disc ml-5">
65+
<li>@lang("challenges-content.$slug.purposes.0")</li>
66+
<li>@lang("challenges-content.$slug.purposes.1")</li>
67+
<li>@lang("challenges-content.$slug.purposes.2")</li>
68+
<li>@lang("challenges-content.$slug.purposes.3")</li>
69+
</ol>
70+
71+
</div>
72+
73+
74+
</section>
75+
76+
<div class="mx-6 my-4">
77+
78+
79+
<div class="text-xl text-left text-blue-600">@lang('challenges.common.materials')</div>
80+
<ol class="list-disc ml-5">
81+
<li><a href="https://scratch.mit.edu/">Scratch</a></li>
82+
</ol>
83+
84+
</div>
85+
86+
87+
<div class="leading-6 text-base text-left">
88+
89+
<section class="bg-blue-100 p-2 mt-6">
90+
<div class="orange text-3xl mt-2">
91+
@lang('challenges.common.description')
92+
</div>
93+
94+
95+
<div class="mt-2">
96+
@lang("challenges-content.$slug.description")
97+
</div>
98+
</section>
99+
100+
101+
<section class="p-2">
102+
<div class="leading-6">
103+
<div class="mt-6 orange text-3xl">@lang('challenges.common.instructions')</div>
104+
<ul class="leading-7 ml-2 checklist mt-2">
105+
106+
107+
<li>@lang("challenges-content.$slug.instructions.0")</li>
108+
<img width='400px' src="{{asset('img/2021/challenges/circle-of-dots-1.png')}}"/>
109+
<li>@lang("challenges-content.$slug.instructions.1")</li>
110+
<img width='400px' src="{{asset('img/2021/challenges/circle-of-dots-2.png')}}"/>
111+
<li>@lang("challenges-content.$slug.instructions.2")</li>
112+
<li>@lang("challenges-content.$slug.instructions.3")</li>
113+
<img width='400px' src="{{asset('img/2021/challenges/circle-of-dots-3.png')}}"/>
114+
115+
</ul>
116+
</div>
117+
</section>
118+
119+
@include('2021.challenges._share')
120+
121+
122+
123+
<section class="p-2">
124+
<div class="orange text-3xl">@lang('challenges.common.example')</div>
125+
126+
<div class="mt-2">
127+
<a href="https://scratch.mit.edu/projects/891333343/">https://scratch.mit.edu/projects/891333343/</a>
128+
<a href="https://scratch.mit.edu/projects/891333343/">
129+
<img src="{{asset('img/2021/challenges/circle-of-dots-4.png')}}"/>
130+
</a>
131+
</div>
132+
133+
</section>
134+
135+
136+
</div>
137+
138+
@include('2021.challenges._download',['url'=>"https://codeweek-s3.s3.eu-west-1.amazonaws.com/cw2023/$slug.docx"])
139+
</div>
140+
<div style="text-align: center">@include('include.licence')</div>
141+
</section>
142+
</section>
143+
144+
@endsection
145+
146+
@section('extra-css')
147+
<style>
148+
ul.checklist li:before {
149+
content: '• ';
150+
color: #ee6a2c;
151+
font-weight: bold;
152+
}
153+
</style>
154+
@endsection

‎routes/web.php‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -580,6 +580,7 @@ function () {
580580
Route::view('play-against-ai','2021.challenges.play-against-ai')->name('challenges.play-against-ai');
581581
Route::view('emobot-kliki','2021.challenges.emobot-kliki')->name('challenges.emobot-kliki');
582582
Route::view('craft-magic','2021.challenges.craft-magic')->name('challenges.craft-magic');
583+
Route::view('circle-of-dots','2021.challenges.circle-of-dots')->name('challenges.circle-of-dots');
583584
};
584585

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

0 commit comments

Comments
 (0)