99 lines
3.7 KiB
HTML
99 lines
3.7 KiB
HTML
<html>
|
|
<head>
|
|
<title>Christmas Lights Bingo Card</title>
|
|
<link href="style.css" rel="stylesheet">
|
|
<link href="clickable.css" rel="stylesheet">
|
|
<link href="phrases.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div class="card-background">
|
|
<div class="card-header">
|
|
<div class="card-header-title">
|
|
Christmas Lights Bingo Card
|
|
</div>
|
|
<span>Each tick box means you need that many to claim that space("elves" ◻ ◻ ◻ needs 3 separate yards with elves to cross off)</span>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="card-row card-row-1">
|
|
<div class="card-column card-column-1"></div>
|
|
<div class="card-column card-column-2"></div>
|
|
<div class="card-column card-column-3"></div>
|
|
<div class="card-column card-column-4"></div>
|
|
<div class="card-column card-column-5"></div>
|
|
</div>
|
|
<div class="card-row card-row-2">
|
|
<div class="card-column card-column-1">
|
|
|
|
</div>
|
|
<div class="card-column card-column-2">
|
|
|
|
</div>
|
|
<div class="card-column card-column-3">
|
|
|
|
</div>
|
|
<div class="card-column card-column-4">
|
|
|
|
</div>
|
|
<div class="card-column card-column-5">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="card-row card-row-3">
|
|
<div class="card-column card-column-1">
|
|
|
|
</div>
|
|
<div class="card-column card-column-2">
|
|
|
|
</div>
|
|
<div class="card-column card-column-3 toggled">
|
|
|
|
</div>
|
|
<div class="card-column card-column-4">
|
|
|
|
</div>
|
|
<div class="card-column card-column-5">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="card-row card-row-4">
|
|
<div class="card-column card-column-1">
|
|
|
|
</div>
|
|
<div class="card-column card-column-2">
|
|
|
|
</div>
|
|
<div class="card-column card-column-3">
|
|
|
|
</div>
|
|
<div class="card-column card-column-4">
|
|
|
|
</div>
|
|
<div class="card-column card-column-5">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="card-row card-row-5">
|
|
<div class="card-column card-column-1">
|
|
|
|
</div>
|
|
<div class="card-column card-column-2">
|
|
|
|
</div>
|
|
<div class="card-column card-column-3">
|
|
|
|
</div>
|
|
<div class="card-column card-column-4">
|
|
|
|
</div>
|
|
<div class="card-column card-column-5">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="phrases.js"></script>
|
|
<script src="clickable.js"></script>
|
|
<div id="pyrowrapper">
|
|
</div>
|
|
</body>
|
|
</html> |