\n
\n {% extends "base.html" %}\n{% load bootstrap5 i18n static groplay %}\n\n{% get_current_language as LANGUAGE %}\n\n{% block body_attrs %}data-analytics-on-load="loadRegisterPage"{% endblock body_attrs %}\n\n{% block content %}\n<div class="row">\n <div class="col-12">\n <div class="alert alert-info text-center lead bg-white mb-0">\n <div class="alert-text">\n {% blocktranslate trimmed %}\n We are offering a <strong>free 30 days trial period</strong>, without any\n obligations, to all classes created by newly registered teachers.\n {% endblocktranslate %}\n </div>\n </div>\n </div>\n\n <div class="col-12 col-lg-6 d-flex flex-column justify-content-between mt-4">\n <p class="lead">{% translate "Sign up today to ensure that your learners get vital STEAM learning opportunities!" %}</p>\n {# The items are slightly different in Swedish and English, so I chose to forego gettext here: #}\n {% if LANGUAGE == "sv" %}\n <ul class="d-flex flex-column flex-grow-1 justify-content-evenly">\n <li>F\u00e5 fler att uppt\u00e4cka att teknik och vetenskap \u00e4r sp\u00e4nnande och begripligt.</li>\n <li>F\u00f6rb\u00e4ttra engagemang och inl\u00e4rningsresultat.</li>\n <li>Minska din arbetsbelastning s\u00e5 du kan st\u00f6tta d\u00e4r det beh\u00f6vs.</li>\n <li>F\u00e5 elever att sj\u00e4lva besvara fr\u00e5gan "Varf\u00f6r ska vi kunna det h\u00e4r?"</li>\n <li>Kopplad till svensk l\u00e4roplan.</li>\n </ul>\n <video autoplay loop controls muted playsinline controlslist="nodownload" crossorigin="anonymous" class="register-video"\n poster="https://growplanet.blob.core.windows.net/media/growplanet-thumbnail-sv.png">\n <source src="https://growplanet.blob.core.windows.net/media/growplanet-2023-02-06-sv.webm" type="video/webm" />\n <source src="https://growplanet.blob.core.windows.net/media/growplanet-2023-02-06-sv.mp4" type="video/mp4" />\n </video>\n {% else %}\n <ul class="d-flex flex-column flex-grow-1 justify-content-evenly">\n <li>Get more children to discover that technology and science are exciting and understandable.</li>\n <li>Improve engagement and learning outcomes.</li>\n <li>Reduce your workload so you can support where needed.</li>\n <li>Strengthen your learners' critical thinking and problem-solving skills.</li>\n <li>Get learners to answer the question "Why do we need to learn this?" for themselves.</li>\n </ul>\n <video autoplay loop controls muted playsinline controlslist="nodownload" crossorigin="anonymous" class="register-video"\n poster="https://growplanet.blob.core.windows.net/media/growplanet-thumbnail-en.png">\n <source src="https://growplanet.blob.core.windows.net/media/growplanet-2023-02-06-en.webm" type="video/webm" />\n <source src="https://growplanet.blob.core.windows.net/media/growplanet-2023-02-06-en.mp4" type="video/mp4" />\n </video>\n {% endif %}\n </div>\n\n <div class="col-12 col-lg-6 mt-4 d-flex">\n <div class="register-section d-flex flex-column">\n <div class="mb-3 flex-grow-1">\n <div class="card p-2 body-color fw-bold align-items-center flex-row" data-bs-toggle="modal" data-bs-target="#skolon-register-modal"\n data-analytics-on-click="clickRegisterWithSkolon">\n <img src="{% static 'remote_backends/skolon-logo-compact.png' %}" alt="Skolon" class="remote-backend-icon" />\n <div>{% translate "Register as teacher with Skolon" %}</div>\n </div>\n </div>\n <div class="mb-3 flex-grow-1">\n <div class="card p-2 body-color fw-bold align-items-center flex-row" data-bs-toggle="modal" data-bs-target="#azure-register-modal"\n data-analytics-on-click="clickRegisterWithMicrosoft">\n <img src="{% static 'remote_backends/microsoft-64px.png' %}" alt="Microsoft" class="remote-backend-icon" />\n <div>{% translate "Register as teacher with Microsoft" %}</div>\n </div>\n </div>\n <div class="mb-3 flex-grow-1">\n <div class="card p-2 body-color fw-bold align-items-center flex-row" data-bs-toggle="modal" data-bs-target="#google-register-modal"\n data-analytics-on-click="clickRegisterWithGoogle">\n <img src="{% static 'remote_backends/google-64px.png' %}" alt="Google" class="remote-backend-icon" />\n <div>{% translate "Register as teacher with Google" %}</div>\n </div>\n </div>\n <form method="post" id="register-form" class="show-preloader row align-content-between flex-grow-1" data-dirrty-disabled\n data-analytics-on-submit="submitRegisterForm">\n {% csrf_token %}\n <input type="hidden" name="next" value="{{ next }}" />\n <div class="col-12">{% bootstrap_field form.email %}</div>\n <div class="col-12 col-sm-6">{% bootstrap_field form.timezone %}</div>\n <div class="col-12 col-sm-6">{% bootstrap_field form.language %}</div>\n <div class="col-12">{% bootstrap_field form.receives_newsletter %}</div>\n <div class="col-12 col-sm-auto d-flex">\n <button type="submit" tabindex="4" class="btn btn-primary flex-grow-1">\n {% translate "Sign Up" %}\n </button>\n </div>\n </form>\n </div>\n </div>\n\n <div class="col-xl-6"></div>\n <div class="col-12 col-xl-6">\n <div class="row">\n <div class="col-12 col-sm mt-2">\n <a href="{% url 'terms:pda_agreement' %}">{% translate "PDA agreement and terms" %}</a>\n </div>\n <div class="col-auto mt-2">\n {% translate "Already have an account?" %}\n <a href="{% url "users:login" %}">\n {% translate "Log in here" %}\n </a>\n </div>\n </div>\n </div>\n</div>\n\n<!-- Quote(s) -->\n<div class="d-flex align-items-center gap-4 mt-5 justify-content-center">\n <i class="fa-solid fa-quote-left text-primary fs-1"></i>\n <div>\n <p class="mb-2 fs-5">\n {% translate "The pupils get a clear overall picture of how the world works when they use their knowledge and skills in Grow Planet." %}\n </p>\n <p class="mb-0"><em>{% translate "Tomas Jaakkola, 3rd grade class teacher, Karamalmens skola, Espoo, Finland" %}</em></p>\n </div>\n <i class="fa-solid fa-quote-right text-primary fs-1 d-none d-sm-block"></i>\n</div>\n\n<!-- Badges -->\n<div class="row justify-content-around text-center badge-row mt-5">\n <div class="col my-4">\n <div class="d-flex flex-column h-100">\n <div class="badge-image">\n <a href="https://impactedtech.eu/impact-edtech/" target="_blank">\n <img src="{% static 'edulms/images/logos/impact-edtech-stage2-120px.png' %}" alt="Impact Edtech" />\n </a>\n </div>\n <div>\n <a href="https://impactedtech.eu/impact-edtech/" target="_blank">\n {% translate "Grow Planet is part of the Impact Edtech program" %}\n </a>\n </div>\n </div>\n </div>\n <div class="col my-4">\n <div class="d-flex flex-column h-100">\n <div class="badge-image">\n <a href="https://edtest.se/" target="_blank">\n <img src="{% static 'edulms/images/logos/swedish-edtest.png' %}" alt="Swedish Edtest" />\n </a>\n </div>\n <div>\n <a href="https://edtest.se/" target="_blank">\n {% translate "Grow Planet is tested in Swedish schools with Swedish Edtest" %}\n </a>\n </div>\n </div>\n </div>\n <div class="col my-4">\n <div class="d-flex flex-column h-100">\n <div class="badge-image">\n <a href="https://www.xedu.co/" target="_blank">\n <img src="{% static 'edulms/images/logos/xedu-120px.png' %}" alt="Xedu" />\n </a>\n </div>\n <div>\n <a href="https://www.xedu.co/" target="_blank">\n {% translate "Grow Planet is accelerated by Xedu" %}\n </a>\n </div>\n </div>\n </div>\n</div>\n{% endblock content %}\n\n{% block modals %}\n{% modal "users/modals/skolon_register.html" modal_id="skolon-register-modal" large=True url=static_strings.EXTERNAL_URLS.skolon %}\n\n{% url 'remote_backends:azure:register' as url %}\n{% if static_strings.DJANGO_ENVIRONMENT == 'local' %}\n{% modal "users/modals/remote_backend_register.html" modal_id="azure-register-modal" backend="azure" backend_name="Microsoft" url="http://localhost:8000"|add:url center=True %}\n{% else %}\n{% modal "users/modals/remote_backend_register.html" modal_id="azure-register-modal" backend="azure" backend_name="Microsoft" center=True %}\n{% endif %}\n\n{% url 'remote_backends:google:register' as url %}\n{% modal "users/modals/remote_backend_register.html" modal_id="google-register-modal" backend="google" backend_name="Google" center=True %}\n{% endblock modals %}\n\n
\n