valentin_le_moign/figureslibres.cc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

début corrections 2024, ajout d'un carousel dans les lecteurs de projets, suppression des animations de l'index

Browse Source
This commit is contained in:
Valentin
2024-03-05 00:05:41 +01:00
parent 5d90d88ae5
commit 16b7135b03
13 changed files with 190 additions and 480 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user/themes/figureslibres-v2/css/theme.css
+66 -36
View File
@@ -145,7 +145,7 @@ a, a:active, a:focus, a:visited {
.picto {
display: block;
cursor: pointer;
background-color: #0b1117;
background-color: #0e1229;
}
.picto-url {
@@ -177,7 +177,7 @@ em {
body {
overflow-x: hidden;
color: #0b1117;
color: #0e1229;
background-color: #f5f5f5;
}
body header {
@@ -204,7 +204,7 @@ body header #nav-container #burger {
}
body header nav {
position: absolute;
background-color: #0b1117;
background-color: #0e1229;
top: -100vh;
width: 100%;
height: calc(100vh - 7vh);
@@ -240,7 +240,7 @@ body header nav ul li a {
font-size: 2.2em;
}
body header nav ul li.selected a {
color: #0b1117;
color: #0e1229;
background-color: #f5f5f5;
}
body header nav.mobile-nav-open {
@@ -298,7 +298,7 @@ body main .content .projet-card a {
width: 100%;
}
body main .content .projet-card a figcaption {
color: #0b1117;
color: #0e1229;
background-color: transparent;
padding: 0;
margin-top: 5px;
@@ -348,9 +348,6 @@ body main #index-content #main-p-index #figureslibres {
font-family: Syne, sans-serif;
font-weight: bold;
}
body main #index-content #main-p-index #figureslibres canvas {
transform: translateX(calc(-100% + 10px)) translateY(-2px);
}
body main #index-content #main-p-index #publique {
font-family: PlayfairDisplay, serif;
font-style: italic;
@@ -360,17 +357,11 @@ body main #index-content #main-p-index #sociale {
font-weight: bold;
font-style: italic;
}
body main #index-content #main-p-index #sociale canvas {
transform: translateX(calc(-100% + 15px)) translateY(0px);
}
body main #index-content #main-p-index #culturelle {
font-family: Avara, serif;
font-weight: bold;
font-style: italic;
}
body main #index-content #main-p-index #culturelle canvas {
transform: translateX(calc(-100% + 15px)) translateY(2px);
}
body main #index-content #main-p-index #logicielslibres {
font-family: Rumeur, sans-serif;
font-weight: bold;
@@ -401,7 +392,7 @@ body main #index-content #extrait-projets > div div:last-of-type p {
justify-content: center;
}
body main #index-content #extrait-projets > div div:last-of-type p span {
border-bottom: solid 1px #0b1117;
border-bottom: solid 1px #0e1229;
padding-bottom: 1px;
}
body main #index-content #extrait-projets > div div:last-of-type p span #publique-link {
@@ -435,9 +426,6 @@ body main #index-content #second-p-index #commanditaires {
font-family: Moche, sans-serif;
font-weight: bold;
}
body main #index-content #second-p-index #commanditaires canvas {
transform: translateX(calc(-100% + 10px)) translateY(0px);
}
body main #index-content #second-p-index #projets {
font-family: Redaction50, serif;
font-weight: bold;
@@ -456,7 +444,8 @@ body main #index-content #commanditaires-grid img {
}
body main #index-content #arrow-container {
margin-top: 30px;
transition: transform 0.8s ease-out;
margin-bottom: 0vh;
transition: transform 0.8s ease-out, margin-bottom 0.4s ease-out;
}
body main #index-content #arrow-container .picto {
width: 45px;
@@ -469,18 +458,13 @@ body main #index-content .container {
overflow-y: hidden;
height: auto;
max-height: 0vh;
margin-top: 0px;
margin-top: 0vh;
opacity: 0;
transition: opacity 0.4s ease-out, 0.7s 0.4s ease-out, max-height 1.2s ease-out, margin-top 1s ease-out;
}
body main #index-content a {
text-decoration: none;
}
body main #index-content canvas {
position: absolute;
transform: translateX(calc(-100% + 15px)) translateY(-2px);
transition: width 0.4s ease-out, height 0.4s ease-out;
}
body main #projets-index {
width: 100%;
}
@@ -686,8 +670,8 @@ body main #reader hr {
margin-bottom: 2vh;
width: 66%;
opacity: 0.5;
color: #0b1117;
background-color: #0b1117;
color: #0e1229;
background-color: #0e1229;
}
body main #reader #related-pages {
margin-top: 5vh;
@@ -710,8 +694,50 @@ body main #reader #related-pages #related-grid {
body main #reader #related-pages #related-grid .card-displayed {
margin-top: 1.5vh;
}
body main #reader #carousel-container {
body main #reader .swiper {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background-color: rgba(255, 255, 255, 0.75);
backdrop-filter: blur(2px);
box-sizing: border-box;
z-index: 3;
display: none;
opacity: 0;
transition: opacity 0.3s ease-out;
}
body main #reader .swiper .swiper-wrapper {
z-index: 9;
display: flex;
align-items: center;
}
body main #reader .swiper .swiper-wrapper .swiper-slide {
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
body main #reader .swiper .swiper-wrapper .swiper-slide img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}
body main #reader .swiper .swiper-button-next, body main #reader .swiper .swiper-button-prev {
color: #0e1229;
padding: 2rem;
bottom: 5vh;
top: unset;
}
body main #reader .swiper #close-carousel {
width: calc(25px - 5px);
height: calc(23px - 5px);
position: absolute;
top: 5vh;
right: 5vh;
z-index: 10;
}
body footer {
display: none;
@@ -731,7 +757,7 @@ body footer p {
}
body footer p a {
display: block;
background: #0b1117;
background: #0e1229;
height: 100%;
width: 100%;
font-family: Syne, Sans-serif;
@@ -751,7 +777,7 @@ body footer p a {
width: 100%;
box-sizing: border-box;
padding: 10px;
background: #0b1117;
background: #0e1229;
color: #f5f5f5;
font-size: 0.75em;
border-radius: 0 0 10px 10px;
@@ -827,7 +853,7 @@ body footer p a {
margin-bottom: 5vh;
}
body main #reader h2#main-project-title {
font-size: 3.8em;
font-size: 2.9em;
}
body main #reader #info-project {
margin-top: -6vh;
@@ -844,7 +870,7 @@ body footer p a {
width: auto;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 2% 4%;
grid-gap: 1em;
}
body main #reader #project-images-grid figure {
margin-top: 0;
@@ -873,6 +899,10 @@ body footer p a {
min-height: 80px !important;
min-width: 15vw;
}
body main #reader .swiper .swiper-button-next, body main #reader .swiper .swiper-button-prev {
bottom: unset;
top: var(--swiper-navigation-top-offset, 50%);
}
body footer {
display: flex;
align-items: center;
@@ -882,7 +912,7 @@ body footer p a {
height: 4vh;
right: 3vw;
border-radius: 20px 20px 0 0;
background-color: #0b1117;
background-color: #0e1229;
}
body footer p {
height: auto;
@@ -915,7 +945,7 @@ body footer p a {
}
body header nav ul li {
width: auto;
color: #0b1117;
color: #0e1229;
height: 0.95em;
z-index: 0;
}
@@ -943,7 +973,7 @@ body footer p a {
width: 100%;
padding: 4px 12px;
transform: translateX(-12px) translateY(calc(-100% - 2px + 4px));
background-color: #0b1117;
background-color: #0e1229;
border-radius: 15px;
z-index: -1;
transition: opacity 0.4s ease-out;
@@ -1070,7 +1100,7 @@ body footer p a {
}
@media only screen and (min-width: 1500px) {
body main #index-content #main-p-index p {
font-size: 3.8em;
font-size: 2.9em;
}
body main #index-content #arrow-container {
margin-top: 7vh;