gcg/static-cms
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use scaled avatars for website contributors.

Browse Source 
Right now we are using full size contributor avatars on the website,
which really slows down the loading. This PR allows us to use avatars
scaled down to the size that we are actually using.
This commit is contained in:
Caleb 2018-01-27 11:42:13 -07:00
parent 60e9d160e7
commit 347fa403c4
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
website/gulpfile.babel.js
View File

@ -17,6 +17,7 @@ import styleVariables from "./config/variables";
import BrowserSync from "browser-sync";
import webpack from "webpack";
import webpackConfig from "./webpack.conf";
import url from "url";
const browserSync = BrowserSync.create();
const defaultArgs = ["-d", "../dist", "-s", "site", "-v"];
@ -99,8 +100,17 @@ gulp.task("copy", () =>
"utf8",
content =>
new Promise((resolve, reject) => {
const contributors = JSON.parse(content);
resolve(yaml.dump({ contributors: contributors.contributors }));
const contributors = JSON.parse(content).contributors.map(c => {
const avatar = url.parse(c['avatar_url'], true);
avatar.search = undefined; // Override so that we can use `avatar.query`.
if (avatar.hostname.endsWith('githubusercontent.com')) {
// Use 32px avatars, instead of full-size.
avatar.query['s'] = '32';
}
const avatar_url = url.format(avatar);
return Object.assign({}, c, { avatar_url });
});
resolve(yaml.dump({ contributors }));
})
)
)