codeforlife-portal 6.46.1__py2.py3-none-any.whl → 7.0.0__py2.py3-none-any.whl
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Potentially problematic release.
This version of codeforlife-portal might be problematic. Click here for more details.
- cfl_common/common/csp_config.py +0 -2
- cfl_common/common/migrations/0005_add_worksheets.py +1 -5
- cfl_common/common/migrations/0007_add_pdf_names_to_first_two_worksheets.py +1 -5
- cfl_common/common/migrations/0054_delete_aimmo_models.py +20 -0
- cfl_common/common/models.py +0 -25
- {codeforlife_portal-6.46.1.dist-info → codeforlife_portal-7.0.0.dist-info}/METADATA +3 -4
- {codeforlife_portal-6.46.1.dist-info → codeforlife_portal-7.0.0.dist-info}/RECORD +42 -66
- example_project/portal_test_settings.py +0 -1
- example_project/settings.py +0 -1
- example_project/urls.py +0 -2
- portal/__init__.py +1 -1
- portal/static/portal/sass/partials/_banners.scss +0 -177
- portal/static/portal/sass/partials/_buttons.scss +0 -12
- portal/static/portal/sass/partials/_grids.scss +0 -53
- portal/static/portal/sass/partials/_text.scss +1 -10
- portal/static/portal/sass/styles.scss +0 -1
- portal/strings/play.py +1 -2
- portal/strings/teacher_resources.py +0 -10
- portal/templates/portal/about.html +91 -60
- portal/templates/portal/contribute.html +45 -49
- portal/templates/portal/partials/header.html +0 -12
- portal/templates/portal/play/independent_student_dashboard.html +12 -25
- portal/templates/portal/play/student_dashboard.html +16 -34
- portal/templates/portal/play.html +36 -49
- portal/templates/portal/register.html +1 -1
- portal/templates/portal/teach.html +37 -55
- portal/templates/portal/ten_year_map.html +9 -9
- portal/templatetags/app_tags.py +13 -28
- portal/tests/conftest.py +4 -16
- portal/tests/pageObjects/portal/base_page.py +20 -20
- portal/tests/snapshots/snap_test_partials.py +0 -452
- portal/tests/test_class.py +213 -45
- portal/tests/test_independent_student.py +0 -9
- portal/tests/test_partials.py +6 -56
- portal/tests/test_teacher.py +221 -285
- portal/tests/test_views.py +156 -73
- portal/urls.py +23 -20
- portal/views/student/play.py +36 -25
- portal/views/teacher/teach.py +0 -5
- cfl_common/common/tests/test_migration_aimmo_characters.py +0 -29
- portal/forms/add_game.py +0 -29
- portal/static/portal/img/kurono_hero.jpg +0 -0
- portal/static/portal/img/kurono_landing_hero.png +0 -0
- portal/static/portal/img/kurono_logo.svg +0 -1
- portal/static/portal/img/kurono_logo_grey_background.svg +0 -1
- portal/static/portal/img/kurono_logo_mark.svg +0 -1
- portal/static/portal/img/kurono_resources_hero.jpg +0 -0
- portal/static/portal/img/kurono_story.png +0 -0
- portal/static/portal/img/thumbnail_educate_kurono.png +0 -0
- portal/static/portal/img/thumbnail_kurono_resources.png +0 -0
- portal/static/portal/img/thumbnail_play_kurono.png +0 -0
- portal/static/portal/js/aimmoGame.js +0 -106
- portal/static/portal/sass/partials/_videos.scss +0 -10
- portal/static/portal/video/aimmo_play_now_background_video.mp4 +0 -0
- portal/strings/student_aimmo_dashboard.py +0 -6
- portal/templates/portal/partials/aimmo_games_table.html +0 -89
- portal/templates/portal/play/student_aimmo_dashboard.html +0 -46
- portal/templates/portal/teach/teacher_aimmo_dashboard.html +0 -95
- portal/templatetags/character_list_tags.py +0 -16
- portal/tests/pageObjects/portal/kurono_teacher_dashboard_page.py +0 -49
- portal/tests/test_aimmo_dashboards.py +0 -206
- portal/tests/utils/aimmo_games.py +0 -30
- portal/views/aimmo/__init__.py +0 -0
- portal/views/aimmo/dashboard.py +0 -105
- {codeforlife_portal-6.46.1.dist-info → codeforlife_portal-7.0.0.dist-info}/LICENSE.md +0 -0
- {codeforlife_portal-6.46.1.dist-info → codeforlife_portal-7.0.0.dist-info}/WHEEL +0 -0
- {codeforlife_portal-6.46.1.dist-info → codeforlife_portal-7.0.0.dist-info}/top_level.txt +0 -0
|
@@ -12,30 +12,29 @@
|
|
|
12
12
|
<section>
|
|
13
13
|
<h3>How to get involved and gain experience</h3>
|
|
14
14
|
</section>
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
principles and programming foundations
|
|
21
|
-
</p>
|
|
22
|
-
</div>
|
|
23
|
-
<div class="col-sm-6">
|
|
24
|
-
<p>Recognising a need to support teachers and students in navigating the uncharted territory,
|
|
25
|
-
Ocado Technology deployed an army of internal volunteers who worked after hours, fuelled by
|
|
26
|
-
free pizzas and fizzy drinks.
|
|
27
|
-
</p>
|
|
28
|
-
<p>What came out of this, is what you see today, used by educators and learners from over 180
|
|
29
|
-
countries. Our products are open-source and free forever.
|
|
30
|
-
</p>
|
|
31
|
-
</div>
|
|
15
|
+
<div class="row">
|
|
16
|
+
<div class="col-sm-6">
|
|
17
|
+
<p>Code for Life would not have been possible without the dedication
|
|
18
|
+
of our volunteers.</p>
|
|
19
|
+
<p>In 2014, computing was added to the UK curriculum, requiring
|
|
20
|
+
schools to teach coding principles and programming foundations.</p>
|
|
32
21
|
</div>
|
|
33
|
-
<div class="
|
|
34
|
-
<a
|
|
35
|
-
|
|
36
|
-
|
|
22
|
+
<div class="col-sm-6">
|
|
23
|
+
<p>Recognising a need to support teachers and students in navigating
|
|
24
|
+
the uncharted territory, Ocado Technology deployed an army of
|
|
25
|
+
internal volunteers who worked after hours, fuelled by free
|
|
26
|
+
pizzas and fizzy drinks.</p>
|
|
27
|
+
<p>What came out of this, is what you see today, used by educators
|
|
28
|
+
and learners from over 180 countries. Our products are
|
|
29
|
+
open-source and free forever.</p>
|
|
37
30
|
</div>
|
|
38
31
|
</div>
|
|
32
|
+
<div class="text-right">
|
|
33
|
+
<a href="https://docs.codeforlife.education/" target="_blank"
|
|
34
|
+
class="button button--primary button-right-arrow">
|
|
35
|
+
Read our developer guide
|
|
36
|
+
</a>
|
|
37
|
+
</div>
|
|
39
38
|
</div>
|
|
40
39
|
|
|
41
40
|
<div class="background background--primary">
|
|
@@ -44,26 +43,21 @@
|
|
|
44
43
|
<div class="col-sm-6">
|
|
45
44
|
<h4>Our products</h4>
|
|
46
45
|
|
|
47
|
-
<p><b>The
|
|
48
|
-
<p>This is the gateway for users to get to know who we are and
|
|
49
|
-
|
|
50
|
-
|
|
46
|
+
<p><b>The website</b></p>
|
|
47
|
+
<p>This is the gateway for users to get to know who we are and
|
|
48
|
+
what we do. It hosts our web-based games and plenty of
|
|
49
|
+
teaching resources, and the teacher dashboard for class
|
|
50
|
+
management.</p>
|
|
51
51
|
|
|
52
52
|
<p><b>Rapid Router</b></p>
|
|
53
|
-
<p>An introduction to coding that is aimed at
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
</p>
|
|
58
|
-
|
|
59
|
-
<p><b>Kurono</b></p>
|
|
60
|
-
<p>A multiplayer game that is aimed at students at Key Stages 3 and up,
|
|
61
|
-
it is primarily for use in a class or a club setting. Students code in Python to
|
|
62
|
-
move their avatar around in order to complete tasks. Parts of Kurono are still in development.
|
|
63
|
-
</p>
|
|
53
|
+
<p>An introduction to coding that is aimed at ages 5 to 14.
|
|
54
|
+
Built on Blockly, it's a visual programming language similar
|
|
55
|
+
to Scratch. Rapid Router is our flagship game with the
|
|
56
|
+
biggest user base.</p>
|
|
64
57
|
</div>
|
|
65
58
|
<div class="col-sm-6">
|
|
66
|
-
<img title="Rapid Router" alt="Rapid Router"
|
|
59
|
+
<img title="Rapid Router" alt="Rapid Router"
|
|
60
|
+
src="{% static 'portal/img/rapidrouter.png' %}">
|
|
67
61
|
</div>
|
|
68
62
|
</div>
|
|
69
63
|
</div>
|
|
@@ -72,22 +66,24 @@
|
|
|
72
66
|
<div class="background container">
|
|
73
67
|
<div class="row">
|
|
74
68
|
<div class="col-sm-6 bg-image">
|
|
75
|
-
<img title="Gitbook" alt="Gitbook"
|
|
69
|
+
<img title="Gitbook" alt="Gitbook"
|
|
70
|
+
src="{% static 'portal/img/gitbook.png' %}" class="img-border">
|
|
76
71
|
</div>
|
|
77
72
|
<div class="col-sm-6">
|
|
78
73
|
<h4>How you can contribute</h4>
|
|
79
|
-
<p>Today, there is a small dedicated team working full time on Code
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
If contributing to open-source projects to support education in
|
|
87
|
-
|
|
88
|
-
|
|
74
|
+
<p>Today, there is a small dedicated team working full time on Code
|
|
75
|
+
for Life. Our community, made up of dedicated teachers, tutors,
|
|
76
|
+
students, and volunteers, has played a vital part in Code For
|
|
77
|
+
Life's growth. The resources and games are aligned to the UK
|
|
78
|
+
National Curriculum and have reached over 260,000 active users
|
|
79
|
+
across 180 countries, and over 660,000 users since the launch in
|
|
80
|
+
2014. We need your help to grow even more.</p>
|
|
81
|
+
<p>If contributing to open-source projects to support education in
|
|
82
|
+
coding and technology sounds exciting for you, we'd love to have
|
|
83
|
+
you on board!</p>
|
|
89
84
|
<div class="text-right">
|
|
90
|
-
<a href="https://docs.codeforlife.education/" target="_blank"
|
|
85
|
+
<a href="https://docs.codeforlife.education/" target="_blank"
|
|
86
|
+
class="button button--primary button-right-arrow">
|
|
91
87
|
Read our developer guide
|
|
92
88
|
</a>
|
|
93
89
|
</div>
|
|
@@ -37,7 +37,6 @@
|
|
|
37
37
|
Games <span class="material-icons-outlined md-32">arrow_drop_down</span></a>
|
|
38
38
|
<div class="dropdown-content">
|
|
39
39
|
<a href="{% url 'levels' %}"><small>Rapid Router</small></a>
|
|
40
|
-
<a href="{% url_for_aimmo_dashboard %}" id="teacher_kurono_dashboard_button"><small>Kurono</small></a>
|
|
41
40
|
</div>
|
|
42
41
|
</div>
|
|
43
42
|
<div class="dropdown">
|
|
@@ -47,8 +46,6 @@
|
|
|
47
46
|
<div class="dropdown-content">
|
|
48
47
|
<a id="rapid_router_resources_button" href="https://code-for-life.gitbook.io/teaching-resources/" target="_blank">
|
|
49
48
|
<small>Rapid Router</small> <span class="iconify" data-icon="mdi:open-in-new"></span></a>
|
|
50
|
-
<a id="kurono_resources_button" href="https://code-for-life.gitbook.io/teaching-resources/v/kurono-teaching-resources/" target="_blank">
|
|
51
|
-
<small>Kurono</small> <span class="iconify" data-icon="mdi:open-in-new"></span></a>
|
|
52
49
|
<a href="{% url 'codingClub' %}"><small>Coding Clubs</small></a>
|
|
53
50
|
</div>
|
|
54
51
|
</div>
|
|
@@ -78,9 +75,6 @@
|
|
|
78
75
|
</a>
|
|
79
76
|
<div class="dropdown-content">
|
|
80
77
|
<a href="{% url 'levels' %}"><small>Rapid Router</small></a>
|
|
81
|
-
{% if not user|is_independent_student %}
|
|
82
|
-
<a href="{% url_for_aimmo_dashboard %}"><small>Kurono</small></a>
|
|
83
|
-
{% endif %}
|
|
84
78
|
</div>
|
|
85
79
|
</div>
|
|
86
80
|
{% if user|is_logged_in_as_school_user %}
|
|
@@ -197,8 +191,6 @@
|
|
|
197
191
|
<div id="resources-tabs" class="collapse">
|
|
198
192
|
<a class="button button--menu__item button--menu__item__sub__sub"
|
|
199
193
|
href="https://code-for-life.gitbook.io/teaching-resources/" target="_blank">Rapid Router<span class="material-icons-outlined md-32">chevron_right</span></a>
|
|
200
|
-
<a class="button button--menu__item button--menu__item__sub__sub"
|
|
201
|
-
href="https://code-for-life.gitbook.io/teaching-resources/v/kurono-teaching-resources/" target="_blank">Kurono<span class="material-icons-outlined md-32">chevron_right</span></a>
|
|
202
194
|
</div>
|
|
203
195
|
</div>
|
|
204
196
|
{% else %}
|
|
@@ -217,10 +209,6 @@
|
|
|
217
209
|
<div id="games-tabs" class="collapse">
|
|
218
210
|
<a class="button button--menu__item button--menu__item--{% if user|is_independent_student %}independent{% else %}student{% endif %} button--menu__item__sub"
|
|
219
211
|
href="{% url 'levels' %}">Rapid Router<span class="material-icons-outlined md-32">chevron_right</span></a>
|
|
220
|
-
{% if not user|is_independent_student %}
|
|
221
|
-
<a class="button button--menu__item button--menu__item--student button--menu__item__sub"
|
|
222
|
-
href="{% url_for_aimmo_dashboard %}">Kurono<span class="material-icons-outlined md-32">chevron_right</span></a>
|
|
223
|
-
{% endif %}
|
|
224
212
|
</div>
|
|
225
213
|
{% if user|is_logged_in_as_school_user %}
|
|
226
214
|
<a class="button button--menu__item button--menu__item--student"
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
{% extends 'portal/base.html' %}
|
|
2
2
|
{% load static %}
|
|
3
|
-
{% load app_tags
|
|
3
|
+
{% load app_tags %}
|
|
4
4
|
|
|
5
5
|
{% block subNav %}
|
|
6
6
|
<section class="banner banner--independent-student row mx-0">
|
|
7
7
|
<div>
|
|
8
|
-
<h1 class="banner__text--primary">
|
|
8
|
+
<h1 class="banner__text--primary">
|
|
9
|
+
Welcome, {{ user|make_into_username }}
|
|
10
|
+
</h1>
|
|
9
11
|
<h4>This is where you can access your games</h4>
|
|
10
12
|
</div>
|
|
11
13
|
</section>
|
|
@@ -18,14 +20,18 @@
|
|
|
18
20
|
<div class="grid-games col-center col-sm-4">
|
|
19
21
|
<div class="card">
|
|
20
22
|
<div class="card__images">
|
|
21
|
-
<img title="Rapid Router" alt="Rapid Router"
|
|
23
|
+
<img title="Rapid Router" alt="Rapid Router"
|
|
24
|
+
class="card__image"
|
|
25
|
+
src="{% static 'portal/img/RR_logo_green.svg' %}">
|
|
22
26
|
</div>
|
|
23
27
|
<div class="card__text">
|
|
24
28
|
<h5 class="card__title">Rapid Router</h5>
|
|
25
|
-
<p>Rapid Router guides you, and makes learning to code easy
|
|
26
|
-
|
|
29
|
+
<p>Rapid Router guides you, and makes learning to code easy
|
|
30
|
+
and great fun. Using Blockly, you can advance through
|
|
31
|
+
the levels to become an Ocado delivery hero.</p>
|
|
27
32
|
<div class="button-group">
|
|
28
|
-
<a href="{% url 'levels'%}"
|
|
33
|
+
<a href="{% url 'levels'%}"
|
|
34
|
+
class="button button--primary">Play</a>
|
|
29
35
|
</div>
|
|
30
36
|
</div>
|
|
31
37
|
</div>
|
|
@@ -41,24 +47,5 @@
|
|
|
41
47
|
</div>
|
|
42
48
|
</div>
|
|
43
49
|
</div>
|
|
44
|
-
<div class="background container">
|
|
45
|
-
<section>
|
|
46
|
-
<div class="row">
|
|
47
|
-
<img title="Kurono logo" alt="Kurono logo" class="col-xs-offset-3 col-sm-offset-4 col-xs-6 col-sm-4"
|
|
48
|
-
src="{% static 'portal/img/kurono_logo.svg' %}">
|
|
49
|
-
</div>
|
|
50
|
-
<h4>Kurono is only available as part of a school or club. Your teacher, parent or guardian can set up
|
|
51
|
-
a club for you and create a class.</h4>
|
|
52
|
-
<video autoplay muted loop class="col-xs-12 video--aimmo--play-online">
|
|
53
|
-
<source src={% static 'portal/video/aimmo_play_now_background_video.mp4' %}>
|
|
54
|
-
</video>
|
|
55
|
-
</section>
|
|
56
|
-
</div>
|
|
57
|
-
<div class="background background--primary">
|
|
58
|
-
<div class="container">
|
|
59
|
-
<h4 class="text-center">Meet the characters</h4>
|
|
60
|
-
{% character_list %}
|
|
61
|
-
</div>
|
|
62
|
-
</div>
|
|
63
50
|
</div>
|
|
64
51
|
{% endblock %}
|
|
@@ -5,7 +5,9 @@
|
|
|
5
5
|
{% block subNav %}
|
|
6
6
|
<section class="banner banner--student row mx-0">
|
|
7
7
|
<div>
|
|
8
|
-
<h1 class="banner__text--primary">
|
|
8
|
+
<h1 class="banner__text--primary">
|
|
9
|
+
Welcome, {{ user|make_into_username }}
|
|
10
|
+
</h1>
|
|
9
11
|
<h4>This is where you can access your games</h4>
|
|
10
12
|
</div>
|
|
11
13
|
</section>
|
|
@@ -15,30 +17,21 @@
|
|
|
15
17
|
<div id="play_dashboard_page">
|
|
16
18
|
<div class="background container">
|
|
17
19
|
<section><h4>Your class games</h4></section>
|
|
18
|
-
<div class="grid-games col-center col-sm-
|
|
20
|
+
<div class="grid-games col-center col-sm-4">
|
|
19
21
|
<div class="card">
|
|
20
22
|
<div class="card__images">
|
|
21
|
-
<img title="Rapid Router" alt="Rapid Router"
|
|
23
|
+
<img title="Rapid Router" alt="Rapid Router"
|
|
24
|
+
class="card__image"
|
|
25
|
+
src="{% static 'portal/img/RR_logo_green.svg' %}">
|
|
22
26
|
</div>
|
|
23
27
|
<div class="card__text">
|
|
24
28
|
<h5 class="card__title">Rapid Router</h5>
|
|
25
|
-
<p>Rapid Router guides you, and makes learning to code easy
|
|
26
|
-
|
|
29
|
+
<p>Rapid Router guides you, and makes learning to code easy
|
|
30
|
+
and great fun. Using Blockly, you can advance through
|
|
31
|
+
the levels to become an Ocado delivery hero.</p>
|
|
27
32
|
<div class="button-group">
|
|
28
|
-
<a href="{% url 'levels'%}"
|
|
29
|
-
|
|
30
|
-
</div>
|
|
31
|
-
</div>
|
|
32
|
-
<div class="card">
|
|
33
|
-
<div class="card__images">
|
|
34
|
-
<img title="Kurono" alt="Kurono" class="card__image" src="{% static 'portal/img/kurono_logo_grey_background.svg' %}">
|
|
35
|
-
</div>
|
|
36
|
-
<div class="card__text">
|
|
37
|
-
<h5 class="card__title">Kurono</h5>
|
|
38
|
-
<p>It is the year 2405 and the museum is in big trouble! The priceless artifacts are lost and scattered
|
|
39
|
-
across timelines. Your team’s mission is to travel through time and bring them back into the museum.</p>
|
|
40
|
-
<div class="button-group">
|
|
41
|
-
<a href="{% url 'student_aimmo_dashboard' %}" class="button button--primary">Play</a>
|
|
33
|
+
<a href="{% url 'levels'%}"
|
|
34
|
+
class="button button--primary">Play</a>
|
|
42
35
|
</div>
|
|
43
36
|
</div>
|
|
44
37
|
</div>
|
|
@@ -55,24 +48,13 @@
|
|
|
55
48
|
<h4>You have a score of {{ total_custom_score }} out of {{ total_custom_available_score }} available points on custom levels.</h4>
|
|
56
49
|
{% endif %}
|
|
57
50
|
<section>
|
|
58
|
-
<a href="{% url 'scoreboard' %}"
|
|
51
|
+
<a href="{% url 'scoreboard' %}"
|
|
52
|
+
class="button button--primary button-right-arrow">
|
|
53
|
+
Check scoreboard
|
|
54
|
+
</a>
|
|
59
55
|
</section>
|
|
60
56
|
</div>
|
|
61
57
|
</div>
|
|
62
58
|
</div>
|
|
63
|
-
<div class="background container">
|
|
64
|
-
<section>
|
|
65
|
-
<div class="row">
|
|
66
|
-
<img title="Kurono logo" alt="Kurono logo" class="col-xs-offset-3 col-sm-offset-4 col-xs-6 col-sm-4"
|
|
67
|
-
src="{% static 'portal/img/kurono_logo.svg' %}">
|
|
68
|
-
</div>
|
|
69
|
-
{% if worksheet_id %}
|
|
70
|
-
<h4>You are exploring Challenge {{ worksheet_id }} with your class!</h4>
|
|
71
|
-
<img class="col-center col-sm-9" title="Kurono active game" alt="Kurono active game" src="{{ worksheet_image | cloud_storage }}">
|
|
72
|
-
{% else %}
|
|
73
|
-
<h4>You do not have any Kurono games yet.</h4>
|
|
74
|
-
{% endif %}
|
|
75
|
-
</section>
|
|
76
|
-
</div>
|
|
77
59
|
</div>
|
|
78
60
|
{% endblock %}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{% extends 'portal/base.html' %}
|
|
2
2
|
{% load static %}
|
|
3
|
-
{% load app_tags banner_tags headline_tags
|
|
3
|
+
{% load app_tags banner_tags headline_tags %}
|
|
4
4
|
|
|
5
5
|
{% block subNav %}
|
|
6
6
|
{% banner banner_name="BANNER" %}
|
|
@@ -14,32 +14,40 @@
|
|
|
14
14
|
|
|
15
15
|
<div class="background container">
|
|
16
16
|
<section class="banner--rapid-router">
|
|
17
|
-
<img title="Rapid Router logo"
|
|
17
|
+
<img title="Rapid Router logo"
|
|
18
|
+
alt="Banner image of Rapid Router logo and game"
|
|
19
|
+
src="{% static 'common/img/RR_logo.svg' %}">
|
|
18
20
|
</section>
|
|
19
21
|
<div class="background row d-flex">
|
|
20
22
|
<div class="col-sm-6 d-flex flex-column">
|
|
21
23
|
<div class="flex-grow-1">
|
|
22
24
|
<h5 class="mt-0">Starting with Blockly</h5>
|
|
23
|
-
<p>Starting with Blockly, you can learn to become a coding
|
|
24
|
-
|
|
25
|
+
<p>Starting with Blockly, you can learn to become a coding
|
|
26
|
+
superhero, amaze your friends with your high scores. Create
|
|
27
|
+
levels for your friends and compete for the most coins.</p>
|
|
25
28
|
<p>If you are not part of a school, you can <a href="{% url 'register' %}">register here</a>.</p>
|
|
26
29
|
</div>
|
|
27
30
|
<div class="row my-4">
|
|
28
31
|
<div class="col-sm-12">
|
|
29
|
-
<a href="https://docs.codeforlife.education/rapid-router/blockly-guide"
|
|
32
|
+
<a href="https://docs.codeforlife.education/rapid-router/blockly-guide"
|
|
33
|
+
class="button button--primary button--icon col-sm-8"
|
|
34
|
+
target="_blank">
|
|
30
35
|
Learn more about Blockly<span class="iconify" data-icon="mdi:open-in-new"></span></a>
|
|
31
36
|
</div>
|
|
32
37
|
</div>
|
|
33
38
|
<div class="row">
|
|
34
39
|
<div class="col-sm-12">
|
|
35
|
-
<a href="{% url 'levels' %}"
|
|
40
|
+
<a href="{% url 'levels' %}"
|
|
41
|
+
class="button button--primary button--icon col-sm-8">
|
|
36
42
|
Play Rapid Router <span class="iconify" data-icon="mdi:chevron-right"></span></a>
|
|
37
43
|
</div>
|
|
38
44
|
</div>
|
|
39
45
|
</div>
|
|
40
46
|
<div class="col-sm-6">
|
|
41
|
-
<a href="https://www.youtube-nocookie.com/embed/w0Pw_XikQSs?rel=0&autoplay=1"
|
|
42
|
-
|
|
47
|
+
<a href="https://www.youtube-nocookie.com/embed/w0Pw_XikQSs?rel=0&autoplay=1"
|
|
48
|
+
class="youtube">
|
|
49
|
+
<img src="{% static 'portal/img/thumbnail_play_rapid_router.png' %}"
|
|
50
|
+
alt="Image of Rapid Router game with play button in bottom right corner">
|
|
43
51
|
</a>
|
|
44
52
|
</div>
|
|
45
53
|
</div>
|
|
@@ -49,64 +57,43 @@
|
|
|
49
57
|
<h4>Meet the characters</h4>
|
|
50
58
|
<div class="container image-row text-left">
|
|
51
59
|
<div>
|
|
52
|
-
<img title="Wes" alt="Illustration of Wes"
|
|
60
|
+
<img title="Wes" alt="Illustration of Wes"
|
|
61
|
+
src="{% static 'portal/img/wes.png' %}">
|
|
53
62
|
<h5>Wes</h5>
|
|
54
|
-
<p>Wes is as cunning as a fox, which is weird, because he's actually
|
|
63
|
+
<p>Wes is as cunning as a fox, which is weird, because he's actually
|
|
64
|
+
a wolf.</p>
|
|
55
65
|
</div>
|
|
56
66
|
<div>
|
|
57
|
-
<img title="Kirsty" alt="Illustration of Kirsty"
|
|
67
|
+
<img title="Kirsty" alt="Illustration of Kirsty"
|
|
68
|
+
src="{% static 'portal/img/kirsty.png' %}">
|
|
58
69
|
<h5>Kirsty</h5>
|
|
59
|
-
<p>Kirsty is a girl with big ambitions. Her biggest ambition is to
|
|
70
|
+
<p>Kirsty is a girl with big ambitions. Her biggest ambition is to
|
|
71
|
+
take the crown, and rule the world!</p>
|
|
60
72
|
</div>
|
|
61
73
|
<div>
|
|
62
|
-
<img title="Dee" alt="Illustration of Dee"
|
|
74
|
+
<img title="Dee" alt="Illustration of Dee"
|
|
75
|
+
src="{% static 'portal/img/dee.png' %}">
|
|
63
76
|
<h5>Dee</h5>
|
|
64
|
-
<p>Dee is a Mark II DeliviBot. She's super friendly and her wire
|
|
77
|
+
<p>Dee is a Mark II DeliviBot. She's super friendly and her wire
|
|
78
|
+
hair sparks when she laughs.</p>
|
|
65
79
|
</div>
|
|
66
80
|
<div>
|
|
67
|
-
<img title="Nigel" alt="Illustration of Nigel"
|
|
81
|
+
<img title="Nigel" alt="Illustration of Nigel"
|
|
82
|
+
src="{% static 'portal/img/nigel.png' %}">
|
|
68
83
|
<h5>Nigel</h5>
|
|
69
|
-
<p>Nigel is the tallest kid in his class, and he's growing taller by
|
|
84
|
+
<p>Nigel is the tallest kid in his class, and he's growing taller by
|
|
85
|
+
the day.</p>
|
|
70
86
|
</div>
|
|
71
87
|
<div>
|
|
72
|
-
<img title="Phil" alt="Illustration of Phil"
|
|
88
|
+
<img title="Phil" alt="Illustration of Phil"
|
|
89
|
+
src="{% static 'portal/img/phil.png' %}">
|
|
73
90
|
<h5>Phil</h5>
|
|
74
|
-
<p>Phil is a Boarsnark, however, he is different to most Boarsnarks
|
|
91
|
+
<p>Phil is a Boarsnark, however, he is different to most Boarsnarks
|
|
92
|
+
because he's very kind, and very gentle.</p>
|
|
75
93
|
</div>
|
|
76
94
|
</div>
|
|
77
95
|
</section>
|
|
78
96
|
|
|
79
|
-
<div class="background container">
|
|
80
|
-
<section class="banner--aimmo">
|
|
81
|
-
<img title="Kurono logo" alt="Banner image of Kurono logo and game" src="{% static 'portal/img/kurono_logo.svg' %}">
|
|
82
|
-
</section>
|
|
83
|
-
<div class="background row d-flex">
|
|
84
|
-
<div class="col-sm-6 d-flex flex-column">
|
|
85
|
-
<div class="flex-grow-1">
|
|
86
|
-
<h5 class="mt-0">Progressing to Python</h5>
|
|
87
|
-
<p>Kurono guides you and makes learning to code great fun.</p>
|
|
88
|
-
<p>Using Python, you can travel with your classmates through time to collect all the museum artefacts.</p>
|
|
89
|
-
<p>Ask your teacher or tutor to <a href="{% url 'register' %}">register</a>.</p>
|
|
90
|
-
</div>
|
|
91
|
-
<div>
|
|
92
|
-
<a href="{% url 'student_login_access_code' %}" class="button button--primary button-right-arrow" >Login to get started</a>
|
|
93
|
-
</div>
|
|
94
|
-
</div>
|
|
95
|
-
<div class="col-sm-6">
|
|
96
|
-
<a href="https://www.youtube-nocookie.com/embed/m-JYukDZlL8?rel=0&autoplay=1" class="youtube">
|
|
97
|
-
<img src="{% static 'portal/img/thumbnail_play_kurono.png' %}" alt="Image of Kurono game with play button in bottom right corner">
|
|
98
|
-
</a>
|
|
99
|
-
</div>
|
|
100
|
-
</div>
|
|
101
|
-
</div>
|
|
102
|
-
|
|
103
|
-
<div class="background background--primary">
|
|
104
|
-
<div class="container">
|
|
105
|
-
<h4 class="text-center">Meet the characters</h4>
|
|
106
|
-
{% character_list %}
|
|
107
|
-
</div>
|
|
108
|
-
</div>
|
|
109
|
-
|
|
110
97
|
<script type="text/javascript">
|
|
111
98
|
$(document).ready(function () {
|
|
112
99
|
invokeColorbox();
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
<div class="row form--row">
|
|
12
12
|
<p class="semi-bold">Register below to create your school or club.</p>
|
|
13
13
|
<small class="semi-bold">You will have access to teaching resources, progress tracking and lesson plans
|
|
14
|
-
for
|
|
14
|
+
for Rapid Router.</small>
|
|
15
15
|
</div>
|
|
16
16
|
<form class="d-flex flex-column"
|
|
17
17
|
method="post"
|
|
@@ -23,33 +23,39 @@
|
|
|
23
23
|
<div class="carousel-inner" role="listbox">
|
|
24
24
|
<div class="item active">
|
|
25
25
|
<div class="col-sm-6 carousel-image-wrapper">
|
|
26
|
-
<img src="{% static 'portal/img/icon_step_by_step.png' %}"
|
|
26
|
+
<img src="{% static 'portal/img/icon_step_by_step.png' %}"
|
|
27
|
+
alt="Illustration of person climbing steps with flag">
|
|
27
28
|
</div>
|
|
28
29
|
<div class="col-sm-6 carousel-text">
|
|
29
30
|
<h5>
|
|
30
|
-
The step-by-step nature of Rapid Router
|
|
31
|
+
The step-by-step nature of Rapid Router
|
|
32
|
+
makes it simple for you and your students to
|
|
31
33
|
gain experience quickly.
|
|
32
34
|
</h5>
|
|
33
35
|
</div>
|
|
34
36
|
</div>
|
|
35
37
|
<div class="item">
|
|
36
38
|
<div class="col-sm-6 carousel-image-wrapper">
|
|
37
|
-
<img src="{% static 'portal/img/icon_uk_flag.png' %}"
|
|
39
|
+
<img src="{% static 'portal/img/icon_uk_flag.png' %}"
|
|
40
|
+
alt="Illustration of The Union Jack flag">
|
|
38
41
|
</div>
|
|
39
42
|
<div class="col-sm-6 carousel-text">
|
|
40
43
|
<h5>
|
|
41
|
-
Our resources are aligned to the UK National
|
|
42
|
-
|
|
44
|
+
Our resources are aligned to the UK National
|
|
45
|
+
computing curriculum, so you can gain the
|
|
46
|
+
knowledge and confidence you need.
|
|
43
47
|
</h5>
|
|
44
48
|
</div>
|
|
45
49
|
</div>
|
|
46
50
|
<div class="item">
|
|
47
51
|
<div class="col-sm-6 carousel-image-wrapper">
|
|
48
|
-
<img src="{% static 'portal/img/icon_tracking.png' %}"
|
|
52
|
+
<img src="{% static 'portal/img/icon_tracking.png' %}"
|
|
53
|
+
alt="Illustration of a progress chart">
|
|
49
54
|
</div>
|
|
50
55
|
<div class="col-sm-6 carousel-text">
|
|
51
56
|
<h5>
|
|
52
|
-
Easy to use teacher dashboard includes
|
|
57
|
+
Easy to use teacher dashboard includes
|
|
58
|
+
scores to track student progress as well as
|
|
53
59
|
comprehensive teaching resources.
|
|
54
60
|
</h5>
|
|
55
61
|
</div>
|
|
@@ -68,24 +74,29 @@
|
|
|
68
74
|
<div class="flex-grow-1">
|
|
69
75
|
<h4 class="mt-0">Resources and progress tracking</h4>
|
|
70
76
|
<p>
|
|
71
|
-
Once you've registered your personal details and logged
|
|
72
|
-
|
|
77
|
+
Once you've registered your personal details and logged
|
|
78
|
+
in, you'll be able to create your school or club, or
|
|
79
|
+
join other teachers at your institution.
|
|
73
80
|
</p>
|
|
74
81
|
<p>
|
|
75
|
-
You can sign up your class, download free teaching
|
|
76
|
-
|
|
77
|
-
|
|
82
|
+
You can sign up your class, download free teaching
|
|
83
|
+
packs, including sessions plans, pupil resources and
|
|
84
|
+
assessment tools and track pupils' progress. There are
|
|
85
|
+
even videos to help you and your class understand what
|
|
86
|
+
you'll be learning next.
|
|
78
87
|
</p>
|
|
79
88
|
</div>
|
|
80
89
|
<div>
|
|
81
|
-
<a href="{% url 'register' %}"
|
|
90
|
+
<a href="{% url 'register' %}"
|
|
91
|
+
class="button button--primary button-right-arrow">
|
|
82
92
|
Register now
|
|
83
93
|
</a>
|
|
84
94
|
</div>
|
|
85
95
|
</div>
|
|
86
96
|
<div class="col-sm-6">
|
|
87
97
|
<a href="https://www.youtube-nocookie.com/embed/tM5nKPYlz74?rel=0&autoplay=1" class="youtube">
|
|
88
|
-
<img src="{% static 'portal/img/thumbnail_educate_resources.png' %}"
|
|
98
|
+
<img src="{% static 'portal/img/thumbnail_educate_resources.png' %}"
|
|
99
|
+
alt="Image of Code for Life Resources on Gitbook with play button in bottom right corner">
|
|
89
100
|
</a>
|
|
90
101
|
</div>
|
|
91
102
|
</div>
|
|
@@ -96,23 +107,28 @@
|
|
|
96
107
|
<div class="container">
|
|
97
108
|
<div class="row d-flex">
|
|
98
109
|
<div class="col-sm-6">
|
|
99
|
-
<a href="https://www.youtube-nocookie.com/embed/hv0fM0twrOE?rel=0&autoplay=1"
|
|
100
|
-
|
|
110
|
+
<a href="https://www.youtube-nocookie.com/embed/hv0fM0twrOE?rel=0&autoplay=1"
|
|
111
|
+
class="youtube">
|
|
112
|
+
<img src="{% static 'portal/img/thumbnail_educate_rapid_router.png' %}"
|
|
113
|
+
alt="Image of Rapid Router logo and game with play button in bottom right corner">
|
|
101
114
|
</a>
|
|
102
115
|
</div>
|
|
103
116
|
<div class="col-sm-6 d-flex flex-column">
|
|
104
117
|
<div class="flex-grow-1">
|
|
105
118
|
<h4 class="mt-0">Rapid router</h4>
|
|
106
119
|
<p>
|
|
107
|
-
Rapid Router is a fun and engaging education resource
|
|
108
|
-
|
|
120
|
+
Rapid Router is a fun and engaging education resource
|
|
121
|
+
that helps teach the first principles of computer
|
|
122
|
+
programming covered in the UK Computing curriculum.
|
|
109
123
|
</p>
|
|
110
124
|
<p>
|
|
111
|
-
Built on 'Blockly', an easy-to-use visual programming
|
|
112
|
-
|
|
125
|
+
Built on 'Blockly', an easy-to-use visual programming
|
|
126
|
+
language, Rapid Router enables teachers to monitor and
|
|
127
|
+
manage individual pupil progress and identify where more
|
|
128
|
+
support is required.
|
|
113
129
|
</p>
|
|
114
130
|
<p>
|
|
115
|
-
See how
|
|
131
|
+
See how Rapid Router fits into
|
|
116
132
|
<a href="https://code-for-life.gitbook.io/teaching-resources/rapid-router-resources/introduction-to-coding-england" target="_blank">
|
|
117
133
|
English national curriculum — the computer science strand
|
|
118
134
|
<span class="iconify" data-icon="mdi:open-in-new"></span></a>
|
|
@@ -133,40 +149,6 @@
|
|
|
133
149
|
</div>
|
|
134
150
|
</div>
|
|
135
151
|
|
|
136
|
-
<div class="background background--primary">
|
|
137
|
-
<div class="container">
|
|
138
|
-
<div class="row d-flex">
|
|
139
|
-
<div class="col-sm-6 d-flex flex-column">
|
|
140
|
-
<div class="flex-grow-1">
|
|
141
|
-
<h4 class="mt-0">Kurono</h4>
|
|
142
|
-
<p>
|
|
143
|
-
Kurono is our multiplayer game that is also aligned to the National Curriculum. It is aimed at
|
|
144
|
-
Key stages 3 and 4 and concentrates on text-based programming using Python. Students follow a
|
|
145
|
-
set of challenges that enable them to embed their skills by completing the exercises alongside
|
|
146
|
-
their classmates.
|
|
147
|
-
</p>
|
|
148
|
-
<p>
|
|
149
|
-
<a href="https://code-for-life.gitbook.io/teaching-resources/v/kurono-teaching-resources/teacher-guides/kurono-and-the-national-curriculum-for-computing" target="_blank">
|
|
150
|
-
See how Kurono relates to Key Stages 3 & 4 of the computer science strand here.
|
|
151
|
-
<span class="iconify" data-icon="mdi:open-in-new"></span>
|
|
152
|
-
</a>
|
|
153
|
-
</p>
|
|
154
|
-
</div>
|
|
155
|
-
<div>
|
|
156
|
-
<a href="{% url 'register' %}" class="button button--primary button-right-arrow">
|
|
157
|
-
Register now
|
|
158
|
-
</a>
|
|
159
|
-
</div>
|
|
160
|
-
</div>
|
|
161
|
-
<div class="col-sm-6">
|
|
162
|
-
<a href="https://www.youtube-nocookie.com/embed/6iiksCtIIGA?rel=0&autoplay=1" class="youtube">
|
|
163
|
-
<img src="{% static 'portal/img/thumbnail_educate_kurono.png' %}" alt = "Image of Kurono logo and game with play button in bottom right corner">
|
|
164
|
-
</a>
|
|
165
|
-
</div>
|
|
166
|
-
</div>
|
|
167
|
-
</div>
|
|
168
|
-
</div>
|
|
169
|
-
|
|
170
152
|
<script type="text/javascript">
|
|
171
153
|
$(document).ready(function(){
|
|
172
154
|
invokeColorbox();
|