diff --git a/app/static/css/global.css b/app/static/css/global.css index 110da9d..3029f0d 100644 --- a/app/static/css/global.css +++ b/app/static/css/global.css @@ -119,3 +119,20 @@ input[type="submit"]:hover, .bg-warn:active { background: var(--warn-active); } + + +.skip-to-content-link { + height: 30px; + left: 50%; + padding: 8px; + position: absolute; + transform: translateY(-100%); + transition: transform 0.3s; + background: var(--links); + color: var(--warn-text); + border-radius: 1px; +} + +.skip-to-content-link:focus { + transform: translateY(0%); +} diff --git a/app/templates/base/base.html b/app/templates/base/base.html index 92d8b1b..3ff2a65 100644 --- a/app/templates/base/base.html +++ b/app/templates/base/base.html @@ -3,6 +3,7 @@ {% include "base/head.html" %} +
Aller directement au contenu
{% include "base/navbar.html" %}
@@ -10,8 +11,10 @@
{% block title %}

Planète Casio

{% endblock %}
{% include "base/header.html" %} + {% include "base/flash.html" %} +
{% block content %} {% endblock %}