codeforlife-portal 8.6.9__py2.py3-none-any.whl → 8.6.10__py2.py3-none-any.whl

{codeforlife_portal-8.6.9.dist-info → codeforlife_portal-8.6.10.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: codeforlife-portal
-Version: 8.6.9
+Version: 8.6.10
 Classifier: Programming Language :: Python
 Classifier: Programming Language :: Python :: 3.12
 Classifier: Framework :: Django
@@ -8,7 +8,7 @@ Description-Content-Type: text/markdown
 License-File: LICENSE.md
 Requires-Dist: asgiref==3.8.1; python_version >= "3.8"
 Requires-Dist: certifi==2025.4.26; python_version >= "3.6"
-Requires-Dist: cfl-common==8.6.9
+Requires-Dist: cfl-common==8.6.10
 Requires-Dist: chardet==5.2.0; python_version >= "3.7"
 Requires-Dist: charset-normalizer==3.4.2; python_version >= "3.7"
 Requires-Dist: diff-match-patch==20241021; python_version >= "3.7"
@@ -60,7 +60,7 @@ Requires-Dist: asttokens==3.0.0; python_version >= "3.8" and extra == "dev"
 Requires-Dist: attrs==25.3.0; python_version >= "3.8" and extra == "dev"
 Requires-Dist: black==25.1.0; python_version >= "3.9" and extra == "dev"
 Requires-Dist: certifi==2025.4.26; python_version >= "3.6" and extra == "dev"
-Requires-Dist: cfl-common==8.6.9; extra == "dev"
+Requires-Dist: cfl-common==8.6.10; extra == "dev"
 Requires-Dist: charset-normalizer==3.4.2; python_version >= "3.7" and extra == "dev"
 Requires-Dist: click==8.1.8; python_version >= "3.7" and extra == "dev"
 Requires-Dist: coverage[toml]==7.8.0; python_version >= "3.9" and extra == "dev"

{codeforlife_portal-8.6.9.dist-info → codeforlife_portal-8.6.10.dist-info}/RECORD

@@ -87,7 +87,7 @@ cfl_common/common/tests/utils/organisation.py,sha256=vNgKFtU3VPcWRnZfh82yCS90PLA
 cfl_common/common/tests/utils/student.py,sha256=PLd980iSlxmMoB8J3C2pVjNC5xHdVxfAkJXzhv_dRhg,3814
 cfl_common/common/tests/utils/teacher.py,sha256=KQ_NAl4yQqiX_zwcULQjkovc29JPhnkLR5Nk3Ljzbpg,2661
 cfl_common/common/tests/utils/user.py,sha256=NvLzZLVP4jy5Hn1iztOYF_BTQ9WsbSmuWMEzGzhAsRU,919
-codeforlife_portal-8.6.9.dist-info/licenses/LICENSE.md,sha256=9AbRlCDqD2D1tPibimysFv3zg3AIc49-eyv9aEsyq9w,115
+codeforlife_portal-8.6.10.dist-info/licenses/LICENSE.md,sha256=9AbRlCDqD2D1tPibimysFv3zg3AIc49-eyv9aEsyq9w,115
 deploy/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
 deploy/captcha.py,sha256=MbOBuGnbT_SOIltSjP1XMOLrfo1DldCilaVAEim0vM4,23
 deploy/views.py,sha256=7mY2zNPkaBFrlWGByJHp2zFqHIHSMc0YArjE_sFWMMU,131
@@ -111,7 +111,7 @@ example_project/portal_test_settings.py,sha256=1eTweQoCt1okixE5eoEg-f9iX7idSLNdJ
 example_project/settings.py,sha256=YS-8YYtH8hZMUhZALA3eHJ1bdM2VJfpD1v3ItjBMGaQ,5936
 example_project/urls.py,sha256=FUTzHPlUS1O5kqMHjL5V4L552N2ln7uTDXcw9wjKUto,422
 example_project/wsgi.py,sha256=U1W6WzZxZaIdYZ5tks7w9fqp5WS5qvn2iThsVcskrWw,829
-portal/__init__.py,sha256=v-ngoYi2xO8w8mKNMAaXgt6DRoeDTqB4QM9DTven5Zg,22
+portal/__init__.py,sha256=c5dBwAPYl9ZmnRAAelgYK2SA4dR2qCeANaxCF9zQCWY,23
 portal/admin.py,sha256=RKJizTF6dPJKmGPZw7nZUM0X8jkiTjgyKhLQxtvHJ0I,6148
 portal/app_settings.py,sha256=DhWLQOwM0zVOXE3O5TNKbMM9K6agfLuCsHOdr1J7xEI,651
 portal/backends.py,sha256=2Dss6_WoQwPuDzJUF1yEaTQTNG4eUrD12ujJQ5cp5Tc,812
@@ -227,7 +227,6 @@ portal/static/portal/img/logo_python_den.svg,sha256=ivvw33qqXYittwwBOPSufMmGuUCy
 portal/static/portal/img/long_europe_map.png,sha256=2sEIi7lSkYZUcWtItiNdtic8OqDSBAYuD_4dXnun4Ug,42306
 portal/static/portal/img/mc_saatchi_logo.png,sha256=piY91zTp0LYT6Nbo-rbNgkvVJYXebvOrIm58f3qurp4,3095
 portal/static/portal/img/nigel.png,sha256=5ErEl5e56AsQnhsLjGs965wn5D8oGac7Wl6-wBGvN5w,49149
-portal/static/portal/img/ocado-swirl.svg,sha256=JNQzjgHENKhHVu0oNdqtGCz8iVWzMU56d0Cs-IDCuek,2447
 portal/static/portal/img/oval_blue.svg,sha256=9dkV4OG4DCSTfRd2BzioP-oI5b-hzHbS9oySF-43EPA,511
 portal/static/portal/img/oval_pink.svg,sha256=Nx_WIK4DDqzF9aHws1PiAWLBTwFcAVGAyBmgQvTXsw4,515
 portal/static/portal/img/oval_yellow.svg,sha256=-TbMEyYaQJKok57jUht2U3t_AkTvVclqpi1D9N99Dvs,511
@@ -409,7 +408,7 @@ portal/static/portal/sass/partials/_footer.scss,sha256=oqt-Qvz7vtUFNnpe4FkQkaZk3
 portal/static/portal/sass/partials/_forms.scss,sha256=cbonSxhtfaHR-4R6i0u65AaIZRG_25C837CgZlLuwCI,7101
 portal/static/portal/sass/partials/_grids.scss,sha256=pnMQht5lZ65MRB-0_nl8yn655hlKC_oWCwZopillVwc,4968
 portal/static/portal/sass/partials/_header.scss,sha256=P2Sb3dyJjiPCpzbNE83HYWomBPfak8wHTO-q5S-qyQA,7339
-portal/static/portal/sass/partials/_images.scss,sha256=Fro4a0VfLo6FyrvGk5yjsjzzGKWVdHeMFJiVC96C7vk,6213
+portal/static/portal/sass/partials/_images.scss,sha256=4k19VgOkeYBcxxwEBOllSohSGAdWUN2BBwB9MnKC4mY,5593
 portal/static/portal/sass/partials/_popup.scss,sha256=GQ6Vtmj3vdOP4Hvsf8ZxKdEtuL8gqoClYpDgQ19kvnQ,2280
 portal/static/portal/sass/partials/_progress-bars.scss,sha256=cTyRa9WLeIE0rETmY58Rcyf-8O6JE3iDTa_jw3mk23g,144
 portal/static/portal/sass/partials/_subnavs.scss,sha256=6FJV1wBmHchnGBL9Yx56Ua4RR1b5P6ABTextZPTqXSs,5052
@@ -446,9 +445,9 @@ portal/templates/portal/email_invitation_sent.html,sha256=hAMzQXE3NFGnOsQlCGuo3A
 portal/templates/portal/email_style_template.html,sha256=lIlpiEC7-mO9tx3Ra9jtBjdXYxh5HKGZU8uqbvKdEbk,11893
 portal/templates/portal/email_verification_failed.html,sha256=i93oA6EXxa-Tj6A05Bk6ftR0h0A4M_oTjNqqyCJ4c8g,806
 portal/templates/portal/email_verification_needed.html,sha256=lJvwWjBg6y-9V17gyVCIQj1sXzB6O35porHGhrLT6WM,1053
-portal/templates/portal/form_shapes.html,sha256=oiaQ4RKZF8STTQsoQqql184UoYVyFQ60Mwve8lJMKu0,1223
+portal/templates/portal/form_shapes.html,sha256=_b1V4S8tAUN_ktBDLa4Ea6TqWDXUCr9U0in3AzLgAf8,1662
 portal/templates/portal/getinvolved.html,sha256=jC56RTuLjDISr7eJUPA2TErz1TBcLi9G42BY-jo3Xe8,2872
-portal/templates/portal/home.html,sha256=J10xWo7opn_BjQrdxpn0wg1bo6w4DwjpTEOJ-pkJfKY,6178
+portal/templates/portal/home.html,sha256=772Uaj07JcNB-H_FTXvNPj0JosRq2KHBPuGuBp_ZswQ,6528
 portal/templates/portal/home_learning.html,sha256=U1_AYrTNLqCjla7-vdVkC6SOigGBAmu3kscuiYNH4rw,10070
 portal/templates/portal/locked_out.html,sha256=JeiFHFyueFX03D54k82swjxvKY78cFG8Vre-bKKv_7Y,894
 portal/templates/portal/locked_out_school_student.html,sha256=bcpLtu4mkHR-zILLuArtHH2OfUSjHiqntcdbTMlx5Kg,684
@@ -465,7 +464,7 @@ portal/templates/portal/terms.html,sha256=ekhBnhJVHcr5BE5W4PZ-YNzGsmhvRTrj1gdpdN
 portal/templates/portal/login/independent_student.html,sha256=G4u82m0lko4yQvqRDMger5p63A6KtFI_bsEOsQWlyJw,1777
 portal/templates/portal/login/student.html,sha256=s5rUyT-u7gei2xWQ-Ba35ePC5WbtwReEzUZAKwUoZVY,1261
 portal/templates/portal/login/student_class_code.html,sha256=rJr6NB4Oz7XjZXDOUHpwzT6r6yxh7nZ5joca-z2bK-s,966
-portal/templates/portal/login/teacher.html,sha256=s-8s55_D0jCf7ejEDIN2Vexpde0BljojRAz9QODLSUk,2671
+portal/templates/portal/login/teacher.html,sha256=TaqkNTuGuQaXrlMVr0VnmfRQrOEfKEN8VbqSJnoEoQA,2834
 portal/templates/portal/partials/banner.html,sha256=5MzRKCZWFPDzcRzHPqG5MeED_KsmvAcKoA74YYXmlPY,2101
 portal/templates/portal/partials/benefits.html,sha256=TZm4U_XimgivkPMjDXxxkV7PLfRyi2PAwkH8Y4sFDps,2363
 portal/templates/portal/partials/card_list.html,sha256=yHcp4oc0WRG9H6Ek871VCHbwYkDRcwQYbZ320gtsFn8,1550
@@ -515,7 +514,7 @@ portal/templates/two_factor/_wizard_forms_token.html,sha256=5JwDoRj_X1EM8RBISx6C
 portal/templates/two_factor/backup_token.html,sha256=5JwDoRj_X1EM8RBISx6Ckb_QZioHknwk_Xi04jUD19U,262
 portal/templates/two_factor/setup_wizard_token.html,sha256=Z0Et2sknJNLtFYvPnVZssG4zCsADuH77xllPIQb22rg,266
 portal/templates/two_factor/core/backup_tokens.html,sha256=u0T-LqtZtGRitlT6lwx_-U8DLPMQERRL2uh_rRL77rI,1442
-portal/templates/two_factor/core/login.html,sha256=Pd9sEvuif-C9W5TcHzUT79v_MCetelotFt-uS3TPMWQ,2198
+portal/templates/two_factor/core/login.html,sha256=H7X8A4tBXxwt2bj6vKzg1CBzhsQopGsqZ3qJniGCeKw,2985
 portal/templates/two_factor/core/setup.html,sha256=B4lg0htUt9JzmTTGG9jGm_1H04FICoMTRwZ-VyQk2E8,3025
 portal/templates/two_factor/core/setup_complete.html,sha256=aE67CIwicwn6W8-JwUqf-bSgje_9G_2Nm9XfnXU-Uhk,600
 portal/templates/two_factor/profile/disable.html,sha256=fKIxqmB8RqN_DQrNMiZPTcSmoH-hChNcGWR0HKl1r-s,1010
@@ -635,7 +634,7 @@ portal/views/two_factor/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG
 portal/views/two_factor/core.py,sha256=Lk32z2SN2Pg0rRkK-N-LXMvXC1kKKsH3l692kiSDQ4E,964
 portal/views/two_factor/form.py,sha256=lnHNKI-BMlpncTuW3zUzjPaJJNuEra2I_nOam0eOKFY,257
 portal/views/two_factor/profile.py,sha256=SHSg_xHccE5PtD-OfuOkYhREYz_er4bj5ro1RjJ88Yw,393
-codeforlife_portal-8.6.9.dist-info/METADATA,sha256=dGHrX42Zh-D3ziUR91OzuGjDnDiZISdv6b2n_hnn4XM,12318
-codeforlife_portal-8.6.9.dist-info/WHEEL,sha256=oSJJyWjO7Z2XSScFQUpXG1HL-N0sFMqqeKVVbZTPkWc,109
-codeforlife_portal-8.6.9.dist-info/top_level.txt,sha256=8e5pdsuIoTqEAMqpelHBjGjLbffcBtgOoggmd2q7nMw,41
-codeforlife_portal-8.6.9.dist-info/RECORD,,
+codeforlife_portal-8.6.10.dist-info/METADATA,sha256=VVIzYcwdOdMkF5yBTOSgzgNAO7pqXKItzdRIgel0hdY,12321
+codeforlife_portal-8.6.10.dist-info/WHEEL,sha256=_z0Kb-VmhLeNt2nZ-PsoQBjD25rP0tBwgAyRYD7oTKI,109
+codeforlife_portal-8.6.10.dist-info/top_level.txt,sha256=8e5pdsuIoTqEAMqpelHBjGjLbffcBtgOoggmd2q7nMw,41
+codeforlife_portal-8.6.10.dist-info/RECORD,,

{codeforlife_portal-8.6.9.dist-info → codeforlife_portal-8.6.10.dist-info}/WHEEL

@@ -1,5 +1,5 @@
 Wheel-Version: 1.0
-Generator: setuptools (80.3.1)
+Generator: setuptools (80.7.1)
 Root-Is-Purelib: true
 Tag: py2-none-any
 Tag: py3-none-any

portal/__init__.py

@@ -1 +1 @@
-__version__ = "8.6.9"
+__version__ = "8.6.10"

portal/static/portal/sass/partials/_images.scss

@@ -30,13 +30,6 @@ img {
   margin-top: 1.5em;
 }
 
-.background--swirl {
-  background-image: url("../img/ocado-swirl.svg");
-  background-size: contain;
-  background-repeat: no-repeat;
-  background-position: center;
-}
-
 .image-row {
   align-items: baseline;
   display: flex;
@@ -70,7 +63,6 @@ img {
 
 .logo {
   @include _padding($spacing * 3, $spacing * 14, $spacing * 3, $spacing * 3);
-  content: url("../img/logo_cfl.png");
 }
 
 .map-pin {
@@ -386,53 +378,33 @@ img {
 }
 
 .educate-homepage {
-  content: url("../img/home_educate.png");
   width: 70%;
   object-fit: contain;
 }
 
 .play-homepage {
-  content: url("../img/home_play.png");
   width: 70%;
   object-fit: contain;
 }
 
-.oval-blue {
-  content: url("../img/oval_blue.svg");
-}
-
-.oval-pink {
-  content: url("../img/oval_pink.svg");
-}
-
-.oval-yellow {
-  content: url("../img/oval_yellow.svg");
-}
-
-.polygon-blue {
-  content: url("../img/polygon_blue.svg");
-}
-
-.polygon-pink {
-  content: url("../img/polygon_pink.svg");
-}
-
-.polygon-yellow {
-  content: url("../img/polygon_yellow.svg");
-}
-
 .login-shape-left {
-  @include _top(250px);
-  @include _margin(-250px, 0px, 0px, 0px);
+  @include _top(300px);
   position: relative;
   left: -17vw;
+
+  img {
+    @include _margin(-250px, 0px, 0px, 0px);
+  }
 }
 
 .login-shape-right {
-  @include _top(500px);
-  @include _margin(-500px, 0px, 0px, 0px);
+  @include _top(550px);
   position: relative;
   left: 17vw;
+
+  img {
+    @include _margin(-250px, 0px, 0px, 0px);
+  }
 }
 
 @media (max-width: $tablet-large-max-width) {

portal/templates/portal/form_shapes.html

@@ -10,16 +10,28 @@ other templates to add custom content. -->
 {% block content %}
 <section class="row mx-0">
 {% if usertype == "TEACHER" %}
-    <span class="oval-blue login-shape-left"></span>
-    <span class="polygon-yellow login-shape-right"></span>
+    <span class="login-shape-left">
+        <img src="{% static 'portal/img/oval_blue.svg' %}" alt="Blue oval">
+    </span>
+    <span class="login-shape-right">
+        <img src="{% static 'portal/img/polygon_yellow.svg' %}" alt="Yellow polygon">
+    </span>
     <div class="form--login is-flex form--register--teacher">
 {% elif usertype == "SCHOOL_STUDENT" %}
-    <span class="oval-yellow login-shape-left"></span>
-    <span class="polygon-pink login-shape-right"></span>
+    <span class="login-shape-left">
+        <img src="{% static 'portal/img/oval_yellow.svg' %}" alt="Yellow oval">
+    </span>
+    <span class="login-shape-right">
+        <img src="{% static 'portal/img/polygon_pink.svg' %}" alt="Pink polygon">
+    </span>
     <div class="form--login is-flex form--register--student">
 {% else %}
-    <span class="oval-pink login-shape-left"></span>
-    <span class="polygon-blue login-shape-right"></span>
+    <span class="login-shape-left">
+        <img src="{% static 'portal/img/oval_pink.svg' %}" alt="Pink oval">
+    </span>
+    <span class="login-shape-right">
+        <img src="{% static 'portal/img/polygon_blue.svg' %}" alt="Blue polygon">
+    </span>
     <div class="form--login is-flex form--register--indep-student">
 {% endif %}
         <div class="form col-xs-12 col-sm-8 col-md-8 col-lg-9 center-block">

portal/templates/portal/home.html

@@ -9,9 +9,12 @@
     <div class="banner--homepage banner--homepage--teacher col-sm-6">
         <div class="banner col-sm-11">
             <div class="banner__item">
-                <a href="{% url 'teach' %}" class="educate-homepage"
-                alt="Male teacher helping young female student"
-                ></a>
+                <a href="{% url 'teach' %}">
+                    <img src="{% static 'portal/img/home_educate.png' %}" class="educate-homepage"
+                         alt="Male teacher helping young female student"
+                         title="Male teacher helping young female student"
+                    >
+                </a>
             </div>
             <div class="banner-home-content">
                 <div class="banner-home-text">
@@ -29,9 +32,12 @@
     <div class="banner--homepage banner--homepage--student col-sm-6">
         <div class="banner col-sm-11">
             <div class="banner__item">
-                <a href="{% url 'play' %}" class="play-homepage"
-                alt="Two young boys playing on a laptop"
-                ></a>
+                <a href="{% url 'play' %}">
+                    <img src="{% static 'portal/img/home_play.png' %}" class="play-homepage"
+                         alt="Two young boys playing on a laptop"
+                         title="Two young boys playing on a laptop"
+                    >
+                </a>
             </div>
             <div class="banner-home-content">
                 <div class="banner-home-text">

portal/templates/portal/login/teacher.html

@@ -20,8 +20,12 @@
 
 {% if wizard.steps.current == 'auth' %}
     <section class="row mx-0">
-        <span class="oval-blue login-shape-left"></span>
-        <span class="polygon-yellow login-shape-right"></span>
+        <span class="login-shape-left">
+            <img src="{% static 'portal/img/oval_blue.svg' %}" alt="Blue oval">
+        </span>
+        <span class="login-shape-right">
+            <img src="{% static 'portal/img/polygon_yellow.svg' %}" alt="Yellow polygon">
+        </span>
         <div class="form--login is-flex form--register--teacher">
             <div class="form col-xs-12 col-sm-8 col-md-8 col-lg-9 center-block">
                 <h4 class="center-block">Welcome</h4>

portal/templates/two_factor/core/login.html

@@ -1,6 +1,7 @@
 {# Overriden the original "two_factor" template to remove extending base template and slightly adjust style #}
 
 {% load i18n %}
+{% load static %}
 {% load two_factor_tags %}
 
 {% block extra_media %}
@@ -10,61 +11,65 @@
 {% block content %}
 
 <section class="row mx-0">
-  <span class="oval-blue login-shape-left"></span>
-  <span class="polygon-yellow login-shape-right"></span>
-  <div class="form--login is-flex form--register--teacher">
-    <div class="form col-xs-12 col-sm-8 col-md-8 col-lg-9 center-block">
-      <h4>{% block title %}{% trans "Welcome" %}{% endblock %}</h4>
+    <span class="login-shape-left">
+        <img src="{% static 'portal/img/oval_blue.svg' %}" alt="Blue oval">
+    </span>
+    <span class="login-shape-right">
+        <img src="{% static 'portal/img/polygon_yellow.svg' %}" alt="Yellow polygon">
+    </span>
+    <div class="form--login is-flex form--register--teacher">
+        <div class="form col-xs-12 col-sm-8 col-md-8 col-lg-9 center-block">
+            <h4>{% block title %}{% trans "Welcome" %}{% endblock %}</h4>
 
-{% if wizard.steps.current == 'auth' %}
-<p>{% blocktrans %}Enter your credentials.{% endblocktrans %}</p>
-{% elif wizard.steps.current == 'token' %}
-<p>{{ device|as_verbose_action }}</p>
-{% elif wizard.steps.current == 'backup' %}
-<p>{% blocktrans trimmed %}Use this form for entering backup tokens for logging in.
-  These tokens have been generated for you to print and keep safe. Please
-  enter one of these backup tokens to log into your account.{% endblocktrans %}</p>
-{% endif %}
+            {% if wizard.steps.current == 'auth' %}
+            <p>{% blocktrans %}Enter your credentials.{% endblocktrans %}</p>
+            {% elif wizard.steps.current == 'token' %}
+            <p>{{ device|as_verbose_action }}</p>
+            {% elif wizard.steps.current == 'backup' %}
+            <p>{% blocktrans trimmed %}Use this form for entering backup tokens for logging in.
+                These tokens have been generated for you to print and keep safe. Please
+                enter one of these backup tokens to log into your account.{% endblocktrans %}</p>
+            {% endif %}
 
-<form action="" method="post">
-  {% block main_form_content %}
-  {% csrf_token %}
-  {% include "two_factor/_wizard_forms.html" %}
+            <form action="" method="post">
+                {% block main_form_content %}
+                {% csrf_token %}
+                {% include "two_factor/_wizard_forms.html" %}
 
-  {# hidden submit button to enable [enter] key #}
-  <input type="submit" value="" hidden />
+                {# hidden submit button to enable [enter] key #}
+                <input type="submit" value="" hidden />
 
-  {% if other_devices %}
-  <p>{% trans "Or, alternatively, use one of your other authentication methods:" %}</p>
-  <p>
-    {% for other in other_devices %}
-    <button name="challenge_device" value="{{ other.persistent_id }}"
-            class="btn btn-secondary btn-block" type="submit">
-      {{ other|as_action }}
-    </button>
-    {% endfor %}</p>
-  {% endif %}
+                {% if other_devices %}
+                <p>{% trans "Or, alternatively, use one of your other authentication methods:" %}</p>
+                <p>
+                    {% for other in other_devices %}
+                    <button name="challenge_device" value="{{ other.persistent_id }}"
+                            class="btn btn-secondary btn-block" type="submit">
+                        {{ other|as_action }}
+                    </button>
+                    {% endfor %}</p>
+                {% endif %}
 
-  {% include "two_factor/_wizard_actions.html" %}
-  {% endblock %}
-</form>
+                {% include "two_factor/_wizard_actions.html" %}
+                {% endblock %}
+            </form>
 
-{% block 'backup_tokens' %}
-{% if backup_tokens %}
-<hr>
-<div class="backup_tokens_form">
-  <form action="" method="post">
-    {% csrf_token %}
-    <p>{% trans "As a last resort, you can use a backup token:" %}</p>
-    <p>
-      <button name="wizard_goto_step" type="submit" value="backup"
-              class="button button--primary">{% trans "Use Backup Token" %}</button>
-    </p>
-  </form>
-</div>
+            {% block 'backup_tokens' %}
+            {% if backup_tokens %}
+            <hr>
+            <div class="backup_tokens_form">
+                <form action="" method="post">
+                    {% csrf_token %}
+                    <p>{% trans "As a last resort, you can use a backup token:" %}</p>
+                    <p>
+                        <button name="wizard_goto_step" type="submit" value="backup"
+                                class="button button--primary">{% trans "Use Backup Token" %}</button>
+                    </p>
+                </form>
+            </div>
+            {% endif %}
+            {% endblock %}
+        </div>
     </div>
-  </div>
 </section>
-{% endif %}
-{% endblock %}
 {% endblock %}

portal/static/portal/img/ocado-swirl.svg

@@ -1,22 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="670px" height="670px" viewBox="0 0 670 670" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
-    <title>ocado-swirl</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <polygon id="path-1" points="5.17780764e-14 0 670 0 670 670 0 670"></polygon>
-    </defs>
-    <g id="Play-landing-" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="AIMMO-Prototype-landing---L-Desktops" transform="translate(-566.000000, -1829.000000)">
-            <g id="Deliver-through-time-Copy" transform="translate(0.000000, 1829.000000)">
-                <g id="ocado-swirl" transform="translate(566.000000, 0.000000)">
-                    <mask id="mask-2" fill="white">
-                        <use xlink:href="#path-1"></use>
-                    </mask>
-                    <g id="Clip-2"></g>
-                    <path d="M658.260758,254.973547 C674.312291,312.597644 673.719847,369.91571 657.606601,427.057142 C614.658514,579.343237 470.873555,679.663717 310.541302,669.260735 C156.532567,659.268533 27.1699201,539.8612 3.90825914,386.229804 C-28.5815422,171.653161 145.926171,-15.4115496 362.664044,1.00523855 C421.599894,5.46835385 477.814203,18.1573213 528.562804,49.3950207 C579.57677,80.7970316 617.72359,122.756066 631.654256,182.735982 C654.510668,281.150447 570.864961,412.905801 427.11703,374.563676 C370.388446,359.432627 332.965724,305.567159 334.165012,247.189282 C335.341672,189.838353 374.768007,138.897632 428.873791,125.00919 C446.291238,120.537859 463.73954,119.673169 479.651191,124.787369 C472.920367,137.546169 463.840338,149.321153 460.263045,162.576996 C450.370462,199.222602 471.498913,234.781698 507.712061,246.16028 C543.176426,257.304718 580.146586,238.480764 594.317932,201.288821 C605.61757,171.634676 600.09632,143.516844 583.246632,117.572034 C561.624478,84.2804387 528.931024,66.8942118 491.901208,55.983918 C363.661736,18.1983992 220.981439,115.8406 238.084149,280.285757 C249.902176,393.925751 356.017561,459.58058 441.267805,460.679414 C542.250732,461.981584 635.392002,386.601559 653.712515,287.460014 C655.697614,276.71814 656.767305,265.805792 658.260758,254.973547" id="Fill-1" fill="#F0F0F0" opacity="0.468353714" mask="url(#mask-2)"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>