diff --git a/application.html b/application.html index 544f12f..c68d194 100644 --- a/application.html +++ b/application.html @@ -8,7 +8,7 @@ content="Application officielle de match pour ChessCubing Arena sur téléphone et tablette." /> ChessCubing Arena | Application - + @@ -19,7 +19,8 @@
- + Icône ChessCubing +

Application officielle de match

ChessCubing Arena

diff --git a/chrono.html b/chrono.html index 5167df7..07c2d44 100644 --- a/chrono.html +++ b/chrono.html @@ -8,14 +8,15 @@ content="Phase chrono de ChessCubing Arena avec gros boutons face-à-face." /> ChessCubing Arena | Phase Chrono - +

Phase chrono

diff --git a/cube.html b/cube.html index a784d16..f5afc9f 100644 --- a/cube.html +++ b/cube.html @@ -8,14 +8,15 @@ content="Phase cube de ChessCubing Arena avec gros boutons de fin." /> ChessCubing Arena | Phase Cube - +

Phase cube

diff --git a/index.html b/index.html index 421a934..5b5c52c 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,7 @@ content="Découvrez ChessCubing, l'association et le jeu qui réunit échecs et Rubik's Cube dans un format simple, vivant et spectaculaire." /> ChessCubing Arena | Accueil - + @@ -19,7 +19,8 @@
- + Icône ChessCubing +

Association ChessCubing

Les échecs rencontrent le Rubik's Cube

diff --git a/logo.png b/logo.png new file mode 100644 index 0000000..cdf946c Binary files /dev/null and b/logo.png differ diff --git a/logo.jpeg b/logotxt.jpeg similarity index 100% rename from logo.jpeg rename to logotxt.jpeg diff --git a/reglement.html b/reglement.html index 5c558f9..f0d85c2 100644 --- a/reglement.html +++ b/reglement.html @@ -8,7 +8,7 @@ content="Page règlement officielle du site ChessCubing Arena avec synthèse des formats Twice et Time." /> ChessCubing Arena | Règlement officiel - + @@ -19,7 +19,8 @@
- + Icône ChessCubing +

Référentiel officiel

Règlement ChessCubing

diff --git a/styles.css b/styles.css index d0495aa..3fd9334 100644 --- a/styles.css +++ b/styles.css @@ -38,11 +38,7 @@ body { min-height: 100vh; font-family: "Segoe UI", "Trebuchet MS", sans-serif; color: var(--text); - background: - radial-gradient(circle at 16% 18%, rgba(255, 122, 0, 0.28), transparent 22%), - radial-gradient(circle at 78% 18%, rgba(23, 98, 255, 0.24), transparent 22%), - radial-gradient(circle at bottom center, rgba(255, 122, 0, 0.1), transparent 26%), - linear-gradient(180deg, #020202 0%, #090b12 48%, #0c1018 100%); + background: #000; } body::before { @@ -50,11 +46,7 @@ body::before { position: fixed; inset: 0; pointer-events: none; - background-image: - linear-gradient(var(--grid-line) 1px, transparent 1px), - linear-gradient(90deg, var(--grid-line) 1px, transparent 1px); - background-size: 42px 42px; - mask-image: linear-gradient(to bottom, black 0%, black 72%, transparent 100%); + background: none; } body::after { @@ -62,20 +54,11 @@ body::after { position: fixed; inset: 0; pointer-events: none; - background: - radial-gradient(circle at 50% 110%, rgba(255, 122, 0, 0.16), transparent 24%), - linear-gradient(180deg, transparent 0 58%, rgba(23, 98, 255, 0.07) 72%, transparent 100%); - mix-blend-mode: screen; + background: none; } .ambient { - position: fixed; - width: 30rem; - height: 30rem; - border-radius: 50%; - filter: blur(90px); - opacity: 0.28; - pointer-events: none; + display: none; } .ambient-left { @@ -255,23 +238,31 @@ p { .logo-lockup { display: inline-flex; + align-items: center; + gap: 1rem; margin-bottom: 1rem; - padding: 0.55rem 0.8rem; - border-radius: 24px; - border: 1px solid rgba(255, 255, 255, 0.06); - background: rgba(0, 0, 0, 0.72); - box-shadow: - inset 0 0 0 1px rgba(255, 255, 255, 0.02), - 0 0 22px rgba(23, 98, 255, 0.08); + padding: 0; + border: 0; + background: transparent; + box-shadow: none; } .logo-lockup:hover { text-decoration: none; } +.hero-logo-icon { + display: block; + width: clamp(72px, 9vw, 112px); + height: auto; + filter: + drop-shadow(0 0 10px rgba(255, 122, 0, 0.1)) + drop-shadow(0 0 14px rgba(23, 98, 255, 0.14)); +} + .hero-logo { display: block; - width: clamp(220px, 29vw, 360px); + width: clamp(300px, 42vw, 620px); height: auto; filter: drop-shadow(0 0 12px rgba(255, 122, 0, 0.08)) @@ -555,14 +546,27 @@ textarea:focus { } .brand-link-logo { - padding: 0.5rem 0.7rem; - border-color: rgba(255, 255, 255, 0.08); - background: rgba(0, 0, 0, 0.78); + display: inline-flex; + align-items: center; + gap: 0.8rem; + padding: 0; + border: 0; + background: transparent; + box-shadow: none; +} + +.brand-link-icon { + display: block; + width: 2.7rem; + height: auto; + filter: + drop-shadow(0 0 8px rgba(255, 122, 0, 0.1)) + drop-shadow(0 0 10px rgba(23, 98, 255, 0.14)); } .brand-link-mark { display: block; - width: 7.6rem; + width: 10.4rem; height: auto; filter: drop-shadow(0 0 8px rgba(255, 122, 0, 0.08)) diff --git a/transparent.png b/transparent.png new file mode 100644 index 0000000..0110dc5 Binary files /dev/null and b/transparent.png differ