Màj SIRET, remplacé Amatic par Neucha, style team

This commit is contained in:
Pascal Engélibert 2023-04-12 09:29:06 +02:00
parent 15ae9cf069
commit 2135970637
Signed by: tuxmain
GPG key ID: 3504BC6D362F7DCA
7 changed files with 39 additions and 39 deletions

View file

@ -88,12 +88,12 @@ a:hover, a:focus {
.slogan1 { .slogan1 {
font-size: 400%; font-size: 400%;
font-family: Amatic; font-family: Neucha;
} }
.slogan2 { .slogan2 {
font-size: 300%; font-size: 300%;
font-family: Amatic; font-family: Neucha;
} }
.slogan3 { .slogan3 {

View file

@ -2,11 +2,6 @@ $blue: #0294d9;
$violet: #ac44ff; $violet: #ac44ff;
$grey1: #444; $grey1: #444;
@font-face {
font-family: Amatic;
src: url("/fonts/AmaticSC-Bold.woff2");
}
@font-face { @font-face {
font-family: LunaSans; font-family: LunaSans;
src: url("/fonts/LunaSans-Regular.ttf"); src: url("/fonts/LunaSans-Regular.ttf");

View file

@ -1,7 +1,7 @@
@import "defs"; @import "defs";
.process-title { .process-title {
font-family: Amatic; font-family: Neucha;
font-size: 42px; font-size: 42px;
background: linear-gradient(0.25turn, $blue, $violet); background: linear-gradient(0.25turn, $blue, $violet);
color: #fff; color: #fff;

View file

@ -10,7 +10,7 @@
.need_box { .need_box {
flex: 38%; flex: 38%;
font-family: Amatic; font-family: Neucha;
font-size: 42px; font-size: 42px;
background: linear-gradient(0.25turn, $blue, $violet); background: linear-gradient(0.25turn, $blue, $violet);
color: #fff; color: #fff;

View file

@ -4,39 +4,41 @@
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
gap: 16px gap: 16px;
} }
.team_box { .team_box {
max-width: 434px; max-width: 434px;
margin: auto;
} }
.team_box-img_wrap { .team_box-top {
float: left; display: flex;
align-items: center;
gap: 16px;
} }
.team_box-text { .team_box-bottom {
display: inline; clear: both;
}
.team_box-text-spacer {
height: 32px;
} }
.team_box-img { .team_box-img {
// 70% ~= 1/sqrt(2) // 70% ~= 1/sqrt(2)
mask-image: radial-gradient(circle, #000 69%, transparent 70%); mask-image: radial-gradient(circle, #000 69%, transparent 70%);
width: 160px; width: 160px;
margin-right: 16px;
} }
.team_box-title { .team_box-title {
font-family: Amatic; font-family: Neucha;
font-size: 200%; font-size: 150%;
} }
.team_box-subtitle { .team_box-subtitle {
font-family: Amatic; font-family: Neucha;
font-size: 150%; font-size: 125%;
color: $violet; color: $violet;
} }
.team_box-description {
margin-top: 8px;
}

View file

@ -37,7 +37,7 @@
<ul> <ul>
<li><a href="tel:+33782306653">07.82.30.66.53</a></li> <li><a href="tel:+33782306653">07.82.30.66.53</a></li>
<li><a href="mailto:contact@librezo.fr">contact@librezo.fr</a></li> <li><a href="mailto:contact@librezo.fr">contact@librezo.fr</a></li>
<li>SIRET 91009661900010</li> <li>SIRET 91009661900028</li>
</ul> </ul>
<span><a href="https://git.txmn.tk/Librezo/website">Code source du site</a> sous licence <a href="http://creativecommons.org/licenses/by-sa/4.0/" target="_blank">CC BY-SA 4.0</a></span> <span><a href="https://git.txmn.tk/Librezo/website">Code source du site</a> sous licence <a href="http://creativecommons.org/licenses/by-sa/4.0/" target="_blank">CC BY-SA 4.0</a></span>
</div> </div>

View file

@ -1,18 +1,21 @@
<div class="team_box"> <div class="team_box">
<div class="team_box-img_wrap"><img class="team_box-img" src="/img/team/{{img|safe}}" alt="{{title}}" aria-hidden/></div> <div class="team_box-top">
<img class="team_box-img" src="/img/team/{{img|safe}}" alt="{{title}}" aria-hidden/>
<div class="team_box-text"> <div class="team_box-text">
<div class="team_box-text-spacer"></div>
<span class="team_box-title">{{title|safe}}</span> <span class="team_box-title">{{title|safe}}</span>
{% if place %}
<span class="team_box-place">{{place|safe}}</span>
{% endif %}
{% if subtitle %} {% if subtitle %}
<br/> <br/>
<span class="team_box-subtitle">{{subtitle|safe}}</span> <span class="team_box-subtitle">{{subtitle|safe}}</span>
{% endif %} {% endif %}
{% if description %} {% if place %}
<br/> <br/>
<span class="team_box-description">{{description|safe}}</span> <span class="team_box-place">{{place|safe}}</span>
{% endif %} {% endif %}
</div> </div>
</div> </div>
{% if description %}
<div class="team_box-bottom">
<p class="team_box-description">{{description|safe}}</p>
</div>
{% endif %}
</div>