Updated credits page.

Added progress indication for fetching contributors, moved CSS into
credits HTML file, and removed extra title.
This commit is contained in:
Oliver Hamlet
2014-12-15 23:45:54 +00:00
parent 2925c7f719
commit 6b9844d5cf
4 changed files with 34 additions and 21 deletions
+1
View File
@@ -18,6 +18,7 @@
<link rel="import" href="http://www.polymer-project.org/components/paper-button/paper-button.html">
<link rel="import" href="http://www.polymer-project.org/components/paper-item/paper-item.html">
<link rel="import" href="http://www.polymer-project.org/components/paper-spinner/paper-spinner.html">
<link href="http://fonts.googleapis.com/css?family=RobotoDraft:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en" rel="stylesheet" type="text/css">
<body unresolved fullbleed>
+31 -2
View File
@@ -4,10 +4,39 @@ title: Credits
permalink: /credits/
---
<h3>{{ page.title }}</h3>
<style>
#contrib {
display:block;
padding-left:0;
}
#contrib li {
display:inline-block;
}
#contrib img {
height: 64px;
width: 64px;
margin: 4px;
}
#contrib img.admin {
box-shadow: 0 5px 5px -3px #b0b;
}
#contrib img.member {
box-shadow: 0 5px 5px -3px #0b0;
}
#contrib paper-spinner {
margin-right: 0.5em;
}
#contrib paper-spinner + div {
display: inline-block;
vertical-align: top;
}
</style>
<p>LOOT relies on the submission of information by users to improve. We can't list everyone who has posted in LOOT's forum threads, but the people who have contributed on GitHub are listed below.
<p>Hovering over a contributor's picture displays their name and the number of contributions they've made. Team members have a green shadow, and admins have a purple shadow.
<ul id="contrib"></ul>
<ul id="contrib">
<li><paper-spinner active></paper-spinner><div>Fetching contributors...</div></li>
</ul>
</div>
<script src="/js/github/lib/underscore-min.js"></script>
+2 -1
View File
@@ -63,6 +63,7 @@ function showContributors(err, data) {
if (numProcessedRepos === numRepos) {
var contrib = document.getElementById('contrib');
contributors.sort(sortContributors);
contrib.removeChild(contrib.firstElementChild);
for (var i = 0; i < contributors.length; i++) {
addToList(contrib, contributors[i]);
}
@@ -110,4 +111,4 @@ function getContributors() {
user.orgMembers('loot', storeTeamMembers);
}
getContributors();
getContributors();
-18
View File
@@ -101,21 +101,3 @@ code {
display: block;
}
}
#contrib {
display:block;
padding-left:0;
}
#contrib li {
display:inline-block;
}
#contrib img {
height: 64px;
width: 64px;
margin: 4px;
}
#contrib img.admin {
box-shadow: 0 5px 5px -3px #b0b;
}
#contrib img.member {
box-shadow: 0 5px 5px -3px #0b0;
}