gitea_admin/wondif_vue
1
0
Fork 0
generated from gitea_admin/default
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

finalisation home page

Browse Source
This commit is contained in:
Julie
2026-02-06 20:20:01 +01:00
parent 91c1b03a2f
commit d9ac2b4cc5
45 changed files with 1892 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/img/icones/agenda_blanc_non_opaque.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg width="28" height="30" viewBox="0 0 28 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 10H28V27C28 28.6562 26.6562 30 25 30H3C1.34375 30 0 28.6562 0 27V10ZM4 15V17C4 17.55 4.45 18 5 18H7C7.55 18 8 17.55 8 17V15C8 14.45 7.55 14 7 14H5C4.45 14 4 14.45 4 15ZM4 23V25C4 25.55 4.45 26 5 26H7C7.55 26 8 25.55 8 25V23C8 22.45 7.55 22 7 22H5C4.45 22 4 22.45 4 23ZM12 15V17C12 17.55 12.45 18 13 18H15C15.55 18 16 17.55 16 17V15C16 14.45 15.55 14 15 14H13C12.45 14 12 14.45 12 15ZM12 23V25C12 25.55 12.45 26 13 26H15C15.55 26 16 25.55 16 25V23C16 22.45 15.55 22 15 22H13C12.45 22 12 22.45 12 23ZM20 15V17C20 17.55 20.45 18 21 18H23C23.55 18 24 17.55 24 17V15C24 14.45 23.55 14 23 14H21C20.45 14 20 14.45 20 15ZM20 23V25C20 25.55 20.45 26 21 26H23C23.55 26 24 25.55 24 25V23C24 22.45 23.55 22 23 22H21C20.45 22 20 22.45 20 23Z" fill="white"/>
<path d="M10 2C10 0.89375 9.10625 0 8 0C6.89375 0 6 0.89375 6 2V4H3C1.34375 4 0 5.34375 0 7V10H28V7C28 5.34375 26.6562 4 25 4H22V2C22 0.89375 21.1063 0 20 0C18.8937 0 18 0.89375 18 2V4H10V2Z" fill="#E20018"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

3
app/assets/img/icones/ticket_blanc.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="23" height="31" viewBox="0 0 23 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.4958 2.67233C22.59 2.00789 22.1165 1.53441 21.4521 1.43762L17.5622 1.05831C16.9919 1.05831 16.5185 1.43762 16.4243 1.81693C16.045 3.23999 15.1896 4.18957 12.4402 3.99861C9.78247 3.80764 8.55037 2.66972 8.45619 1.24666C8.36202 0.676386 7.88592 0.393866 7.31827 0.297077L3.33422 0.0119418C2.66978 -0.0822314 2.19629 0.39125 2.09951 1.05569L0.012001 28.4784C-0.0821721 29.0487 0.39131 29.6163 0.96158 29.7131L19.1789 30.9478C19.8433 31.042 20.3168 30.5685 20.4136 29.9041L22.5011 2.67233H22.4958ZM11.9641 14.0594L14.2426 14.2504L14.0516 16.5289L11.7732 16.3379L11.9641 14.0594ZM8.26262 13.8685L10.5411 14.0594L10.3501 16.3379L8.07165 16.1469L8.26262 13.8685ZM4.46691 13.5833L6.74538 13.7743L6.55703 16.0528L4.27857 15.8618L4.46691 13.5833ZM17.7506 16.7146L15.4721 16.5236L15.6631 14.2452L17.9389 14.4361L17.7506 16.7146Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 950 B

3
app/assets/img/icones/ticket_noir.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="23" height="31" viewBox="0 0 23 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.4958 2.67233C22.59 2.00789 22.1165 1.53441 21.4521 1.43762L17.5622 1.05831C16.9919 1.05831 16.5185 1.43762 16.4243 1.81693C16.045 3.23999 15.1896 4.18957 12.4402 3.99861C9.78247 3.80764 8.55037 2.66972 8.45619 1.24666C8.36202 0.676386 7.88592 0.393866 7.31827 0.297077L3.33422 0.0119418C2.66978 -0.0822314 2.19629 0.39125 2.09951 1.05569L0.012001 28.4784C-0.0821721 29.0487 0.39131 29.6163 0.96158 29.7131L19.1789 30.9478C19.8433 31.042 20.3168 30.5685 20.4136 29.9041L22.5011 2.67233H22.4958ZM11.9641 14.0594L14.2426 14.2504L14.0516 16.5289L11.7732 16.3379L11.9641 14.0594ZM8.26262 13.8685L10.5411 14.0594L10.3501 16.3379L8.07165 16.1469L8.26262 13.8685ZM4.46691 13.5833L6.74538 13.7743L6.55703 16.0528L4.27857 15.8618L4.46691 13.5833ZM17.7506 16.7146L15.4721 16.5236L15.6631 14.2452L17.9389 14.4361L17.7506 16.7146Z" fill="black" fill-opacity="0.85"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 970 B

27
app/assets/scss/component/_header_layout.scss
View File

@@ -16,35 +16,42 @@
grid-template-rows: 130px auto auto;
@include media_queries.media_max(tablet_700) {
@include media_queries.media_max(phone_500) {
grid-template-columns: 20px minmax(0, 1fr) 10px;
}
@include media_queries.media_min(phone_500) {
grid-template-columns: 30px minmax(0, 1fr) 10px;
}
@include media_queries.media_min(tablet_600) {
grid-template-columns: 10px minmax(0, 1fr) 10px;
}
@include media_queries.media_min(tablet_700) {
grid-template-columns: 10px minmax(0, 1fr) 10px;
grid-template-columns: 30px minmax(0, 1fr) 10px;
}
@include media_queries.media_min(tablet_800) {
grid-template-columns: 10px minmax(0, 1fr) 10px;
grid-template-columns: 30px minmax(0, 1fr) 10px;
grid-template-rows: 123px auto auto;
}
@include media_queries.media_min(tablet_900) {
grid-template-columns: 15px minmax(0, 1fr) 15px;
grid-template-columns: 35px minmax(0, 1fr) 15px;
}
@include media_queries.media_min(desktop_1000) {
grid-template-columns: auto 980px auto;
grid-template-columns: auto 930px auto;
}
@include media_queries.media_min(desktop_1100) {
grid-template-columns: auto 1090px auto;
grid-template-columns: auto 1000px auto;
}
@include media_queries.media_min(desktop_1200) {
grid-template-columns: auto 1160px auto;
grid-template-columns: auto 1100px auto;
}
@include media_queries.media_min(desktop_1300) {
grid-template-columns: 1fr 1250px 1fr;
grid-template-columns: 1fr 1200px 1fr;
}
@include media_queries.media_min(desktop_1500) {
grid-template-columns: 1fr 1420px 1fr;
grid-template-columns: 1fr 1400px 1fr;
}
@include media_queries.media_min(desktop_1800) {
grid-template-columns: 1fr 1700px 1fr;
grid-template-columns: 1fr 1410px 1fr;
}

53
app/assets/scss/component/_header_nav.scss
View File

@@ -4,8 +4,10 @@
.header_navigation_topbar {
display: flex;
justify-content: flex-end;
align-items: center;
font-family: 'brandontext_regular';
//font-family: 'brandontext_regular';
font-family: var(--font-roboto);
font-size: 16px;
.header_nav_topbar_item {
@@ -46,7 +48,8 @@
.header_nav_topbar_submenu_item {
list-style: none;
font-family: 'brandontext_regular';
//font-family: 'brandontext_regular';
font-family: var(--font-roboto);
font-size: 15px;
padding-bottom: 2px;
&:hover {
@@ -131,11 +134,11 @@
}
@include media_queries.media_min(tablet_800) {
margin-left: 25px;
margin-right: 25px;
margin-right: 0px;
}
@include media_queries.media_min(tablet_900) {
margin-left: 30px;
margin-right: 30px;
margin-right: 0px;
}
@include media_queries.media_max(tablet_700) {
@@ -157,7 +160,8 @@
text-wrap-mode: nowrap;
font-family: 'brandontext_regular';
//font-family: 'brandontext_regular';
font-family: var(--font-roboto);
@include media_queries.media_min(tablet_600) {
font-size: 18px;
@@ -172,7 +176,7 @@
font-size: 24px;
}
@include media_queries.media_min(desktop_1800) {
font-size: 26px;
font-size: 24px;
}
.header_nav_item {
@@ -205,7 +209,7 @@
margin-right: 30px;
}
@include media_queries.media_min(desktop_1800) {
margin-right: 34px;
margin-right: 30px;
}
&:last-child {
margin-right: 0px;
@@ -222,18 +226,19 @@
opacity: 0;
transition: visibility 0.2s,opacity 0.2s cubic-bezier(0.4, 0, 1, 1);
padding-top: 10px;
padding-left: 9px;
padding-right: 16px;
padding-bottom: 5px;
padding-left: 25px;
padding-right: 22px;
padding-bottom: 10px;
text-align: left;
background-color: rgba(255, 255, 255, 0.93);
border-radius: 3px;
.header_nav_sub_menu_item {
list-style: none;
font-family: 'brandontext_regular';
list-style: circle;
//font-family: 'brandontext_regular';
font-family: var(--font-roboto);
font-size: 18px;
padding-bottom: 2px;
padding-bottom: 4px;
&:hover {
a {
color: var(--c-brand_rouge);
@@ -262,7 +267,7 @@
width: 83%;
}
@include media_queries.media_min(desktop_1800) {
width: 100%;
width: 83%;
}
}
}
@@ -297,7 +302,7 @@
}
/* Par défaut : desktop visible, mobile caché */
.header_nav--desktop { display: flex; }
.header_nav--desktop { display: flex; align-items: center;}
.header_nav--mobile { display: none; }
.header_nav--mobile-icons { display: none; }
.header_drawer { display: none; }
@@ -319,7 +324,7 @@
}
justify-content: flex-end;
margin-top: -23px;
margin-right: 60px;
margin-right: 30px;
}
.hamburger_black {
@@ -386,7 +391,7 @@
background-color: rgba(0, 0, 0, 0.9);
margin-top: 47px;
font-family: var(--font-roboto);
padding-bottom: 10px;
padding-right: 10px;
@@ -405,6 +410,7 @@
}
.header_drawer_link {
display: block;
text-decoration: none;
color: $blanc;
padding: 6px 0;
@@ -434,19 +440,22 @@
transition: visibility 0.2s,opacity 0.2s cubic-bezier(0.4, 0, 1, 1);
margin-top: 10px;
margin-left: 20px;
padding-top: 10px;
padding-left: 9px;
padding-top: 13px;
padding-left: 23px;
padding-right: 16px;
padding-bottom: 5px;
padding-bottom: 10px;
text-align: left;
background-color: rgba(255, 255, 255, 0.93);
border-radius: 3px;
}
.header_drawer_sub_menu_item {
list-style: none;
font-family: 'brandontext_regular';
//font-family: 'brandontext_regular';
font-family: var(--font-roboto);
font-size: 18px;
padding-bottom: 2px;
padding-bottom: 4px;
list-style: circle;
color: var(--c-text);
&:hover {
a {
color: var(--c-brand_rouge);

22
app/assets/scss/component/_orbites.scss
View File

@@ -2,17 +2,17 @@
position: absolute;
inset: 0;
z-index: 0;
transform: translateZ(0);
//transform: translateZ(0);
overflow: hidden;
}
.orb {
position: absolute;
border-radius: 999px;
filter: blur(3px);
opacity: 0.30;
will-change: transform;
transform: translate3d(0,0,0);
//filter: blur(3px);
opacity: 0.5;
//will-change: transform;
//transform: translate3d(0,0,0);
//background: radial-gradient(circle, rgba(255,255,255,0.20), rgba(255,255,255,0) 60%);
background: red;
@@ -21,12 +21,12 @@
.orb--1 { width: 100px; height: 100px; top: 2%; left: 18%; animation: orb1 6s ease-in-out infinite alternate; }
.orb--2 { width: 320px; height: 320px; top: 6%; left: 72%; animation: orb2 6s ease-in-out infinite alternate; }
@keyframes orb1 { to { transform: translate3d(30px, 18px, 0); } }
@keyframes orb2 { to { transform: translate3d(-26px, 34px, 0); } }
@keyframes orb3 { to { transform: translate3d(22px, -28px, 0); } }
@keyframes orb4 { to { transform: translate3d(34px, -14px, 0); } }
@keyframes orb5 { to { transform: translate3d(-18px, -18px, 0); } }
@keyframes orb6 { to { transform: translate3d(-34px, 12px, 0); } }
//@keyframes orb1 { to { transform: translate3d(30px, 18px, 0); } }
//@keyframes orb2 { to { transform: translate3d(-26px, 34px, 0); } }
//@keyframes orb3 { to { transform: translate3d(22px, -28px, 0); } }
//@keyframes orb4 { to { transform: translate3d(34px, -14px, 0); } }
//@keyframes orb5 { to { transform: translate3d(-18px, -18px, 0); } }
//@keyframes orb6 { to { transform: translate3d(-34px, 12px, 0); } }
@media (prefers-reduced-motion: reduce) {
.orb { animation: none !important; }