uncloud-mravi/matrixhosting/templates/account/base.html
2021-08-24 14:25:28 +02:00

112 lines
No EOL
4.5 KiB
HTML

{% load static compress i18n %} {% get_current_language as LANGUAGE_CODE %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">
<link href="{% static 'matrixhosting/images/favicon.png' %}" rel="icon" />
<title>{% block head_title %}{% endblock %}</title>
<meta name="description" content="matrixhosting by ungleich" />
<meta name="author" content="ungleich glarus ag" />
<!-- Web Fonts
============================================= -->
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i' type='text/css'>
<!-- Stylesheet
============================================= -->
<link href="{% static 'matrixhosting/css/bootstrap.min.css' %}" rel="stylesheet" />
<link href="{% static 'matrixhosting/css/fontawesome-all.min.css' %}" rel="stylesheet"type="text/css"/>
{% compress css %}
<link href="{% static 'matrixhosting/css/theme.css' %}" rel="stylesheet" type="text/css"/>
{% endcompress %}
<!-- Colors Css -->
</head>
<body>
{% block body %}
<!-- Preloader -->
<div id="preloader">
<div data-loader="dual-ring"></div>
</div>
<!-- Preloader End -->
<div id="main-wrapper" class="h-100">
<div class="container-fluid px-0 h-100">
<div class="row no-gutters h-100">
<!-- Welcome Text
============================================= -->
<div class="col-md-6">
<div class="hero-wrap d-flex align-items-center h-100">
<div class="hero-mask opacity-8 bg-dark"></div>
<div class="hero-bg hero-bg-scroll" style="background-image:url({% static 'matrixhosting/images/background-image.jpg' %});"></div>
<div class="hero-content mx-auto w-100 h-100 d-flex flex-column">
<div class="row no-gutters">
<div class="col-10 col-lg-9 mx-auto">
<div class="logo mt-5 mb-5 mb-md-0"> <a class="d-flex" href="{% url 'matrix:index' %}" title="MatrixHosting"><img src="{% static 'matrixhosting/images/logo-light.png' %}" alt="MatrixHosting"></a> </div>
</div>
</div>
<div class="row no-gutters my-auto">
<div class="col-10 col-lg-9 mx-auto">
<h1 class="text-11 text-white mb-4">{% trans "Welcome!" %}</h1>
<p class="text-4 text-white">{% trans "We are glad to see you!" %}</p>
<p class="text-4 text-white mb-5">{% trans "Grow your community with less effort.!" %}</p>
</div>
</div>
</div>
</div>
</div>
<!-- Welcome Text End -->
<div class="col-md-6 d-flex align-items-center">
<div class="container my-4">
<div class="row">
<div class="col-11 col-lg-9 col-xl-8 mx-auto">
{% if messages %}
<div class="row">
{% for message in messages %}
{% if 'error' in message.tags %}
<div class="col-lg-12 alert alert-danger" role="alert">
<h4 class="alert-heading">{%trans "Error!" %}</h4>
<p class="mb-0">
{{ message|safe }}
</p>
</div>
{% else %}
<div class="col-lg-12 alert alert-success" role="alert">
<p class="mb-0 float-left">
{{ message|safe }}
</p>
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
{% endif %}
{% endfor %}
</div>
{% endif %}
{% block content %}
{% endblock %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Script -->
<script
src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
crossorigin="anonymous"
></script>
<script src="{% static 'matrixhosting/js/bootstrap.bundle.min.js' %}"></script>
<!-- Custom JS -->
{% block js_extra %} {% endblock js_extra %}
<script src="{% static 'matrixhosting/js/theme.js' %}"></script>
{% endblock %}
{% block extra_body %}
{% endblock %}
</body>
</html>