forked from w3c/cg-monitor
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
49 lines (48 loc) · 2.87 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
<!doctype html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>Community Groups Activity Dashboard</title>
<style>
body { color: white; background-color: #222;}
a:link { color: #ACF;}
a:visited { color: #CAF;}
tbody th a:link, tbody th a:visited { text-decoration: none; }
thead th:first-child { text-align :right}
tbody th { text-align: right; position: relative;}
tbody th svg { position: absolute; right: 0; bottom:0;}
tbody td p { display: flex; justify-content: space-between; margin: 0; padding: 0;}
tbody td span { text-align: right;}
tbody { border-collapse: collapse;}
tbody tr, tbody td { border: solid #444 1px; border-width: 0 0px 1px 0;}
tbody td.num { border-right-width: 1px;}
tbody td img { vertical-align: middle;}
.tag { display: inline-block; font-size: 0.8em; padding: 2px 5px; border-radius: 5px; vertical-align: middle; margin: 0 3px; background-color: white; color: black;}
.no { background-color: #FCC;}
a.related:link, a.related:visited, .no a:link, .no a:visited { color: #007;}
.repo { background-color: #cf5f0e; color: white;}
.participant { background-color: #aca02c; color: white; }
.closed { background-color: #AAA }
/* gradients generated via https://mycolor.space */
svg.lists { background: linear-gradient(to right, #F9F871, #AEFC9C 80px,#71F7CD 88px,#61EAF0 94px,#87D9F8 98px,#aec7e8 100px);}
svg.rss { background: linear-gradient(to right, #F9F871, #98EB85 80px,#0AD5A7 88px,#00B9C2 94px,#009AC8 98px,#1F77B4 100px);}
svg.repository { background: linear-gradient(to right, #FF7F0E, #f9545F 80px,#CA4F8C 88px,#845798 94px,#455581 98px,#2F4858 100px);}
svg.wiki { background: linear-gradient(to right, #FFBB78, #F19487 80px,#C77B95 88px,#8D6B93 94px,#545C7D 98px,#2F4858 100px);}
svg.join { background: linear-gradient(to right, #2CA02C, #009257 80px,#008270 88px,#006F79 94px,#005B6F 98px,#2F4858 100px);}
</style>
</head>
<body>
<h1>Community Groups Activity Dashboard</h2>
<p>The table below summarizes the level of activity from current Community Groups over the previous 12 months as of <span id=timestamp></span>. The graphical bars use a logarithmic scale. The bar under the names of the groups represent the duration since the creation of the group.</p>
<p>The information on related groups / <a href="https://github.com/w3c/strategy/projects/2">funnel</a> entries is <a href="https://github.com/w3c/cg-monitor/blob/master/annotations.json">manually managed</a> and likely not exhaustive.</p>
<table>
<thead>
<tr><th>Group</th><th>Mail</th><th>Repository</th><th>Wiki</th><th>Blog</th><th>Join</th><th>Related</th><th>Staff</th><th>Notes</th></tr>
</thead>
<tbody id="report">
</tbody>
</table>
<ul id=stats></ul>
<script src="report.js"></script>
</body>
</html>