codeforlife-portal 5.33.5__py2.py3-none-any.whl → 8.9.9__py2.py3-none-any.whl

portal/templates/portal/play/student_dashboard.html

@@ -3,9 +3,15 @@
 {% load app_tags %}
 
 {% block subNav %}
+{% if user|is_independent_student %}
+<section class="banner banner--independent-student row mx-0">
+{% else %}
 <section class="banner banner--student row mx-0">
+{% endif %}
     <div>
-        <h1 class="banner__text--primary">Welcome, {{ user|make_into_username }}</h1>
+        <h1 class="banner__text--primary">
+            Welcome, {{ user|make_into_username }}
+        </h1>
         <h4>This is where you can access your games</h4>
     </div>
 </section>
@@ -14,31 +20,39 @@
 {% block content %}
 <div id="play_dashboard_page">
     <div class="background container">
-        <section><h4>Your class games</h4></section>
+        <section><h4>Your games</h4></section>
         <div class="grid-games col-center col-sm-9">
             <div class="card">
                 <div class="card__images">
-                    <img title="Rapid Router" alt="Rapid Router" class="card__image" src="{% static 'portal/img/RR_logo_green.svg' %}">
+                    <img title="Rapid Router" alt="Rapid Router"
+                         class="card__image"
+                         src="{% static 'portal/img/RR_logo_grass_background.png' %}">
                 </div>
                 <div class="card__text">
                     <h5 class="card__title">Rapid Router</h5>
-                    <p>Rapid Router guides you, and makes learning to code easy and great fun. Using Blockly, you can
-                        advance through the levels to become an Ocado delivery hero.</p>
+                    <p>Rapid Router guides you, and makes learning to code easy
+                        and great fun. Using Blockly, you can advance through
+                        the levels to become an Ocado delivery hero.</p>
                     <div class="button-group">
-                        <a href="{% url 'levels'%}" class="button button--primary">Play</a>
+                        <a href="{% url 'levels'%}"
+                           class="button button--primary">Play</a>
                     </div>
                 </div>
             </div>
             <div class="card">
                 <div class="card__images">
-                    <img title="Kurono" alt="Kurono" class="card__image" src="{% static 'portal/img/kurono_logo_grey_background.svg' %}">
+                    <img title="Python Den" alt="Python Den"
+                         class="card__image"
+                         src="{% static 'portal/img/python_den.png' %}">
                 </div>
                 <div class="card__text">
-                    <h5 class="card__title">Kurono</h5>
-                    <p>It is the year 2405 and the museum is in big trouble! The priceless artifacts are lost and scattered
-                        across timelines. Your team&rsquo;s mission is to travel through time and bring them back into the museum.</p>
+                    <h5 class="card__title">Python Den</h5>
+                    <p>The Python Den takes you on a programming journey from
+                        beginner to syntax superhero. Build a good solid
+                        foundation of Python to start your coding career!</p>
                     <div class="button-group">
-                        <a href="{% url 'student_aimmo_dashboard' %}" class="button button--primary">Play</a>
+                        <a href="{% url 'python_levels'%}"
+                           class="button button--primary">Play</a>
                     </div>
                 </div>
             </div>
@@ -48,31 +62,30 @@
         <div class="container">
             <div class="text-center">
                 <section><img title="Rapid Router logo" alt="Rapid Router logo" src="{% static 'portal/img/RR_logo_simple.png' %}"></section>
-                <h4>You have completed {{ num_completed }} Rapid Router level{{ num_completed|pluralize }}!</h4>
-                <h4>You have {{ num_top_scores }} top score{{ num_top_scores|pluralize }}!</h4>
-                <h4>You have a score of {{ total_score }}. There are {{ total_available_score }} available points.</h4>
-                {% if total_custom_available_score %}
-                    <h4>You have a score of {{ total_custom_score }} out of {{ total_custom_available_score }} available points on custom levels.</h4>
+                <h4>You have completed {{ rapid_router.num_completed }} Rapid Router level{{ rapid_router.num_completed|pluralize }}!</h4>
+                <h4>You have {{ rapid_router.num_top_scores }} top score{{ rapid_router.num_top_scores|pluralize }}!</h4>
+                <h4>You have a score of {{ rapid_router.total_score }}. There are {{ rapid_router.total_available_score }} available points.</h4>
+                {% if rapid_router.total_custom_available_score %}
+                    <h4>You have a score of {{ rapid_router.total_custom_score }} out of {{ rapid_router.total_custom_available_score }} available points on custom levels.</h4>
                 {% endif %}
                 <section>
-                    <a href="{% url 'scoreboard' %}" class="button button--primary button-right-arrow">Check scoreboard</a>
+                    <a href="{% url 'scoreboard' %}"
+                       class="button button--primary button-right-arrow">
+                        Check scoreboard
+                    </a>
                 </section>
             </div>
         </div>
     </div>
-    <div class="background container">
-        <section>
-            <div class="row">
-                <img title="Kurono logo" alt="Kurono logo" class="col-xs-offset-3 col-sm-offset-4 col-xs-6 col-sm-4"
-                     src="{% static 'portal/img/kurono_logo.svg' %}">
+    <div class="background background--python-den">
+        <div class="container">
+            <div class="text-center">
+                <section><img title="Python Den logo" alt="Python Den logo" src="{% static 'portal/img/logo_python_den.svg' %}"></section>
+                <h4>You have completed {{ python_den.num_completed }} Python Den level{{ python_den.num_completed|pluralize }}!</h4>
+                <h4>You have {{ python_den.num_top_scores }} top score{{ python_den.num_top_scores|pluralize }}!</h4>
+                <h4>You have a score of {{ python_den.total_score }}. There are {{ python_den.total_available_score }} available points.</h4>
             </div>
-            {% if worksheet_id %}
-                <h4>You are exploring Challenge {{ worksheet_id }} with your class!</h4>
-                <img class="col-center col-sm-9" title="Kurono active game" alt="Kurono active game" src="{{ worksheet_image | cloud_storage }}">
-            {% else %}
-                <h4>You do not have any Kurono games yet.</h4>
-            {% endif %}
-        </section>
+        </div>
     </div>
 </div>
 {% endblock %}

portal/templates/portal/play/student_edit_account.html

@@ -14,7 +14,23 @@
     </section>
 {% endblock subNav %}
 
+{% block scripts %}
+{{ block.super }}
+<script type="text/javascript" src="{% static 'portal/js/organisation_manage.js' %}"></script>
+    <script type="text/javascript" src="{% static 'portal/js/passwordStrength.js' %}"></script>
+    <script>
+        var INDEP_STUDENT_PASSWORD_FIELD_ID = '{{ form.password.auto_id }}';
+    </script>
+    <script>
+        {% if delete_account_confirm %}
+            showDeleteAccountConfirmation("{{ delete_account_form.delete_password.value }}", "{{ delete_account_form.unsubscribe_newsletter.value }}", false)
+        {% endif %}
+    </script>
+{% endblock scripts %}
+
 {% block content %}
+{% include "portal/partials/delete_popup.html" %}
+
 <div id="play_account_page"></div>
 <div class="background container">
     <section><h4>
@@ -26,7 +42,7 @@
     </h4></section>
 
     {% if user.new_student.class_field %}
-        <p>You may edit your password below. It must be long enough and hard enough to stop your friends guessing it and 
+        <p>You may edit your password below. It must be long enough and hard enough to stop your friends guessing it and
             stealing all of your hard work. Choose something memorable though.</p>
         <p>If you have any problems, ask a teacher to help you.</p>
     {% else %}
@@ -35,7 +51,7 @@
             Please ensure your password is strong enough to be secure.</p>
     {% endif %}
 
-    <form id="student_account_form" method="post">
+    <form autocomplete="off" id="student_account_form" method="post">
         {% csrf_token %}
         {{ form.non_field_errors }}
 
@@ -64,20 +80,23 @@
             <div class="form--row__input col-md-4">
                 <div class="input--icon">
                     {{ form.password }}
-                    <span class="iconify" data-icon="mdi:security"></span>
+                    <span id="password-field-icon" class="iconify" data-icon="material-symbols:visibility-off"></span>
                 </div>
                 <small>{{ form.password.help_text }}</small>
                 {{ form.password.errors }}
             </div>
             <div class="form--row__input col-md-4">
-                {{ form.confirm_password }}
+                <div class="input--icon">
+                    {{ form.confirm_password }}
+                    <span id="confirm-password-field-icon" class="iconify" data-icon="material-symbols:visibility-off"></span>
+                </div>
                 <small>{{ form.confirm_password.help_text }}</small>
                 {{ form.confirm_password.errors }}
             </div>
             <div class="form--row__input col-md-4">
                 <div class="input--icon">
                     {{ form.current_password }}
-                    <span class="iconify" data-icon="mdi:security"></span>
+                    <span id="current-password-field-icon" class="iconify" data-icon="material-symbols:visibility-off"></span>
                 </div>
                 <small>{{ form.current_password.help_text }}</small>
                 {{ form.current_password.errors }}
@@ -113,11 +132,47 @@
         <a class="button button--primary" href="{% url 'student_join_organisation' %}">Join</a>
     </div>
 </div>
+<div id="delete-indy-account" class="background">
+    <div class="container">
+        <h5>Delete account</h5>
+        <p>If you no longer wish to have a Code for Life account, you can delete it by confirming below.
+            You will receive an email to confirm this decision.
+        </p>
+        <p><b>This can't be reversed.</b>
+        </p>
+
+        <form autocomplete="off" method="post" id="form-delete-indy-account">
+
+        {% csrf_token %}
+
+        {{ delete_account_form.non_field_errors }}
+
+        <div class="row form--row">
+            <div class="form--row__input col-sm-6 col-md-4">
+                <div class="input--icon">
+                    {{ delete_account_form.delete_password }}
+                    <span id="delete-password-field-icon" class="iconify" data-icon="material-symbols:visibility-off"></span>
+                </div>
+                <small>{{ delete_account_form.delete_password.help_text }}</small>
+                {{ delete_account_form.delete_password.errors }}
+            </div>
+            <div class="form--row__input col-sm-6 col-md-8">
+                <div class="form__checkbox">
+                    <div class="form__checkbox-input">
+                        {{ delete_account_form.unsubscribe_newsletter }}
+                    </div>
+                    <label for="id_{{ delete_account_form.unsubscribe_newsletter.html_name }}">{{ delete_account_form.unsubscribe_newsletter.label }}</label>
+                </div>
+                {{ delete_account_form.unsubscribe_newsletter.errors }}
+            </div>
+        </div>
+        <button id="delete_account_button" class="button button--primary button--primary--danger button--icon" name="delete_account">
+            Delete account <span class="iconify" data-icon="mdi:delete-outline"></span>
+        </button>
+        </form>
+    </div>
+</div>
 {% endif %}
 
-<script type="text/javascript" src="{% static 'portal/js/passwordStrength.js' %}"></script>
-<script>
-    var INDEP_STUDENT_PASSWORD_FIELD_ID = '{{ form.password.auto_id }}';
-</script>
 
 {% endblock %}

portal/templates/portal/play.html

@@ -1,7 +1,6 @@
 {% extends 'portal/base.html' %}
 {% load static %}
-{% load staticfiles %}
-{% load app_tags banner_tags headline_tags character_list_tags %}
+{% load app_tags banner_tags headline_tags %}
 
 {% block subNav %}
 {% banner banner_name="BANNER" %}
@@ -15,35 +14,41 @@
 
 <div class="background container">
     <section class="banner--rapid-router">
-        <img title="Rapid Router logo" alt="Rapid Router logo" src="{% static 'common/img/RR_logo.svg' %}">
+        <img title="Rapid Router logo"
+             alt="Banner image of Rapid Router logo and game"
+             src="{% static 'common/img/RR_logo.svg' %}">
     </section>
     <div class="background row d-flex">
         <div class="col-sm-6 d-flex flex-column">
             <div class="flex-grow-1">
                 <h5 class="mt-0">Starting with Blockly</h5>
-                <p>Starting with Blockly, you can learn to become a coding superhero, amaze your friends with your high
-                    scores. Create levels for your friends and compete for the most coins.</p>
+                <p>Starting with Blockly, you can learn to become a coding
+                    superhero, amaze your friends with your high scores. Create
+                    levels for your friends and compete for the most coins.</p>
                 <p>If you are not part of a school, you can <a href="{% url 'register' %}">register here</a>.</p>
             </div>
             <div class="row my-4">
                 <div class="col-sm-12">
-                    <a href="https://docs.codeforlife.education/rapid-router/blockly-guide" class="button button--primary button--icon col-sm-8" target="_blank">
+                    <a href="https://code-for-life.gitbook.io/rapid-router/blockly-guide"
+                       class="button button--primary button--icon col-sm-8"
+                       target="_blank">
                         Learn more about Blockly<span class="iconify" data-icon="mdi:open-in-new"></span></a>
                 </div>
             </div>
             <div class="row">
                 <div class="col-sm-12">
-                    <a href="{% url 'levels' %}" class="button button--primary button--icon col-sm-8">
-                        Play Rapid Router <span class="iconify" data-icon="mdi:chevron-right"></span></a>
+                    <a href="{% url 'levels' %}"
+                       class="button button--primary button--icon col-sm-8">
+                        Try Rapid Router <span class="iconify" data-icon="mdi:chevron-right"></span></a>
                 </div>
             </div>
         </div>
         <div class="col-sm-6">
-            <img src="{% static 'portal/img/thumbnail_play_rapid_router.png' %}">
-            <!-- TODO: to add the video, replace the link below and uncomment
-            <a href="https://www.youtube-nocookie.com/embed/PQFyF3R6Xts?rel=0&amp;autoplay=1" class="youtube">
-                <img title="Watch Video" alt="Watch Video" src="{% static 'portal/img/thumbnail_intro_rr.jpg' %}">
-            </a> -->
+            <a href="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdCZE3FuBgH5fHsGocKGv%2Fuploads%2FSEr3nRjqHATuyL3c4Zdt%2FCode%20for%20Life%20-%20Rapid%20Router%20for%20students.mp4?alt=media"
+               class="youtube">
+                <img src="{% static 'portal/img/thumbnail_play_rapid_router.png' %}"
+                     alt="Image of Rapid Router game with try button in bottom right corner">
+            </a>
         </div>
     </div>
 </div>
@@ -52,59 +57,74 @@
     <h4>Meet the characters</h4>
     <div class="container image-row text-left">
         <div>
-            <img title="Wes" alt="Wes image" src="{% static 'portal/img/wes.png' %}">
+            <img title="Wes" alt="Illustration of Wes"
+                 src="{% static 'portal/img/wes.png' %}">
             <h5>Wes</h5>
-            <p>Wes is as cunning as a fox, which is weird, because he's actually a wolf.</p>
+            <p>Wes is as cunning as a fox, which is weird, because he's actually
+                a wolf.</p>
         </div>
         <div>
-            <img title="Kirsty" alt="Kirsty image" src="{% static 'portal/img/kirsty.png' %}">
+            <img title="Kirsty" alt="Illustration of Kirsty"
+                 src="{% static 'portal/img/kirsty.png' %}">
             <h5>Kirsty</h5>
-            <p>Kirsty is a girl with big ambitions. Her biggest ambition is to take the crown, and rule the world!</p>
+            <p>Kirsty is a girl with big ambitions. Her biggest ambition is to
+                take the crown, and rule the world!</p>
         </div>
         <div>
-            <img title="Dee" alt="Dee image" src="{% static 'portal/img/dee.png' %}">
+            <img title="Dee" alt="Illustration of Dee"
+                 src="{% static 'portal/img/dee.png' %}">
             <h5>Dee</h5>
-            <p>Dee is a Mark II DeliviBot. She's super friendly and her wire hair sparks when she laughs.</p>
+            <p>Dee is a Mark II DeliviBot. She's super friendly and her wire
+                hair sparks when she laughs.</p>
         </div>
         <div>
-            <img title="Nigel" alt="Nigel image" src="{% static 'portal/img/nigel.png' %}">
+            <img title="Nigel" alt="Illustration of Nigel"
+                 src="{% static 'portal/img/nigel.png' %}">
             <h5>Nigel</h5>
-            <p>Nigel is the tallest kid in his class, and he's growing taller by the day.</p>
+            <p>Nigel is the tallest kid in his class, and he's growing taller by
+                the day.</p>
         </div>
         <div>
-            <img title="Phil" alt="Phil image" src="{% static 'portal/img/phil.png' %}">
+            <img title="Phil" alt="Illustration of Phil"
+                 src="{% static 'portal/img/phil.png' %}">
             <h5>Phil</h5>
-            <p>Phil is a Boarsnark, however, he is different to most Boarsnarks because he's very kind, and very gentle.</p>
+            <p>Phil is a Boarsnark, however, he is different to most Boarsnarks
+                because he's very kind, and very gentle.</p>
         </div>
     </div>
 </section>
 
 <div class="background container">
-    <section class="banner--aimmo">
-        <img title="Kurono logo" alt="Kurono logo" src="{% static 'portal/img/kurono_logo.svg' %}">
+    <section>
+        <img title="Python Den logo"
+             alt="Banner image of Python Den logo and game"
+             src="{% static 'portal/img/python_den_banner.svg' %}">
     </section>
     <div class="background row d-flex">
+        <div class="col-sm-6">
+            <img src="{% static 'portal/img/python_den.png' %}"
+                 alt="Python Den logo and characters">
+        </div>
         <div class="col-sm-6 d-flex flex-column">
             <div class="flex-grow-1">
-                <h5 class="mt-0">Progressing to Python</h5>
-                <p>Kurono guides you and makes learning to code great fun.</p>
-                <p>Using Python, you can travel with your classmates through time to collect all the museum artefacts.</p>
-                <p>Ask your teacher or tutor to <a href="{% url 'register' %}">register</a>.</p>
+                <h5 class="mt-0">Python programming</h5>
+                <p>The Python Den is an exploration of Python programming
+                    through a comprehensive course with free lesson plans,
+                    videos and worksheets to support you in your learning.</p>
+                <p>From foundational syntax to advanced concepts like loops
+                    and data manipulation, each session is a new challenge.</p>
+                <p>We aim to provide a tried-and-tested, structured set of
+                    lessons that you can use at home or in class, no matter
+                    your own level of experience.</p>
             </div>
-            <div>
-                <a href="{% url 'student_login_access_code' %}" class="button button--primary button-right-arrow" >Login to get started</a>
+            <div class="row my-4">
+                <div class="col-sm-12">
+                    <a href="{% url 'python_levels' %}"
+                       class="button button--primary button--icon col-sm-8">
+                        Try Python Den <span class="iconify" data-icon="mdi:chevron-right"></span></a>
+                </div>
             </div>
         </div>
-        <div class="col-sm-6">
-            <img src="{% static 'portal/img/thumbnail_play_kurono.png' %}">
-        </div>
-    </div>
-</div>
-
-<div class="background background--primary">
-    <div class="container">
-        <h4 class="text-center">Meet the characters</h4>
-        {% character_list %}
     </div>
 </div>