feat(home): replace text logo with WikiRush image
This commit is contained in:
@@ -1,5 +1,6 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
|
import Image from "next/image";
|
||||||
import type { Session } from "next-auth";
|
import type { Session } from "next-auth";
|
||||||
|
|
||||||
type HomeScreenProps = {
|
type HomeScreenProps = {
|
||||||
@@ -39,10 +40,7 @@ export function HomeScreen({
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="home-hero">
|
<div className="home-hero">
|
||||||
<div className="home-logo">
|
<Image src="/wikirush.png" alt="WikiRush" width={320} height={320} className="home-logo-img" priority />
|
||||||
<span className="logo-wiki">Wiki</span>
|
|
||||||
<span className="logo-race">Rush</span>
|
|
||||||
</div>
|
|
||||||
<p className="home-subtitle">
|
<p className="home-subtitle">
|
||||||
Navigue entre les articles Wikipedia pour atteindre la cible en premier !
|
Navigue entre les articles Wikipedia pour atteindre la cible en premier !
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
+5
-8
@@ -186,16 +186,13 @@ body {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.home-logo {
|
.home-logo-img {
|
||||||
font-size: clamp(42px, 10vw, 72px);
|
width: clamp(180px, 50vw, 280px);
|
||||||
font-weight: 900;
|
height: auto;
|
||||||
letter-spacing: -2px;
|
display: block;
|
||||||
line-height: 1;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo-wiki { color: var(--text); }
|
|
||||||
.logo-race { color: var(--accent); }
|
|
||||||
|
|
||||||
.home-subtitle {
|
.home-subtitle {
|
||||||
margin-top: 12px;
|
margin-top: 12px;
|
||||||
color: var(--text-muted);
|
color: var(--text-muted);
|
||||||
|
|||||||
Reference in New Issue
Block a user