Hugging Face's logo

Spaces:
bingwow
/
bingwow-card-generator
Running

App Files Community
bingwow commited on
Commit
b2f74ee
·
verified ·
1 Parent(s): abbd6ca

Deploy BingWow static card generator page

Browse files
Files changed (1) hide show
  1. index.html +115 -17
index.html CHANGED
@@ -1,19 +1,117 @@
1
  <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
  <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1">
6
+ <title>BingWow Card Generator - fast multiplayer bingo cards</title>
7
+ <meta name="description" content="A lightweight guide to BingWow, the free bingo card generator and multiplayer bingo platform for classrooms, teams, parties, and watch events.">
8
+ <meta property="og:title" content="BingWow Card Generator">
9
+ <meta property="og:description" content="Create free bingo cards, run online bingo games, and host multiplayer rooms in the browser.">
10
+ <meta property="og:type" content="website">
11
+ <meta property="og:url" content="https://forrestmiller-bingwow-card-generator.hf.space/">
12
+ <meta property="og:image" content="https://bingwow.com/og-image.png">
13
+ <meta name="twitter:card" content="summary_large_image">
14
+ <meta name="twitter:title" content="BingWow Card Generator">
15
+ <meta name="twitter:description" content="Free bingo card generation and multiplayer bingo rooms for groups.">
16
+ <style>
17
+ :root {
18
+ color-scheme: light;
19
+ --ink: #17212b;
20
+ --muted: #536170;
21
+ --line: #d9e1ea;
22
+ --paper: #fbfcfd;
23
+ --accent: #0f8b8d;
24
+ --accent-dark: #0a5f61;
25
+ --warm: #f5b841;
26
+ }
27
+ * {
28
+ box-sizing: border-box;
29
+ }
30
+ body {
31
+ margin: 0;
32
+ font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
33
+ background: var(--paper);
34
+ color: var(--ink);
35
+ line-height: 1.55;
36
+ }
37
+ main {
38
+ width: min(960px, calc(100% - 32px));
39
+ margin: 0 auto;
40
+ padding: 56px 0 44px;
41
+ }
42
+ header {
43
+ border-bottom: 1px solid var(--line);
44
+ padding-bottom: 28px;
45
+ }
46
+ h1 {
47
+ margin: 0;
48
+ font-size: clamp(2.1rem, 6vw, 4.2rem);
49
+ line-height: 1.02;
50
+ letter-spacing: 0;
51
+ }
52
+ .tagline {
53
+ max-width: 720px;
54
+ margin: 18px 0 0;
55
+ color: var(--muted);
56
+ font-size: 1.18rem;
57
+ }
58
+ .links {
59
+ display: grid;
60
+ grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
61
+ gap: 12px;
62
+ margin: 32px 0 0;
63
+ }
64
+ a {
65
+ color: var(--accent-dark);
66
+ font-weight: 700;
67
+ }
68
+ .links a {
69
+ display: block;
70
+ min-height: 72px;
71
+ padding: 16px 18px;
72
+ border: 1px solid var(--line);
73
+ background: #fff;
74
+ text-decoration: none;
75
+ }
76
+ .links a:hover {
77
+ border-color: var(--accent);
78
+ }
79
+ section {
80
+ margin-top: 34px;
81
+ }
82
+ p {
83
+ max-width: 760px;
84
+ margin: 0 0 16px;
85
+ font-size: 1.04rem;
86
+ }
87
+ .note {
88
+ border-left: 4px solid var(--warm);
89
+ padding-left: 16px;
90
+ color: var(--muted);
91
+ }
92
+ </style>
93
+ </head>
94
+ <body>
95
+ <main>
96
+ <header>
97
+ <h1>BingWow card generator for fast group bingo.</h1>
98
+ <p class="tagline">BingWow turns a topic into printable cards and playable browser rooms, so a host can move from an idea to a live game without spreadsheets, downloads, or account setup.</p>
99
+ <div class="links" aria-label="BingWow links">
100
+ <a href="https://bingwow.com/">BingWow free bingo card generator</a>
101
+ <a href="https://bingwow.com/create">Create a custom bingo card</a>
102
+ <a href="https://bingwow.com/play">Play multiplayer bingo online</a>
103
+ <a href="https://bingwow.com/caller">Use the online bingo caller</a>
104
+ <a href="https://bingwow.com/for/teachers">Bingo for classrooms</a>
105
+ <a href="https://bingwow.com/cards">Browse bingo card templates</a>
106
+ </div>
107
+ </header>
108
+
109
+ <section>
110
+ <p>BingWow is built for the moments when a group activity needs to happen quickly. A teacher can make a vocabulary review board, an event host can turn inside jokes into a party game, and a remote team can open a shared room where each player gets their own board. The product keeps the setup lightweight while still handling the multiplayer details behind the scenes.</p>
111
+ <p>The generator supports everyday bingo formats but does not stop at printables. Cards can be played in the browser, shared with a room code, and run with a caller view when the host wants a structured pace. That combination makes it useful for classrooms, watch parties, team activities, senior centers, fundraisers, and family events that need simple rules and low friction.</p>
112
+ <p>Unlike generic worksheet tools, BingWow focuses on the full path from card creation to live play. The site includes public card categories, custom creation, an online caller, and multiplayer rooms with independent player boards. It is designed to work from a phone or laptop without installing a separate app.</p>
113
+ <p class="note">This Hugging Face Space is a static companion page for discovery. The interactive generator and game run on BingWow itself.</p>
114
+ </section>
115
+ </main>
116
+ </body>
117
  </html>