blockfall/docs/index.html at main · imdavehack/blockfall · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Octofill — a cozy block puzzle, no ads ever</title>
<meta name="description" content="Octofill is a calm block-drop puzzle for iPhone. No ads, no tracking, no internet required. Profiles, a pass-and-play tournament, and five game modes the whole family can share.">
<link rel="stylesheet" href="style.css">
</head>
<body>

<header class="site-header">
  <div class="wrap">
    <div class="logo"><span></span><span></span><span></span><span></span></div>
    <div class="brand">Octofill</div>
  </div>
</header>

<main>
  <div class="wrap">

    <section class="hero">
      <h1>A cozy block puzzle.<br>No ads. Ever.</h1>
      <p class="tag">Drag the pieces, fill the rows, watch them clear. A simple, satisfying drop you can enjoy on your own or pass around the family — with none of the ads, pop-ups, or tracking that ruin the free ones.</p>
      <div class="pills">
        <span class="pill mint">No ads</span>
        <span class="pill sky">No tracking</span>
        <span class="pill amber">Works offline</span>
      </div>
      <p style="margin-top:26px;">
        <a href="https://apps.apple.com/us/app/blockfall-puzzle/id6779959077"><img src="https://developer.apple.com/assets/elements/badges/download-on-the-app-store.svg" alt="Download on the App Store" height="50"></a>
      </p>
    </section>

    <section class="shots">
      <img src="screenshots/01-board-clear.png" alt="Board clear celebration in the Brick Wall theme" loading="lazy">
      <img src="screenshots/02-kawaii-face.png" alt="Kawaii face on an isolated square" loading="lazy">
      <img src="screenshots/03-jelly-wobble.png" alt="Jelly Wobble theme board clear" loading="lazy">
      <img src="screenshots/04-game-modes.png" alt="Five game modes" loading="lazy">
      <img src="screenshots/05-tournament.png" alt="Pass-and-play tournament results" loading="lazy">
    </section>

    <section>
      <h2>Why Octofill</h2>
      <p>I built Octofill because I love a casual drop of blocks with my daughters — but every free game we tried was riddled with ads and pop-ups begging us to spend. So I made the one I wanted: fun with or without kids, free of all that, and happy to be left alone on a plane with no signal. It collects nothing and never goes online. That's a promise the code keeps, not just a tagline — Octofill is <a href="https://github.com/imdavehack/blockfall">open source</a>, so anyone can check.</p>
    </section>

    <section>
      <h2>What's inside</h2>
      <div class="features">
        <div class="feature">
          <div class="dot" style="background:var(--coral)"></div>
          <h3>Five ways to play</h3>
          <p>Classic endless, 90-second Time Attack, a shared Daily Challenge, hand-built Puzzles, and Bomb Blitz against the countdown.</p>
        </div>
        <div class="feature">
          <div class="dot" style="background:var(--violet)"></div>
          <h3>Player profiles</h3>
          <p>Everyone gets their own name, emoji, colour, and high scores — so the kids' runs never overwrite yours.</p>
        </div>
        <div class="feature">
          <div class="dot" style="background:var(--amber)"></div>
          <h3>Pass-and-play tournament</h3>
          <p>Pick the players, pick a mode, take turns on the one device. Highest score takes the crown. Rematch in a tap.</p>
        </div>
        <div class="feature">
          <div class="dot" style="background:var(--mint)"></div>
          <h3>Yours, and private</h3>
          <p>No account, no sign-in, no internet. Scores and profiles live on your device and nowhere else.</p>
        </div>
      </div>
    </section>

    <div class="actions">
      <a class="btn" href="privacy.html">Privacy Policy</a>
      <a class="btn" href="support.html">Support &amp; help</a>
      <a class="btn" href="https://github.com/imdavehack/blockfall">View source on GitHub</a>
    </div>

  </div>
</main>

<footer class="site-footer">
  <div class="wrap">
    <div>&copy; 2026 Still Waters</div>
    <nav>
      <a href="privacy.html">Privacy</a>
      <a href="support.html">Support</a>
      <a href="https://github.com/imdavehack/blockfall">GitHub</a>
    </nav>
  </div>
</footer>

</body>
</html>