From 6e3e77bf0a3b7479e438e2aefa5a8c2e2ec8acdc Mon Sep 17 00:00:00 2001 From: imperosol Date: Thu, 21 Nov 2024 19:14:31 +0100 Subject: [PATCH] =?UTF-8?q?P=C3=A8re=20200=20A24?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit C'est demain, et le thème c'est les Schtroumpfs. Connard. --- core/static/core/img/badge_pere_200.svg | 1 + core/static/core/style.scss | 17 +++++++++++++++++ core/templates/core/base.jinja | 14 ++++++++++---- 3 files changed, 28 insertions(+), 4 deletions(-) create mode 100644 core/static/core/img/badge_pere_200.svg diff --git a/core/static/core/img/badge_pere_200.svg b/core/static/core/img/badge_pere_200.svg new file mode 100644 index 00000000..65945b1a --- /dev/null +++ b/core/static/core/img/badge_pere_200.svg @@ -0,0 +1 @@ + 200 GRIA \ No newline at end of file diff --git a/core/static/core/style.scss b/core/static/core/style.scss index 21481454..deea7e85 100644 --- a/core/static/core/style.scss +++ b/core/static/core/style.scss @@ -8,6 +8,15 @@ $large-devices: 992px; /*--------------------------------GENERAL------------------------------*/ body { + background: url("img/badge_pere_200.svg") repeat space right; + // the main content has width: 90% + // so a bgc of 5% makes the picture perfectly fit + // between the screen border and the main div + // However, it's ugly on small screens + background-size: 5%; + @media (max-width: 700px) { + background-size: 100px; + } position: relative; width: 100%; font-family: sans-serif; @@ -321,6 +330,14 @@ a:not(.button) { } } + #pere-200-background { + opacity: 20%; + background-size: 100%; + position: absolute; + left: 50%; + transform: translateX(-50%); + } + #content { padding: 1em 1%; box-shadow: $shadow-color 0 5px 10px; diff --git a/core/templates/core/base.jinja b/core/templates/core/base.jinja index 3849bb87..f67f763e 100644 --- a/core/templates/core/base.jinja +++ b/core/templates/core/base.jinja @@ -45,9 +45,11 @@ {% if not popup %}