Azimkin
4f4a1a55e5
All checks were successful
Build and Push Docker Image / build (push) Successful in 43s
- Created `FaqQuestionForm` in `forms.py` with custom field validations - Added FAQ form to the FAQ section with CSRF protection and error handling - Integrated email notifications to administrator upon FAQ submission - Updated styles and scripts for form inputs, validation messages, and messages UI - Adjusted FAQ section layout in `faq.html` and related CSS for responsiveness - Implemented tests for FAQ form submission and email notifications
56 lines
2.3 KiB
HTML
56 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
||
{% load static %}
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Santehray - {% block title %}{{ title }}{% endblock %}</title>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
|
||
rel="stylesheet">
|
||
<link rel="stylesheet" href="{% static 'css/normalize.css' %}">
|
||
<link rel="stylesheet" href="{% static 'css/style.css' %}">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.css"/>
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@6.1/dist/fancybox/fancybox.css"/>
|
||
<script src="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.js"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@6.1/dist/fancybox/fancybox.umd.js"></script>
|
||
{% block add_css %}
|
||
<!-- Additional CSS -->
|
||
{% endblock %}
|
||
</head>
|
||
<body>
|
||
{% if messages %}
|
||
<div class="site-toast-stack" aria-live="polite" aria-atomic="true">
|
||
{% for message in messages %}
|
||
<div class="site-toast site-toast--{{ message.tags }}" data-toast>
|
||
<div class="site-toast__content">{{ message }}</div>
|
||
<button class="site-toast__close" type="button" aria-label="Закрыть уведомление" data-toast-close>×</button>
|
||
</div>
|
||
{% endfor %}
|
||
</div>
|
||
{% endif %}
|
||
{% block content %}
|
||
{% endblock %}
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
document.querySelectorAll('[data-toast]').forEach(function (toast) {
|
||
const closeButton = toast.querySelector('[data-toast-close]')
|
||
const hideToast = function () {
|
||
toast.classList.add('is-hiding')
|
||
window.setTimeout(function () {
|
||
toast.remove()
|
||
}, 220)
|
||
}
|
||
|
||
if (closeButton) {
|
||
closeButton.addEventListener('click', hideToast)
|
||
}
|
||
|
||
window.setTimeout(hideToast, 4000)
|
||
})
|
||
})
|
||
</script>
|
||
</body>
|
||
</html>
|