mirror of
https://github.com/ae-utbm/sith.git
synced 2025-06-17 16:45:22 +00:00
155 lines
5.6 KiB
Django/Jinja
155 lines
5.6 KiB
Django/Jinja
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
{% block head %}
|
|
<title>{% block title %}{% trans %}Welcome!{% endtrans %}{% endblock %} - Association des Étudiants UTBM</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="shortcut icon" href="{{ static('core/img/favicon.ico') }}">
|
|
<link rel="stylesheet" href="{{ static('core/base.css') }}">
|
|
<link rel="stylesheet" href="{{ static('core/style.scss') }}">
|
|
<link rel="stylesheet" href="{{ static('core/tooltips.scss') }}">
|
|
<link rel="stylesheet" href="{{ static('core/markdown.scss') }}">
|
|
<link rel="stylesheet" href="{{ static('core/header.scss') }}">
|
|
<link rel="stylesheet" href="{{ static('core/navbar.scss') }}">
|
|
<link rel="stylesheet" href="{{ static('core/pagination.scss') }}">
|
|
<link rel="stylesheet" href="{{ static('core/accordion.scss') }}">
|
|
|
|
<link rel="preload" as="style" href="{{ static('bundled/fontawesome-index.css') }}" onload="this.onload=null;this.rel='stylesheet'">
|
|
<noscript><link rel="stylesheet" href="{{ static('bundled/fontawesome-index.css') }}"></noscript>
|
|
|
|
<script src="{{ url('javascript-catalog') }}"></script>
|
|
<script type="module" src={{ static("bundled/core/components/include-index.ts") }}></script>
|
|
<script type="module" src="{{ static('bundled/alpine-index.js') }}"></script>
|
|
<script type="module" src="{{ static('bundled/htmx-index.js') }}"></script>
|
|
<script type="module" src="{{ static('bundled/country-flags-index.ts') }}"></script>
|
|
<script type="module" src="{{ static('bundled/core/tooltips-index.ts') }}"></script>
|
|
|
|
<!-- Jquery declared here to be accessible in every django widgets -->
|
|
<script src="{{ static('bundled/vendored/jquery.min.js') }}"></script>
|
|
<script src="{{ static('core/js/script.js') }}"></script>
|
|
|
|
{% block additional_css %}{% endblock %}
|
|
{% block additional_js %}{% endblock %}
|
|
{% endblock %}
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- The token is always passed here to be accessible from the dom -->
|
|
<!-- See this workaround https://docs.djangoproject.com/en/2.0/ref/csrf/#acquiring-the-token-if-csrf-use-sessions-is-true -->
|
|
{% csrf_token %}
|
|
|
|
{% block header %}
|
|
{% include "core/base/header.jinja" %}
|
|
|
|
{% block info_boxes %}
|
|
<div id="info_boxes">
|
|
{% set sith = get_sith() %}
|
|
{% if sith.alert_msg %}
|
|
<div id="alert_box">
|
|
{{ sith.alert_msg|markdown }}
|
|
</div>
|
|
{% endif %}
|
|
{% if sith.info_msg %}
|
|
<div id="info_box">
|
|
{{ sith.info_msg|markdown }}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% endblock %}
|
|
|
|
{% block nav %}
|
|
{% include "core/base/navbar.jinja" %}
|
|
{% endblock %}
|
|
|
|
<div id="page">
|
|
|
|
<ul id="quick_notif">
|
|
{% for n in quick_notifs %}
|
|
<li>{{ n }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
|
|
<div id="content">
|
|
{%- block tabs -%}
|
|
{% include "core/base/tabs.jinja" %}
|
|
{%- endblock -%}
|
|
|
|
{%- block errors -%}
|
|
{% if error %}
|
|
{{ error }}
|
|
{% endif %}
|
|
{%- endblock -%}
|
|
|
|
{%- block content -%}
|
|
{%- endblock -%}
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
{% block footer %}
|
|
<div>
|
|
<a href="{{ url('core:page', 'contacts') }}">{% trans %}Contacts{% endtrans %}</a>
|
|
<a href="{{ url('core:page', 'legals') }}">{% trans %}Legal notices{% endtrans %}</a>
|
|
<a href="{{ url('core:page', 'copyright_agent') }}">{% trans %}Intellectual property{% endtrans %}</a>
|
|
<a href="{{ url('core:page', 'docs') }}">{% trans %}Help & Documentation{% endtrans %}</a>
|
|
<a href="{{ url('core:page', 'rd') }}">{% trans %}R&D{% endtrans %}</a>
|
|
</div>
|
|
<a rel="nofollow" href="https://github.com/ae-utbm/sith" target="#">
|
|
<i class="fa-brands fa-github"></i>
|
|
{% trans %}Site created by the IT Department of the AE{% endtrans %}
|
|
</a>
|
|
{% endblock %}
|
|
<br>
|
|
</footer>
|
|
|
|
{% block script %}
|
|
<script>
|
|
const menuItems = document.querySelectorAll(".navbar details[name='navbar'].menu");
|
|
const isDesktop = () => {
|
|
return window.innerWidth >= 500;
|
|
}
|
|
for (const item of menuItems){
|
|
item.addEventListener("mouseover", () => {
|
|
if (isDesktop()){
|
|
item.setAttribute("open", "");
|
|
}
|
|
})
|
|
item.addEventListener("mouseout", () => {
|
|
if (isDesktop()){
|
|
item.removeAttribute("open");
|
|
}
|
|
})
|
|
item.addEventListener("click", (event) => {
|
|
// Ignore keyboard clicks
|
|
if (event.detail === 0){
|
|
return;
|
|
}
|
|
|
|
if (isDesktop()){
|
|
event.preventDefault();
|
|
}
|
|
})
|
|
}
|
|
|
|
function showMenu() {
|
|
let navbar = document.getElementById("navbar-content");
|
|
const current = navbar.getAttribute("mobile-display");
|
|
navbar.setAttribute("mobile-display", current === "hidden" ? "revealed" : "hidden")
|
|
}
|
|
|
|
document.addEventListener("keydown", (e) => {
|
|
// Looking at the `s` key when not typing in a form
|
|
if (e.keyCode !== 83 || ["INPUT", "TEXTAREA", "SELECT"].includes(e.target.nodeName)) {
|
|
return;
|
|
}
|
|
document.getElementById("search").focus();
|
|
e.preventDefault(); // Don't type the character in the focused search input
|
|
})
|
|
</script>
|
|
{% endblock %}
|
|
</body>
|
|
</html>
|