codeforlife-portal 6.45.5__py2.py3-none-any.whl → 6.46.0__py2.py3-none-any.whl

{codeforlife_portal-6.45.5.dist-info → codeforlife_portal-6.46.0.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: codeforlife-portal
-Version: 6.45.5
+Version: 6.46.0
 Classifier: Programming Language :: Python
 Classifier: Programming Language :: Python :: 3.8
 Classifier: Framework :: Django
@@ -25,11 +25,11 @@ Requires-Dist: django-classy-tags ==2.0.0
 Requires-Dist: libsass ==0.23.0
 Requires-Dist: phonenumbers ==8.12.12
 Requires-Dist: more-itertools ==8.7.0
-Requires-Dist: cfl-common ==6.45.5
+Requires-Dist: cfl-common ==6.46.0
 Requires-Dist: django-ratelimit ==3.0.1
 Requires-Dist: django-preventconcurrentlogins ==0.8.2
 Requires-Dist: django-csp ==3.7
-Requires-Dist: setuptools ==65.5.1
+Requires-Dist: setuptools ==70.3.0
 Requires-Dist: django-import-export
 
 # Code for Life Portal

{codeforlife_portal-6.45.5.dist-info → codeforlife_portal-6.46.0.dist-info}/RECORD

@@ -106,7 +106,7 @@ example_project/portal_test_settings.py,sha256=frp_XMpd-z1g3VFCRxB2w7AaFW2ivRVKn
 example_project/settings.py,sha256=XRZZvASoIl5a9xe3masTq_CUBleuJq9ByHx8f_e2UFc,5613
 example_project/urls.py,sha256=OVeRQ-TCpzHISBRuzqD0yd3ewF7H5U3c-f2p2alfUD0,430
 example_project/wsgi.py,sha256=U1W6WzZxZaIdYZ5tks7w9fqp5WS5qvn2iThsVcskrWw,829
-portal/__init__.py,sha256=h9XndyHuQsEQl4kELDJIb-kH2isbCavuXD3U1D1BmhU,23
+portal/__init__.py,sha256=CfobRHVT7BBvKrmspREOmE8NuLFEy6RaHzzbwWz6wvs,23
 portal/admin.py,sha256=on1-zNRnZvf2cwBN6GVRVYRhkaksrCgfzX8XPWtkvz8,6062
 portal/app_settings.py,sha256=DhWLQOwM0zVOXE3O5TNKbMM9K6agfLuCsHOdr1J7xEI,651
 portal/backends.py,sha256=2Dss6_WoQwPuDzJUF1yEaTQTNG4eUrD12ujJQ5cp5Tc,812
@@ -114,7 +114,7 @@ portal/beta.py,sha256=0TCC-9_KZoM1nuzJ9FiuKR5n9JITdMYenHGQtRvn9UU,255
 portal/context_processors.py,sha256=1TrUZqnMqGa5f7ERph9EpBqojSMJvOrcpnJzTdeCLDI,133
 portal/handlers.py,sha256=gF99OfQrGcIGDnUyONhvylZNU8sl6XHYEurwu0fuiss,422
 portal/models.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
-portal/urls.py,sha256=ROGvyAo1pw1hHRLupxcbIVGjaGhZXY7AeyafxXYoa7Q,17464
+portal/urls.py,sha256=0u6pmeG3Emu38Af1HiROyHJJnkoEhSEpnEsSpO1Ztsk,17392
 portal/wsgi.py,sha256=3yRcNxBQG30NhzrVi93bX-DrbXtsIQBc70HiW5wbOyE,401
 portal/forms/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
 portal/forms/add_game.py,sha256=Z9pjNiAU3W2HthSsbz_OWzl2RuLpZ0GtA6Xe1tg7H5I,1008
@@ -199,6 +199,9 @@ portal/static/portal/img/home_learning_hero.jpg,sha256=6TCMgY4ssAdW7H8WxtjPq-M3z
 portal/static/portal/img/home_play.png,sha256=TXsU62wcEcuUHF4948V_IxDh3nynAvlCzS7vCS44M5k,191553
 portal/static/portal/img/home_play_hero.jpg,sha256=VhuB4t98Q3EpT9US-nVdB44xOwA5RSYwSQKAtdQBVcQ,110397
 portal/static/portal/img/hope_logo.png,sha256=81UakmmI4BUH05MljuRIyCGnP51wY2myE9dLRuPbA5o,7967
+portal/static/portal/img/howe_dell_1.png,sha256=oEst1ys1e8WxmDTV1buj6RrdzH7Ozf9B6wUk48ld1pI,162192
+portal/static/portal/img/howe_dell_2.png,sha256=7Yd1biwFjd6lQ-2JR7k90CrAvgBhPWdsL2XfoTyOLdI,154063
+portal/static/portal/img/howe_dell_3.png,sha256=Pw_wpN8raUjYvnKWui1UFpQ2upVCWb2M-XsGGLsBXlc,321514
 portal/static/portal/img/icl_logo.png,sha256=nB7HDAibkAWEDA3P_Edy1AHTUgUgDALYR-sae9BGLdc,3260
 portal/static/portal/img/icon_controller.png,sha256=Zygh2vTM1xuKPgKTfYiO7DhcPDaehAMhljrYpOHsKUw,5948
 portal/static/portal/img/icon_free.png,sha256=de2vYAkpj3vUzI6bAgfH5_zfp_J7qP9Awxy4qzY6XQg,19299
@@ -223,6 +226,7 @@ portal/static/portal/img/logo_ocado.png,sha256=_DtumBwHzTHvwRz38ilECL-zOmNdZh9l8
 portal/static/portal/img/logo_ocado_group.png,sha256=ZnwSMrUlqXaawdAAbENwTDPdEswhA3EbFirP5fAZ59w,2543
 portal/static/portal/img/logo_ocado_group.svg,sha256=FzYobwl35hZkyyoR18uNWJIx-FvOMUr5zEXKQWuGxsU,5451
 portal/static/portal/img/logo_ocado_group_white.svg,sha256=cPxusvooLqfmEBLKOH2XzFYhDck_No2SwPM5VvHU-d8,10993
+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
@@ -249,6 +253,7 @@ portal/static/portal/img/sadface.png,sha256=FU9d3XPCfe6sknfAymz8XPl_0nICp0geiqTQ
 portal/static/portal/img/sharon_harrison.jpg,sha256=VBPA3nuzP8k8R8MW3-kHK_TFjax8vMktLjU84emR9Js,6949
 portal/static/portal/img/sian.png,sha256=9-j5qxJPHXPto8a06E6iYU-kbUCbAIY3UhJU0Egw6ho,116116
 portal/static/portal/img/teaching_resources_hero.jpg,sha256=tDJpcTnQ_om0aVIJBXHtdjRSuGkuIcl1N__lWYVvNbo,60671
+portal/static/portal/img/ten_year_map_pin.svg,sha256=7hOOyo7Qb1SIBJ_QmpxP-2cS6qr0OleohWhAisAXzv4,348
 portal/static/portal/img/thumbnail_educate_kurono.png,sha256=wnakgkgLkE4DYEha6Rpi1JPz4wdA3uiIEU8kBe1makk,68282
 portal/static/portal/img/thumbnail_educate_rapid_router.png,sha256=7_iqzffvVJZGPfwXmwPurLCWpiXYP9RochU9g5munok,67570
 portal/static/portal/img/thumbnail_educate_resources.png,sha256=kWmhGxkGiJBFB75ytdTHCg7Y7M_GBjhe7UgA9kIG0AE,37070
@@ -286,6 +291,7 @@ portal/static/portal/js/teach_browser.js,sha256=r5duQU7HNwVM9tSGamaxmY3gWzRRgRfO
 portal/static/portal/js/teach_class.js,sha256=cHn8cw02V8sCcLL7WCj0Uy2YI8kFjkk0U24pFHTPn_4,4947
 portal/static/portal/js/teacherEditStudent.js,sha256=Jq-WPPDDHMZ8_8_zFMUeaXSqLq0babGdWADUn7vnjoA,730
 portal/static/portal/js/teacherLogin.js,sha256=4r3z4oGVuiMymE8APvzQ0F3QAmNWxDN_Jb-eLC4WAQI,531
+portal/static/portal/js/tenYearMap.js,sha256=4kfgL--Im0UOcO7gQbqhVJeqIJYwFY853EwRgoDbrgE,348
 portal/static/portal/js/lib/jquery-video-lightning.js,sha256=nLfbod3Fh-HCELdu1_t0qcqr1C0ensnbKePvw_hvQIk,19519
 portal/static/portal/js/lib/jquery.colorbox.js,sha256=4-ZawxafV_4sijUG-zDB5Dpb1sSXJyTpS6djiQLI6P4,29200
 portal/static/portal/js/lib/jquery.easy-ticker.js,sha256=Gj4dexfJvqsIds9qNMsAnomtSgN_VYOsdgOzKMoR77U,4278
@@ -402,12 +408,12 @@ portal/static/portal/sass/modules/_spacing.scss,sha256=WHBcd8ZSl4UHqPAOmW_JLt_MO
 portal/static/portal/sass/partials/_banners.scss,sha256=lmL29GMTtxF1RXpmC11TR0zxQaFU8uNmdGsuMCujRBE,8877
 portal/static/portal/sass/partials/_base.scss,sha256=cUvskrzNXLA-Xg1EgpL-S0wTWDnRn86AcdMbE2_aLMM,26
 portal/static/portal/sass/partials/_buttons.scss,sha256=dserW-L6262tgkygb5yA4aRJhIWpt4TVFSFAJUdYn9c,9195
-portal/static/portal/sass/partials/_carousel.scss,sha256=H1-MUYWvv0VNZxJW9EcQXv9ktv2uvGvDMn2zHDKDeAs,3238
+portal/static/portal/sass/partials/_carousel.scss,sha256=m8N6jSuHBzeKyMUNGGc48NlNYTmotKlaiy10hwFnyWY,3500
 portal/static/portal/sass/partials/_footer.scss,sha256=oqt-Qvz7vtUFNnpe4FkQkaZk3J3fojCy9cKCxqGTWoM,2493
 portal/static/portal/sass/partials/_forms.scss,sha256=cbonSxhtfaHR-4R6i0u65AaIZRG_25C837CgZlLuwCI,7101
 portal/static/portal/sass/partials/_grids.scss,sha256=-2kmJMjothSPWUoqDf07-GqmEBk4uT6SVasRyfKi5Cs,5902
 portal/static/portal/sass/partials/_header.scss,sha256=OYcN1R7LB04BlGkhvfBf4E0CgMjCgBIwop6VZY7s7qw,7372
-portal/static/portal/sass/partials/_images.scss,sha256=1QuDit2-IO7f0WpanTLnOLcHxoEE93EC056biHHhHjs,3087
+portal/static/portal/sass/partials/_images.scss,sha256=Fro4a0VfLo6FyrvGk5yjsjzzGKWVdHeMFJiVC96C7vk,6213
 portal/static/portal/sass/partials/_popup.scss,sha256=OhBdNto7GEGbGFLzT0ybUKgDmuhSs365fSWy7D8qO1w,2205
 portal/static/portal/sass/partials/_progress-bars.scss,sha256=cTyRa9WLeIE0rETmY58Rcyf-8O6JE3iDTa_jw3mk23g,144
 portal/static/portal/sass/partials/_subnavs.scss,sha256=6FJV1wBmHchnGBL9Yx56Ua4RR1b5P6ABTextZPTqXSs,5052
@@ -428,6 +434,7 @@ portal/strings/play.py,sha256=875QyaTK_w6J3BK4Che3vzCWkbrxwOYy_9FV9ZocMeM,804
 portal/strings/student_aimmo_dashboard.py,sha256=heEQ8KN7Vt19fg0MAYPcg9-mLOlCpOWlxVb8QMMldjE,235
 portal/strings/teach.py,sha256=fhzX55gs9eKEYUfCoTGcJYWuVJA2bx7mXvQMtXfp9-Q,257
 portal/strings/teacher_resources.py,sha256=0KzaW3ieXxXm-7SMrYhydP3fnaDaWiuayoOJUk4a-Qc,760
+portal/strings/ten_year_map.py,sha256=iodL7p1MZwo1pd3az6kPvr6OvoSgZa91H2gjeMw4OkY,517
 portal/templates/403.html,sha256=gsV6LxsM-n7WuIV5DzaQNKEEBGVbuzJU9lJq9O8jqQ4,1169
 portal/templates/404.html,sha256=Tk6HmuzDdIT4ojoIHvH2MibU_0OekU5gmuJmk5M4K_Q,563
 portal/templates/500.html,sha256=aqJfDXPzaEw9K6LToPpE4rARuunLSxiIrJ_GnuJr8pI,1703
@@ -460,6 +467,7 @@ portal/templates/portal/reset_password_confirm.html,sha256=jPHSDatezRXzCG4zH_5BQ
 portal/templates/portal/reset_password_done.html,sha256=rpzN3svZne5H2FS3TJaGnHypRj2KX-SRS6DbFQkgLf0,667
 portal/templates/portal/reset_password_email_sent.html,sha256=kwNvoH_M-Qd5s-g0HiULwfQt_SD12WEMgPRSnLmldTQ,914
 portal/templates/portal/teach.html,sha256=5Ua6l2H6dBIXjKjMTUGkM92SnBnAXTBRpM6sKlwnrUk,8724
+portal/templates/portal/ten_year_map.html,sha256=ssARat4irhtW7hzqz-5rsaKhDgHz6Iw4b9Rt8DI8np0,8418
 portal/templates/portal/terms.html,sha256=SO8ruLF2kdYpOinxlVx1CHfPNgphemX4wvWJ9-W6Nj4,29155
 portal/templates/portal/login/independent_student.html,sha256=G4u82m0lko4yQvqRDMger5p63A6KtFI_bsEOsQWlyJw,1777
 portal/templates/portal/login/student.html,sha256=s5rUyT-u7gei2xWQ-Ba35ePC5WbtwReEzUZAKwUoZVY,1261
@@ -556,7 +564,7 @@ portal/tests/test_school_student.py,sha256=bFZwY4twaFHQLp0cltMq8cLNDZGgCHTZBCZHK
 portal/tests/test_security.py,sha256=FGrlRfnzi-Xx2_bn4fTZlYORKm7w_GhGkD3havvplwc,3239
 portal/tests/test_teacher.py,sha256=_VmQCWq07uCFbvq6Vd7GN00mE7vY7WNMeQTk6bHxFPI,36898
 portal/tests/test_teacher_student.py,sha256=NWITbUw1kijqu3c8eRHLHJKaYQMOsOMvl7PAVx5QghI,21567
-portal/tests/test_views.py,sha256=g6WQtexZ-UfwpNxpTmfiB-RTBtLFiYBmjAa5oFCSBDk,42073
+portal/tests/test_views.py,sha256=e7Yw4W1gjyv7I3r99uIqpTaBRYdWyaqG7VNFHakC0Ss,40902
 portal/tests/migrations/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
 portal/tests/migrations/test_migration_make_portaladmin_teacher.py,sha256=ekMRb6cU97oT0k9gCKW7IUB7oPuGmv4uWJCqInQN7x8,2589
 portal/tests/migrations/test_migration_preview_user_remove.py,sha256=K6D-FZT9YFEA8oMxHz9VTglVV6MZOTRYVlvwWwXc2vU,555
@@ -619,7 +627,7 @@ portal/views/admin.py,sha256=4Xt3zEyQH7sUwQSrwuRtoCodWidjOzd7gJUwWU96pXY,957
 portal/views/api.py,sha256=lCwiclR98G-yTgK55u8IjkueIH8iremeiZSa3jAvO-M,6990
 portal/views/dotmailer.py,sha256=_subSoy5f1j5sAcRrjE_xMejdarjHIY1d_jwSrf7_o0,2299
 portal/views/email.py,sha256=V3wXRxIjeZ4OJBVqGCQrPn-GQWKZK1PCXbR1f2Zpa_4,2174
-portal/views/home.py,sha256=J4KY66p2nRgRu1O_0IYwdgfZoTYuhQS0qpfiA1b8PTE,9855
+portal/views/home.py,sha256=GlNTJqSST_jQi0REuaV2aI2zram-KAhedmATdC6yU58,10247
 portal/views/legal.py,sha256=nUunsTHnhMcXBcDlg1GmUal86k9Vhinne4A2FWfq78M,342
 portal/views/organisation.py,sha256=sPDbiM7hdtpF8GKyh_4n4VPl2a-WnAgnF4q9aSvQCVI,3341
 portal/views/play_landing_page.py,sha256=FFmjUFub3ZdlbMqkB8yX3jAImCzqrUqgb8AZcpKywZ4,308
@@ -643,8 +651,8 @@ portal/views/two_factor/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG
 portal/views/two_factor/core.py,sha256=O_wcBeFqdPYSGNGv-pT_vbs5-Dj1Z-Jfkd6f9-E5yZI,760
 portal/views/two_factor/form.py,sha256=lnHNKI-BMlpncTuW3zUzjPaJJNuEra2I_nOam0eOKFY,257
 portal/views/two_factor/profile.py,sha256=tkl_ludo8arMtd5LKNmohM66vpC_YQiP-0nspTSJiJ4,383
-codeforlife_portal-6.45.5.dist-info/LICENSE.md,sha256=9AbRlCDqD2D1tPibimysFv3zg3AIc49-eyv9aEsyq9w,115
-codeforlife_portal-6.45.5.dist-info/METADATA,sha256=zARH_LMna4yERcgmCLV7xHdbMug0KTXZQ2Rcp_HlS3E,3474
-codeforlife_portal-6.45.5.dist-info/WHEEL,sha256=DZajD4pwLWue70CAfc7YaxT1wLUciNBvN_TTcvXpltE,110
-codeforlife_portal-6.45.5.dist-info/top_level.txt,sha256=8e5pdsuIoTqEAMqpelHBjGjLbffcBtgOoggmd2q7nMw,41
-codeforlife_portal-6.45.5.dist-info/RECORD,,
+codeforlife_portal-6.46.0.dist-info/LICENSE.md,sha256=9AbRlCDqD2D1tPibimysFv3zg3AIc49-eyv9aEsyq9w,115
+codeforlife_portal-6.46.0.dist-info/METADATA,sha256=YSFpBXyEqx3VCbluq7jh1bw-wodysAxnzLiebx-KKEI,3474
+codeforlife_portal-6.46.0.dist-info/WHEEL,sha256=DZajD4pwLWue70CAfc7YaxT1wLUciNBvN_TTcvXpltE,110
+codeforlife_portal-6.46.0.dist-info/top_level.txt,sha256=8e5pdsuIoTqEAMqpelHBjGjLbffcBtgOoggmd2q7nMw,41
+codeforlife_portal-6.46.0.dist-info/RECORD,,

portal/__init__.py

@@ -1 +1 @@
-__version__ = "6.45.5"
+__version__ = "6.46.0"

portal/static/portal/img/ten_year_map_pin.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="40px" viewBox="0 0 24 24" width="40px" fill="#00A3E0"><path d="M0 0h24v24H0z" fill="none"/><path stroke-width="0.75px" stroke="black" 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>

portal/static/portal/js/tenYearMap.js

@@ -0,0 +1,14 @@
+let currentActivePin;
+
+function setActivePin(city) {
+  if (currentActivePin) {
+    currentActivePin.setAttribute("fill", "#FFC709");
+  }
+
+  currentActivePin = document.getElementById(city + "-pin").getElementsByTagName("svg")[0]
+  currentActivePin.setAttribute("fill", "#EE0857");
+}
+
+$(document).ready(function () {
+  setActivePin("hatfield");
+});

portal/static/portal/sass/partials/_carousel.scss

@@ -13,6 +13,7 @@
     &.next,
     &.prev {
       display: flex;
+      flex-wrap: wrap;
     }
 
     > .carousel-image-wrapper {
@@ -155,3 +156,23 @@
   /* shrink padding because cards have their own */
   @include _padding(0px, 2px, 0px, 2px);
 }
+
+.carousel-button {
+  margin-top: 2rem;
+}
+
+.carousel-image {
+  margin-top: 15px;
+}
+
+.carousel-image--column {
+  padding-right: 20px;
+}
+
+.carousel-column--images {
+  margin-top: -15px;
+}
+
+.carousel-header {
+  margin-top: 0rem !important;
+}

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

@@ -73,6 +73,287 @@ img {
   content: url("../img/logo_cfl.png");
 }
 
+.map-pin {
+  position: absolute;
+  background: 0 0;
+  min-width: 0px !important;
+}
+
+#map-container {
+  position: relative;
+}
+
+#hatfield {
+  left: 34.5%;
+  top: 26.7%;
+}
+
+#barcelona {
+  left: 38%;
+  top: 58.8%;
+}
+
+#krakow {
+  left: 61.7%;
+  top: 30.3%;
+}
+
+#sofia {
+  left: 68.5%;
+  top: 55.5%;
+}
+
+@media only screen and (max-width: 1400px) {
+  #sofia {
+    left: 68.8%;
+    top: 55.8%;
+  }
+}
+
+@media only screen and (max-width: 1200px) {
+  #hatfield {
+    left: 33.5%;
+    top: 25.1%;
+  }
+
+  #barcelona {
+    left: 36.7%;
+    top: 56.4%;
+  }
+
+  #krakow {
+    left: 60.7%;
+    top: 28.7%;
+  }
+
+  #sofia {
+    left: 68%;
+    top: 53.5%;
+  }
+}
+
+@media only screen and (max-width: 992px) {
+  #hatfield {
+    left: 32.7%;
+    top: 22.8%;
+  }
+
+  #barcelona {
+    left: 35.7%;
+    top: 54.6%;
+  }
+
+  #krakow {
+    left: 59.7%;
+    top: 26.3%;
+  }
+
+  #sofia {
+    left: 67%;
+    top: 50.2%;
+  }
+}
+
+@media only screen and (max-width: 767px) {
+  #barcelona {
+    left: 36.7%;
+    top: 54%;
+  }
+
+  #sofia {
+    left: 67.5%;
+    top: 51.2%;
+  }
+}
+
+@media only screen and (max-width: 700px) {
+  #hatfield {
+    left: 32.5%;
+    top: 20.8%;
+  }
+
+  #barcelona {
+    left: 35.4%;
+    top: 53.5%;
+  }
+
+  #krakow {
+    left: 59.7%;
+    top: 25.3%;
+  }
+
+  #sofia {
+    left: 67%;
+    top: 50.2%;
+  }
+}
+
+@media only screen and (max-width: 650px) {
+  #barcelona {
+    left: 35.4%;
+    top: 52.5%;
+  }
+
+  #sofia {
+    left: 66%;
+    top:48.2%;
+  }
+}
+
+@media only screen and (max-width: 600px) {
+  #hatfield {
+    left: 31.5%;
+    top: 18.8%;
+  }
+
+  #barcelona {
+    left: 34.4%;
+    top: 50.5%;
+  }
+
+  #krakow {
+    left: 58.7%;
+    top: 23.3%;
+  }
+
+  #sofia {
+    left: 66%;
+    top: 48.2%;
+  }
+}
+
+@media only screen and (max-width: 550px) {
+  #hatfield {
+    left: 30.5%;
+    top: 17.3%;
+  }
+
+  #barcelona {
+    left: 33.4%;
+    top: 49%;
+  }
+
+  #krakow {
+    left: 57.7%;
+    top: 21.6%;
+  }
+
+  #sofia {
+    left: 65%;
+    top: 46%;
+  }
+}
+
+@media only screen and (max-width: 500px) {
+  #hatfield {
+    left: 29.8%;
+    top: 16.3%;
+  }
+
+  #barcelona {
+    left: 33%;
+    top: 47%;
+  }
+
+  #krakow {
+    left: 57%;
+    top: 20%;
+  }
+
+  #sofia {
+    left: 64%;
+    top: 44%;
+  }
+}
+
+@media only screen and (max-width: 450px) {
+  #hatfield {
+    left: 28.7%;
+    top: 17%;
+  }
+
+  #barcelona {
+    left: 32%;
+    top: 44.5%;
+  }
+
+  #krakow {
+    left: 56%;
+    top: 21.5%;
+  }
+
+  #sofia {
+    left: 63%;
+    top: 42%;
+  }
+}
+
+@media only screen and (max-width: 430px) {
+  #hatfield {
+    left: 28.5%;
+    top: 17%;
+  }
+
+  #barcelona {
+    left: 31.5%;
+    top: 42.5%;
+  }
+
+  #krakow {
+    left: 55%;
+    top: 19.5%;
+  }
+
+  #sofia {
+    left: 62%;
+    top: 40.5%;
+  }
+}
+
+@media only screen and (max-width: 390px) {
+  #hatfield {
+    left: 27.8%;
+    top: 15.5%;
+  }
+
+  #barcelona {
+    left: 31%;
+    top: 40.5%;
+  }
+
+  #krakow {
+    left: 52.5%;
+    top: 19%;
+  }
+
+  #sofia {
+    left: 61%;
+    top: 39%;
+  }
+}
+
+@media only screen and (max-width: 360px) {
+  #hatfield {
+    left: 27.5%;
+    top: 14.5%;
+  }
+
+  #barcelona {
+    left: 30.5%;
+    top: 40%;
+  }
+
+  #krakow {
+    left: 53%;
+    top: 18%;
+  }
+
+  #sofia {
+    left: 60%;
+    top: 35.5%;
+  }
+}
+
 .glyphicon {
   @include _font-size(30px);
   font-weight: 500;

portal/strings/ten_year_map.py

@@ -0,0 +1,13 @@
+TEN_YEAR_MAP_BANNER = {
+    "title": "Celebrate",
+    "subtitle": "Join us in celebrating our 10 year anniversary",
+    "text": "",
+    "image_class": "banner--picture--educate",
+    "alt": "Female teacher helping young female student on a laptop",
+}
+
+TEN_YEAR_MAP_HEADLINE = {
+    "title": "Code for Life is turning 10!",
+    "description": "For our 10th anniversary, we're going global! Click on the pins on the map "
+    "to check out what events are being run by our amazing volunteers from around the world.",
+}

portal/templates/portal/ten_year_map.html

@@ -0,0 +1,147 @@
+{% extends 'portal/base.html' %}
+{% load static %}
+{% load app_tags banner_tags headline_tags character_list_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 %}