forked from chralp/heyburrito-theme
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
133 lines (120 loc) · 18 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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>HeyFixter dashboard</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/rain.css">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" type="image/png" href="favicon.png"/>
</head>
<body>
<div id="header">
<div id="logo">
<p>
<img src="./img/emoji.png" />
Hey Fixter
</p>
</div>
<div id="filter">
<p>
<label class="c-switch" id="switchToFrom">
<input class="c-switch__input" id="switchToFromInput" type="checkbox" checked>
<span class="c-switch__values">
<span class="c-switch__value c-switch__value--true">To</span>
<span class="c-switch__value c-switch__value--false">From</span>
</span>
</label>
</p>
<!-- <p>
<label class="c-switch" id="switchType">
<input class="c-switch__input" id="switchTypeInput" type="checkbox" checked>
<span class="c-switch__values">
<span class="c-switch__value c-switch__value--true">
<svg xmlns="http://www.w3.org/2000/svg" width="0.85em" viewBox="0 0 93 189">
<g fill="none" fill-rule="evenodd" transform="translate(1.742188 -6.878615)">
<g transform="translate(2.894531)">
<path fill="#B9CD2B" stroke="#000" stroke-width="3" d="M60.22369452 14.09588889c.08769317.19496398.11059906.41289936.0653575.62183537l-2.04128505 9.42649376 9.74451043 3.13171892c.52581225.16893785.81511605.732144.6461782 1.25795625-.06381661.19862653-.18815797.37232022-.3556113.49675681l-5.26787819 3.91383974 3.35160946 3.6062058c.37604758.40448323.35299599 1.03722842-.05148724 1.413276-.16467872.1531015-.37615027.24623477-.60027187.26436304l-8.62102762.69660495.0996039 12.67690775c.00429525.55226806-.43992441 1.00345179-.99219247 1.00774705-.22542404.00175328-.44482731-.07271234-.62261436-.21131553l-6.86736387-5.35429845-1.7937028 3.23015067c-.26818185.4828012-.87697388.65678455-1.359775.38860277-.19063406-.1058917-.34142876-.27119575-.42941118-.47072897l-2.4174445-5.4836632-10.79453279 3.88038843c-.5197331.1868045-1.092495-.08308745-1.27929943-.60282063-.07529005-.20947412-.07853783-.43808058-.00922889-.64960902l3.3289515-10.15954227-6.60227544-1.37771669c-.54062407-.11288954-.88737133-.642667-.77448173-1.18329115.04457444-.21346543.15770525-.40650931.32215746-.54972201l5.155653-4.49150471-5.12128074-7.20910418c-.31985639-.45023362-.2141648-1.07451498.23606882-1.39437136.17159454-.12190484.37728032-.18655518.58776122-.18474288l8.00953648.0679663-.99334966-7.6792362c-.0708991-.54771506.31563654-1.04920096.86335153-1.12009998.22299314-.02886545.4492071.01826528.64211866.13378254l7.82556673 4.68570487 5.13464294-7.57888954c.30973535-.45725545.93150411-.5768441 1.38875956-.26710875.19251387.13040485.33356662.32382099.39889535.5469783l1.95549066 6.67876758 5.91610142-2.66006736c.50367962-.22655087 1.09564839-.00189366 1.32219931.50178598z"/>
<circle cx="58.8632812" cy="40.3786149" r="24.5" fill="#CC4530" stroke="#000" stroke-width="3"/>
<circle cx="58.3632812" cy="39.8786149" r="20" fill="#F2624B"/>
<circle cx="24.8632812" cy="39.3786149" r="24.5" fill="#CC4530" stroke="#000" stroke-width="3"/>
<circle cx="25.3632812" cy="38.8786149" r="20" fill="#F2624B"/>
<ellipse cx="50.3632812" cy="49.3786149" fill="#7F520C" stroke="#000" stroke-width="3" rx="26" ry="22.5"/>
<circle cx="59.8632812" cy="42.3786149" r="3.5" fill="#000" fill-opacity=".17"/>
<circle cx="53.8632812" cy="34.3786149" r="3.5" fill="#000" fill-opacity=".17"/>
<path fill="#B9CD2B" stroke="#000" stroke-width="3" d="M21.2244209 27.9821019c.1972126.0973302.3568401.2569577.4541703.4541703l2.7736901 5.6193427 5.8225886-2.3195405c.5130306-.2044947 1.0946998.045623 1.2991945.5586535.0814309.2042915.0932456.4297295.0336151.6414137l-1.2603982 4.4704733 4.5973718.6680155c.5465449.0794176.9252263.5868604.8458087 1.1334053-.0316245.217637-.1341117.4187794-.2915953.572288l-4.4895852 4.3752912 4.007683 4.8199507c.3530212.4247286.2948908 1.0552195-.1298378 1.4082407-.1691292.140575-.3798826.2214756-.5996331.2301776l-4.6412121.183631.7854005 4.5778999c.093361.5443364-.2722269 1.0612924-.8165633 1.1546534-.2167576.0371768-.4397257.0018621-.6343862-.1004769l-5.548451-2.9170764-3.3456596 5.3002461c-.2948514.4669916-.9124472.6065387-1.3794387.3116872-.1859585-.1174113-.3280259-.29285-.4042086-.4991561l-1.6096931-4.3577772-4.1103033 2.1620764c-.4888446.2570008-1.0934717.0690543-1.3504725-.4197903-.1023391-.1946605-.1376538-.4176286-.1004769-.6343862l1.0582527-6.1778999-6.07321318-1.544462c-.53524943-.1361121-.85881421-.6803581-.72270215-1.2156075.05420053-.2131392.17715138-.4024669.34981832-.538673l3.64609696-2.8772575-3.32543741-3.2412912c-.39548358-.3855012-.40357588-1.0186144-.01807467-1.414098.1535086-.1574837.35465101-.2599708.57228804-.2915953l6.20222409-.9010155-.4075295-6.2548364c-.0359509-.5511134.3816708-1.0270231.9327842-1.062974.2194563-.0143158.4375115.0441119.6204083.1662379l3.862337 2.5785725 2.0558378-4.1643427c.2444223-.4952536.8440481-.6985926 1.3393018-.4541703z"/>
<path fill="#B9CD2B" stroke="#000" stroke-width="3" d="M35.09975434 32.87902695c.21917295-.01814373.43821467.0364695.62321493.15538493l5.2716919 3.3881608 3.79628088-4.98708908c.3344305-.43951647.96183846-.52470554 1.40135487-.19027513.1750178.13317198.30125413.32032504.35916624.5324858l1.22209184 4.4810966 4.2847702-1.79522049c.5093835-.21341726 1.09532917.02651077 1.30874644.53589428.08498385.20283914.10073117.42803664.04480415.64072924l-1.59488407 6.06266387 5.91771295 2.0673948c.52134963.1822441.79624897.75261965.61400486 1.27396928-.07257054.20760427-.21155457.38549565-.39543566.5061346l-3.88371829 2.54780343 3.03101238 3.51951493c.36037997.4185029.313262 1.04991236-.1052409 1.41029233-.16665005.14350516-.37595943.22807161-.59552453.24060754l-6.25835618.35724101-.13796146 6.26633973c-.01221852.55214962-.46972938.98985019-1.02187897.97763152-.21986884-.00486541-.43200198-.08207561-.6035588-.21967746l-3.62419746-2.90629089-2.40966592 3.9702239c-.28665641.47206626-.9017226.62237064-1.37378886.33571423-.1879793-.11414808-.33308696-.28708063-.41285856-.49202568l-2.27475406-5.84053421-6.0012165 1.80407371c-.5289012.15900298-1.08655777-.1408587-1.24556075-.6697599-.06331591-.21061127-.0554374-.43622118.0224157-.64190263l1.64341796-4.34416982-4.51984467-1.0656019c-.53754332-.12674996-.87055717-.66526605-.74380726-1.20280946.05047245-.21405265.17010038-.40549724.34036387-.54469606l4.8522864-3.96670259-3.57079985-5.15154802c-.31466032-.4538803-.20180027-1.07690562.25208003-1.39156594.18073758-.12529938.39773986-.1875238.61741255-.1770402l4.638732.22101742-.3825981-4.62837314c-.04556367-.55040198.36368864-1.03352764.9140907-1.07909135z"/>
</g>
<path fill="#DEAE7E" stroke="#000" stroke-width="3" d="M72.304795 88.7622792l9.95844 61.0494558c3.3811197 20.727695-10.6810586 40.271752-31.4087544 43.652871-2.0239726.330153-4.0713355.49604-6.1220587.49604C20.0273875 193.960646 0 173.933259 0 149.228224V42.6822255c0-1.6568542 1.34314575-3 3-3a2.99999727 2.99999727 0 01.69894083.0825557l29.68973107 7.1128571C53.6147461 51.7232591 68.9563947 68.235167 72.304795 88.7622792z"/>
<path fill="#F4C99D" stroke="#000" stroke-width="3" d="M89.4648438 39.9846204V150.857131c0 23.805414-19.2981013 43.103515-43.1035157 43.103515h-1.544464c-20.9868202 0-37.99999953-17.01318-37.99999953-38a38.000004 38.000004 0 01.25826106-4.422798C11.4439418 114.25676 17.7535354 88.1952187 26.0039062 73.3532243c10.9552306-19.7078984 31.7408903-31.1622927 62.3569792-34.363183.5492801-.0574026 1.041111.3413214 1.0985376.8905991a.99996908.99996908 0 01.0054208.10398z"/>
<circle cx="73.7578125" cy="65.3786149" r="3.5" fill="#000" fill-opacity=".17"/>
<circle cx="35.2578125" cy="119.878615" r="3" fill="#000" fill-opacity=".17"/>
<circle cx="48.2578125" cy="85.8786149" r="2" fill="#000" fill-opacity=".17"/>
<circle cx="66.7578125" cy="173.378615" r="2.5" fill="#000" fill-opacity=".17"/>
<circle cx="60.2578125" cy="135.878615" r="2" fill="#000" fill-opacity=".17"/>
<circle cx="14.2578125" cy="63.8786149" r="2" fill="#000" fill-opacity=".17"/>
<circle cx="9.2578125" cy="83.8786149" r="1" fill="#000" fill-opacity=".17"/>
<circle cx="32.2578125" cy="100.878615" r="1" fill="#000" fill-opacity=".17"/>
<circle cx="19.2578125" cy="153.878615" r="1" fill="#000" fill-opacity=".17"/>
<circle cx="59.2578125" cy="73.8786149" r="1" fill="#000" fill-opacity=".17"/>
<circle cx="69.2578125" cy="113.878615" r="1" fill="#000" fill-opacity=".17"/>
<circle cx="39.2578125" cy="143.878615" r="1" fill="#000" fill-opacity=".17"/>
</g>
</svg>
</span>
<span class="c-switch__value c-switch__value--false">
<svg xmlns="http://www.w3.org/2000/svg" width="0.85em" viewBox="0 0 93 189">
<g fill="none" fill-rule="evenodd" transform="translate(1.742188 -6.878615)">
<g transform="translate(2.894531)">
<path fill="#B9CD2B" stroke="#000" stroke-width="3" d="M60.22369452 14.09588889c.08769317.19496398.11059906.41289936.0653575.62183537l-2.04128505 9.42649376 9.74451043 3.13171892c.52581225.16893785.81511605.732144.6461782 1.25795625-.06381661.19862653-.18815797.37232022-.3556113.49675681l-5.26787819 3.91383974 3.35160946 3.6062058c.37604758.40448323.35299599 1.03722842-.05148724 1.413276-.16467872.1531015-.37615027.24623477-.60027187.26436304l-8.62102762.69660495.0996039 12.67690775c.00429525.55226806-.43992441 1.00345179-.99219247 1.00774705-.22542404.00175328-.44482731-.07271234-.62261436-.21131553l-6.86736387-5.35429845-1.7937028 3.23015067c-.26818185.4828012-.87697388.65678455-1.359775.38860277-.19063406-.1058917-.34142876-.27119575-.42941118-.47072897l-2.4174445-5.4836632-10.79453279 3.88038843c-.5197331.1868045-1.092495-.08308745-1.27929943-.60282063-.07529005-.20947412-.07853783-.43808058-.00922889-.64960902l3.3289515-10.15954227-6.60227544-1.37771669c-.54062407-.11288954-.88737133-.642667-.77448173-1.18329115.04457444-.21346543.15770525-.40650931.32215746-.54972201l5.155653-4.49150471-5.12128074-7.20910418c-.31985639-.45023362-.2141648-1.07451498.23606882-1.39437136.17159454-.12190484.37728032-.18655518.58776122-.18474288l8.00953648.0679663-.99334966-7.6792362c-.0708991-.54771506.31563654-1.04920096.86335153-1.12009998.22299314-.02886545.4492071.01826528.64211866.13378254l7.82556673 4.68570487 5.13464294-7.57888954c.30973535-.45725545.93150411-.5768441 1.38875956-.26710875.19251387.13040485.33356662.32382099.39889535.5469783l1.95549066 6.67876758 5.91610142-2.66006736c.50367962-.22655087 1.09564839-.00189366 1.32219931.50178598z"/>
<circle cx="58.8632812" cy="40.3786149" r="24.5" fill="#CC4530" stroke="#000" stroke-width="3"/>
<circle cx="58.3632812" cy="39.8786149" r="20" fill="#F2624B"/>
<circle cx="24.8632812" cy="39.3786149" r="24.5" fill="#CC4530" stroke="#000" stroke-width="3"/>
<circle cx="25.3632812" cy="38.8786149" r="20" fill="#F2624B"/>
<ellipse cx="50.3632812" cy="49.3786149" fill="#7F520C" stroke="#000" stroke-width="3" rx="26" ry="22.5"/>
<circle cx="59.8632812" cy="42.3786149" r="3.5" fill="#000" fill-opacity=".17"/>
<circle cx="53.8632812" cy="34.3786149" r="3.5" fill="#000" fill-opacity=".17"/>
<path fill="#B9CD2B" stroke="#000" stroke-width="3" d="M21.2244209 27.9821019c.1972126.0973302.3568401.2569577.4541703.4541703l2.7736901 5.6193427 5.8225886-2.3195405c.5130306-.2044947 1.0946998.045623 1.2991945.5586535.0814309.2042915.0932456.4297295.0336151.6414137l-1.2603982 4.4704733 4.5973718.6680155c.5465449.0794176.9252263.5868604.8458087 1.1334053-.0316245.217637-.1341117.4187794-.2915953.572288l-4.4895852 4.3752912 4.007683 4.8199507c.3530212.4247286.2948908 1.0552195-.1298378 1.4082407-.1691292.140575-.3798826.2214756-.5996331.2301776l-4.6412121.183631.7854005 4.5778999c.093361.5443364-.2722269 1.0612924-.8165633 1.1546534-.2167576.0371768-.4397257.0018621-.6343862-.1004769l-5.548451-2.9170764-3.3456596 5.3002461c-.2948514.4669916-.9124472.6065387-1.3794387.3116872-.1859585-.1174113-.3280259-.29285-.4042086-.4991561l-1.6096931-4.3577772-4.1103033 2.1620764c-.4888446.2570008-1.0934717.0690543-1.3504725-.4197903-.1023391-.1946605-.1376538-.4176286-.1004769-.6343862l1.0582527-6.1778999-6.07321318-1.544462c-.53524943-.1361121-.85881421-.6803581-.72270215-1.2156075.05420053-.2131392.17715138-.4024669.34981832-.538673l3.64609696-2.8772575-3.32543741-3.2412912c-.39548358-.3855012-.40357588-1.0186144-.01807467-1.414098.1535086-.1574837.35465101-.2599708.57228804-.2915953l6.20222409-.9010155-.4075295-6.2548364c-.0359509-.5511134.3816708-1.0270231.9327842-1.062974.2194563-.0143158.4375115.0441119.6204083.1662379l3.862337 2.5785725 2.0558378-4.1643427c.2444223-.4952536.8440481-.6985926 1.3393018-.4541703z"/>
<path fill="#B9CD2B" stroke="#000" stroke-width="3" d="M35.09975434 32.87902695c.21917295-.01814373.43821467.0364695.62321493.15538493l5.2716919 3.3881608 3.79628088-4.98708908c.3344305-.43951647.96183846-.52470554 1.40135487-.19027513.1750178.13317198.30125413.32032504.35916624.5324858l1.22209184 4.4810966 4.2847702-1.79522049c.5093835-.21341726 1.09532917.02651077 1.30874644.53589428.08498385.20283914.10073117.42803664.04480415.64072924l-1.59488407 6.06266387 5.91771295 2.0673948c.52134963.1822441.79624897.75261965.61400486 1.27396928-.07257054.20760427-.21155457.38549565-.39543566.5061346l-3.88371829 2.54780343 3.03101238 3.51951493c.36037997.4185029.313262 1.04991236-.1052409 1.41029233-.16665005.14350516-.37595943.22807161-.59552453.24060754l-6.25835618.35724101-.13796146 6.26633973c-.01221852.55214962-.46972938.98985019-1.02187897.97763152-.21986884-.00486541-.43200198-.08207561-.6035588-.21967746l-3.62419746-2.90629089-2.40966592 3.9702239c-.28665641.47206626-.9017226.62237064-1.37378886.33571423-.1879793-.11414808-.33308696-.28708063-.41285856-.49202568l-2.27475406-5.84053421-6.0012165 1.80407371c-.5289012.15900298-1.08655777-.1408587-1.24556075-.6697599-.06331591-.21061127-.0554374-.43622118.0224157-.64190263l1.64341796-4.34416982-4.51984467-1.0656019c-.53754332-.12674996-.87055717-.66526605-.74380726-1.20280946.05047245-.21405265.17010038-.40549724.34036387-.54469606l4.8522864-3.96670259-3.57079985-5.15154802c-.31466032-.4538803-.20180027-1.07690562.25208003-1.39156594.18073758-.12529938.39773986-.1875238.61741255-.1770402l4.638732.22101742-.3825981-4.62837314c-.04556367-.55040198.36368864-1.03352764.9140907-1.07909135z"/>
</g>
<path fill="#9BD045" stroke="#000" stroke-width="3" d="M72.304795 88.7622792l9.95844 61.0494558c3.3811197 20.727695-10.6810586 40.271752-31.4087544 43.652871-2.0239726.330153-4.0713355.49604-6.1220587.49604C20.0273875 193.960646 0 173.933259 0 149.228224V42.6822255c0-1.6568542 1.34314575-3 3-3a2.99999727 2.99999727 0 01.69894083.0825557l29.68973107 7.1128571C53.6147461 51.7232591 68.9563947 68.235167 72.304795 88.7622792z"/>
<path fill="#9BD045" stroke="#000" stroke-width="3" d="M89.4648438 39.9846204V150.857131c0 23.805414-19.2981013 43.103515-43.1035157 43.103515h-1.544464c-20.9868202 0-37.99999953-17.01318-37.99999953-38a38.000004 38.000004 0 01.25826106-4.422798C11.4439418 114.25676 17.7535354 88.1952187 26.0039062 73.3532243c10.9552306-19.7078984 31.7408903-31.1622927 62.3569792-34.363183.5492801-.0574026 1.041111.3413214 1.0985376.8905991a.99996908.99996908 0 01.0054208.10398z"/>
<circle cx="73.7578125" cy="65.3786149" r="3.5" fill="#000" fill-opacity=".17"/>
<circle cx="35.2578125" cy="119.878615" r="3" fill="#000" fill-opacity=".17"/>
<circle cx="48.2578125" cy="85.8786149" r="2" fill="#000" fill-opacity=".17"/>
<circle cx="66.7578125" cy="173.378615" r="2.5" fill="#000" fill-opacity=".17"/>
<circle cx="60.2578125" cy="135.878615" r="2" fill="#000" fill-opacity=".17"/>
<circle cx="14.2578125" cy="63.8786149" r="2" fill="#000" fill-opacity=".17"/>
<circle cx="9.2578125" cy="83.8786149" r="1" fill="#000" fill-opacity=".17"/>
<circle cx="32.2578125" cy="100.878615" r="1" fill="#000" fill-opacity=".17"/>
<circle cx="19.2578125" cy="153.878615" r="1" fill="#000" fill-opacity=".17"/>
<circle cx="59.2578125" cy="73.8786149" r="1" fill="#000" fill-opacity=".17"/>
<circle cx="69.2578125" cy="113.878615" r="1" fill="#000" fill-opacity=".17"/>
<circle cx="39.2578125" cy="143.878615" r="1" fill="#000" fill-opacity=".17"/>
</g>
</svg>
</span>
</span>
</label>
</p> -->
<p>
<label class="c-switch" id="switchUserTypes">
<input class="c-switch__input" id="switchUserTypesInput" type="checkbox" checked>
<span class="c-switch__values">
<span class="c-switch__value c-switch__value--true">Users</span>
<span class="c-switch__value c-switch__value--false">All</span>
</span>
</label>
</p>
</div>
</div>
<div id="rain"></div>
<div class="app" id="app">
<div id="users" class="scoreboard"></div>
</div>
<script src="fun.js"></script>
</body>
</html>