Skip to content

Commit ffb7047

Browse files
dangerwormdangerworm
committed
Re-ordered activities into alphabetical order
1 parent 75816ec commit ffb7047

File tree

1 file changed

+50
-46
lines changed

1 file changed

+50
-46
lines changed

‎pages-activities/activities-learning.html‎

Lines changed: 50 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -78,48 +78,52 @@ <h4>
7878
<div class="row">
7979
<div class="card">
8080
<h4>
81-
<span class="fab fa-free-code-camp"></span>
82-
<a href="https://freecodecamp.org" target="_blank">FreeCodeCamp</a>
81+
<span class="fas fa-cat"></span>
82+
<a href="https://eraseallkittens.com/" target="_blank">Erase All Kittens</a>
8383
<span class="badge badge-success">Easy</span>
8484
</h4>
8585
<p>
86-
FreeCodeCamp is a popular online learning tool for beginners to get to grips with
87-
new langauges and concepts. It offers training in different aspects of software and has challenges
88-
of varying difficulty.
86+
E.A.K. is a revolutionary, online game that provides kids aged 8-14 with knowledge of both
87+
computational thinking and professional coding languages,
88+
to effectively prepare them for 21st Century degrees and careers.
8989
</p>
9090
</div>
9191
</div>
9292
</div>
93-
93+
9494
<div class="col-lg-4 col-md-6 d-flex align-items-stretch">
9595
<div class="row">
9696
<div class="card">
9797
<h4>
98-
<span class="fab fa-git-alt"></span>
99-
<a href="http://rogerdudler.github.io/git-guide/" target="_blank">git - the
100-
simple guide</a>
101-
<span class="badge badge-warning">Medium</span>
98+
<span class="fas fa-frog"></span>
99+
<a href="https://flexboxfroggy.com/" target="_blank">FlexBox Froggy</a>
100+
<span class="badge badge-success">Easy</span>
102101
</h4>
103102
<p>
104-
Just a simple guide for getting started with git, no deep or confusing stuff.
105-
Good as an introduction to the terminology before starting to read other guides which go into more
106-
detail.
103+
Flexbox Froggy is a game for learning CSS flexbox.<br/>
104+
It takes inspiration from the classic arcade game
105+
<a href="https://en.wikipedia.org/wiki/Frogger">Frogger</a>,
106+
and web literacy games like the brilliant
107+
<a href="https://flukeout.github.io/" style="white-space: nowrap;">CSS Diner</a>
108+
and <a href="https://eraseallkittens.com/">Erase All Kittens</a>,
109+
where you learn about CSS selectors and HTML markup respectively.
107110
</p>
108111
</div>
109112
</div>
110113
</div>
111-
114+
112115
<div class="col-lg-4 col-md-6 d-flex align-items-stretch">
113116
<div class="row">
114117
<div class="card">
115118
<h4>
116-
<span class="fab fa-js-square"></span>
117-
<a href="https://javascript.info" target="_blank">The Modern JS Tutorial</a>
119+
<span class="fab fa-free-code-camp"></span>
120+
<a href="https://freecodecamp.org" target="_blank">FreeCodeCamp</a>
118121
<span class="badge badge-success">Easy</span>
119122
</h4>
120123
<p>
121-
Has its own built in search function, using which you can search every aspect of javascript for
122-
helpful guides and examples.
124+
FreeCodeCamp is a popular online learning tool for beginners to get to grips with
125+
new langauges and concepts. It offers training in different aspects of software and has challenges
126+
of varying difficulty.
123127
</p>
124128
</div>
125129
</div>
@@ -129,18 +133,20 @@ <h4>
129133
<div class="row">
130134
<div class="card">
131135
<h4>
132-
<span class="fas fa-user-graduate"></span>
133-
<a href="https://www.udemy.com" target="_blank">Udemy</a>
134-
<span class="badge badge-success">Easy</span>
136+
<span class="fab fa-git-alt"></span>
137+
<a href="http://rogerdudler.github.io/git-guide/" target="_blank">git - the
138+
simple guide</a>
139+
<span class="badge badge-warning">Medium</span>
135140
</h4>
136141
<p>
137-
Udemy is an online platform offering video tutorial courses led by real-world professionals. There
138-
is a wide range of courses, some free, some paid, covering all sorts of things (not just
139-
development).
142+
Just a simple guide for getting started with git, no deep or confusing stuff.
143+
Good as an introduction to the terminology before starting to read other guides which go into more
144+
detail.
140145
</p>
141146
</div>
142147
</div>
143148
</div>
149+
144150
<div class="col-lg-4 col-md-6 d-flex align-items-stretch">
145151
<div class="row">
146152
<div class="card">
@@ -157,55 +163,53 @@ <h4>
157163
</div>
158164
</div>
159165
</div>
166+
160167
<div class="col-lg-4 col-md-6 d-flex align-items-stretch">
161168
<div class="row">
162169
<div class="card">
163170
<h4>
164-
<span class="fab fa-js"></span>
165-
<a href="https://alexnisnevich.github.io/untrusted/" target="_blank">Untrusted Javascript</a>
166-
<span class="badge badge-warning">Medium</span>
171+
<span class="fab fa-js-square"></span>
172+
<a href="https://javascript.info" target="_blank">The Modern JS Tutorial</a>
173+
<span class="badge badge-success">Easy</span>
167174
</h4>
168175
<p>
169-
The game presents you with a roguelike-like playing environment and a console window with the
170-
JavaScript code generating each level. As loaded, each level is unbeatable, and most of the
171-
JavaScript is blocked from editing. The challenge is to open a path to the next level using only
172-
the limited tools left open to you.
176+
Has its own built in search function, using which you can search every aspect of javascript for
177+
helpful guides and examples.
173178
</p>
174179
</div>
175180
</div>
176181
</div>
182+
177183
<div class="col-lg-4 col-md-6 d-flex align-items-stretch">
178184
<div class="row">
179185
<div class="card">
180186
<h4>
181-
<span class="fas fa-frog"></span>
182-
<a href="https://flexboxfroggy.com/" target="_blank">FlexBox Froggy</a>
187+
<span class="fas fa-user-graduate"></span>
188+
<a href="https://www.udemy.com" target="_blank">Udemy</a>
183189
<span class="badge badge-success">Easy</span>
184190
</h4>
185191
<p>
186-
Flexbox Froggy is a game for learning CSS flexbox.<br/>
187-
It takes inspiration from the classic arcade game
188-
<a href="https://en.wikipedia.org/wiki/Frogger">Frogger</a>,
189-
and web literacy games like the brilliant
190-
<a href="https://flukeout.github.io/" style="white-space: nowrap;">CSS Diner</a>
191-
and <a href="https://eraseallkittens.com/">Erase All Kittens</a>,
192-
where you learn about CSS selectors and HTML markup respectively.
192+
Udemy is an online platform offering video tutorial courses led by real-world professionals. There
193+
is a wide range of courses, some free, some paid, covering all sorts of things (not just
194+
development).
193195
</p>
194196
</div>
195197
</div>
196198
</div>
199+
197200
<div class="col-lg-4 col-md-6 d-flex align-items-stretch">
198201
<div class="row">
199202
<div class="card">
200203
<h4>
201-
<span class="fas fa-cat"></span>
202-
<a href="https://eraseallkittens.com/" target="_blank">Erase All Kittens</a>
203-
<span class="badge badge-success">Easy</span>
204+
<span class="fab fa-js"></span>
205+
<a href="https://alexnisnevich.github.io/untrusted/" target="_blank">Untrusted Javascript</a>
206+
<span class="badge badge-warning">Medium</span>
204207
</h4>
205208
<p>
206-
E.A.K. is a revolutionary, online game that provides kids aged 8-14 with knowledge of both
207-
computational thinking and professional coding languages,
208-
to effectively prepare them for 21st Century degrees and careers.
209+
The game presents you with a roguelike-like playing environment and a console window with the
210+
JavaScript code generating each level. As loaded, each level is unbeatable, and most of the
211+
JavaScript is blocked from editing. The challenge is to open a path to the next level using only
212+
the limited tools left open to you.
209213
</p>
210214
</div>
211215
</div>

0 commit comments

Comments
 (0)