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

portal/templates/portal/teach/teacher_move_all_classes.html

@@ -9,51 +9,38 @@
 {% block content %}
 <div id="move_all_classes_page"></div>
 
-<section class="background container">
-    <h4>Move all classes for teacher {{ original_teacher.new_user|make_into_username }}</h4><br>
-
-    <h6>Move all classes assigned to teacher {{ original_teacher.new_user.first_name }}
-        {{ original_teacher.new_user.last_name }} to other teachers in {{ original_teacher.school.name }}.</h6>
-</section>
-
-<div class="background background--primary secondary-table">
-    <div class="container">
-        <h4>Move all classes</h4>
-
-        <p>Select teachers to take over the classes from the lists below.</p>
-
-        <form method="post">
-            {% csrf_token %}
-            <table class="header-primary data-primary">
+<div class="background container">
+    <section>
+        <h4>Move all classes for teacher {{ original_teacher.new_user|make_into_username }}</h4>
+    </section>
+    <p><a href="{% url 'dashboard' %}" class="button--menu button--menu--enabled">< Back to dashboard</a></p>
+    <p>Please specify which teacher you would like the classes below to be moved to.</p>
+
+    <form method="post">
+        {% csrf_token %}
+        <table class="header-primary data-primary">
+            <tr>
+                <th><p>Class name</p></th>
+                <th><p>New teacher</p></th>
+            </tr>
+            {% for class in classes %}
                 <tr>
-                    <th><p>Class</p></th>
-                    <th><p>New Teacher</p></th>
-                </tr>
-                {% for class in classes %}
-                <tr>
-                    <td><p><small>{{ class.name }} ({{ class.access_code }})</small></p></td>
+                    <td><p><small>{{ class.name }}</small></p></td>
                     <td>
                         <select class="wide" name="{{ class.access_code }}">
                             {% for teacher in teachers %}
-                            <option value="{{ teacher.id }}">{{ teacher.new_user.first_name }} {{ teacher.new_user.last_name }}</option>
+                                <option value="{{ teacher.id }}">
+                                    {{ teacher.new_user.first_name }} {{ teacher.new_user.last_name }}</option>
                             {% endfor %}
                         </select>
                     </td>
                 </tr>
-                {% endfor %}
-            </table>
-            <div class="background button-group">
-                <a class="button button--secondary button--secondary--dark" href="{% url 'dashboard' %}">Cancel</a>
-                <button type="submit" id="move_classes_button" class="button button--primary">{{ submit_button_text }}</button>
-            </div>
-        </form>
-    </div>
+            {% endfor %}
+        </table>
+        <div class="button-group">
+            <a class="button button--secondary button--secondary--dark" href="{% url 'dashboard' %}">Cancel</a>
+            <button type="submit" id="move_classes_button" class="button button--primary">{{ submit_button_text }}</button>
+        </div>
+    </form>
 </div>
-
-<script type="text/javascript">
-    $(document).ready(function(){
-        toggleStickySubnav($('.banner').outerHeight() + $('.menu').outerHeight());
-    });
-</script>
-
 {% endblock %}

portal/templates/portal/teach/teacher_move_students_to_class.html

@@ -13,7 +13,7 @@
 
 <div class="background">
     <div class="container">
-        <p><a href="{% url 'view_class' old_class.access_code %}" class="button--menu button--menu--enabled">&lt; Bakc to Edit class</a></p>
+        <p><a href="{% url 'view_class' old_class.access_code %}" class="button--menu button--menu--enabled">&lt; Back to Edit class</a></p>
         <p>Choose a class from the drop down menu below to move the student</p>
         <h5>Students currently in destination class</h5>
 

portal/templates/portal/teach.html

@@ -23,33 +23,39 @@
                     <div class="carousel-inner" role="listbox">
                         <div class="item active">
                             <div class="col-sm-6 carousel-image-wrapper">
-                                <img src="{% static 'portal/img/icon_step_by_step.png' %}">
+                                <img src="{% static 'portal/img/icon_step_by_step.png' %}"
+                                     alt="Illustration of person climbing steps with flag">
                             </div>
                             <div class="col-sm-6 carousel-text">
                                 <h5>
-                                    The step-by-step nature of Rapid Router makes it simple for you and your students to
+                                    The step-by-step nature of Rapid Router
+                                    makes it simple for you and your students to
                                     gain experience quickly.
                                 </h5>
                             </div>
                         </div>
                         <div class="item">
                             <div class="col-sm-6 carousel-image-wrapper">
-                                <img src="{% static 'portal/img/icon_uk_flag.png' %}">
+                                <img src="{% static 'portal/img/icon_uk_flag.png' %}"
+                                     alt="Illustration of The Union Jack flag">
                             </div>
                             <div class="col-sm-6 carousel-text">
                                 <h5>
-                                    Our resources are aligned to the UK National computing curriculum, so you can gain
-                                    the knowledge and confidence you need.
+                                    Our resources are aligned to the UK National
+                                    computing curriculum, so you can gain the
+                                    knowledge and confidence you need.
                                 </h5>
                             </div>
                         </div>
                         <div class="item">
                             <div class="col-sm-6 carousel-image-wrapper">
-                                <img src="{% static 'portal/img/icon_tracking.png' %}">
+                                <img src="{% static 'portal/img/icon_tracking.png' %}"
+                                     alt="Illustration of a progress chart">
                             </div>
                             <div class="col-sm-6 carousel-text">
                                 <h5>
-                                    Easy to use teacher dashboard includes scores to track student progress as well as
+                                    Easy to use teacher dashboard includes
+                                    scores to track student progress as well as
                                     comprehensive teaching resources.
                                 </h5>
                             </div>
@@ -68,27 +74,30 @@
                 <div class="flex-grow-1">
                     <h4 class="mt-0">Resources and progress tracking</h4>
                     <p>
-                        Once you've registered your personal details and logged in, you'll be able to create your school or
-                        club, or join other teachers at your institution.
+                        Once you've registered your personal details and logged
+                        in, you'll be able to create your school or club, or
+                        join other teachers at your institution.
                     </p>
                     <p>
-                        You can sign up your class, download free teaching packs, including sessions plans, pupil resources and
-                        assessment tools and track pupils' progress. There are even videos to help you and your class understand
-                        what you'll be learning next.
+                        You can sign up your class, download free teaching
+                        packs, including sessions plans, pupil resources and
+                        assessment tools and track pupils' progress. There are
+                        even videos to help you and your class understand what
+                        you'll be learning next.
                     </p>
                 </div>
                 <div>
-                    <a href="{% url 'register' %}" class="button button--primary button-right-arrow">
+                    <a href="{% url 'register' %}"
+                       class="button button--primary button-right-arrow">
                         Register now
                     </a>
                 </div>
             </div>
             <div class="col-sm-6">
-                <img src="{% static 'portal/img/thumbnail_educate_resources_and_progress_tracking.png' %}">
-                <!-- TODO: to add the video, replace the link below and uncomment
-                <a href="https://www.youtube-nocookie.com/embed/xP-U-MJLk-g?rel=0&amp;autoplay=1" class="youtube">
-                    <img title="Watch Video" alt="Watch Video" src="{% static 'portal/img/thumbnail_intro_c4l.jpg' %}">
-                </a> -->
+                <a href="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdCZE3FuBgH5fHsGocKGv%2Fuploads%2FpNFqak7cyoAenDK1PEOZ%2FCode%20for%20Life%20-%20Programming%20teaching%20resources.mp4?alt=media" class="youtube">
+                    <img src="{% static 'portal/img/thumbnail_educate_resources.png' %}"
+                         alt="Image of Code for Life Resources on Gitbook with play button in bottom right corner">
+                </a>
             </div>
         </div>
     </div>
@@ -98,26 +107,33 @@
     <div class="container">
         <div class="row d-flex">
             <div class="col-sm-6">
-                <img src="{% static 'portal/img/thumbnail_educate_rapid_router.png' %}">
+                <a href="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdCZE3FuBgH5fHsGocKGv%2Fuploads%2FrCbonCJjzNYlDTmvrPOA%2FCode%20for%20Life%20-%20Rapid%20Router%20for%20teachers.mp4?alt=media"
+                   class="youtube">
+                    <img src="{% static 'portal/img/thumbnail_educate_rapid_router.png' %}"
+                         alt="Image of Rapid Router logo and game with play button in bottom right corner">
+                </a>
             </div>
             <div class="col-sm-6 d-flex flex-column">
                 <div class="flex-grow-1">
                     <h4 class="mt-0">Rapid router</h4>
                     <p>
-                        Rapid Router is a fun and engaging education resource that helps teach the first principles of
-                        computer programming covered in the UK Computing curriculum.
+                        Rapid Router is a fun and engaging education resource
+                        that helps teach the first principles of computer
+                        programming covered in the UK Computing curriculum.
                     </p>
                     <p>
-                        Built on 'Blockly', an easy-to-use visual programming language, Rapid Router enables teachers to
-                        monitor and manage individual pupil progress and identify where more support is required.
+                        Built on 'Blockly', an easy-to-use visual programming
+                        language, Rapid Router enables teachers to monitor and
+                        manage individual pupil progress and identify where more
+                        support is required.
                     </p>
                     <p>
-                        See how the Rapid Router fits into
-                        <a href="https://code-for-life.gitbook.io/teaching-resources/rapid-router-resources/introduction-to-coding-england" target="_blank">
-                            English national curriculum &mdash; the computer science strand
+                        See how Rapid Router fits into
+                        <a href="https://docs.codeforlife.education/national-curriculum-alignment" target="_blank">
+                            the English national curriculum &mdash; the computer science strand
                             <span class="iconify" data-icon="mdi:open-in-new"></span></a>
                         and
-                        <a href="https://code-for-life.gitbook.io/teaching-resources/rapid-router-resources/introduction-to-coding-scotland" target="_blank">
+                        <a href="https://docs.codeforlife.education/national-curriculum-alignment-1" target="_blank">
                             the Scottish curriculum.
                             <span class="iconify" data-icon="mdi:open-in-new"></span>
                         </a>
@@ -138,28 +154,31 @@
         <div class="row d-flex">
             <div class="col-sm-6 d-flex flex-column">
                 <div class="flex-grow-1">
-                    <h4 class="mt-0">Kurono</h4>
-                    <p>
-                        Kurono is our multiplayer game that is also aligned to the National Curriculum. It is aimed at
-                        Key stages 3 and 4 and concentrates on text-based programming using Python. Students follow a
-                        set of challenges that enable them to embed their skills by completing the exercises alongside
-                        their classmates.
-                    </p>
-                    <p>
-                        <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">
-                            See how Kurono relates to Key Stages 3 & 4 of the computer science strand here.
-                            <span class="iconify" data-icon="mdi:open-in-new"></span>
-                        </a>
+                    <h4 class="mt-0">Python programming</h4>
+                    <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
+                        teaching Python programming to your students. From
+                        foundational syntax to advanced concepts like loops
+                        and data manipulation, each session is tailored to
+                        engage young learners.</p>
+                    <p>We aim to provide a tried-and-tested, structured set
+                        of lessons that you can use in your classroom, no
+                        matter your own level of experience.
                     </p>
                 </div>
                 <div>
-                    <a href="{% url 'register' %}" class="button button--primary button-right-arrow">
-                        Register now
+                    <a href="{% url 'python_levels' %}"
+                       class="button button--primary button-right-arrow">
+                        Try out Python Den
                     </a>
                 </div>
             </div>
             <div class="col-sm-6">
-                <img src="{% static 'portal/img/thumbnail_educate_kurono.png' %}">
+                <a href="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdCZE3FuBgH5fHsGocKGv%2Fuploads%2FB1XFzZC63IEYvYBzLFfC%2FPython_Den_teachers.mp4?alt=media" class="youtube">
+                    <img src="{% static 'portal/img/thumbnail_python_den.png' %}"
+                         alt="Python Den logo">
+                </a>
             </div>
         </div>
     </div>

portal/templates/portal/ten_year_map.html

@@ -0,0 +1,147 @@
+{% extends 'portal/base.html' %}
+{% load static %}
+{% load app_tags banner_tags headline_tags %}
+
+{% block subNav %}
+{% banner banner_name="BANNER" %}
+{% endblock subNav %}
+
+{% block scripts %}
+{{ block.super }}
+<script defer type="text/javascript" src="{% static 'portal/js/tenYearMap.js' %}"></script>
+{% endblock scripts %}
+
+{% block content %}
+
+<div class="background">
+    {% headline headline_name="HEADLINE" %}
+</div>
+
+<div class="background container" id="map-container">
+    <section class="background background--primary">
+        <img title="world map" alt="World map" src="{% static 'portal/img/long_europe_map.png' %}" width="95%"/>
+        <button class="map-pin" id="hatfield" onclick="setActivePin('hatfield')" data-target="#carousel-ten-year-map" data-slide-to="0">
+            <map-pin id="hatfield-pin" />
+        </button>
+        <button class="map-pin" id="barcelona" onclick="setActivePin('barcelona')" data-target="#carousel-ten-year-map" data-slide-to="1">
+            <map-pin id="barcelona-pin" />
+        </button>
+        <button class="map-pin" id="krakow" onclick="setActivePin('krakow')" data-target="#carousel-ten-year-map" data-slide-to="2">
+            <map-pin id="krakow-pin" />
+        </button>
+        <button class="map-pin" id="sofia" onclick="setActivePin('sofia')" data-target="#carousel-ten-year-map" data-slide-to="3">
+            <map-pin id="sofia-pin" />
+        </button>
+    </section>
+</div>
+
+<div class="background">
+    <div class="container">
+        <div class="row">
+            <div class="col-sm-12">
+                <div id="carousel-ten-year-map" class="carousel slide">
+                    <ol class="carousel-indicators">
+                        <li data-target="#carousel-ten-year-map" data-slide-to="0" class="active" onclick="setActivePin('hatfield')"></li>
+                        <li data-target="#carousel-ten-year-map" data-slide-to="1" onclick="setActivePin('barcelona')"></li>
+                        <li data-target="#carousel-ten-year-map" data-slide-to="2" onclick="setActivePin('krakow')"></li>
+                        <li data-target="#carousel-ten-year-map" data-slide-to="3" onclick="setActivePin('sofia')"></li>
+                    </ol>
+
+                    <div class="carousel-inner" role="listbox">
+                        <div class="item active" id="hatfield-carousel">
+                            <div>
+                                <div class="col-sm-6 carousel-column--images">
+                                    <div class="row carousel-image-wrapper">
+                                        <img src="{% static 'portal/img/howe_dell_1.png' %}" class="carousel-image carousel-image--column" alt="Code for Life volunteers outside Howe Dell Primary School">
+                                    </div>
+                                    <div class="row carousel-image-wrapper">
+                                        <img src="{% static 'portal/img/howe_dell_2.png' %}" class="carousel-image carousel-image--column" alt="CfL volunteers outside Howe Dell Primary School showing off their Code for Life T-shirts">
+                                    </div>
+                                </div>
+                                <div class="col-sm-6 carousel-text">
+                                    <h4 class="carousel-header">
+                                        <b>Howe Dell Primary School, Hatfield, UK</b>
+                                    </h4>
+                                    <h5>
+                                        July 2024
+                                    </h5>
+                                    <p>
+                                        We completed the UK leg of our world tour with an enthusiastic reception from Year 4 students at Howe Dell Primary School
+                                        in Hatfield. The pupils were captivated by our presentation on different types of robots and Ocado Group's automation
+                                        technology used in sorting and packing deliveries. They were then tasked with designing robots to solve problems, producing
+                                        creative concepts like robot childminders and homework helpers. Midway through, we introduced them to coding with Rapid Router,
+                                        explaining algorithms and letting them experiment with the levels. The students were thrilled about the competition for the
+                                        best robot design, which included a prize of a golden 3D printed medal. Teachers praised the engaging and educational workshop,
+                                        while Ocado volunteers found the experience rewarding and beneficial for developing their communication and teaching skills.
+                                        The children's designs were exceptional, making the judging process challenging, but ultimately a few standout innovations were
+                                        selected.
+                                    </p>
+                                    <div class="carousel-button">
+                                        <a href="https://www.linkedin.com/company/code-for-life-uk/posts/?feedView=all" target="_blank" class="button button--primary button-right-arrow">Learn more</a>
+                                    </div>
+                                </div>
+                            </div>
+                            <div>
+                                <img src="{% static 'portal/img/howe_dell_3.png' %}" class="carousel-image"" alt="The three winners of Howe Dell Primary School's robot design challenge">
+                            </div>
+                        </div>
+                        <div class="item" id="barcelona-carousel">
+                            <div class="col-sm-6 carousel-image-wrapper">
+                                <img src="{% static 'portal/img/logo_cfl.png' %}" alt="CFL logo">
+                            </div>
+                            <div class="col-sm-6 carousel-text">
+                                <h5>
+                                    Barcelona
+                                </h5>
+                                <p>
+                                    Coming soon!
+                                </p>
+                            </div>
+                        </div>
+                        <div class="item" id="krakow-carousel">
+                            <div class="col-sm-6 carousel-image-wrapper">
+                                <img src="{% static 'portal/img/logo_cfl.png' %}" alt="CFL logo">
+                            </div>
+                            <div class="col-sm-6 carousel-text">
+                                <h5>
+                                    Kraków
+                                </h5>
+                                <p>
+                                    Coming soon!
+                                </p>
+                            </div>
+                        </div>
+                        <div class="item" id="sofia-carousel">
+                            <div class="col-sm-6 carousel-image-wrapper">
+                                <img src="{% static 'portal/img/logo_cfl.png' %}" alt="CFL logo">
+                            </div>
+                            <div class="col-sm-6 carousel-text">
+                                <h5>
+                                    Sofia
+                                </h5>
+                                <p>
+                                    Coming soon!
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<script>
+    customElements.define("map-pin", class extends HTMLElement {
+        connectedCallback() {
+            setTimeout(() => {
+                this.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" height="40px" viewBox="0 0 24 24" width="40px" fill="#FFC709">
+                                    <path d="M0 0h24v24H0z" fill="none"/>
+                                    <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/>
+                                </svg>`
+            })
+        }
+    })
+</script>
+
+{% endblock content %}