forked from Timwi/KtaneContent
-
Notifications
You must be signed in to change notification settings - Fork 0
/
101 Dalmatians.html
94 lines (90 loc) · 33.1 KB
/
101 Dalmatians.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1">
<title>101 Dalmatians — Keep Talking and Nobody Explodes Module</title>
<link rel="stylesheet" type="text/css" href="css/font.css">
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<script src="js/ktane-utils.js"></script>
<script src='js/ruleseed.js'></script>
<style>
.dark table, table {
border: none;
width: 100%;
}
.dalmatians td {
padding: 0;
text-align: center;
}
.dalmatians td svg {
width: 1.25cm;
}
.name {
font-size: 9pt;
}
.dark svg:not(.diagram) { filter: invert(87%); }
</style>
<script>
var _patterns = [
"0/0/1;5/0/1;5/120/1", "0/0/2;5/0/1;5/120/1", "0/0/3;5/0/1;5/120/1", "0/0/4;5/0/1;5/120/1", "0/0/1;5/0/2;5/120/1", "0/0/2;5/0/2;5/120/1", "0/0/3;5/0/2;5/120/1", "0/0/4;5/0/2;5/120/1", "0/0/1;5/0/3;5/120/1", "0/0/2;5/0/3;5/120/1", "0/0/3;5/0/3;5/120/1", "0/0/4;5/0/3;5/120/1", "0/0/1;5/0/1;5/120/2", "0/0/2;5/0/1;5/120/2", "0/0/3;5/0/1;5/120/2", "0/0/4;5/0/1;5/120/2", "0/0/1;5/0/2;5/120/2", "0/0/2;5/0/2;5/120/2", "0/0/3;5/0/2;5/120/2", "0/0/4;5/0/2;5/120/2", "0/0/1;5/0/3;5/120/2", "0/0/2;5/0/3;5/120/2", "0/0/3;5/0/3;5/120/2", "0/0/4;5/0/3;5/120/2", "0/0/1;5/0/1;5/120/3", "0/0/2;5/0/1;5/120/3", "0/0/3;5/0/1;5/120/3", "0/0/4;5/0/1;5/120/3", "0/0/1;5/0/2;5/120/3", "0/0/2;5/0/2;5/120/3", "0/0/3;5/0/2;5/120/3", "0/0/4;5/0/2;5/120/3", "0/0/1;5/0/3;5/120/3", "0/0/2;5/0/3;5/120/3", "0/0/3;5/0/3;5/120/3", "0/0/4;5/0/3;5/120/3", "5/0/1;5/120/1;5/240/1", "0/0/1;5/0/1;5/120/1;5/240/1", "0/0/2;5/0/1;5/120/1;5/240/1", "0/0/3;5/0/1;5/120/1;5/240/1", "0/0/4;5/0/1;5/120/1;5/240/1", "5/0/2;5/120/1;5/240/1", "0/0/1;5/0/2;5/120/1;5/240/1", "0/0/2;5/0/2;5/120/1;5/240/1", "0/0/3;5/0/2;5/120/1;5/240/1", "0/0/4;5/0/2;5/120/1;5/240/1", "5/0/3;5/120/1;5/240/1", "0/0/1;5/0/3;5/120/1;5/240/1", "0/0/2;5/0/3;5/120/1;5/240/1", "0/0/3;5/0/3;5/120/1;5/240/1", "0/0/4;5/0/3;5/120/1;5/240/1", "5/0/2;5/120/2;5/240/1", "0/0/1;5/0/2;5/120/2;5/240/1", "0/0/2;5/0/2;5/120/2;5/240/1", "0/0/3;5/0/2;5/120/2;5/240/1", "0/0/4;5/0/2;5/120/2;5/240/1", "5/0/3;5/120/2;5/240/1", "0/0/1;5/0/3;5/120/2;5/240/1", "0/0/2;5/0/3;5/120/2;5/240/1", "0/0/3;5/0/3;5/120/2;5/240/1", "0/0/4;5/0/3;5/120/2;5/240/1", "5/0/2;5/120/3;5/240/1", "0/0/1;5/0/2;5/120/3;5/240/1", "0/0/2;5/0/2;5/120/3;5/240/1", "0/0/3;5/0/2;5/120/3;5/240/1", "0/0/4;5/0/2;5/120/3;5/240/1", "5/0/3;5/120/3;5/240/1", "0/0/1;5/0/3;5/120/3;5/240/1", "0/0/2;5/0/3;5/120/3;5/240/1", "0/0/3;5/0/3;5/120/3;5/240/1", "0/0/4;5/0/3;5/120/3;5/240/1", "5/0/2;5/120/2;5/240/2", "0/0/1;5/0/2;5/120/2;5/240/2", "0/0/2;5/0/2;5/120/2;5/240/2", "0/0/3;5/0/2;5/120/2;5/240/2", "0/0/4;5/0/2;5/120/2;5/240/2", "5/0/3;5/120/2;5/240/2", "0/0/1;5/0/3;5/120/2;5/240/2", "0/0/2;5/0/3;5/120/2;5/240/2", "0/0/3;5/0/3;5/120/2;5/240/2", "0/0/4;5/0/3;5/120/2;5/240/2", "5/0/3;5/120/3;5/240/2", "0/0/1;5/0/3;5/120/3;5/240/2", "0/0/2;5/0/3;5/120/3;5/240/2", "0/0/3;5/0/3;5/120/3;5/240/2", "0/0/4;5/0/3;5/120/3;5/240/2", "5/0/3;5/120/3;5/240/3", "0/0/1;5/0/3;5/120/3;5/240/3", "0/0/2;5/0/3;5/120/3;5/240/3", "0/0/3;5/0/3;5/120/3;5/240/3", "0/0/4;5/0/3;5/120/3;5/240/3", "0/0/1;5/0/1;5/90/1", "0/0/2;5/0/1;5/90/1", "0/0/3;5/0/1;5/90/1", "0/0/4;5/0/1;5/90/1", "0/0/1;5/0/2;5/90/1", "0/0/2;5/0/2;5/90/1", "0/0/3;5/0/2;5/90/1", "0/0/4;5/0/2;5/90/1", "0/0/1;5/0/3;5/90/1", "0/0/2;5/0/3;5/90/1", "0/0/3;5/0/3;5/90/1", "0/0/4;5/0/3;5/90/1", "0/0/1;5/0/2;5/90/2", "0/0/2;5/0/2;5/90/2", "0/0/3;5/0/2;5/90/2", "0/0/4;5/0/2;5/90/2", "0/0/1;5/0/3;5/90/2", "0/0/2;5/0/3;5/90/2", "0/0/3;5/0/3;5/90/2", "0/0/4;5/0/3;5/90/2", "0/0/1;5/0/3;5/90/3", "0/0/2;5/0/3;5/90/3", "0/0/3;5/0/3;5/90/3", "0/0/4;5/0/3;5/90/3"
]
.map(str => str.split(';')).map(arr => arr.map(str => str.split('/').map(n => parseInt(n))).map(arr => ({ d: arr[0], a: arr[1], r: arr[2] })));
function setDefaultRules(rnd) { setRules(rnd); }
function setRules(rnd)
{
function sin(x) { return Math.sin(x * Math.PI / 180); }
function cos(x) { return Math.cos(x * Math.PI / 180); }
function min(arr, fnc) { return arr.map(fnc).reduce((p, n) => p < n ? p : n, fnc(arr[0])); }
function max(arr, fnc) { return arr.map(fnc).reduce((p, n) => p > n ? p : n, fnc(arr[0])); }
var skip = rnd.next(0, 100);
for (var i = 0; i < skip; i++)
rnd.nextDouble();
var patterns = rnd.shuffleFisherYates(_patterns.slice(0));
var svgs = [];
for (var i = 0; i < 101; i++)
{
var rotation = 360 * rnd.nextDouble();
var pattern = patterns[i].map(c => ({ x: c.d * cos(c.a + rotation), y: c.d * sin(c.a + rotation), r: c.r }));
var mx = (min(pattern, c => c.x - c.r) + max(pattern, c => c.x + c.r)) / 2;
var my = (min(pattern, c => c.y - c.r) + max(pattern, c => c.y + c.r)) / 2;
svgs.push(`<svg xmlns='http://www.w3.org/2000/svg' viewBox='${mx - 8} ${my - 8} 16 16'>${pattern.map(c => `<circle cx='${c.x}' cy='${c.y}' r='${c.r}' />`).join('')}</svg>`);
}
var list = document.getElementsByClassName('pattern');
for (var i = 0; i < list.length; i++)
list[i].innerHTML = svgs[i];
}
</script>
</head>
<body>
<div class="section">
<div class="page page-bg-03">
<div class="page-header">
<span class="page-header-doc-title">Keep Talking and Nobody Explodes Mod</span>
<span class="page-header-section-title">101 Dalmatians</span>
</div>
<div class="page-content">
<img class="diagram" src="img/Component/101 Dalmatians.svg">
<h2>On the Subject of 101 Dalmatians</h2>
<p class="flavour-text">Can you spot the difference?</p>
<p>Identify the fur spot on the module and submit the name of the corresponding dalmatian as listed below. The pattern may be rotated. The arrows can be long-pressed to scroll quickly.</p>
<table class='dalmatians'>
<!--%%-->
<tr><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.8073 -6.2015 16 16'><circle cx='0' cy='0' r='3' /><circle cx='4.385' cy='-2.402' r='1' /><circle cx='-0.113' cy='4.999' r='2' /></svg></div><div class='name'>Blackear</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.4078 -6.5849 16 16'><circle cx='0' cy='0' r='4' /><circle cx='4.931' cy='-0.83' r='3' /><circle cx='-1.746' cy='4.685' r='3' /><circle cx='-3.184' cy='-3.855' r='1' /></svg></div><div class='name'>Blackie</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-7.1830 -8.5260 16 16'><circle cx='-3.276' cy='-3.778' r='3' /><circle cx='4.909' cy='-0.948' r='3' /><circle cx='-1.634' cy='4.726' r='1' /></svg></div><div class='name'>Blob</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-9.0816 -8.7119 16 16'><circle cx='0' cy='0' r='2' /><circle cx='-4.793' cy='1.424' r='3' /><circle cx='1.163' cy='-4.863' r='2' /><circle cx='3.63' cy='3.439' r='2' /></svg></div><div class='name'>Blot</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.4605 -8.7156 16 16'><circle cx='0' cy='0' r='1' /><circle cx='-4.29' cy='2.568' r='3' /><circle cx='-0.079' cy='-4.999' r='2' /><circle cx='4.369' cy='2.431' r='2' /></svg></div><div class='name'>Bon-Bon</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-9.4850 -6.4980 16 16'><circle cx='0' cy='0' r='3' /><circle cx='2.995' cy='4.004' r='2' /><circle cx='-4.965' cy='0.592' r='3' /></svg></div><div class='name'>Bravo</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-9.6477 -6.6316 16 16'><circle cx='0' cy='0' r='3' /><circle cx='-2.559' cy='4.296' r='3' /><circle cx='-4.296' cy='-2.559' r='2' /></svg></div><div class='name'>Brownie</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.9565 -8.7121 16 16'><circle cx='0' cy='0' r='2' /><circle cx='-4.286' cy='2.575' r='3' /><circle cx='-0.087' cy='-4.999' r='2' /><circle cx='4.373' cy='2.424' r='1' /></svg></div><div class='name'>Bulgey</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.2004 -10.000 16 16'><circle cx='0' cy='0' r='1' /><circle cx='-3.999' cy='-3.001' r='2' /><circle cx='4.598' cy='-1.963' r='1' /></svg></div><div class='name'>Bump</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.8191 -8.4716 16 16'><circle cx='3.272' cy='3.781' r='3' /><circle cx='-4.91' cy='0.943' r='3' /><circle cx='1.638' cy='-4.724' r='3' /></svg></div><div class='name'>Cadpig</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.9974 -7.7175 16 16'><circle cx='0' cy='0' r='3' /><circle cx='2.973' cy='-4.02' r='3' /><circle cx='1.995' cy='4.585' r='3' /><circle cx='-4.968' cy='-0.565' r='3' /></svg></div><div class='name'>Corky</div></td></tr>
<tr><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.5102 -5.9864 16 16'><circle cx='0' cy='0' r='1' /><circle cx='4.611' cy='-1.933' r='2' /><circle cx='-0.632' cy='4.96' r='3' /></svg></div><div class='name'>D.J.</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.2842 -7.4419 16 16'><circle cx='0' cy='0' r='3' /><circle cx='4.432' cy='-2.315' r='2' /><circle cx='2.315' cy='4.432' r='1' /></svg></div><div class='name'>Da Vinci</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-5.9630 -7.7606 16 16'><circle cx='0' cy='0' r='3' /><circle cx='4.977' cy='-0.479' r='3' /><circle cx='-2.074' cy='4.55' r='1' /><circle cx='-2.903' cy='-4.071' r='1' /></svg></div><div class='name'>Dante</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-9.433 -6.566 16 16'><circle cx='0' cy='0' r='3' /><circle cx='-1.144' cy='4.867' r='1' /><circle cx='-4.867' cy='-1.144' r='1' /></svg></div><div class='name'>Dash</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.6049 -7.829 16 16'><circle cx='0' cy='0' r='2' /><circle cx='2.79' cy='-4.149' r='2' /><circle cx='2.198' cy='4.491' r='2' /></svg></div><div class='name'>Dawkins</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.4491 -9.2363 16 16'><circle cx='2.079' cy='-4.547' r='3' /><circle cx='2.898' cy='4.074' r='1' /><circle cx='-4.978' cy='0.473' r='1' /></svg></div><div class='name'>Deja Vu</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.8077 -8.4338 16 16'><circle cx='0' cy='0' r='4' /><circle cx='-2.614' cy='-4.262' r='3' /><circle cx='4.998' cy='-0.132' r='3' /><circle cx='-2.385' cy='4.395' r='2' /></svg></div><div class='name'>Dingo</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-9.7191 -8.0354 16 16'><circle cx='0' cy='0' r='4' /><circle cx='-4.999' cy='0.071' r='3' /><circle cx='2.438' cy='-4.365' r='2' /><circle cx='2.561' cy='4.294' r='2' /></svg></div><div class='name'>Dipper</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.3429 -6.8884 16 16'><circle cx='0' cy='0' r='2' /><circle cx='-0.314' cy='4.99' r='3' /><circle cx='-4.165' cy='-2.767' r='3' /><circle cx='4.479' cy='-2.223' r='2' /></svg></div><div class='name'>Dipstick</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.9341 -9.227 16 16'><circle cx='0' cy='0' r='1' /><circle cx='-1.132' cy='-4.87' r='3' /><circle cx='4.784' cy='1.455' r='3' /><circle cx='-3.652' cy='3.415' r='2' /></svg></div><div class='name'>Disco</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.9992 -8.062 16 16'><circle cx='0' cy='0' r='4' /><circle cx='-4.998' cy='0.125' r='1' /><circle cx='2.391' cy='-4.391' r='1' /><circle cx='2.608' cy='4.266' r='1' /></svg></div><div class='name'>Disel</div></td></tr>
<tr><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.6888 -8.6050 16 16'><circle cx='0' cy='0' r='2' /><circle cx='1.378' cy='-4.806' r='2' /><circle cx='3.474' cy='3.596' r='2' /><circle cx='-4.851' cy='1.21' r='2' /></svg></div><div class='name'>Dolly</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.3341 -7.8717 16 16'><circle cx='-1.332' cy='4.819' r='2' /><circle cx='-3.508' cy='-3.563' r='3' /><circle cx='4.84' cy='-1.256' r='1' /></svg></div><div class='name'>Dorothy</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.85 -6.2564 16 16'><circle cx='0' cy='0' r='3' /><circle cx='4.487' cy='2.206' r='2' /><circle cx='-2.206' cy='4.487' r='2' /></svg></div><div class='name'>Dot</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-4.953 -8.3885 16 16'><circle cx='0' cy='0' r='1' /><circle cx='4.094' cy='-2.871' r='3' /><circle cx='2.871' cy='4.094' r='1' /></svg></div><div class='name'>Duke</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-5.6340 -5.3728 16 16'><circle cx='0' cy='0' r='2' /><circle cx='4.993' cy='0.261' r='3' /><circle cx='-0.261' cy='4.993' r='3' /></svg></div><div class='name'>Dylan</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-7.8858 -7.5990 16 16'><circle cx='0' cy='0' r='1' /><circle cx='3.892' cy='-3.138' r='2' /><circle cx='0.772' cy='4.94' r='1' /><circle cx='-4.664' cy='-1.802' r='1' /></svg></div><div class='name'>Fatty</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-5.4278 -10.249 16 16'><circle cx='0' cy='0' r='1' /><circle cx='1.322' cy='-4.822' r='3' /><circle cx='4.822' cy='1.322' r='2' /></svg></div><div class='name'>Fidget</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.9509 -5.8219 16 16'><circle cx='0' cy='0' r='2' /><circle cx='2.454' cy='4.356' r='2' /><circle cx='-4.356' cy='2.454' r='2' /></svg></div><div class='name'>Flapper</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-9.808 -7.6167 16 16'><circle cx='0' cy='0' r='4' /><circle cx='3.288' cy='3.767' r='1' /><circle cx='-4.906' cy='0.964' r='3' /></svg></div><div class='name'>Football</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-9.0869 -8.7067 16 16'><circle cx='0' cy='0' r='4' /><circle cx='-4.796' cy='1.413' r='2' /><circle cx='1.174' cy='-4.86' r='1' /><circle cx='3.622' cy='3.447' r='1' /></svg></div><div class='name'>Freckles</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.858 -6.8475 16 16'><circle cx='0' cy='0' r='1' /><circle cx='4.827' cy='-1.305' r='2' /><circle cx='-1.283' cy='4.833' r='2' /><circle cx='-3.543' cy='-3.528' r='1' /></svg></div><div class='name'>Furrball</div></td></tr>
<tr><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-7.0363 -8.9636 16 16'><circle cx='0' cy='0' r='4' /><circle cx='-0.85' cy='-4.927' r='1' /><circle cx='4.927' cy='-0.85' r='1' /></svg></div><div class='name'>Guy</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.087 -9.6730 16 16'><circle cx='0.176' cy='-4.997' r='2' /><circle cx='4.239' cy='2.651' r='1' /><circle cx='-4.415' cy='2.346' r='1' /></svg></div><div class='name'>Growly</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-7.1702 -8.4605 16 16'><circle cx='4.914' cy='0.921' r='2' /><circle cx='-3.255' cy='3.796' r='2' /><circle cx='-1.66' cy='-4.717' r='2' /></svg></div><div class='name'>Ham</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-9.4739 -7.439 16 16'><circle cx='0' cy='0' r='4' /><circle cx='-3.948' cy='3.068' r='3' /><circle cx='-3.068' cy='-3.948' r='1' /></svg></div><div class='name'>Harvey</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-5.9770 -7.4825 16 16'><circle cx='0' cy='0' r='3' /><circle cx='4.046' cy='-2.938' r='3' /><circle cx='0.521' cy='4.973' r='2' /></svg></div><div class='name'>Holly</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-7.1118 -10.454 16 16'><circle cx='0' cy='0' r='3' /><circle cx='-0.95' cy='-4.909' r='3' /><circle cx='4.726' cy='1.632' r='1' /></svg></div><div class='name'>Hoofer</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-7.2780 -9.0528 16 16'><circle cx='0' cy='0' r='2' /><circle cx='-4.091' cy='-2.875' r='1' /><circle cx='4.535' cy='-2.106' r='2' /></svg></div><div class='name'>Hoover</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-9.600 -6.1235 16 16'><circle cx='0' cy='0' r='2' /><circle cx='1.553' cy='4.753' r='1' /><circle cx='-4.753' cy='1.553' r='1' /></svg></div><div class='name'>Hungry</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.6674 -6.7476 16 16'><circle cx='0' cy='0' r='4' /><circle cx='2.17' cy='4.505' r='2' /><circle cx='-4.505' cy='2.17' r='1' /></svg></div><div class='name'>Inky</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-7.1212 -7.5908 16 16'><circle cx='-1.758' cy='4.681' r='1' /><circle cx='-3.175' cy='-3.863' r='1' /><circle cx='4.933' cy='-0.818' r='1' /></svg></div><div class='name'>Jewel</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-9.7834 -6.5313 16 16'><circle cx='0' cy='0' r='3' /><circle cx='0.521' cy='4.973' r='2' /><circle cx='-4.567' cy='-2.036' r='2' /></svg></div><div class='name'>Jolly</div></td></tr>
<tr><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-9.1462 -8.1181 16 16'><circle cx='0' cy='0' r='1' /><circle cx='2.702' cy='4.207' r='3' /><circle cx='-4.994' cy='0.236' r='3' /><circle cx='2.293' cy='-4.443' r='3' /></svg></div><div class='name'>Kirby</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.6275 -8.9607 16 16'><circle cx='0' cy='0' r='4' /><circle cx='-3.255' cy='3.795' r='2' /><circle cx='-1.659' cy='-4.717' r='3' /></svg></div><div class='name'>Latch</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.8714 -6.6403 16 16'><circle cx='0' cy='0' r='3' /><circle cx='4.453' cy='-2.274' r='3' /><circle cx='-0.257' cy='4.993' r='3' /><circle cx='-4.196' cy='-2.719' r='1' /></svg></div><div class='name'>Lenny</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-9.3486 -6.5376 16 16'><circle cx='0' cy='0' r='3' /><circle cx='0.865' cy='4.925' r='1' /><circle cx='-4.697' cy='-1.713' r='1' /></svg></div><div class='name'>Leno</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-9.2507 -9.88 16 16'><circle cx='0' cy='0' r='1' /><circle cx='-4.881' cy='-1.084' r='3' /><circle cx='3.38' cy='-3.685' r='2' /></svg></div><div class='name'>Lipdip</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.9244 -6.7935 16 16'><circle cx='0' cy='0' r='1' /><circle cx='2.134' cy='4.522' r='3' /><circle cx='-4.983' cy='-0.413' r='2' /><circle cx='2.849' cy='-4.109' r='1' /></svg></div><div class='name'>Lucky</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.5248 -7.2324 16 16'><circle cx='0' cy='0' r='2' /><circle cx='3.709' cy='-3.353' r='3' /><circle cx='1.05' cy='4.889' r='3' /><circle cx='-4.758' cy='-1.535' r='3' /></svg></div><div class='name'>Ludo</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-10.203 -8.5221 16 16'><circle cx='0' cy='0' r='2' /><circle cx='-4.407' cy='2.362' r='2' /><circle cx='-2.362' cy='-4.407' r='1' /></svg></div><div class='name'>Lugnut</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-7.6108 -6.3472 16 16'><circle cx='0' cy='0' r='4' /><circle cx='4.215' cy='-2.69' r='2' /><circle cx='0.222' cy='4.995' r='3' /><circle cx='-4.437' cy='-2.305' r='1' /></svg></div><div class='name'>Lumpy</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.3520 -9.6461 16 16'><circle cx='0' cy='0' r='2' /><circle cx='-1.296' cy='-4.829' r='3' /><circle cx='4.83' cy='1.292' r='3' /><circle cx='-3.534' cy='3.537' r='1' /></svg></div><div class='name'>Missy</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.1504 -9.6044 16 16'><circle cx='0' cy='0' r='2' /><circle cx='-2.295' cy='-4.442' r='2' /><circle cx='4.995' cy='0.233' r='3' /></svg></div><div class='name'>Nosey</div></td></tr>
<tr><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-9.2605 -8.532 16 16'><circle cx='0' cy='0' r='3' /><circle cx='-4.885' cy='1.064' r='2' /><circle cx='1.521' cy='-4.763' r='1' /><circle cx='3.364' cy='3.699' r='1' /></svg></div><div class='name'>Pandy</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.9661 -5.7238 16 16'><circle cx='0' cy='0' r='1' /><circle cx='4.976' cy='0.485' r='2' /><circle cx='-2.909' cy='4.067' r='2' /></svg></div><div class='name'>Patches</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.0498 -6.7934 16 16'><circle cx='0' cy='0' r='1' /><circle cx='4.279' cy='-2.586' r='2' /><circle cx='0.1' cy='4.999' r='2' /><circle cx='-4.379' cy='-2.413' r='2' /></svg></div><div class='name'>Penny</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-7.2041 -8.4957 16 16'><circle cx='0' cy='0' r='4' /><circle cx='-1.592' cy='-4.74' r='2' /><circle cx='4.901' cy='0.991' r='2' /><circle cx='-3.309' cy='3.748' r='2' /></svg></div><div class='name'>Pepper</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-10.371 -7.7146 16 16'><circle cx='0' cy='0' r='1' /><circle cx='-3.744' cy='3.314' r='2' /><circle cx='-3.314' cy='-3.744' r='1' /></svg></div><div class='name'>Perdita</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-5.8122 -9.2097 16 16'><circle cx='0' cy='0' r='1' /><circle cx='0.092' cy='-4.999' r='3' /><circle cx='4.283' cy='2.58' r='3' /></svg></div><div class='name'>Pickle</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-10.797 -9.3110 16 16'><circle cx='0' cy='0' r='1' /><circle cx='-4.595' cy='1.972' r='2' /><circle cx='-1.972' cy='-4.595' r='2' /></svg></div><div class='name'>Plato</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-7.1431 -8.432 16 16'><circle cx='0' cy='0' r='1' /><circle cx='-1.714' cy='-4.697' r='1' /><circle cx='4.925' cy='0.864' r='1' /><circle cx='-3.211' cy='3.833' r='1' /></svg></div><div class='name'>Playdoh</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.8181 -8.0779 16 16'><circle cx='0' cy='0' r='3' /><circle cx='4.998' cy='0.156' r='1' /><circle cx='-2.634' cy='4.25' r='1' /><circle cx='-2.364' cy='-4.406' r='1' /></svg></div><div class='name'>Pointy</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-7.0091 -5.4879 16 16'><circle cx='0' cy='0' r='2' /><circle cx='4.61' cy='-1.936' r='1' /><circle cx='-0.628' cy='4.96' r='3' /></svg></div><div class='name'>Pokey</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-7.0018 -8.7115 16 16'><circle cx='0' cy='0' r='4' /><circle cx='-2.332' cy='-4.423' r='1' /><circle cx='4.996' cy='0.192' r='1' /></svg></div><div class='name'>Polly</div></td></tr>
<tr><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-7.7825 -8.4239 16 16'><circle cx='0' cy='0' r='4' /><circle cx='-3.431' cy='-3.638' r='3' /><circle cx='4.865' cy='-1.152' r='2' /><circle cx='-1.435' cy='4.79' r='1' /></svg></div><div class='name'>Pongo</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-7.0793 -8.8647 16 16'><circle cx='0' cy='0' r='2' /><circle cx='-1.841' cy='-4.649' r='2' /><circle cx='4.946' cy='0.73' r='1' /><circle cx='-3.105' cy='3.919' r='1' /></svg></div><div class='name'>Pooh</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.6462 -7.121 16 16'><circle cx='0' cy='0' r='3' /><circle cx='2.287' cy='-4.446' r='1' /><circle cx='2.707' cy='4.204' r='3' /></svg></div><div class='name'>Puddles</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.2803 -6.930 16 16'><circle cx='0' cy='0' r='4' /><circle cx='4.439' cy='-2.301' r='3' /><circle cx='2.301' cy='4.439' r='3' /></svg></div><div class='name'>Purdy</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.8564 -5.713 16 16'><circle cx='0' cy='0' r='1' /><circle cx='4.372' cy='-2.426' r='1' /><circle cx='-0.085' cy='4.999' r='3' /></svg></div><div class='name'>Queeny</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-7.8023 -9.4172 16 16'><circle cx='0' cy='0' r='1' /><circle cx='-4.119' cy='-2.835' r='1' /><circle cx='4.514' cy='-2.15' r='1' /></svg></div><div class='name'>Roger</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.6873 -8.1065 16 16'><circle cx='0' cy='0' r='3' /><circle cx='3.476' cy='3.594' r='3' /><circle cx='-4.851' cy='1.213' r='3' /><circle cx='1.375' cy='-4.807' r='2' /></svg></div><div class='name'>Roly Poly</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-7.4652 -7.7582 16 16'><circle cx='0' cy='0' r='3' /><circle cx='-2.07' cy='4.552' r='2' /><circle cx='-2.907' cy='-4.068' r='2' /><circle cx='4.977' cy='-0.484' r='1' /></svg></div><div class='name'>Rover</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-10.789 -8.0444 16 16'><circle cx='0' cy='0' r='1' /><circle cx='-3.58' cy='3.491' r='3' /><circle cx='-3.491' cy='-3.58' r='3' /></svg></div><div class='name'>Sa-Sa</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-7.8482 -7.3576 16 16'><circle cx='0' cy='0' r='2' /><circle cx='-1.304' cy='4.827' r='2' /><circle cx='-3.529' cy='-3.542' r='2' /><circle cx='4.832' cy='-1.285' r='1' /></svg></div><div class='name'>Salter</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.4518 -7.2919 16 16'><circle cx='0' cy='0' r='3' /><circle cx='-4.281' cy='-2.583' r='3' /><circle cx='4.378' cy='-2.416' r='2' /><circle cx='-0.096' cy='4.999' r='2' /></svg></div><div class='name'>Scooter</div></td></tr>
<tr><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.044 -7.2117 16 16'><circle cx='0' cy='0' r='2' /><circle cx='4.285' cy='2.576' r='1' /><circle cx='-4.374' cy='2.423' r='1' /></svg></div><div class='name'>Scottie</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.447 -8.2596 16 16'><circle cx='0' cy='0' r='1' /><circle cx='-3.67' cy='-3.396' r='3' /><circle cx='4.776' cy='-1.481' r='1' /><circle cx='-1.106' cy='4.876' r='1' /></svg></div><div class='name'>Sleepy</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.1319 -9.0551 16 16'><circle cx='0' cy='0' r='4' /><circle cx='-3.915' cy='-3.11' r='3' /><circle cx='4.651' cy='-1.835' r='2' /></svg></div><div class='name'>Smokey</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.1021 -7.7295 16 16'><circle cx='0' cy='0' r='3' /><circle cx='3.796' cy='-3.255' r='3' /><circle cx='3.255' cy='3.796' r='3' /></svg></div><div class='name'>Sniff</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.680 -8.4029 16 16'><circle cx='0' cy='0' r='3' /><circle cx='4.138' cy='2.806' r='2' /><circle cx='-4.499' cy='2.181' r='3' /><circle cx='0.361' cy='-4.987' r='1' /></svg></div><div class='name'>Spanky</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.5964 -6.579 16 16'><circle cx='0' cy='0' r='2' /><circle cx='1.736' cy='4.689' r='3' /><circle cx='-4.929' cy='-0.841' r='1' /><circle cx='3.193' cy='-3.848' r='1' /></svg></div><div class='name'>Spark</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-10.093 -9.1293 16 16'><circle cx='0' cy='0' r='3' /><circle cx='-4.187' cy='2.734' r='3' /><circle cx='-0.274' cy='-4.992' r='3' /></svg></div><div class='name'>Spatter</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-9.6550 -8.2327 16 16'><circle cx='0' cy='0' r='4' /><circle cx='-4.31' cy='2.534' r='3' /><circle cx='-0.04' cy='-5' r='1' /></svg></div><div class='name'>Speedy</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.3235 -9.8545 16 16'><circle cx='0' cy='0' r='4' /><circle cx='-1.536' cy='-4.758' r='3' /><circle cx='4.889' cy='1.049' r='3' /></svg></div><div class='name'>Sport</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-7.1579 -9.110 16 16'><circle cx='0' cy='0' r='1' /><circle cx='0.316' cy='-4.99' r='3' /><circle cx='4.164' cy='2.769' r='3' /><circle cx='-4.479' cy='2.221' r='1' /></svg></div><div class='name'>Spot</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.1741 -6.2923 16 16'><circle cx='0' cy='0' r='2' /><circle cx='4.784' cy='-1.455' r='3' /><circle cx='-1.132' cy='4.87' r='3' /></svg></div><div class='name'>Spotty</div></td></tr>
<tr><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.5623 -9.2309 16 16'><circle cx='1.125' cy='-4.872' r='3' /><circle cx='3.657' cy='3.41' r='2' /><circle cx='-4.782' cy='1.462' r='2' /></svg></div><div class='name'>Steve</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-7.073 -6.830 16 16'><circle cx='0' cy='0' r='4' /><circle cx='4.338' cy='2.486' r='2' /><circle cx='-2.486' cy='4.338' r='2' /></svg></div><div class='name'>Sugar</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.2359 -9.5143 16 16'><circle cx='0' cy='0' r='1' /><circle cx='-4.042' cy='2.943' r='2' /><circle cx='-0.528' cy='-4.972' r='3' /><circle cx='4.57' cy='2.029' r='1' /></svg></div><div class='name'>Swifty</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.3006 -9.0944 16 16'><circle cx='0' cy='0' r='2' /><circle cx='-1.399' cy='-4.8' r='2' /><circle cx='4.857' cy='1.189' r='3' /><circle cx='-3.458' cy='3.611' r='1' /></svg></div><div class='name'>Thunder</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.8605 -8.3688 16 16'><circle cx='0' cy='0' r='4' /><circle cx='4.463' cy='2.254' r='3' /><circle cx='-4.184' cy='2.738' r='1' /><circle cx='-0.279' cy='-4.992' r='1' /></svg></div><div class='name'>Tiger</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.1022 -10.690 16 16'><circle cx='0' cy='0' r='2' /><circle cx='1.415' cy='-4.796' r='3' /><circle cx='4.796' cy='1.415' r='1' /></svg></div><div class='name'>Tiresome</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.9088 -8.1797 16 16'><circle cx='0' cy='0' r='4' /><circle cx='-2.182' cy='-4.499' r='3' /><circle cx='4.987' cy='0.359' r='3' /><circle cx='-2.805' cy='4.139' r='3' /></svg></div><div class='name'>Tripod</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-8.4692 -9.9867 16 16'><circle cx='0' cy='0' r='1' /><circle cx='-3.973' cy='-3.035' r='1' /><circle cx='3.035' cy='-3.973' r='1' /></svg></div><div class='name'>Two-Tone</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-7.4940 -7.3376 16 16'><circle cx='0' cy='0' r='4' /><circle cx='4.746' cy='1.572' r='2' /><circle cx='-3.735' cy='3.325' r='2' /></svg></div><div class='name'>Wags</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.8989 -7.8312 16 16'><circle cx='0' cy='0' r='3' /><circle cx='4.989' cy='-0.337' r='2' /><circle cx='-2.202' cy='4.489' r='2' /><circle cx='-2.787' cy='-4.152' r='2' /></svg></div><div class='name'>Whitey</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.9504 -8.1389 16 16'><circle cx='0' cy='0' r='3' /><circle cx='3.099' cy='-3.924' r='2' /><circle cx='1.848' cy='4.646' r='1' /></svg></div><div class='name'>Whizzer</div></td></tr>
<tr><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.3213 -6.9725 16 16'><circle cx='0' cy='0' r='1' /><circle cx='3.357' cy='-3.705' r='1' /><circle cx='1.53' cy='4.76' r='2' /></svg></div><div class='name'>Yank</div></td><td><div class='pattern'><svg xmlns='http://www.w3.org/2000/svg' viewBox='-7.9132 -8.8748 16 16'><circle cx='0.827' cy='-4.931' r='3' /><circle cx='3.857' cy='3.181' r='3' /><circle cx='-4.684' cy='1.75' r='2' /></svg></div><div class='name'>Yoyo</div></td></tr><!--%%%-->
</table>
</div>
<div class="page-footer relative-footer">Page 1 of 1</div>
</div>
</div>
</body>
</html>