-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
75 lines (70 loc) · 8.92 KB
/
index.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
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="manifest" href="manifest.json">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<title>Scrumpoker</title>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/components/poker.css">
</head>
<body class="b-page">
<header class="b-header">
<svg xmlns="http://www.w3.org/2000/svg" width="90.6" height="95.1" viewBox="0 0 90.6 95.1">
<path fill="#fff" d="M24.2 70.8c-.2-.2-.6-.2-.8 0l-1.6 1.7v-5.3c0-.3-.3-.6-.6-.6s-.6.3-.6.6v5.5c-.5.2-.8.7-.8 1.2 0 .8.6 1.4 1.4 1.4.8 0 1.4-.6 1.4-1.4 0-.2 0-.3-.1-.5l1.7-1.8c.2-.2.2-.5 0-.8z"
/>
<path fill="#fff" d="M34.7 74v-.1c0-7.3-5.8-13.2-13-13.5h-1.2c-7.2.3-13 6.3-13 13.5 0 7.5 6.1 13.5 13.5 13.5 7.6-.1 13.6-6 13.7-13.4zm-6.9 10.2l-1.1-2c-.2-.3-.5-.4-.8-.2-.3.2-.4.5-.2.8l1.1 2c-1.5.8-3.2 1.2-5 1.3v-3.8c0-.3-.3-.6-.6-.6s-.6.3-.6.6v3.8c-1.8-.1-3.5-.5-5-1.3l1.1-2c.2-.3.1-.6-.2-.8-.3-.2-.6-.1-.8.2l-1.1 2c-1.5-.9-2.8-2.2-3.7-3.7l2-1.2c.3-.2.4-.5.2-.8-.2-.3-.5-.4-.8-.2l-2.1 1.2c-.8-1.5-1.3-3.2-1.4-5h2.8c.3 0 .6-.3.6-.6s-.3-.6-.6-.6H8.8c.1-1.8.5-3.6 1.3-5.1l2.2 1.3c.1.1.2.1.3.1.2 0 .4-.1.5-.3.2-.3.1-.6-.2-.8l-2.2-1.3c1-1.5 2.2-2.8 3.8-3.8l1.3 2.3c.1.2.3.3.5.3.1 0 .2 0 .3-.1.3-.2.4-.5.2-.8l-1.3-2.3c1.6-.8 3.3-1.3 5.2-1.4v3.1c0 .3.3.6.6.6s.6-.3.6-.6v-3.1c1.9.1 3.6.6 5.2 1.4l-1.3 2.3c-.2.3-.1.6.2.8-.1.1 0 .1.1.1.2 0 .4-.1.5-.3l1.3-2.3c1.5 1 2.8 2.3 3.7 3.8l-2.2 1.3c-.3.2-.4.5-.2.8.1.2.3.3.5.3.1 0 .2 0 .3-.1l2.2-1.3c.8 1.6 1.2 3.3 1.3 5.1h-3.8c-.3 0-.6.3-.6.6s.3.6.6.6h3.8c-.1 1.8-.6 3.5-1.4 5.1L30 78.4c-.3-.2-.6-.1-.8.2-.2.3-.1.6.2.8l2.1 1.2c-.9 1.5-2.2 2.7-3.7 3.6z"
/>
<path fill="#fff" d="M90.1 64.8L79.4 39.5V12.1c0-3.5-2.9-6.4-6.4-6.4h-7.9l-.8-1.8C62.9.7 59.2-.9 55.9.5L43.7 5.7H30.4c-3.5 0-6.4 2.9-6.4 6.4v2l-7.3 3.1c-3.2 1.4-4.8 5.1-3.4 8.4L24 50.9v2c-.9-.1-1.8-.2-2.8-.2C9.5 52.7 0 62.2 0 73.9s9.5 21.2 21.2 21.2c7.3 0 13.7-3.7 17.6-9.3l.3.7c1 2.4 3.4 3.9 5.9 3.9.8 0 1.7-.2 2.5-.5l12.3-5.2h13.3c3.5 0 6.4-2.9 6.4-6.4v-2l7.3-3.1c3.1-1.4 4.6-5.2 3.3-8.4zM56.9 2.7c.5-.2 1-.3 1.6-.3 1.6 0 3 .9 3.7 2.4l.4.9H49.8l7.1-3zM15.5 24.5c-.9-2 .1-4.4 2.1-5.2l6.4-2.7v28.1l-8.5-20.2zm5.7 30.4c2.6 0 5 .5 7.2 1.4L26.9 60c-1.7-.7-3.7-1.1-5.7-1.1v-4zm-7.1 1.5l1.5 3.7c-1.8.8-3.4 1.8-4.8 3.2l-2.9-2.8c1.8-1.8 3.9-3.2 6.2-4.1zM3.9 66.6l3.7 1.5c-.7 1.7-1.1 3.7-1.1 5.7h-4c-.1-2.6.4-5 1.4-7.2zm4 20.5c-1.7-1.7-3.1-3.8-4.1-6.1l3.7-1.5c.8 1.8 1.9 3.4 3.2 4.8l-2.8 2.8zm13.3 5.5c-2.5 0-5-.5-7.2-1.4l1.5-3.7c1.7.7 3.7 1.1 5.7 1.1v4zM8.8 73.8c0-6.9 5.6-12.4 12.4-12.4 6.9 0 12.4 5.6 12.4 12.4 0 6.9-5.6 12.4-12.4 12.4-6.8 0-12.4-5.6-12.4-12.4zm22.9-10.5l2.8-2.8c1.7 1.7 3.1 3.8 4.1 6.1l-3.7 1.5c-.7-1.8-1.8-3.4-3.2-4.8zm-3.2 27.9l-1.6-3.7c1.8-.8 3.4-1.8 4.8-3.2l2.8 2.8c-1.7 1.7-3.7 3.1-6 4.1zm6.4-11.8c.7-1.7 1.1-3.7 1.1-5.7h4c0 2.5-.5 5-1.4 7.2l-3.7-1.5zm11.6 8.2c-2 .8-4.4-.1-5.2-2.1l-.4-.9h12.7l-7.1 3zM77 78.2c0 2.2-1.8 4-4 4H40.7c1.1-2.6 1.7-5.4 1.7-8.4 0-9.9-6.9-18.3-16.1-20.6V12.1c0-2.2 1.8-4 4-4h42.6c2.2 0 4 1.8 4 4l.1 66.1zm8.8-7.2l-6.4 2.7v-28l8.5 20.1c.8 1.9-.1 4.3-2.1 5.2z"
/>
<path fill="#fff" d="M53.4 36.7l-.1.1c-.2.1-.4.3-.5.5-.1.2-.3.3-.4.5-.1.1-.1.2-.2.3v.1c0 .1-.1.2-.1.3 0 .1-.1.2-.1.3V40.2c0 .1 0 .1.1.2 0 .1.1.3.2.4v.1c.1.1.2.2.2.4.1.1.1.2.2.2l.2.2c.1.1.2.1.4.2.1 0 .1.1.2.1s.3 0 .4-.1c.1-.1.2-.2.2-.4v-.1-.7c0-.1.1-.2.1-.3v-.1l.1-.1.1-.1.1-.1c.1 0 .1-.1.2-.1s.1-.1.2-.1l.1-.1.2-.1.4-.2c.4-.2.7-.5 1-.9.3-.4.5-.8.7-1.2.1-.4.2-.8.2-1.3 0-.4-.1-.7-.2-1.1-.2-.5-.5-.9-.9-1.2-.1-.1-.2-.2-.3-.2-.1 0-.1-.1-.2-.1-.1-.1-.3 0-.4 0-.1.1-.2.2-.2.4v.4c-.1.3-.1.6-.3.9-.1.1-.1.3-.2.4-.1.1-.1.2-.2.3l-.3.3c-.1.1-.2.2-.4.3l-.2.1h-.1l-.1.1-.2.1h.1zm1.1 3.5zm-.8-9.7c.1.6.1 1.2 0 1.8-.1.6-.4 1.2-.7 1.8-.3.5-.7 1-1.2 1.4l-.5.4-.3.2-.2.1c-.1.1-.2.1-.3.2l-.2.2s-.1.1-.2.1l-.1.1-.1.2v.2c-.1.2-.1.4-.1.5v1.2c0 .3-.2.5-.5.6h-.5c-.2 0-.4-.1-.5-.2-.1-.1-.2-.1-.3-.2-.1-.1-.2-.2-.4-.3h-.1l-.4-.4-.1-.1c-.1-.2-.2-.3-.3-.5 0-.1-.1-.2-.1-.3v-.1c0-.1-.1-.2-.1-.3V37c-.1-.3-.1-.6-.1-.9V36v-.4c0-.2 0-.3.1-.5 0-.1.1-.3.1-.4v-.1c0-.2.1-.3.2-.5.1-.3.3-.5.4-.8.2-.3.4-.5.6-.7l.1-.1.1-.1c.1-.1.2-.1.2-.2l.1-.1.3-.2c.2-.2.4-.3.5-.5l.4-.4c.1-.2.2-.3.3-.5.1-.2.2-.4.2-.6.1-.5.1-.9.2-1.4v-.2-.4c0-.3.2-.5.5-.5h.1c.1 0 .2.1.3.1h.1c.2.1.3.2.5.2.6.4 1.1.9 1.4 1.5.3.4.4.8.6 1.3zm15.2 20c.8-3.1-1.1-6.3-4.3-7.1-.5-.1-.9-.2-1.4-.2H39.7c-.8 0-1.5.7-1.5 1.5v.1c.2 2.8.7 5.6 1.4 8.3.6 2 1.7 3.9 3.3 5.3h-2c-.9 0-1.7.8-1.7 1.7 0 .9.8 1.7 1.7 1.7h19.2c.9 0 1.7-.8 1.7-1.7 0-.9-.8-1.7-1.7-1.7h-2c1.1-1 2-2.2 2.6-3.5h2.6c2.6.1 5-1.8 5.6-4.4zm-3.4-.8c-.2 1-1.2 1.8-2.2 1.8h-1.5c.4-1.5.6-3.1.8-4.6h.7c1.3 0 2.3 1 2.3 2.3 0 .1-.1.3-.1.5z"
/>
</svg>
<h1>Scrumpoker</h1>
</header>
<div class="b-content">
<div id="js-poker" class="c-poker">
<div class="c-poker-card js-poker-card">1</div>
<div class="c-poker-card js-poker-card">2</div>
<div class="c-poker-card js-poker-card">3</div>
<div class="c-poker-card js-poker-card">5</div>
<div class="c-poker-card js-poker-card">8</div>
<div class="c-poker-card js-poker-card">13</div>
<div class="c-poker-card js-poker-card">21</div>
<div class="c-poker-card js-poker-card">34</div>
<div class="c-poker-card js-poker-card">55</div>
<div class="c-poker-card js-poker-card">89</div>
<div class="c-poker-card js-poker-card">∞</div>
<div class="c-poker-card js-poker-card">
<svg xmlns="http://www.w3.org/2000/svg" width="87.6" height="98.1" viewBox="0 0 87.6 98.1">
<path fill="#fff" d="M43.1 26.8c-.1.1-.2.2-.3.2-.5.4-1 .8-1.4 1.3l-.1.1c-.4.5-.8.9-1.1 1.4l-.1.2c-.2.3-.3.6-.5.9l-.1.1c-.1.2-.2.5-.3.8l-.3.9-.1.5c0 .1 0 .3-.1.4v.1c-.1.6-.1 1.3 0 1.9v.2c0 .2.1.5.1.7v.1c.1.2.1.4.2.5.1.4.3.8.5 1.2l.1.2c.2.3.4.7.7 1l.1.1.1.1c.2.2.4.4.7.6l.1.1c.2.2.4.3.6.4.3.2.7.4 1 .6h.1c.2.1.4.1.6.2.4.1.8 0 1.2-.3.3-.2.5-.6.5-1V40v-.5l.1-.8.1-.6.3-.9c0-.1.1-.2.1-.3l.1-.1.1-.1.2-.2.3-.2h.1l.3-.2c.2-.1.3-.2.5-.3l.6-.3.3-.2.6-.3 1.2-.6c1.1-.7 2-1.5 2.8-2.4.9-1 1.5-2.2 1.9-3.4.4-1.2.6-2.4.5-3.6-.1-1-.3-2-.7-3-.5-1.3-1.4-2.5-2.4-3.4-.3-.2-.6-.5-.9-.6l-.1-.1c-.2-.1-.3-.2-.5-.3-.4-.2-.8-.1-1.2.1-.4.2-.6.6-.7 1l-.1.4c0 .1 0 .2-.1.4l-.1.5c-.2.9-.4 1.7-.7 2.6-.1.4-.3.8-.5 1.1-.2.3-.4.6-.6.8-.3.3-.5.5-.8.7-.3.2-.7.5-1.1.7l-.6.3-.2.1-.2.2-.5.4-.3-.1zm3.1 9.9zM43.8 9.2c.3 1.6.4 3.3.1 5-.3 1.8-1 3.5-2 5.1-.9 1.5-2.1 2.8-3.4 3.9L37 24.4l-.7.5-.5.4c-.2.2-.5.4-.8.6-.2.2-.4.4-.6.5l-.4.4-.1.1-.3.3-.1.1-.3.3c0 .1-.1.2-.1.2l-.1.1v.1c0 .1-.1.2-.1.4l-.3 1.5V32c0 .3 0 .5.1.7l.1.5c.1.8-.5 1.5-1.3 1.6H31c-.3 0-.5-.1-.8-.1H30c-.5-.1-1-.3-1.5-.5-.3-.1-.6-.3-.9-.5l-.1-.1c-.3-.2-.7-.5-1-.7l-.2-.1-.1-.1c-.4-.4-.8-.8-1.1-1.2l-.1-.2c-.4-.5-.7-1-.9-1.5-.1-.2-.2-.5-.3-.7l-.2-.1-.3-.9-.1-.2c-.2-.8-.4-1.7-.4-2.5v-.2-.6l.1-.6c0-.4.1-.9.2-1.3s.2-.7.3-1.1l.1-.3c.1-.4.3-.9.5-1.3v-.1c.4-.8.8-1.5 1.2-2.2l.1-.1c.5-.7 1.1-1.4 1.7-2.1.1-.1.2-.3.4-.4l.4-.4c.2-.2.4-.4.7-.6l.4-.4.1-.1.9-.7c.5-.4 1-.9 1.4-1.3.4-.4.7-.8 1-1.2.3-.4.6-.9.8-1.4l.6-1.8c.3-1.3.4-2.6.5-3.9v-.7-1.2c0-.8.7-1.5 1.5-1.4.1 0 .3 0 .4.1.2.1.5.1.7.2l.2.1c.5.2.9.4 1.3.7 1.6 1.1 3 2.5 4 4.2.7 1.2 1.2 2.5 1.5 3.9zM87.1 66c2.2-8.9-3.2-17.9-12.1-20.1-1.3-.3-2.7-.5-4-.5H4.4C2 45.4 0 47.3 0 49.8v.2c.5 7.9 1.9 15.8 4.1 23.5 1.6 5.7 4.9 10.9 9.3 14.9H7.6c-2.7 0-4.8 2.2-4.8 4.8S5 98 7.6 98H62c2.7 0 4.8-2.2 4.8-4.8s-2.2-4.8-4.8-4.8h-5.8c3.1-2.8 5.6-6.1 7.4-9.8H71c7.6-.1 14.3-5.2 16.1-12.6zm-9.7-2.4c-.7 2.9-3.3 5-6.3 5h-4.2c1-4.3 1.8-8.7 2.3-13.1H71c3.6 0 6.5 2.9 6.5 6.5.1.5 0 1.1-.1 1.6z"
/>
</svg>
</div>
<div id="js-poker-hovercard" class="c-poker-hovercard__wrapper">
<div class="c-poker-hovercard">
<div class="c-poker-card__front">?</div>
<div id="js-poker-value" class="c-poker-card__back"></div>
</div>
</div>
</div>
</div>
<footer class="b-footer">© Pixelschubser | <a href="https://github.com/unterweltler/scrumpoker"
target="_blank">Github</a>
</footer>
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', function () {
navigator.serviceWorker.register('serviceworker.js').then(function (registration) {
console.log('Service Worker registration successful with scope: ', registration.scope);
}).catch(function (err) {
console.log('Service Worker registration failed: ', err);
});
});
}
</script>
<script src="js/poker.js"></script>
</body>
</html>