blender-id/templates/layout.html
Pablo Vazquez b67e0ac828 Update layout and style of authentication pages
The goal is to have less clutter/noise on login and register.

- Add prominent Blender logo
- No footer, no navbar
- Background of the app as full page, fallback to 3.3 splash by Piotr Krynski.
2023-06-06 18:25:31 +02:00

113 lines
4.0 KiB
HTML

{% load pipeline %}
{% load static %}
{% load flatpages %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>{% block page_title %}Home{% endblock %} - Blender ID - blender.org</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="The Blender ID is a unified login system for all services around Blender.">
<meta name="author" content="Blender Foundation">
{% stylesheet 'main' %}
<link rel="apple-touch-icon" sizes="180x180" href="{% static 'assets/icons/apple-touch-icon.png' %}">
<link rel="icon" type="image/svg+xml" href="{% static 'assets/icons/favicon.svg' %}">
<link rel="icon" type="image/png" sizes="32x32" href="{% static 'assets/icons/favicon-32x32.png' %}">
<link rel="icon" type="image/png" sizes="16x16" href="{% static 'assets/icons/favicon-16x16.png' %}">
<script defer data-domain="id.blender.org" src="https://analytics.blender.org/js/script.js"></script>
{% if settings.GOOGLE_ANALYTICS_TRACKING_ID %}
<script async src="https://www.googletagmanager.com/gtag/js?id={{ settings.GOOGLE_ANALYTICS_TRACKING_ID }}"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '{{ settings.GOOGLE_ANALYTICS_TRACKING_ID }}');
</script>
{% endif %}
{% block header %}
{% endblock header %}
</head>
<body class="has-global-bar {% block body_classes %}{% endblock %}">
{% block modal %}{% endblock modal %}
{% block navigation_global %}
{% include "_navbar.html" %}
{% endblock navigation_global %}
<div class="container-main">
{% block page_background %}{% endblock %}
{% block page_header %}
{% block jumbotron %}{% endblock jumbotron %}
{% block nav_thirdlevel %}{% endblock %}
{% endblock page_header %}
<div class="container">
{% for message in messages %}
<div class="alert alert-{{ message.tags }} fade show" role="alert">
{{ message }}
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
{% endfor %}
{% if user and user.must_pp_agree %}
<div class="row">
<div class="col-md-8 mx-auto">
{% block privacy_policy_banner %}
<div class="privacy-policy-must-agree bid box">
<h2><i class="i-info"></i> Our privacy policy changed</h2>
<p class="m-0 pl-5">In order to continue using Blender ID, please accept <a href="{% url 'bid_main:privacy_policy_agree' %}">our new privacy policy</a>.</p>
</div>
{% endblock %}
</div>
</div>
{% endif %}
<div class="row">
<div class="{% block column_class %}col-md-8{% endblock column_class %} mx-auto">
{% block body %}{% endblock %}
</div>
</div>
</div>
</div>
{% get_flatpages as flatpages %}
{% if flatpages %}
<div class="footer-pages pt-2">
<div class="container">
<ul class="d-flex justify-content-center">
{% for page in flatpages %}
<li><a href="{{ page.get_absolute_url }}">{{ page.title }}</a></li>
{% endfor %}
</ul>
</div>
</div>
{% endif %}
{% block footer %}
{% include "_footer.html" %}
{% endblock footer %}
<script>
const alertsDismissible = document.querySelectorAll('[data-dismiss="alert"]');
alertsDismissible.forEach(function(alertEl) {
alertEl.addEventListener("click", function() {
alertEl.parentNode.classList.remove('show');
alertEl.parentNode.classList.add('hide');
});
});
</script>
<script src="{% static 'assets/vendor/js/jquery.min.js' %}"></script>
{% javascript 'web-assets' %}
{% block footer_scripts %}{% endblock %}
</body>
</html>