Màj SIRET, remplacé Amatic par Neucha, style team
This commit is contained in:
parent
15ae9cf069
commit
2135970637
|
@ -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 {
|
||||||
|
|
|
@ -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");
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
{% if description %}
|
||||||
|
<div class="team_box-bottom">
|
||||||
|
<p class="team_box-description">{{description|safe}}</p>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user