Git/Librezo
1
0
Fork 0
mirror of https://git.librezo.fr/Librezo/website.git synced 2025-09-06 04:42:54 +02:00
Code Issues Packages Projects Releases Wiki Activity

Team

Browse Source
This commit is contained in:
Pascal Engélibert
2023-03-20 19:06:57 +01:00
parent e060604096
commit 19c19e3114
28 changed files with 104 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
sass/css/base.scss
View File

@ -1,3 +1,11 @@
@import "defs";
@import "footer";
@import "header";
@import "process";
@import "services";
@import "team";
#dev-warning {
position: fixed;
top: 48px;
@ -13,27 +21,12 @@
font-size: 20px;
}
@font-face {
font-family: Amatic;
src: url("/fonts/AmaticSC-Bold.woff2");
}
@font-face {
font-family: LunaSans;
src: url("/fonts/LunaSans-Regular.ttf");
}
html, body {
margin: 0;
padding: 0;
font-family: LunaSans;
}
@import "header";
@import "footer";
@import "services";
@import "process";
main {
width: 100%;
font-size: 18px;

12
sass/css/defs.scss Normal file
View File

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

4
sass/css/footer.scss
View File

@ -1,6 +1,8 @@
@import "defs";
footer {
margin-top: 32px;
background: linear-gradient(0.25turn, #0294d9, #ac44ff);
background: linear-gradient(0.25turn, $blue, $violet);
color: #fff;
font-size: 18px;
}

4
sass/css/header.scss
View File

@ -1,3 +1,5 @@
@import "defs";
header {
height: 48px;
max-width: 1100px;
@ -28,5 +30,5 @@ header {
}
#header-menu a:hover, #header-menu a:focus {
text-shadow: 1px 2px 1px #ac44ff;
text-shadow: 1px 2px 1px $violet;
}

6
sass/css/process.scss
View File

@ -1,7 +1,9 @@
@import "defs";
.process-title {
font-family: Amatic;
font-size: 42px;
background: linear-gradient(0.25turn, #0294d9, #ac44ff);
background: linear-gradient(0.25turn, $blue, $violet);
color: #fff;
margin-top: 16px;
margin-bottom: 16px;
@ -26,7 +28,7 @@
width: 64px;
height: 64px;
font-size: 48px;
background: linear-gradient(-0.125turn, #0294d9, #ac44ff);
background: linear-gradient(-0.125turn, $blue, $violet);
color: #fff;
border-radius: 32px;
}

8
sass/css/services.scss
View File

@ -1,16 +1,18 @@
@import "defs";
.need_services {
margin-top: 16px;
display: flex;
align-items: stretch;
justify-content: center;
border-right: 32px solid #ac44ff;
border-right: 32px solid $violet;
}
.need_box {
flex: 38%;
font-family: Amatic;
font-size: 42px;
background: linear-gradient(0.25turn, #0294d9, #ac44ff);
background: linear-gradient(0.25turn, $blue, $violet);
color: #fff;
display: flex;
flex-direction: column;
@ -52,7 +54,7 @@
}
.service_box-link:hover, .service_box-link:focus {
text-shadow: 1px 2px 1px #ac44ff;
text-shadow: 1px 2px 1px $violet;
}
.service_box-title {

16
sass/css/team.scss Normal file
View File

@ -0,0 +1,16 @@
@import "defs";
.team_box {
float: left;
margin: 16px;
}
.team_box-img {
// 70% ~= 1/sqrt(2)
mask-image: radial-gradient(circle, #000 69%, transparent 70%);
width: 160px;
}
.team_box-subtitle {
color: $blue;
}