From 6cbf5a51f9198e8539e551a60fa02fd8826da292 Mon Sep 17 00:00:00 2001 From: Eragon Date: Wed, 28 Apr 2021 18:33:07 +0200 Subject: [PATCH] =?UTF-8?q?Impl=C3=A9mentation=20du=20"skip=20to=20content?= =?UTF-8?q?"=20#94?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/static/css/global.css | 17 +++++++++++++++++ app/templates/base/base.html | 3 +++ 2 files changed, 20 insertions(+) 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 %}