Gameur/website
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

v1.6

Browse source
This commit is contained in:
KIRITO_KMA 2026-04-13 23:05:47 +02:00
parent 1082ef13fb
commit 3c1c3d3e89
28 changed files with 249 additions and 126 deletions
Download patch file Download diff file Expand all files Collapse all files

78
assets/css/main.css
View file

@ -1168,6 +1168,14 @@ section {
.portfolio-item h4 {
font-family: 'OmegaLarge', sans-serif;
font-size: 1.25rem;
color: #ffffff; /* Toujours blanc — lisible sur le gradient sombre en bas */
}
/* En mode clair, forcer le blanc sur les textes des cartes portfolio */
[data-theme="light"] .portfolio-item h4,
[data-theme="light"] .portfolio-tag,
[data-theme="light"] .portfolio-tag::before {
color: #ffffff;
}
.portfolio-item p {
@ -2152,13 +2160,31 @@ footer {
font-family: 'OmegaLarge', sans-serif;
font-size: 2rem;
margin-bottom: 0.5rem;
color: #ffffff;
}
.bento-image-content p {
color: var(--text-secondary);
color: rgba(255,255,255,0.85);
font-size: 1rem;
}
/* Mode clair — forcer blanc sur textes bento (gradient sombre garantit lisibilité) */
[data-theme="light"] .bento-image-content h3,
[data-theme="light"] .bento-image-content p,
[data-theme="light"] .bento-image-content .portfolio-tag {
color: #ffffff;
}
/* Mode clair — tag catégorie dans la modal projet : couleur contrastée */
[data-theme="light"] .project-modal .portfolio-tag,
[data-theme="light"] #modal-category {
color: var(--accent-primary);
}
[data-theme="light"] .project-modal .portfolio-tag::before,
[data-theme="light"] #modal-category::before {
border-bottom-color: var(--accent-primary);
}
/* Stats Grid */
.bento-stats {
grid-column: 2;
@ -4272,3 +4298,53 @@ footer {
/* Quand le son est activé */
.gallery-mute-btn.unmuted .icon-muted { display: none; }
.gallery-mute-btn.unmuted .icon-unmuted { display: block; }
/* Footer social — img pour logos CDN (gaming platforms) */
.footer-social a img {
width: 20px;
height: 20px;
display: block;
object-fit: contain;
filter: brightness(0) invert(1); /* Force blanc pour cohérence avec les SVG */
opacity: 0.85;
transition: opacity 0.3s ease;
}
.footer-social a:hover img {
opacity: 1;
filter: none; /* Affiche la couleur officielle au hover */
}
/* ═══════════════════════════════════════════════════════════════════════════
Footer gaming icons — logos officiels locaux
═══════════════════════════════════════════════════════════════════════════ */
.footer-gaming-icon {
width: 20px;
height: 20px;
display: block;
object-fit: contain;
opacity: 0.85;
/* Mode sombre : icône blanche */
filter: brightness(0) invert(1);
transition: opacity 0.2s ease, filter 0.2s ease;
}
.footer-social a:hover .footer-gaming-icon {
opacity: 1;
}
/* Mode clair : icône sombre */
[data-theme="light"] .footer-gaming-icon {
filter: brightness(0);
}
[data-theme="light"] .footer-social a:hover .footer-gaming-icon {
filter: brightness(0) invert(1); /* Blanc au hover (fond accent) */
}
/* Hytale PNG — fond transparent forcé via mix-blend-mode */
.footer-gaming-icon--hytale {
mix-blend-mode: screen;
opacity: 0.9;
}