This repository was archived by the owner on Feb 24, 2026. It is now read-only.
forked from chralp/heyburrito-theme
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
133 lines (120 loc) · 18 KB
/
index.html
File metadata and controls
133 lines (120 loc) · 18 KB
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>