ES
games/sorcery / site / index.html · commit 613f5fb
<!DOCTYPE html><html lang="fr"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <meta name="description" content="Sorcery+: jouez gratuitement en ligne à la remake du classique Amstrad CPC de 1985. Explorez la tour du sorcier Ego, résolvez ses énigmes et déjouez ses pièges.">    <meta name="keywords" content="sorcery, cpc, amstrad, 8 bits, action-aventure, jeu gratuit, en ligne">    <meta name="author" content="JumPHP Games">    <meta property="og:title" content="Sorcery+ - Jeu gratuit en ligne">    <meta property="og:description" content="Explorez la tour du sorcier Ego, résolvez ses énigmes et déjouez ses pièges.">    <meta property="og:image" content="https://{{DOMAIN}}/images/og.png">    <meta property="og:type" content="website">    <meta name="twitter:card" content="summary_large_image">    <meta name="twitter:title" content="Sorcery+">    <meta name="twitter:description" content="Jeu gratuit en ligne - Amstrad CPC 1985">    <link rel="canonical" href="https://{{DOMAIN}}/">    <link rel="alternate" hreflang="fr" href="https://{{DOMAIN}}/">    <link rel="alternate" hreflang="en" href="https://{{DOMAIN}}/en/">    <link rel="alternate" hreflang="x-default" href="https://{{DOMAIN}}/">    <link rel="icon" href="images/favicon.png">    <title>Sorcery+ - Jeu gratuit en ligne</title>    <style>        * { box-sizing: border-box; }        body {            margin: 0;            font-family: 'Georgia', serif;            background: linear-gradient(180deg, #0a0a1a 0%, #1a0a1a 100%);            min-height: 100vh;            display: flex;            flex-direction: column;            color: #e8dcd0;        }        header {            padding: 2rem;            text-align: center;            opacity: 0.9;        }        h1 {            font-size: clamp(2rem, 5vw, 3.5rem);            margin: 0.5rem 0;            color: #e8c48d;            text-shadow: 2px 2px 0 #000, 0 0 30px #e8c48d;        }        .subtitle {            font-size: 1.2rem;            color: #b8a080;            margin: 0.5rem 0 1.5rem;        }        main {            flex: 1;            padding: 2rem;            max-width: 900px;            margin: 0 auto;            display: grid;            grid-template-columns: 1fr 1fr;            gap: 2rem;            align-items: center;        }        @media (max-width: 768px) {            main { grid-template-columns: 1fr; }        }        .left {            padding-right: 2rem;        }        .right {            display: flex;            flex-direction: column;            align-items: center;            justify-content: center;        }        .screenshot {            background: #000;            border: 4px solid #3a2a20;            border-radius: 8px;            padding: 12px;            box-shadow: 0 0 40px rgba(100, 60, 30, 0.4);            max-width: 100%;        }        .screenshot img {            display: block;            max-width: 100%;            height: auto;            border-radius: 4px;        }        .play-btn {            display: inline-flex;            align-items: center;            gap: 0.6rem;            padding: 1rem 2rem;            background: linear-gradient(180deg, #e8c48d 0%, #d4a860 100%);            color: #2a180a;            font-weight: bold;            font-size: 1.2rem;            text-decoration: none;            border-radius: 8px;            transition: transform 0.2s, box-shadow 0.2s;            box-shadow: 0 4px 0 #9e7a40, 0 10px 20px rgba(0,0,0,0.5);            margin-top: 1.5rem;        }        .play-btn:hover {            transform: translateY(-2px);            box-shadow: 0 6px 0 #9e7a40, 0 15px 30px rgba(100, 60, 30, 0.6);        }        .play-btn:active {            transform: translateY(0);            box-shadow: 0 2px 0 #9e7a40, 0 5px 10px rgba(100, 60, 30, 0.4);        }        h2 {            font-size: 1.8rem;            color: #e8c48d;            margin: 0 0 1rem;            font-weight: normal;        }        p, .features li {            line-height: 1.7;            color: #b8a080;            font-size: 1.05rem;        }        .features {            list-style: none;            padding: 0;            margin: 1.5rem 0;        }        .features li {            padding: 0.4rem 0;            padding-left: 1.8rem;            position: relative;            margin: 0.3rem 0;        }        .features li::before {            content: "✦";            position: absolute;            left: 0;            color: #e8c48d;            font-size: 1.1rem;        }        .features li:last-child {            border-bottom: none;        }        footer {            text-align: center;            padding: 2rem;            background: rgba(0,0,0,0.2);            border-top: 1px solid rgba(100,60,30,0.2);            font-size: 0.95rem;            color: #7a624a;        }        .cta-links {            display: flex;            gap: 1rem;            flex-wrap: wrap;            justify-content: center;            margin: 1.5rem 0;        }        .cta-links a {            color: #e8c48d;            text-decoration: none;            padding: 0.4rem 1rem;            border: 1px solid #e8c48d;            border-radius: 4px;            transition: background 0.2s, color 0.2s;        }        .cta-links a:hover {            background: rgba(232, 196, 141, 0.15);        }    </style></head><body>    <nav style="text-align:center;padding:.8rem;font-size:.95rem"><a href="./" style="color:#e8c48d">Français</a> · <a href="en/" style="color:#e8c48d">English</a></nav>    <header>        <h1>Sorcery+</h1>        <p class="subtitle">Le jeu d'action-aventure Amstrad CPC de 1985</p>    </header>    <main>        <div class="left">            <h2>Une aventure classique, revisité</h2>            <p>Explorez la tour du sorcier Ego dans cette remake fidèle du jeu original Virgin Games. Résolvez des énigmes, affrontez des monstres et déjouez les pièges mortels d'un donjon infini.</p>            <ul class="features">                <li>Graphismes pixels et ambiance authentique Amstrad CPC</li>                <li>Système de combat basé sur les éléments et la magie</li>                <li>Donjon procédural : chaque partie est nouvelle</li>                <li>Atmosphère gothique avec musique d'époque</li>            </ul>            <div class="cta-links">                <a href="play/">Jouer maintenant →</a>                <a href="#controls">Comment jouer</a>            </div>            <p style="font-size: 0.95rem; color: #7a624a; margin-top: 1.5rem;">                <small>Compatible ordinateur • Mobile • Tablette • Navigateur moderne</small>            </p>        </div>        <div class="right">            <div class="screenshot">                <img src="images/room.png" alt="Capture d'écran de Sorcery+ : une salle du donjon avec des piliers, une porte, une chaudière, et le joueur en train d'explorer">            </div>        </div>    </main>    <footer>        <p>            Sorcery+ est un remake du jeu original <strong>Sorcery</strong> de Virgin Games (1985), développé pour Amstrad CPC.<br>            <small>Powered by JumPHP — Tous droits réservés.</small>        </p>    </footer></body></html>