Père 200 A24

C'est demain, et le thème c'est les Schtroumpfs. Connard.
This commit is contained in:
imperosol 2024-11-21 19:14:31 +01:00
parent 0a5ddcea68
commit 6e3e77bf0a
3 changed files with 28 additions and 4 deletions

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 30 KiB

View File

@ -8,6 +8,15 @@ $large-devices: 992px;
/*--------------------------------GENERAL------------------------------*/ /*--------------------------------GENERAL------------------------------*/
body { 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; position: relative;
width: 100%; width: 100%;
font-family: sans-serif; 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 { #content {
padding: 1em 1%; padding: 1em 1%;
box-shadow: $shadow-color 0 5px 10px; box-shadow: $shadow-color 0 5px 10px;

View File

@ -45,9 +45,11 @@
{% if not popup %} {% if not popup %}
<header class="header"> <header class="header">
<div class="header-logo"> <div class="header-logo">
<a class="header-logo-picture" href="{{ url('core:index') }}" style="background-image: url('{{ static('core/img/logo_no_text.png') }}')"> <a
&nbsp; class="header-logo-picture"
</a> href="{{ url('core:index') }}"
style="background-image: url('{{ static('core/img/badge_pere_200.svg') }}')"
></a>
<a class="header-logo-text" href="{{ url('core:index') }}"> <a class="header-logo-text" href="{{ url('core:index') }}">
<span>Association des Étudiants</span> <span>Association des Étudiants</span>
<span>de l'Université de Technologie de Belfort-Montbéliard</span> <span>de l'Université de Technologie de Belfort-Montbéliard</span>
@ -257,7 +259,6 @@
{% endblock %} {% endblock %}
<div id="page"> <div id="page">
<ul id="quick_notif"> <ul id="quick_notif">
{% for n in quick_notifs %} {% for n in quick_notifs %}
<li>{{ n }}</li> <li>{{ n }}</li>
@ -265,6 +266,11 @@
</ul> </ul>
<div id="content"> <div id="content">
<img
src="{{ static("/core/img/badge_pere_200.svg") }}"
alt="badge pere 200"
id="pere-200-background"
/>
{% if list_of_tabs %} {% if list_of_tabs %}
<div class="tool_bar"> <div class="tool_bar">
<div class="tools"> <div class="tools">