feat: favicon and astroneer

app/astroneer/page.tsx

@@ -0,0 +1,155 @@
+import type { Metadata } from "next";
+import Link from "next/link";
+import CopyAddressButton from "../components/CopyAddressButton";
+import { astroneerServer } from "../lib/server-config";
+
+const joinSteps = [
+  {
+    number: "1",
+    title: "Lance Astroneer",
+    text: "Ouvre le jeu avec ton compte habituel et une version à jour.",
+  },
+  {
+    number: "2",
+    title: "Ouvre le multijoueur",
+    text: "Va dans les serveurs dédiés depuis le menu de coopération.",
+  },
+  {
+    number: "3",
+    title: "Ajoute l'adresse",
+    text: `Renseigne ${astroneerServer.address} dans la connexion serveur.`,
+  },
+  {
+    number: "4",
+    title: "Rejoins la partie",
+    text: "Connecte-toi au serveur et retrouve la base partagée.",
+  },
+];
+
+export const metadata: Metadata = {
+  title: "Astroneer | Le serveur de Leon",
+};
+
+export default function AstroneerPage() {
+  return (
+    <main className="astroneer-page notranslate" translate="no">
+      <nav className="minecraft-nav" aria-label="Navigation Astroneer">
+        <Link href="/" className="minecraft-brand">
+          <HomeIcon />
+          <span>Accueil</span>
+        </Link>
+        <div className="minecraft-nav-links">
+          <Link href="/">Accueil</Link>
+          <a href="#infos">Infos</a>
+          <a href="#rejoindre">Rejoindre</a>
+          <Link href="/minecraft">Minecraft</Link>
+        </div>
+      </nav>
+
+      <section className="astroneer-hero" aria-labelledby="astroneer-title">
+        <div className="astroneer-orbit" aria-hidden="true">
+          <span className="astroneer-planet" />
+          <span className="astroneer-moon" />
+          <span className="astroneer-rover" />
+        </div>
+
+        <div className="minecraft-hero-content astroneer-hero-content">
+          <h1 id="astroneer-title">Astroneer</h1>
+          <p>Serveur dédié privé pour explorer, automatiser et construire entre amis.</p>
+
+          <div className="server-address block-panel">
+            <PlanetIcon />
+            <span>{astroneerServer.address}</span>
+          </div>
+
+          <div className="minecraft-actions">
+            <CopyAddressButton value={astroneerServer.address} />
+          </div>
+        </div>
+      </section>
+
+      <div className="minecraft-content">
+        <section id="infos" className="minecraft-section">
+          <div className="section-heading pixel-heading">
+            <h2>Infos serveur</h2>
+            <p>Les informations utiles pour te connecter.</p>
+          </div>
+
+          <div className="status-panel block-panel astroneer-info-panel">
+            <InfoItem label="Adresse" value={astroneerServer.address} />
+            <InfoItem label="Type" value={astroneerServer.access} />
+            <InfoItem label="Jeu" value="Astroneer" />
+            <InfoItem label="Accès" value="Privé" />
+          </div>
+        </section>
+
+        <section id="rejoindre" className="minecraft-section">
+          <div className="section-heading pixel-heading">
+            <h2>Comment rejoindre</h2>
+            <p>Quatre étapes pour entrer sur le serveur.</p>
+          </div>
+
+          <div className="steps-grid">
+            {joinSteps.map((step) => (
+              <article className="step-card block-panel" key={step.number}>
+                <span className="step-number">{step.number}</span>
+                <h3>{step.title}</h3>
+                <p>{step.text}</p>
+              </article>
+            ))}
+          </div>
+        </section>
+
+        <div className="minecraft-back">
+          <Link href="/" className="back-home-link">
+            <ArrowLeftIcon />
+            <span>Retour accueil</span>
+          </Link>
+        </div>
+      </div>
+    </main>
+  );
+}
+
+type InfoItemProps = {
+  label: string;
+  value: string;
+};
+
+function InfoItem({ label, value }: InfoItemProps) {
+  return (
+    <div className="status-item notranslate" translate="no">
+      <span className="status-label">{label}</span>
+      <strong className="status-value">{value}</strong>
+    </div>
+  );
+}
+
+function HomeIcon() {
+  return (
+    <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+      <path d="m3 11 9-7 9 7" />
+      <path d="M5 10v10h14V10" />
+      <path d="M10 20v-6h4v6" />
+    </svg>
+  );
+}
+
+function PlanetIcon() {
+  return (
+    <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+      <circle cx="12" cy="12" r="5" />
+      <path d="M3 12c4-5 14-7 18-3" />
+      <path d="M4 15c5 4 13 5 17 0" />
+    </svg>
+  );
+}
+
+function ArrowLeftIcon() {
+  return (
+    <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+      <path d="M19 12H7" />
+      <path d="m11 6-6 6 6 6" />
+    </svg>
+  );
+}

app/components/HomeElement.tsx

@@ -4,9 +4,9 @@ import type { ReactNode } from "react";
 type HomeElementProps = {
   title: string;
   description: string;
-  href: string;
+  href?: string;
   actionLabel: string;
-  variant: "jellyfin" | "minecraft";
+  variant: "jellyfin" | "minecraft" | "astroneer";
   external?: boolean;
   children: ReactNode;
 };
@@ -29,14 +29,18 @@ export default function HomeElement({
         <span>{description}</span>
       </span>
       <span className="service-action">
-        {actionLabel}
-        <ArrowIcon />
+        <span className="service-action-label">{actionLabel}</span>
+        {href ? <ArrowIcon /> : <SignalIcon />}
       </span>
     </>
   );
 
   const className = `service-card service-card--${variant}`;
 
+  if (!href) {
+    return <article className={className}>{content}</article>;
+  }
+
   if (external) {
     return (
       <a href={href} className={className} target="_blank" rel="noopener noreferrer">
@@ -94,6 +98,31 @@ export function MinecraftIcon() {
   );
 }
 
+export function AstroneerIcon() {
+  return (
+    <svg viewBox="0 0 96 96" aria-hidden="true" focusable="false">
+      <defs>
+        <linearGradient id="astroneer-gradient" x1="16" y1="82" x2="80" y2="14">
+          <stop stopColor="#ffd54a" />
+          <stop offset="0.48" stopColor="#ff7a3d" />
+          <stop offset="1" stopColor="#6df4ff" />
+        </linearGradient>
+      </defs>
+      <path
+        d="M14 54c13-25 44-39 68-28"
+        fill="none"
+        stroke="url(#astroneer-gradient)"
+        strokeLinecap="round"
+        strokeWidth="7"
+      />
+      <circle cx="45" cy="48" r="22" fill="#172341" stroke="#6df4ff" strokeWidth="6" />
+      <path d="M29 41h13l7 8h18" fill="none" stroke="#ffd54a" strokeLinecap="round" strokeWidth="6" />
+      <path d="M38 65h14l9-9" fill="none" stroke="#ff7a3d" strokeLinecap="round" strokeWidth="6" />
+      <circle cx="70" cy="25" r="8" fill="#ffd54a" />
+    </svg>
+  );
+}
+
 function ArrowIcon() {
   return (
     <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
@@ -102,3 +131,13 @@ function ArrowIcon() {
     </svg>
   );
 }
+
+function SignalIcon() {
+  return (
+    <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+      <path d="M5 12.5a10 10 0 0 1 14 0" />
+      <path d="M8.5 16a5 5 0 0 1 7 0" />
+      <path d="M12 19h.01" />
+    </svg>
+  );
+}

app/components/MinecraftStatus.tsx

@@ -99,7 +99,7 @@ type StatusItemProps = {
 
 function StatusItem({ label, value, tone }: StatusItemProps) {
   return (
-    <div className="status-item">
+    <div className="status-item notranslate" translate="no">
       <span className="status-label">{label}</span>
       <strong className={tone ? `status-value status-value--${tone}` : "status-value"}>
         {tone ? <span className="status-light" aria-hidden="true" /> : null}

app/globals.css

@@ -178,9 +178,9 @@ svg {
 
 .service-grid {
   display: grid;
-  width: min(860px, 100%);
+  width: min(1120px, 100%);
   margin-top: 48px;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
+  grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 32px;
 }
 
@@ -248,6 +248,14 @@ svg {
   color: #46ee89;
 }
 
+.service-card--astroneer {
+  --service-accent: #ffb347;
+
+  border-color: #ffb347;
+  box-shadow: var(--shadow-hard), 0 0 28px rgb(255 179 71 / 30%), inset 0 0 0 1px rgb(255 255 255 / 9%);
+  color: #ffd66b;
+}
+
 .service-status {
   position: absolute;
   top: 24px;
@@ -315,6 +323,7 @@ svg {
   min-height: 56px;
   width: 100%;
   margin-top: 24px;
+  padding: 0 14px;
   align-items: center;
   justify-content: center;
   gap: 12px;
@@ -323,6 +332,13 @@ svg {
   background: var(--service-accent);
   color: #06111a;
   font-weight: 800;
+  line-height: 1.2;
+  text-align: center;
+}
+
+.service-action-label {
+  min-width: 0;
+  overflow-wrap: anywhere;
 }
 
 .service-card--jellyfin .service-action {
@@ -336,6 +352,11 @@ svg {
   color: #041411;
 }
 
+.service-card--astroneer .service-action {
+  background: linear-gradient(180deg, #ffd66b, #ff9f43);
+  color: #1a1025;
+}
+
 .service-action svg {
   width: 20px;
   height: 20px;
@@ -383,6 +404,18 @@ svg {
   line-height: 1.35;
 }
 
+.astroneer-page {
+  min-height: 100vh;
+  overflow-x: hidden;
+  background:
+    radial-gradient(circle at 72% 18%, rgb(109 244 255 / 22%), transparent 24%),
+    linear-gradient(180deg, #11102a 0%, #151a30 46%, #24170f 100%);
+  color: var(--paper);
+  font-family: var(--font-retro), var(--font-geist-mono), monospace;
+  font-size: 1.35rem;
+  line-height: 1.35;
+}
+
 .minecraft-nav {
   position: sticky;
   top: 0;
@@ -413,9 +446,11 @@ svg {
 .minecraft-nav-links svg {
   width: 26px;
   height: 26px;
-  fill: var(--diamond, #5ad4e6);
-  stroke: #0a0c12;
-  stroke-width: 1.1;
+  fill: none;
+  stroke: currentColor;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  stroke-width: 2.2;
 }
 
 .minecraft-nav-links {
@@ -464,6 +499,110 @@ svg {
   filter: saturate(1.05) contrast(1.04);
 }
 
+.astroneer-hero {
+  position: relative;
+  display: grid;
+  min-height: 680px;
+  margin-top: -72px;
+  padding: 148px 24px 86px;
+  place-items: center;
+  overflow: hidden;
+}
+
+.astroneer-hero::before {
+  position: absolute;
+  inset: 0;
+  background:
+    radial-gradient(circle, rgb(255 255 255 / 80%) 1px, transparent 1.5px) 0 0 / 96px 96px,
+    radial-gradient(circle, rgb(109 244 255 / 65%) 1px, transparent 1.5px) 44px 18px / 148px 148px;
+  content: "";
+  opacity: 0.55;
+}
+
+.astroneer-hero::after {
+  position: absolute;
+  inset: auto 0 0;
+  height: 230px;
+  background: linear-gradient(180deg, transparent, rgb(17 16 42 / 80%) 58%, #151a30 100%);
+  content: "";
+}
+
+.astroneer-orbit {
+  position: absolute;
+  top: 64%;
+  left: 50%;
+  z-index: 1;
+  width: min(760px, 84vw);
+  aspect-ratio: 1;
+  border: 3px solid rgb(255 213 74 / 36%);
+  border-radius: 50%;
+  opacity: 0.72;
+  transform: translate(-50%, -50%) rotate(-16deg);
+}
+
+.astroneer-planet {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: min(320px, 48vw);
+  aspect-ratio: 1;
+  border: 6px solid #030303;
+  border-radius: 50%;
+  background:
+    radial-gradient(circle at 30% 28%, #6df4ff 0 7%, transparent 8%),
+    radial-gradient(circle at 67% 62%, #ffb347 0 10%, transparent 11%),
+    linear-gradient(135deg, #27315f 0 42%, #ff7a3d 42% 58%, #172341 58% 100%);
+  box-shadow: 14px 14px 0 rgb(0 0 0 / 42%), 0 0 60px rgb(109 244 255 / 24%);
+  transform: translate(-50%, -50%);
+}
+
+.astroneer-moon {
+  position: absolute;
+  top: 9%;
+  right: 18%;
+  width: 62px;
+  aspect-ratio: 1;
+  border: 5px solid #030303;
+  border-radius: 50%;
+  background: #ffd66b;
+  box-shadow: 8px 8px 0 rgb(0 0 0 / 36%);
+}
+
+.astroneer-rover {
+  position: absolute;
+  bottom: 14%;
+  left: 18%;
+  width: 86px;
+  height: 28px;
+  border: 5px solid #030303;
+  background: #6df4ff;
+  box-shadow: 8px 8px 0 rgb(0 0 0 / 36%);
+}
+
+.astroneer-rover::before,
+.astroneer-rover::after {
+  position: absolute;
+  bottom: -18px;
+  width: 24px;
+  height: 24px;
+  border: 4px solid #030303;
+  border-radius: 50%;
+  background: #ff9f43;
+  content: "";
+}
+
+.astroneer-rover::before {
+  left: 8px;
+}
+
+.astroneer-rover::after {
+  right: 8px;
+}
+
+.astroneer-hero-content {
+  text-shadow: 4px 4px 0 #030303;
+}
+
 .minecraft-hero-content {
   position: relative;
   z-index: 2;
@@ -552,6 +691,7 @@ svg {
   font-family: var(--font-pixel), var(--font-geist-mono), monospace;
   font-size: 0.82rem;
   line-height: 1.25;
+  text-decoration: none;
   transition: transform 160ms ease, box-shadow 160ms ease;
 }
 
@@ -566,7 +706,8 @@ svg {
     8px 8px 0 rgb(0 0 0 / 56%);
 }
 
-.copy-address-button {
+.copy-address-button,
+.map-button {
   padding: 0 24px;
   background: var(--gold);
   color: #16120a;
@@ -577,7 +718,6 @@ svg {
   background: var(--green);
 }
 
-.map-button,
 .large-map-link {
   padding: 0 24px;
   background: #12c8c7;
@@ -671,6 +811,10 @@ h2.pixel-heading {
   overflow-wrap: anywhere;
 }
 
+.astroneer-info-panel .status-value {
+  font-size: 0.78rem;
+}
+
 .status-value--online {
   color: #7aff5f;
 }
@@ -852,6 +996,15 @@ h2.pixel-heading {
     padding-top: 214px;
   }
 
+  .astroneer-hero {
+    margin-top: -118px;
+    padding-top: 214px;
+  }
+
+  .service-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
   .status-panel,
   .steps-grid {
     grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -916,6 +1069,10 @@ h2.pixel-heading {
     font-size: 1.2rem;
   }
 
+  .astroneer-page {
+    font-size: 1.2rem;
+  }
+
   .minecraft-nav-links {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -930,6 +1087,12 @@ h2.pixel-heading {
     padding-left: 16px;
   }
 
+  .astroneer-hero {
+    min-height: 720px;
+    padding-right: 16px;
+    padding-left: 16px;
+  }
+
   .minecraft-hero-content h1 {
     font-size: 2.45rem;
   }
@@ -943,6 +1106,14 @@ h2.pixel-heading {
     font-size: 0.88rem;
   }
 
+  .astroneer-orbit {
+    width: 540px;
+  }
+
+  .astroneer-planet {
+    width: 230px;
+  }
+
   .minecraft-actions,
   .copy-address-button,
   .map-button {

app/layout.tsx

@@ -32,6 +32,19 @@ const vt323 = VT323({
 export const metadata: Metadata = {
   title: "Le serveur de Leon",
   description: "Streaming, Minecraft et services privés de Leon.",
+  robots: {
+    index: false,
+    follow: false,
+    nocache: true,
+    googleBot: {
+      index: false,
+      follow: false,
+      noimageindex: true,
+      "max-image-preview": "none",
+      "max-snippet": 0,
+      "max-video-preview": 0,
+    },
+  },
 };
 
 export default function RootLayout({

app/lib/server-config.ts

@@ -4,6 +4,7 @@ export const siteConfig = {
   description: "Streaming, jeux et services privés au même endroit.",
   jellyfinUrl: "https://momostreaming.com",
   minecraftPath: "/minecraft",
+  astroneerPath: "/astroneer",
 };
 
 export const minecraftServer = {
@@ -13,3 +14,9 @@ export const minecraftServer = {
   versionHint: "Java",
   access: "Whitelist sur demande",
 };
+
+export const astroneerServer = {
+  name: "Astroneer",
+  address: "astroneer.leonmorival.xyz",
+  access: "Serveur dédié",
+};

app/minecraft/page.tsx

@@ -2,7 +2,7 @@ import Image from "next/image";
 import Link from "next/link";
 import CopyAddressButton from "../components/CopyAddressButton";
 import MinecraftStatus from "../components/MinecraftStatus";
-import { minecraftServer, siteConfig } from "../lib/server-config";
+import { minecraftServer } from "../lib/server-config";
 
 const joinSteps = [
   {
@@ -29,11 +29,11 @@ const joinSteps = [
 
 export default function MinecraftPage() {
   return (
-    <main className="minecraft-page">
+    <main className="minecraft-page notranslate" translate="no">
       <nav className="minecraft-nav" aria-label="Navigation Minecraft">
         <Link href="/" className="minecraft-brand">
-          <SwordIcon />
-          <span>{siteConfig.name}</span>
+          <HomeIcon />
+          <span>Accueil</span>
         </Link>
         <div className="minecraft-nav-links">
           <Link href="/">Accueil</Link>
@@ -133,12 +133,12 @@ export default function MinecraftPage() {
   );
 }
 
-function SwordIcon() {
+function HomeIcon() {
   return (
     <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
-      <path d="M14.6 4h5.4v5.4L9 20.4 3.6 15z" />
-      <path d="M5.8 12.8 11.2 18" />
-      <path d="M4 20 8 16" />
+      <path d="m3 11 9-7 9 7" />
+      <path d="M5 10v10h14V10" />
+      <path d="M10 20v-6h4v6" />
     </svg>
   );
 }

app/page.tsx

@@ -1,9 +1,10 @@
 import Link from "next/link";
 import HomeElement, {
+  AstroneerIcon,
   JellyfinIcon,
   MinecraftIcon,
 } from "./components/HomeElement";
-import { siteConfig } from "./lib/server-config";
+import { astroneerServer, siteConfig } from "./lib/server-config";
 
 export default function Home() {
   return (
@@ -42,6 +43,16 @@ export default function Home() {
           >
             <MinecraftIcon />
           </HomeElement>
+
+          <HomeElement
+            title={astroneerServer.name}
+            description="Infos et adresse du serveur dédié."
+            href={siteConfig.astroneerPath}
+            actionLabel="Voir le serveur"
+            variant="astroneer"
+          >
+            <AstroneerIcon />
+          </HomeElement>
         </div>
 
         <div className="home-footer-hint" aria-hidden="true">

app/robots.ts

@@ -0,0 +1,10 @@
+import type { MetadataRoute } from "next";
+
+export default function robots(): MetadataRoute.Robots {
+  return {
+    rules: {
+      userAgent: "*",
+      disallow: "/",
+    },
+  };
+}