-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathplay.html
More file actions
154 lines (138 loc) · 9.94 KB
/
play.html
File metadata and controls
154 lines (138 loc) · 9.94 KB
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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="theme-color" content="#0c1016">
<title>Play Free — Solitaire, Sudoku, Mahjong, 2048, Chess | Board Gaming Hub</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Play 27+ free strategy and puzzle games in your browser — Solitaire, Sudoku, Mahjong, Wordform, 2048, Minesweeper, Chess, Go, plus original designs and physics sims. Single-file HTML, ad-supported.">
<meta name="keywords" content="free online games, solitaire, sudoku, mahjong, 2048, minesweeper, chess, go, browser games">
<link rel="canonical" href="https://boardgaminghub.com/play.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Board Gaming Hub">
<meta property="og:url" content="https://boardgaminghub.com/play.html">
<meta property="og:title" content="Play 27 free in-browser puzzle & strategy games">
<meta property="og:description" content="Solitaire, Sudoku, Mahjong, Wordform, 2048, Chess, Go, plus original designs and physics sims. Free, ad-supported, no signup.">
<meta name="twitter:card" content="summary">
<!--
============================================================
GOOGLE ADSENSE SETUP
============================================================
1. Apply for AdSense at https://www.google.com/adsense using
https://boardgaminghub.com/play.html as the site URL.
2. Once approved, replace EVERY occurrence of:
ca-pub-2835365593874464 ← your publisher ID
data-ad-slot="0000000000" ← the slot ID for each unit
in this file with the real values from your AdSense panel.
3. Verify with /ads.txt (see ads.txt in this repo).
============================================================
-->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2835365593874464"
crossorigin="anonymous"></script>
<style>
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: #0c1016; color: #d8d0c0; font-family: Georgia, "Times New Roman", serif; }
#wrap { max-width: 1200px; margin: 0 auto; padding: 32px 24px 80px 24px; }
header { text-align: center; margin-bottom: 28px; }
header h1 { font-size: 2.0em; letter-spacing: 8px; color: #f0d89c; margin: 0; }
header .tag { color: #8098a8; letter-spacing: 3px; font-size: 0.82em; margin-top: 10px; }
header .free-tag { display: inline-block; margin-top: 14px; padding: 4px 14px; border: 1px solid #5a8060; border-radius: 3px; color: #a0d0a8; font-size: 0.78em; letter-spacing: 3px; }
nav { text-align: center; margin: 18px 0 30px; font-size: 0.84em; letter-spacing: 2px; }
nav a { color: #8098a8; text-decoration: none; margin: 0 12px; }
nav a:hover { color: #f0d89c; }
section { margin-top: 40px; }
section h2 { font-size: 1.0em; letter-spacing: 6px; color: #f0d89c; text-transform: uppercase; border-bottom: 1px solid #2a3540; padding-bottom: 8px; margin-bottom: 18px; }
section .blurb { color: #8098a8; font-size: 0.92em; margin-bottom: 22px; line-height: 1.6; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; }
.gcard { display: block; background: #141c28; border: 1px solid #2a3540; border-radius: 4px; padding: 16px 18px; text-decoration: none; transition: background 0.12s, border-color 0.12s, transform 0.12s; }
.gcard:hover { background: #1e2838; border-color: #3a5060; transform: translateY(-2px); }
.gcard .gname { color: #f0d89c; font-size: 1.08em; letter-spacing: 2px; font-weight: bold; margin-bottom: 4px; }
.gcard .gsub { color: #a8b0c0; font-size: 0.85em; line-height: 1.4; }
.featured .gcard { background: #1a2434; border-color: #3a5060; }
.featured .gcard:hover { background: #243044; border-color: #5a7090; }
.ad-slot { margin: 24px 0; min-height: 90px; display: flex; align-items: center; justify-content: center; background: #11161e; border: 1px dashed #2a3540; border-radius: 4px; padding: 6px; }
.ad-slot::before { content: 'Advertisement'; position: absolute; transform: translateY(-22px); color: #5a6874; font-size: 0.65em; letter-spacing: 3px; pointer-events: none; }
.ad-slot ins { display: block !important; }
.ad-slot.in-feed { grid-column: 1 / -1; }
footer { margin-top: 60px; text-align: center; color: #5a6874; font-size: 0.78em; letter-spacing: 2px; line-height: 1.8; }
footer a { color: #8098a8; text-decoration: none; }
footer a:hover { color: #d8d0c0; }
.disclosure { color: #5a6874; font-size: 0.72em; max-width: 700px; margin: 30px auto 0; line-height: 1.6; letter-spacing: 0.5px; font-style: italic; }
</style>
</head>
<body>
<div id="wrap">
<header>
<h1>BOARD GAMING</h1>
<div class="tag">Free in-browser puzzle, board, and strategy games</div>
<div class="free-tag">FREE · AD-SUPPORTED</div>
</header>
<nav>
<a href="index.html">Clean version</a>
<a href="about.html">About</a>
<a href="privacy.html">Privacy</a>
</nav>
<section class="featured">
<h2>Classic Puzzles</h2>
<div class="blurb">The most-played puzzle games on the web — free, no signup, mobile-friendly.</div>
<div class="grid">
<a class="gcard" href="Solitaire.html"><div class="gname">Solitaire</div><div class="gsub">Klondike — the classic card game</div></a>
<a class="gcard" href="Wordform.html"><div class="gname">Wordform</div><div class="gsub">Daily 5-letter word puzzle</div></a>
<a class="gcard" href="Drift.html"><div class="gname">Drift</div><div class="gsub">Daily word ladder — original</div></a>
<a class="gcard" href="Sudoku.html"><div class="gname">Sudoku</div><div class="gsub">Place 1–9, easy to expert</div></a>
<a class="gcard" href="Mahjong.html"><div class="gname">Mahjong</div><div class="gsub">Solitaire tile matching</div></a>
<a class="gcard" href="Chess.html"><div class="gname">Chess</div><div class="gsub">The royal game</div></a>
<a class="gcard" href="2048.html"><div class="gname">2048</div><div class="gsub">Slide & merge tiles</div></a>
<a class="gcard" href="Minesweeper.html"><div class="gname">Minesweeper</div><div class="gsub">Find the mines</div></a>
</div>
</section>
<section>
<h2>Board Games</h2>
<div class="blurb">Turn-based strategy: ancient games, classic perfects, and original designs.</div>
<div class="grid">
<a class="gcard" href="Agora.html"><div class="gname">Agora</div><div class="gsub">The Mediterranean Trade</div></a>
<a class="gcard" href="Aresia.html"><div class="gname">Aresia</div><div class="gsub">Colonize the Red Frontier</div></a>
<a class="gcard" href="Backgammon.html"><div class="gname">Backgammon</div><div class="gsub">Classic dice & race</div></a>
<a class="gcard" href="Bisque.html"><div class="gname">Bisque</div><div class="gsub">Battle for the Bay</div></a>
<a class="gcard" href="Convergence.html"><div class="gname">Convergence</div><div class="gsub">Rival Civilizations, Shared Economy</div></a>
<a class="gcard" href="Go.html"><div class="gname">Go</div><div class="gsub">Territory & influence, 19x19</div></a>
<a class="gcard" href="Mancala.html"><div class="gname">Mancala</div><div class="gsub">Ancient count-and-capture</div></a>
<a class="gcard" href="Odyssey.html"><div class="gname">Odyssey</div><div class="gsub">Upon the Wine-Dark Sea</div></a>
<a class="gcard" href="Othello.html"><div class="gname">Othello</div><div class="gsub">Flip to claim the board</div></a>
<a class="gcard" href="PenteGrammai.html"><div class="gname">Pente Grammai</div><div class="gsub">Ancient Greek Game of Five Lines</div></a>
<a class="gcard" href="Senet.html"><div class="gname">Senet</div><div class="gsub">Ancient Egyptian racing game</div></a>
<a class="gcard" href="Tidelands.html"><div class="gname">Tidelands</div><div class="gsub">Bronze-age maritime trade</div></a>
<a class="gcard" href="Ur.html"><div class="gname">Ur</div><div class="gsub">The Royal Game of Ur</div></a>
</div>
</section>
<section>
<h2>Simulations</h2>
<div class="blurb">Real-time physics, engineering, and management sims.</div>
<div class="grid">
<a class="gcard" href="Apoapsis.html"><div class="gname">Apoapsis</div><div class="gsub">3D rocket flight sim</div></a>
<a class="gcard" href="BiosphereBlue.html"><div class="gname">Biosphere Blue</div><div class="gsub">Planet-scale geosim</div></a>
<a class="gcard" href="BonnevilleSpillwayOperator.html"><div class="gname">Bonneville Spillway</div><div class="gsub">Columbia River dam operator</div></a>
<a class="gcard" href="Cliffwalkers.html"><div class="gname">Cliffwalkers</div><div class="gsub">Save the wee folk</div></a>
<a class="gcard" href="Doctrine.html"><div class="gname">Doctrine</div><div class="gsub">Geopolitical sim, 1990–2050</div></a>
<a class="gcard" href="Floodline.html"><div class="gname">Floodline</div><div class="gsub">California flood defense</div></a>
<a class="gcard" href="Tower.html"><div class="gname">Tower</div><div class="gsub">High-rise operations</div></a>
</div>
</section>
<p class="disclosure">
This page is supported by Google AdSense advertisements. Ads help keep the games free.
Advertisers do not influence game design or content. Cookies are used by Google and its partners
to serve ads based on your prior visits to this and other sites — see the
<a href="privacy.html">privacy notice</a> for opt-out details.
</p>
<footer>
<p style="color:#7090a0;margin-bottom:10px;font-size:0.95em;">Engineering tools by the same author at <a href="https://pe-calc.com/" style="color:#a8c0d8;">pe-calc.com</a> · Stormwater design SaaS at <a href="https://hydrocomplete.com/" style="color:#a8c0d8;">hydrocomplete.com</a></p>
<a href="index.html">Clean version</a> ·
<a href="about.html">About</a> ·
<a href="privacy.html">Privacy</a> ·
<a href="https://github.com/mf4633/board-gaming">github.com/mf4633/board-gaming</a>
</footer>
</div>
<script src="/analytics.js"></script>
<script src="/nav.js" defer></script>
</body>
</html>