openvibers/openvibe.games Commits

Games home: a shorter hero, the first game on a phone's first screen (#316)

OP OpenVibers committed 5 days ago · 70a4fe12a5 · 1 file, +2 −7

The games are listed right below as cards, so the hero no longer lists them (five lines on a phone); the Play now line
repeated the hero; the top padding is shorter. The Play button moves from ~420 px to 298 px at 390 px wide.

Changes

ddiff --git a/apps/client/index.html b/apps/client/index.html
iindex 2353e18..9b89b9e 100644
---- a/apps/client/index.html
++++ b/apps/client/index.html
@@@ -100,7 +100,7 @@
        /* ── hero ────────────────────────────────────────────────────── */
        header {
          text-align: center;
--        padding: clamp(48px, 9vh, 96px) 20px 30px;
++        padding: clamp(28px, 5vh, 80px) 20px 30px;
        }
        .hero-title {
          font-size: clamp(42px, 7vw, 76px);
@@@ -896,9 +896,7 @@
        <p class="hero-title">Open<b>Vibe.Games</b></p>
        <h1 class="hero-h1">Free games that start in a browser tab</h1>
        <p class="hero-sub">
--        Build and survive with other players, race for scrap in timed rounds, grow a team of
--        heroes on your phone or join a world another player built. Nothing to install: play as a
--        guest, or sign in to keep your character across OpenVibe.
++        Nothing to install: play as a guest, or sign in to keep your character across OpenVibe.
        </p>
        <div class="hero-actions">
          <a class="play-cta" href="https://play.openvibe.games" data-dev-href="/play"
@@@ -911,9 +909,6 @@
  
      <section class="home-sec" aria-labelledby="play-now">
        <h2 id="play-now">Play now</h2>
--      <p class="home-lede">
--        Every game here runs in the browser, on a computer or a phone. Press play and you are in.
--      </p>
      </section>
      <section class="games" aria-label="Games">
        <!-- ── Featured: Scraplandia ── -->