diff --git a/promo/index.html b/promo/index.html index 9eec96d..1955150 100644 --- a/promo/index.html +++ b/promo/index.html @@ -81,6 +81,39 @@ font-size: .7rem; color: var(--acid); letter-spacing: .14em; } + /* ---- store badges (pseudo — the apps are not out yet) ---- */ + .stores { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-top: 1.6rem; } + .store { + display: inline-flex; align-items: center; gap: .7em; position: relative; + background: #000; color: var(--chalk); border: 3px solid var(--chalk); + padding: .55em 1.1em; box-shadow: 0 5px 0 #00000088; cursor: default; + } + .store svg { flex: 0 0 auto; } + .store .txt { display: flex; flex-direction: column; text-align: left; line-height: 1.25; } + .store .txt small { font-family: 'Silkscreen', monospace; font-size: .5rem; letter-spacing: .1em; color: var(--dim); } + .store .txt b { font-family: 'Silkscreen', monospace; font-weight: 700; font-size: .8rem; letter-spacing: .06em; } + .store .soon { + position: absolute; top: -.7em; right: -.7em; background: var(--blood); color: #fff; + font-family: 'Silkscreen', monospace; font-size: .5rem; letter-spacing: .08em; + padding: .25em .5em; border: 2px solid var(--chalk); transform: rotate(4deg); + } + + /* ---- pricing ---- */ + .price { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 1.2rem; margin-top: 2rem; } + .tier { border: 1px solid var(--line); background: var(--panel); padding: 1.6rem 1.4rem 1.5rem; } + .tier.paid { border: 2px solid var(--blood); background: linear-gradient(135deg, #1c0e0e, #0c140e 65%); } + .tier .big { font-family: 'Bangers', cursive; font-size: 2.4rem; line-height: 1; display: block; margin-bottom: .1em; } + .tier.paid .big { color: var(--blood); } + .tier h3 { font-size: .8rem; letter-spacing: .08em; color: var(--acid); margin-bottom: .9rem; } + .tier ul { list-style: none; } + .tier li { + font-family: 'Silkscreen', monospace; font-size: .68rem; letter-spacing: .05em; + padding: .4em 0 .4em 1.5em; position: relative; color: var(--chalk); + } + .tier li::before { content: '■'; position: absolute; left: 0; color: var(--blood); } + .tier li.dim { color: var(--dim); } + .tier li.dim::before { color: var(--dim); } + /* ---- pitch + phone ---- */ .split { display: flex; gap: 3rem; align-items: center; flex-wrap: wrap; } .split > div { flex: 1 1 320px; } @@ -133,8 +166,6 @@ height: 100%; width: auto; image-rendering: pixelated; filter: drop-shadow(0 3px 0 #00000080); } - .sprite img + img { opacity: 0; animation: shamble .8s steps(1) infinite; } - @keyframes shamble { 50% { opacity: 1; } } .z h3 { font-size: .72rem; letter-spacing: .04em; } .z .sub { font-family: 'Silkscreen', monospace; font-size: .56rem; color: var(--blood); @@ -187,7 +218,26 @@

SNES-STYLE PSEUDO-3D · UMPIRE VOICE · 15/30/40 · AND THE DEAD

▶ PLAY NOW MEET THE DEAD - FREE · IN YOUR BROWSER · NO DOWNLOAD · NO ACCOUNT + PLAY FREE IN YOUR BROWSER · NO ACCOUNT +
+ + + DOWNLOAD ON THEAPP STORE + SOON + + + + GET IT ONGOOGLE PLAY + SOON + +
@@ -252,31 +302,61 @@
+
+

What it costs

+

Free to play. Then 2€. Once.

+

No subscription, no coins, no energy bar. You try the club for free — on your + phone or right here in the browser — and if it gets its teeth into you, one payment opens + everything. For good.

+
+
+ FREE +

TRY THE CLUB

+
    +
  • THE FIRST 10 GORE LEVELS
  • +
  • ZOMBIE TENNIS · THE FIRST 5 OPPONENTS
  • +
  • SAME FREE MODES IN THE BROWSER
  • +
  • NO ACCOUNT · NO ADS
  • +
+
+ +
+
+

Know your enemy

Meet the dead

Everyone who worked, watched or played at this club is still here. They have kept their jobs. The jobs have changed.

-
+

SHAMBLER

THE ORDINARY DEADHe was here before any of this.
-
+

THE BALL BOY

STILL FETCHINGHe still fetches. He just bites now.
-
+

THE SPECTATOR

BLOCKS WITH HIS CHAIRHe paid for the whole seat.
-
+

THE STEWARD

HI-VIS · ONE HIT TOUGHERHe is asking you to leave.
-
+

THE RUNNER

ONE HIT · BUT HE SPRINTSHe covers the court. All of it.
-
+

THE BRUTE

SLOW · DRAGS A POLENothing gets past him twice.
-
+

THE BOUNCER

BUILT LIKE A DOORName's not on the list.
-
+

THE ROLLER MAN

HAULS THE COURT ROLLERHe flattened this court. Then the rest.
-
+

THE CLUB PRO

STILL HAS A BACKHANDBeat him and his weapon is yours.
-
+

THE BALL MACHINE

FIRES BACK · FURNITURESomebody left it on.
@@ -288,26 +368,26 @@ court, clears the stage, and volleys at you until one of you stops moving. They don't shamble. They remember the game.

-
+

THE GROUNDSKEEPER

He mowed this lawn for thirty years.
-
+

THE LINE JUDGE

Every ball of yours is out.
-
+

THE CHAIR UMPIRE

His call was always final.
-
+

THE HEAD COACH

He taught you every shot you have.
-
+

THE PHYSIO

He knows exactly where it hurts.
-
+

THE SPONSOR MASCOT

The crowd still loves him.
-
+

THE STRINGER

He strung your racket. He knows its limit.
-
+

THE TOURNAMENT DIRECTOR

He is calling security.
-
+

THE STRAWBERRY SELLER

Cream with that?
-
+
EVERY TENTH CHAPTER · THE FINAL

THE CHAMPION

@@ -337,7 +417,7 @@

The umpire is still calling the score.

▶ PLAY SPLATTER TENNIS -

FREE · NO DOWNLOAD · NO ADS · NO ACCOUNT
+

FREE TO PLAY · 2€ ONCE FOR EVERYTHING, FOREVER · NEVER ADS
BEST ON A PHONE, HELD IN ONE HAND · ADD IT TO YOUR HOME SCREEN
ZERO DEPENDENCIES · HANDMADE PIXELS · QUIET, PLEASE