klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2025-10-20 03:38:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

pinktober 2025

Browse Source
This commit is contained in:
imperosol
2025-10-18 20:56:26 +02:00
parent 459edc1b6e
commit ed12da222f
4 changed files with 53 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
core/static/core/colors.scss
View File

@@ -37,4 +37,8 @@ $deepblue: #354a5f;
@mixin shadow { @mixin shadow {
box-shadow: rgba(60, 64, 67, 0.3) 0 1px 3px 0, box-shadow: rgba(60, 64, 67, 0.3) 0 1px 3px 0,
rgba(60, 64, 67, 0.15) 0 4px 8px 3px; rgba(60, 64, 67, 0.15) 0 4px 8px 3px;
} }
$pinktober: hsl(313, 88%, 76%);
$pinktober-secondary: hsl(318, 83%, 63%);

59
core/static/core/header.scss
View File

@@ -8,9 +8,15 @@ $background-color-hovered: #283747;
$red-text-color: #eb2f06; $red-text-color: #eb2f06;
$hovered-red-text-color: #ff4d4d; $hovered-red-text-color: #ff4d4d;
/**
* Behold the dirtiest css I wrote in a while.
* I had less than an hour to do it, and it will be removed
* in two weeks anyway
*/
.header { .header {
box-sizing: border-box; box-sizing: border-box;
background-color: $deepblue;
box-shadow: 3px 3px 3px 0 #dfdfdf; box-shadow: 3px 3px 3px 0 #dfdfdf;
border-radius: 0; border-radius: 0;
width: 100%; width: 100%;
@@ -20,6 +26,28 @@ $hovered-red-text-color: #ff4d4d;
padding: 10px; padding: 10px;
gap: 10px; gap: 10px;
// PINKTOBER
background-color: $pinktober;
border-bottom: 5px solid $pinktober-secondary;
.header-lang {
input {
background-color: $pinktober!important;
}
}
form input[type="text"].header-input {
background-color: $pinktober-secondary!important;
color: black!important;
}
*, .right * {
color: #050525;
&:hover {
color: #303060;
}
}
@media (max-width: 700px) { @media (max-width: 700px) {
height: auto; height: auto;
} }
@@ -215,7 +243,7 @@ $hovered-red-text-color: #ff4d4d;
background-position: center center; background-position: center center;
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: $deepblue; //background-color: $deepblue;
} }
>.options { >.options {
@@ -233,11 +261,11 @@ $hovered-red-text-color: #ff4d4d;
} }
>a { >a {
color: $text-color; //color: $text-color;
//
&:hover { //&:hover {
color: $hovered-text-color; // color: $hovered-text-color;
} //}
} }
} }
@@ -254,14 +282,13 @@ $hovered-red-text-color: #ff4d4d;
a, a,
button { button {
font-size: 100%; font-size: 100%;
margin: 0;
text-align: right; text-align: right;
color: $text-color; //color: $text-color;
margin-top: auto; margin: auto 0 0;
&:hover { //&:hover {
color: $hovered-text-color; // color: $hovered-text-color;
} //}
} }
form#logout-form { form#logout-form {
@@ -416,12 +443,12 @@ $hovered-red-text-color: #ff4d4d;
border-radius: 5px; border-radius: 5px;
font-size: .9em; font-size: .9em;
margin: 0; margin: 0;
background-color: $background-color-hovered; background-color: $pinktober-secondary;
padding: 0 10px; padding: 0 10px;
color: $text-color; //color: $text-color;
&::placeholder { &::placeholder {
color: $hovered-text-color; color: black;
} }
} }
} }

2
core/static/core/navbar.scss
View File

@@ -3,7 +3,7 @@
$desktop-size: 500px; $desktop-size: 500px;
nav.navbar { nav.navbar {
background-color: $primary-dark-color; background-color: $pinktober-secondary;
margin: 1em; margin: 1em;
color: white; color: white;
border-radius: 0.6em; border-radius: 0.6em;

5
core/templates/core/base/header.jinja
View File

@@ -1,6 +1,9 @@
<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 class="header-logo-picture" href="{{ url('core:index') }}" style="background-image: url('{{ static('core/img/logo_no_text.png') }}')">#}
{# &nbsp;#}
{# </a> #}
<a class="header-logo-picture" href="{{ url('core:index') }}" style="background-image: url('{{ static('core/img/ae-pinktober.png') }}')">
&nbsp; &nbsp;
</a> </a>
<a class="header-logo-text" href="{{ url('core:index') }}"> <a class="header-logo-text" href="{{ url('core:index') }}">