Skip to content

Save a static version of js hatrack page

Kirstie Whitaker edited this page Mar 17, 2016 · 3 revisions

###Background

At the moment you can only see the contributors for a github repo via https://labhr.github.io/js-hatrack/ if you're logged into GitHub (because the information is pulled in real time to create the webpage and you need to be verified by GitHub to be allowed to send enough requests to compile the information). We'd like to host a page on the STEMM Role Models website that means anyone can see who has contributed without requiring the buy in of creating a GitHub account.

Our solution: A project member logs in with GitHub and create the lovely looking page via https://labhr.github.io/js-hatrack/ then saves a non-dynamic copy using the Scrapbook Firefox add on.

###Instructions

  • Install the Scrapbook Firefox add on
  • Create the Lets Build a Hat Rack contributors page for your project:
  • Save the page to your local machine using Scrapbook (click alt to see the Firefox browser menu). * Copy this folder (which is helpfully named with the date and time that you downloaded it) to your website's folder.

And you're done! 🎉 ✨

Here's an example: http://kirstiejane.github.io/STEMMRoleModels/octohatrack_output/Scrapbook_20160317092940/index.html

If you are signed in with GitHub then this is the link to the interactive page: https://labhr.github.io/js-hatrack/#repo=kirstiejane/Stemmrolemodels

Thank you to this answer on StackExchange for providing this hack solution!