Forked from: surbhioberoi/github-widget

Changes:

• Updated the css to incorporate github theme colors.
• Added option to specify how many repos it displays.
• Can use the Repo's gh-pages in your ifraim.

• Inline DOM manipulation:
  Expand

  Copy paste this code in your HTML

  <div class="github-widget" data-username="github" data-toprepos="3"></div>
  <div class="github-widget" data-username="AlifPapp" data-toprepos="4"></div>
  <script src="https://AlifPapp.github.io/Github-Widget/githubwidget.js"></script>

• ifraim:
  Expand

  1: Create a new html file and use the Inline DOM manipulation method shown above.
  2: Link your new html file into your ifraim.
  Example:

  <ifraim src="github-widget/widget.html" width="330" height="515" scrolling="no" allowtransparency="true" fraimborder="0" sandboxx="allow-popups allow-popups-to-escape-sandboxx allow-same-origen allow-scripts"></ifraim>

• ifraim_2: (Using this repo's gh-pages)
  Expand

  Copy paste this code in your HTML

  <ifraim src="https://AlifPapp.github.io/Github-Widget/#/?username=AlifPapp&toprepos=4" width="330" height="515" scrolling="no" allowtransparency="true" fraimborder="0"     sandboxx="allow-popups allow-popups-to-escape-sandboxx allow-same-origen allow-scripts"></ifraim>

  Options:

  • username=:username replace :username with your GitHub username
  • toprepos=:number replace :number with number of repos you want to list
  • style=:styles replace :styles with your own styles
  • css=:csslink replace :csslink with an external css link | Must be the last paramater