From 8852a1034ede5cb9d57acf4d8313d688da752d08 Mon Sep 17 00:00:00 2001
From: Samuel Rapana Betio <samuelbetio@users.noreply.github.com>
Date: Mon, 16 Oct 2017 18:20:15 +0800
Subject: [PATCH] 7fh6th6

---
 bootstrap.min.css   |  45 ++++++
 github-btn.html     | 249 +++++++++++++++++++++++++++++-
 github-icons-2x.png | Bin 0 -> 5163 bytes
 github-icons.png    | Bin 0 -> 2066 bytes
 index.html          |  76 ++++++++++
 page.css            | 362 ++++++++++++++++++++------------------------
 6 files changed, 530 insertions(+), 202 deletions(-)
 create mode 100644 bootstrap.min.css
 create mode 100644 github-icons-2x.png
 create mode 100644 github-icons.png
 create mode 100644 index.html

diff --git a/bootstrap.min.css b/bootstrap.min.css
new file mode 100644
index 0000000..ac8e382
--- /dev/null
+++ b/bootstrap.min.css
@@ -0,0 +1,45 @@
+html,body{margin:0;padding:0;}
+h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit;}
+table{border-collapse:collapse;border-spacing:0;}
+ol,ul{list-style:none;}
+q:before,q:after,blockquote:before,blockquote:after{content:"";}
+html{overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
+a:focus{outline:thin dotted;}
+a:hover,a:active{outline:0;}
+article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
+audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
+audio:not([controls]){display:none;}
+sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
+sup{top:-0.5em;}
+sub{bottom:-0.25em;}
+img{border:0;-ms-interpolation-mode:bicubic;}
+button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
+button,input{line-height:normal;*overflow:visible;}
+button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
+button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
+input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
+input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
+textarea{overflow:auto;vertical-align:top;}
+body{background-color:#ffffff;margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:18px;color:#404040;}
+.container{width:940px;margin-left:auto;margin-right:auto;zoom:1;}.container:before,.container:after{display:table;content:"";zoom:1;*display:inline;}
+.container:after{clear:both;}
+a{color:#0069d6;text-decoration:none;line-height:inherit;font-weight:inherit;}a:hover{color:#00438a;text-decoration:underline;}
+p{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:18px;margin-bottom:9px;}p small{font-size:11px;color:#bfbfbf;}
+h1,h2,h3,h4,h5,h6{font-weight:bold;color:#404040;text-rendering:optimizelegibility;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#bfbfbf;}
+h1{font-size:30px;line-height:36px;}h1 small{font-size:18px;}
+h2{font-size:24px;line-height:36px;}h2 small{font-size:18px;}
+h3{line-height:27px;font-size:18px;}h3 small{font-size:14px;}
+h4{font-size:16px;line-height:36px;}h4 small{font-size:12px;}
+h5{font-size:14px;line-height:18px;}
+h6{font-size:13px;line-height:18px;color:#bfbfbf;text-transform:uppercase;}
+ul,ol{margin:0 0 9px 25px;}
+ul ul,ul ol,ol ol,ol ul{margin-bottom:0;}
+ul{list-style:disc;}
+ol{list-style:decimal;}
+li{line-height:18px;color:#404040;}
+hr{margin:20px 0 19px;border:0;border-bottom:1px solid #eee;}
+strong{font-style:inherit;font-weight:bold;}
+em{font-style:italic;font-weight:inherit;line-height:inherit;}
+.muted{color:#bfbfbf;}
+abbr{font-size:90%;text-transform:uppercase;border-bottom:1px dotted #ddd;cursor:help;}
+@media (max-width: 480px){.container{width:auto;padding:0 15px;}}@media (min-width: 480px) and (max-width: 768px){.container{width:auto;padding:0 10px;}}
diff --git a/github-btn.html b/github-btn.html
index 1b94647..cf984b1 100644
--- a/github-btn.html
+++ b/github-btn.html
@@ -1 +1,248 @@
-<html><body><style>body{padding:0;margin:0;font:700 11px/14px 'Helvetica Neue',Helvetica,Arial,sans-serif;overflow:hidden}.github-btn{height:20px;overflow:hidden}.gh-btn,.gh-count,.gh-ico{float:left}.gh-btn,.gh-count{padding:2px 5px 2px 4px;color:#333;text-decoration:none;text-shadow:0 1px 0 #fff;white-space:nowrap;cursor:pointer;border-radius:3px}.gh-btn{background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fcfcfc),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#fcfcfc 0,#eee 100%);background-image:-moz-linear-gradient(top,#fcfcfc 0,#eee 100%);background-image:-ms-linear-gradient(top,#fcfcfc 0,#eee 100%);background-image:-o-linear-gradient(top,#fcfcfc 0,#eee 100%);background-image:linear-gradient(to bottom,#fcfcfc 0,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#eeeeee', GradientType=0);background-repeat:no-repeat;border:1px solid #d5d5d5}.gh-btn:focus,.gh-btn:hover{text-decoration:none;background-color:#ddd;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#eee),color-stop(100%,#ddd));background-image:-webkit-linear-gradient(top,#eee 0,#ddd 100%);background-image:-moz-linear-gradient(top,#eee 0,#ddd 100%);background-image:-ms-linear-gradient(top,#eee 0,#ddd 100%);background-image:-o-linear-gradient(top,#eee 0,#ddd 100%);background-image:linear-gradient(to bottom,#eee 0,#ddd 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);border-color:#ccc}.gh-btn:active{background-image:none;background-color:#dcdcdc;border-color:#b5b5b5;box-shadow:inset 0 2px 4px rgba(0,0,0,.15)}.gh-ico{width:14px;height:14px;margin-right:4px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMTIgMTIgNDAgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMTIgMTIgNDAgNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiMzMzMzMzMiIGQ9Ik0zMiAxMy40Yy0xMC41IDAtMTkgOC41LTE5IDE5YzAgOC40IDUuNSAxNS41IDEzIDE4YzEgMC4yIDEuMy0wLjQgMS4zLTAuOWMwLTAuNSAwLTEuNyAwLTMuMiBjLTUuMyAxLjEtNi40LTIuNi02LjQtMi42QzIwIDQxLjYgMTguOCA0MSAxOC44IDQxYy0xLjctMS4yIDAuMS0xLjEgMC4xLTEuMWMxLjkgMC4xIDIuOSAyIDIuOSAyYzEuNyAyLjkgNC41IDIuMSA1LjUgMS42IGMwLjItMS4yIDAuNy0yLjEgMS4yLTIuNmMtNC4yLTAuNS04LjctMi4xLTguNy05LjRjMC0yLjEgMC43LTMuNyAyLTUuMWMtMC4yLTAuNS0wLjgtMi40IDAuMi01YzAgMCAxLjYtMC41IDUuMiAyIGMxLjUtMC40IDMuMS0wLjcgNC44LTAuN2MxLjYgMCAzLjMgMC4yIDQuNyAwLjdjMy42LTIuNCA1LjItMiA1LjItMmMxIDIuNiAwLjQgNC42IDAuMiA1YzEuMiAxLjMgMiAzIDIgNS4xYzAgNy4zLTQuNSA4LjktOC43IDkuNCBjMC43IDAuNiAxLjMgMS43IDEuMyAzLjVjMCAyLjYgMCA0LjYgMCA1LjJjMCAwLjUgMC40IDEuMSAxLjMgMC45YzcuNS0yLjYgMTMtOS43IDEzLTE4LjFDNTEgMjEuOSA0Mi41IDEzLjQgMzIgMTMuNHoiLz48L3N2Zz4=);background-size:100% 100%;background-repeat:no-repeat}.gh-count{position:relative;display:none;margin-left:4px;background-color:#fafafa;border:1px solid #d4d4d4}.gh-count:focus,.gh-count:hover{color:#4183C4}.gh-count:after,.gh-count:before{content:'';position:absolute;display:inline-block;width:0;height:0;border-color:transparent;border-style:solid}.gh-count:before{top:50%;left:-3px;margin-top:-4px;border-width:4px 4px 4px 0;border-right-color:#fafafa}.gh-count:after{top:50%;left:-4px;z-index:-1;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#d4d4d4}.github-btn-large{height:30px}.github-btn-large .gh-btn,.github-btn-large .gh-count{padding:3px 10px 3px 8px;font-size:16px;line-height:22px;border-radius:4px}.github-btn-large .gh-ico{width:20px;height:20px}.github-btn-large .gh-count{margin-left:6px}.github-btn-large .gh-count:before{left:-5px;margin-top:-6px;border-width:6px 6px 6px 0}.github-btn-large .gh-count:after{left:-6px;margin-top:-7px;border-width:7px 7px 7px 0}</style><span class=github-btn id=github-btn><a class=gh-btn id=gh-btn href=# target=_blank aria-label=""><span class=gh-ico aria-hidden=true></span> <span class=gh-text id=gh-text></span></a> <a class=gh-count id=gh-count href=# target=_blank aria-label=""></a></span><script>function addCommas(t){return String(t).replace(/(\d)(?=(\d{3})+$)/g,"$1,")}function jsonp(t,e){var r=document.createElement("script");r.src=t+"?callback="+(e?e:"callback"),head.insertBefore(r,head.firstChild)}function callback(t){switch(type){case"watch":"2"===v?(counter.innerHTML=addCommas(t.data.subscribers_count),counter.setAttribute("aria-label",counter.innerHTML+" watchers"+labelSuffix)):(counter.innerHTML=addCommas(t.data.stargazers_count),counter.setAttribute("aria-label",counter.innerHTML+" stargazers"+labelSuffix));break;case"star":counter.innerHTML=addCommas(t.data.stargazers_count),counter.setAttribute("aria-label",counter.innerHTML+" stargazers"+labelSuffix);break;case"fork":counter.innerHTML=addCommas(t.data.network_count),counter.setAttribute("aria-label",counter.innerHTML+" forks"+labelSuffix);break;case"follow":counter.innerHTML=addCommas(t.data.followers),counter.setAttribute("aria-label",counter.innerHTML+" followers"+labelSuffix)}"true"===count&&"undefined"!==counter.innerHTML&&(counter.style.display="block")}var params=function(){for(var t,e=[],r=window.location.href.slice(window.location.href.indexOf("?")+1).split("&"),a=0;a<r.length;a++)t=r[a].split("="),e.push(t[0]),e[t[0]]=t[1];return e}(),user=params.user,repo=params.repo,type=params.type,count=params.count,size=params.size,v=params.v,head=document.getElementsByTagName("head")[0],button=document.getElementById("gh-btn"),mainButton=document.getElementById("github-btn"),text=document.getElementById("gh-text"),counter=document.getElementById("gh-count"),labelSuffix=" on GitHub";switch(button.href="https://github.com/"+user+"/"+repo+"/",type){case"watch":"2"===v?(mainButton.className+=" github-watchers",text.innerHTML="Watch",counter.href="https://github.com/"+user+"/"+repo+"/watchers"):(mainButton.className+=" github-stargazers",text.innerHTML="Star",counter.href="https://github.com/"+user+"/"+repo+"/stargazers");break;case"star":mainButton.className+=" github-stargazers",text.innerHTML="Star",counter.href="https://github.com/"+user+"/"+repo+"/stargazers";break;case"fork":mainButton.className+=" github-forks",text.innerHTML="Fork",button.href="https://github.com/"+user+"/"+repo+"/fork",counter.href="https://github.com/"+user+"/"+repo+"/network";break;case"follow":mainButton.className+=" github-me",text.innerHTML="Follow @"+user,button.href="https://github.com/"+user,counter.href="https://github.com/"+user+"/followers"}button.setAttribute("aria-label",text.innerHTML+labelSuffix),"large"===size&&(mainButton.className+=" github-btn-large"),jsonp("follow"===type?"https://api.github.com/users/"+user:"https://api.github.com/repos/"+user+"/"+repo);</script>
\ No newline at end of file
+<html><body><style type="text/css">
+body {
+  padding: 0;
+  margin: 0;
+  font: bold 11px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
+  text-rendering: optimizeLegibility;
+  overflow: hidden;
+}
+.github-btn {
+  height: 20px;
+  overflow: hidden;
+}
+.gh-btn,
+.gh-count,
+.gh-ico {
+  float: left;
+}
+.gh-btn,
+.gh-count {
+  padding: 2px 5px 2px 4px;
+  color: #555;
+  text-decoration: none;
+  text-shadow: 0 1px 0 #fff;
+  white-space: nowrap;
+  cursor: pointer;
+  -webkit-border-radius: 3px;
+     -moz-border-radius: 3px;
+          border-radius: 3px;
+}
+.gh-btn {
+  background-color: #e6e6e6;
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#eaeaea));
+  background-image: -webkit-linear-gradient(#fafafa, #eaeaea);
+  background-image: -moz-linear-gradient(top, #fafafa, #eaeaea);
+  background-image: -ms-linear-gradient(#fafafa, #eaeaea);
+  background-image: -o-linear-gradient(#fafafa, #eaeaea);
+  background-image: linear-gradient(#fafafa, #eaeaea);
+  background-repeat: no-repeat;
+  border: 1px solid #d4d4d4;
+  border-bottom-color: #bcbcbc;
+  -webkit-box-shadow: none;
+     -moz-box-shadow: none;
+          box-shadow: none;
+}
+.gh-btn:hover,
+.gh-btn:focus,
+.gh-btn:active {
+  color: #fff;
+  text-decoration: none;
+  text-shadow: 0 -1px 0 rgba(0,0,0,.25);
+  border-color: #518cc6 #518cc6 #2a65a0;
+  background-color: #3072b3;
+}
+.gh-btn:hover,
+.gh-btn:focus {
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
+  background-image: -webkit-linear-gradient(#599bdc, #3072b3);
+  background-image: -moz-linear-gradient(top, #599bdc, #3072b3);
+  background-image: -ms-linear-gradient(#599bdc, #3072b3);
+  background-image: -o-linear-gradient(#599bdc, #3072b3);
+  background-image: linear-gradient(#599bdc, #3072b3);
+}
+.gh-btn:active {
+  background-image: none;
+  -webkit-box-shadow: inset 0 2px 5px rgba(0,0,0,.10);
+     -moz-box-shadow: inset 0 2px 5px rgba(0,0,0,.10);
+          box-shadow: inset 0 2px 5px rgba(0,0,0,.10);
+}
+.gh-ico {
+  width: 14px;
+  height: 15px;
+  margin-top: -1px;
+  margin-right: 4px;
+  vertical-align: middle;
+  background: url(github-icons.png) no-repeat 0 0;
+}
+.gh-btn:hover .gh-ico,
+.gh-btn:focus .gh-ico,
+.gh-btn:active .gh-ico {
+  background-position: -25px 0;
+}
+.gh-count {
+  position: relative;
+  display: none; /* hidden to start */
+  margin-left: 4px;
+  background-color: #fafafa;
+  border: 1px solid #d4d4d4;
+}
+.gh-count:hover,
+.gh-count:focus {
+  color: #4183C4;
+}
+.gh-count:before,
+.gh-count:after {
+  content: ' ';
+  position: absolute;
+  display: inline-block;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+}
+.gh-count:before {
+  top: 50%;
+  left: -3px;
+  margin-top: -4px;
+  border-width: 4px 4px 4px 0;
+  border-right-color: #fafafa;
+}
+.gh-count:after {
+  top: 50%;
+  left: -4px;
+  z-index: -1;
+  margin-top: -5px;
+  border-width: 5px 5px 5px 0;
+  border-right-color: #d4d4d4;
+}
+.github-btn-large {
+  height: 30px;
+}
+.github-btn-large .gh-btn,
+.github-btn-large .gh-count {
+  padding: 3px 10px 3px 8px;
+  font-size: 16px;
+  line-height: 22px;
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+}
+.github-btn-large .gh-ico {
+  width: 22px;
+  height: 23px;
+  background-position: 0 -20px;
+}
+.github-btn-large:hover .gh-ico,
+.github-btn-large:focus .gh-ico,
+.github-btn-large:active .gh-ico {
+  background-position: -25px -20px;
+}
+.github-btn-large .gh-count {
+  margin-left: 6px;
+}
+.github-btn-large .gh-count:before {
+  left: -5px;
+  margin-top: -6px;
+  border-width: 6px 6px 6px 0;
+}
+.github-btn-large .gh-count:after {
+  left: -6px;
+  margin-top: -7px;
+  border-width: 7px 7px 7px 0;
+}
+@media (-moz-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
+  .gh-ico {
+    background-image: url(github-icons-2x.png);
+    background-size: 50px 45px;
+  }
+
+}
+</style>
+<span id="github-btn" class="github-btn">
+  <a id="gh-btn" href="#" target="_blank" class="gh-btn">
+    <span class="gh-ico"></span>
+    <span id="gh-text" class="gh-text"></span>
+  </a>
+  <a id="gh-count" href="#" target="_blank" class="gh-count"></a>
+</span>
+<script type="text/javascript">
+  // Read a page's GET URL variables and return them as an associative array.
+  // Source: http://jquery-howto.blogspot.com/2009/09/get-url-parameters-values-with-jquery.html
+  var params = function () {
+    var vars = [], hash;
+    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
+    for(var i = 0; i < hashes.length; i++) {
+      hash = hashes[i].split('=');
+      vars.push(hash[0]);
+      vars[hash[0]] = hash[1];
+    }
+    return vars;
+  }()
+  var user = params.user,
+      repo = params.repo,
+      type = params.type,
+      count = params.count,
+      size = params.size,
+      head = document.getElementsByTagName('head')[0],
+      button = document.getElementById('gh-btn'),
+      mainButton = document.getElementById('github-btn'),
+      text = document.getElementById('gh-text'),
+      counter = document.getElementById('gh-count');
+
+
+  // Add commas to numbers
+  function addCommas(n) {
+    return n.toString().replace(/(\d)(?=(\d{3})+$)/g, '$1,')
+  }
+
+  function jsonp(path) {
+    var el = document.createElement('script');
+    el.src = path + '?callback=callback';
+    head.insertBefore(el, head.firstChild);
+  }
+
+  function callback(obj) {
+    if (type == 'watch') {
+      counter.innerHTML = addCommas(obj.data.watchers);
+    } else if (type == 'fork') {
+      counter.innerHTML = addCommas(obj.data.forks);
+    } else if (type == 'follow') {
+      counter.innerHTML = addCommas(obj.data.followers);
+    }
+
+    // Show the count if asked
+    if (count == 'true') {
+      counter.style.display = 'block'
+    }
+  }
+
+  // Set href to be URL for repo
+  button.href = 'https://github.com/' + user + '/' + repo + '/';
+
+  // Add the class, change the text label, set count link href
+  if (type == 'watch') {
+    mainButton.className += ' github-watchers';
+    text.innerHTML = 'Star';
+    counter.href = 'https://github.com/' + user + '/' + repo + '/watchers';
+  } else if (type == 'fork') {
+    mainButton.className += ' github-forks';
+    text.innerHTML = 'Fork';
+    counter.href = 'https://github.com/' + user + '/' + repo + '/network';
+  } else if (type == 'follow') {
+    mainButton.className += ' github-me';
+    text.innerHTML = 'Follow @' + user;
+    button.href = 'https://github.com/' + user;
+    counter.href = 'https://github.com/' + user + '/followers';
+  }
+
+  // Change the size
+  if (size == 'large') {
+    mainButton.className += ' github-btn-large';
+  }
+
+  if (type == 'follow') {
+    jsonp('https://api.github.com/users/' + user);
+  } else {
+    jsonp('https://api.github.com/repos/' + user + '/' + repo);
+  }
+</script></body></html>
diff --git a/github-icons-2x.png b/github-icons-2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..7cbc424f10a7ca46c4ac2cff02d26bcd59d4cdf7
GIT binary patch
literal 5163
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
Z{{wd0et_J_QUw42002ovPDHLkV1fiZE9?LO

literal 0
HcmV?d00001

diff --git a/github-icons.png b/github-icons.png
new file mode 100644
index 0000000000000000000000000000000000000000..00e2b8f0968d1c4b5a2cde847af1de46c48c4e0f
GIT binary patch
literal 2066
zcmV+t2<`WYP)<h;3K|Lk000e1NJLTq001%o001or1ONa4Mz-*D0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU(v`IukR9M69*K1Hz_Zi3W#~Te58?30+
zjy7Oo8;z-x=$J%p%|KFzS|rxzu-q&a6cn*UkU>EdG=j#W(MU}&HlkHRBe7_Rw`#cP
z1aMG5K`vS4vfNx&Tz2>D?VMj<?5d!<(CNEQ`<yp>cFuP{JNw`HpIxH=bViXU&7oh>
zLYhOKH0s|d*n`u!k`1iqN={>sA%pQgzpc$S)ySf3FxAv%doQ60LlMgbZG<wXw5+_W
zJf}25DfF>0XfPo!Mb@Gm(O85<h(@{GcWNt59E=bIQ(ler5d1M4v*B+&^kt1;<RGVk
zOMZ%Myqh>?KK+cQ(RA_}v!F3i77J482hNCz0s6DmyAQI8xA1O0#Jjj_=cngy28cYx
zaq*|Qk`5tF38K3ENX^NHf~u3I2lc5CBty~yC&-FFZ@Q0n(z6&(j--4nO70H(i{qm1
zh<JtQ>Mrz~>f<y*yik9_39_;+zkn#Lxj&*X@#xd1!nzz6TBSOKNUQ9RSdBZ!_X_$}
zCx}8iA3`KZ{Sij&tm5T@?6{E4#jlZzY{h`7{AJ+`S#pZ(T*4E>jRTQ=-pRg!k~8Fj
zZ|PKP$3W!HoO4ShlM^Ibm#`&sR(?f*{DesF%=U>(kJ33Vj16Vm8mHB7fTf>t9KX1k
zVN^On_E$%hpO}&MX<O-0r2s~X`bMRkjHzp{XVy9{OuIX;rp;{L_Wrvy2O$GJMR*It
z$fNVBalaF!AwJNwI&$}skiv+jU~7aJdk-@)jQtgsTU#6#m?Z1Y?r2Fep4C-JdSl1K
z?}%vP$<4Be7n~p%clM@W%FMcWY+L<0ZG2a99T5i!;@4I92{~(mW#ffi$5wZo>1*n(
zX#a*@FG!UQ2qxzPpTepD@eh^j8zZ#qRZ(qR5nwE=f)5SW1VX1T?<q61X{xlfVm0&#
zqQM8=sw<flk@o{FftIMAeK%C!!kdO_rXU^F&_j=Eq+`lZ*Ao#YU==>YIh@01ScRc>
z)c?=_{EVc@^a{N}3uz&}L9ftc8aYJ4V|fjqW+nG=A1nDZui>$STt1vU=lfpVt130L
zTMbr&p<PvaaqoOz@}%L;09W2F=xiHgs5#VZdnD+12fI29T&FLn%&{8m8>9vr`<=yb
z<Jj~C<fvgU;TA(7?P)KmHWZ@(1-jyr>OJiWi6PYTi_a2~%e6`XCLD$@MiUXi4Zg^R
z3DDk)7M@}FMWKt4tiD%@jhKh$h=|~dd5CW*O;Iz1?x&dHvCB+7fLxe6_o+1)`PaGD
zuK|-Lb{UNr@Ifi+83$TBKZ;w$KN^6$uV34;KdXhIXkxb~&(Ht4_8x$J$uH-oy!IP<
zfxKu2&7|q%_2%NQwtp}i9|F1-pIQB0Dkzn)qf3riy_zBPatf#O3C`nBI74{ISiJ#J
z86AwEj~)l3t{(>EJPfN}2Uz+lj#T}v`BLkZhBH+sEIObukx0q`Zht{8kKXM#g&1bK
zpN?VanFDXZwqr*&QFrPJbAXvA*^0OsR=rgXccME9a4<J_5y4&3NT#GYb|gH8apX4K
zh|&%_LZZuw;P&}##>#EBqHHUm-%3Oyu6^tXQI*nIA~6Z5-fKsq$`}<Jh}cbGaD*_}
zo9JeYfT$W<(NzLq8d1VziyjW=au5-wLRMGUk(E6WA|?|>dOIQTeijiXL>gA;ZH2zo
z*g-^edoi5My-Xq^vDKupBY~D!H4)LiaA(NYGeksjoeWzciP|b6qIRc9*T+Oey%n$*
zq>y7(L`0|koFSQC5D{%?euT&tO(l&bk5hA<A>XHx2YIN=A0y$$Fdh4_e?oYe$uW|4
zoc-AEj}OD_Ki$k-qFU)^eGmR}w-Y51e!agpbXwGQWOE1O^Uw!xW5KnO5X-YfMhAlM
z*43o~Hg?+z-9Lf+C2*l1w=YJo1L7zVQQBO{`fGON=sCvvJs8Q0^Okj9%=tc16Kbc{
z>N7fvtFeiQC}Jz)P_cdC*8=5PG_v)*#DKzS*d$-J^x0nB)QB7`AtIs?Wd{IpvmL1o
z4zdRI^7FYt3g!0s2-X~2DcX=jH?RqB5)tv35RF2*y~b8xf~+@b-kpb6&B}yOdU@fm
zjrVOx&Er2CZ@(_8Wiuw*PvM^3$Oz1XSMGO0FCQ0f1e+Oa^()K~cONBz#~AyYG49d1
zlm;|kA}=XY>TNI7-m&TcQE7dkt+QX?sr&|zo@_)!>ZlkUgLfJI4&RAVMLtOCW+b*I
zcSQ9N5%DliV?^uJaZd`k$u&UL$+54Rw&A*^UQ+^Siqzlg8;QupWme@;K&r)<eh6HZ
zd0{4o@Q;QVd~)$pd=n$SDXwvihKMKeSBx-I(<%J0|Nab5xf@WG{%$F~R1~f$0yIUM
zqP`}2$=_d90?6HX`W}Qy&F5qK7=oS;#O7>lU?kSXH-;MdfS_Zn)7`y*pVHHfr(6wK
z#k%~e6YZry+m()M=7)9pRs$g4!ZdnzFiCebt0mCNU<fiJ*uMCIQdW!h*y9Bp*o?-9
zu-$$oz@oK(fko_r8#x|4hbZ;s+{Wadl|})A9BxeR$!%0$!5X-d)4_Peq7W*`kkE!g
w#9}-RK5)l!WZ+9&#%25+8CVW?`fr(k0dD^*`8Ive=>Px#07*qoM6N<$f(l0Gv;Y7A

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
new file mode 100644
index 0000000..c70124e
--- /dev/null
+++ b/index.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>The Unofficial GitHub Watch &amp; Fork Buttons</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="author" content="Mark Otto">
+    <meta name="description" content="A set of static buttons with dynamic watch and fork counts for any repo hosted on GitHub.">
+    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
+    <!--[if lt IE 9]>
+      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+    <!-- Le styles -->
+    <link href="bootstrap.min.css" rel="stylesheet">
+    <link href="page.css" rel="stylesheet">
+  </head>
+
+  <body>
+    <div class="container">
+      <header class="masthead">
+        <div class="tweet-button">
+          <a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-via="mdo">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
+        </div>
+
+        <p class="introducing">Introducing the unofficial</p>
+        <h1>GitHub Buttons</h1>
+        <p class="tagline">Showcase your GitHub repo's success with these three simple, static buttons featuring dynamic watch, fork, and follower counts.</p>
+      </header>
+      <section class="body">
+        <div class="about-buttons clearfix">
+          <div class="about-star">
+            <h2>Star</h2>
+            <iframe src="github-btn.html?user=twitter&repo=bootstrap&type=watch&count=true&size=large" allowtransparency="true" frameborder="0" scrolling="0" width="152px" height="30px"></iframe>
+            <ul class="downlow">
+              <li>Real-time stars count</li>
+              <li>Link to any public GitHub repo</li>
+              <li>Two available sizes</li>
+            </ul>
+          </div>
+          <div class="about-fork">
+            <h2>Fork</h2>
+            <iframe src="github-btn.html?user=twitter&repo=bootstrap&type=fork&count=true&size=large" allowtransparency="true" frameborder="0" scrolling="0" width="146px" height="30px"></iframe>
+            <ul class="downlow">
+              <li>Real-time forks count</li>
+              <li>Link to any public GitHub repo</li>
+              <li>Two available sizes</li>
+            </ul>
+          </div>
+          <div class="about-follow">
+            <h2>Follow</h2>
+            <iframe src="github-btn.html?user=markdotto&type=follow&count=true&size=large" allowtransparency="true" frameborder="0" scrolling="0" width="246px" height="30px"></iframe>
+            <ul class="downlow">
+              <li>Real-time followers count</li>
+              <li>Link to any public GitHub user</li>
+              <li>Two available sizes</li>
+            </ul>
+          </div>
+        </div>
+        <p class="download">
+          <a href="http://github.com/markdotto/github-buttons" class="primary btn">Download on GitHub</a>
+        </p>
+      </section>
+      <footer class="footer">
+        <p>
+          <iframe src="github-btn.html?user=markdotto&repo=github-buttons&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="85px" height="20px"></iframe>
+          <iframe src="github-btn.html?user=markdotto&repo=github-buttons&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="95px" height="20px"></iframe>
+        </p>
+
+        <p>Designed and built by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> with help from <a href="https://github.com/markdotto/github-buttons/graphs/contributors" target="_blank">the contributors</a>.</p>
+        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>.</p>
+      </footer>
+    </div>
+
+  </body>
+</html>
\ No newline at end of file
diff --git a/page.css b/page.css
index 4f7c9e4..1a334c4 100644
--- a/page.css
+++ b/page.css
@@ -1,252 +1,212 @@
----
----
-
-/*
- * Reset
- */
-
-* {
-  -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-          box-sizing: border-box;
+/* DOCS RESET
+-------------------------------------------------- */
+body {
+  padding: 40px 20px;
+  color: #555;
+  text-shadow: 0 1px 0 #fff;
+  background-color: #fff;
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), color-stop(25%, #fff), to(#fff));
+  background-image: -webkit-linear-gradient(#eee, #fff 25%, #fff);
+  background-image: -moz-linear-gradient(top, #eee, #fff 25%, #fff);
+  background-image: -ms-linear-gradient(#eee, #fff 25%, #fff);
+  background-image: -o-linear-gradient(#eee, #fff 25%, #fff);
+  background-image: linear-gradient(#eee, #fff 25%, #fff);
+  background-repeat: no-repeat;
+  background-attachment: fixed;
+  overflow: auto;
 }
-
-html {
-  font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
+body,
+p,
+li {
+  font-size: 14px;
+  line-height: 20px;
 }
-@media (min-width: 34em) {
-  html {
-    font-size: 18px;
-  }
+h1, h2, h3, h4, h5, h6 {
+  text-rendering: optimizeLegibility;
 }
 
-body {
-  padding: 1.5rem 1.5rem 3rem;
-  margin: 0;
-  font-size: 1rem;
-  color: #333;
-  background-color: #fff;
+/* Set width of site */
+.container {
+  width: auto;
+  max-width: 820px;
 }
 
-h1, h2 {
-  margin-top: 0;
-  line-height: 1;
-  text-rendering: optimizeLegibility;
+/* Clearfix */
+.clearfix:before,
+.clearfix:after {
+  content:"";
+  display:table;
 }
-h1 {
-  margin-bottom: .5rem;
-  font-size: 3rem;
+.clearfix:after {
+  clear:both;
 }
-h2 {
-  margin-top: 2rem;
-  margin-bottom: 1rem;
+
+/* Change up the buttons to match GitHub */
+.primary.btn {
+  color: #fff;
+  text-decoration: none;
+  text-shadow: 0 -1px 0 rgba(0,0,0,.5);
+  background-color: #3072b3; /* Old browsers */
+  background-repeat: repeat-x; /* Repeat the gradient */
+  background-image: -moz-linear-gradient(top, #599bdc 0%, #3072b3 100%); /* FF3.6+ */
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#599bdc), color-stop(100%,#3072b3)); /* Chrome,Safari4+ */
+  background-image: -webkit-linear-gradient(top, #599bdc 0%,#3072b3 100%); /* Chrome 10+,Safari 5.1+ */
+  background-image: -ms-linear-gradient(top, #599bdc 0%,#3072b3 100%); /* IE10+ */
+  background-image: -o-linear-gradient(top, #599bdc 0%,#3072b3 100%); /* Opera 11.10+ */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#599bdc', endColorstr='#3072b3',GradientType=0 ); /* IE6-9 */
+  background-image: linear-gradient(top, #599bdc 0%,#3072b3 100%); /* W3C */
+  border: 1px solid #2967a4;
+  -webkit-transition: none;
+     -moz-transition: none;
+          transition: none;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 2px rgba(0,0,0,.2);
+     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 2px rgba(0,0,0,.2);
+          box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 2px rgba(0,0,0,.2);
 }
-h3 {
-  margin-top: 2rem;
-  margin-bottom: .5rem;
+.primary.btn:hover {
+  background-position: 0 -15px;
 }
-
-p {
-  margin-top: 0;
-  margin-bottom: 1rem;
+.primary.btn:active {
+  background-image: none;
+  background-color: #3072b3; /* Old browsers */
+  -webkit-box-shadow: inset 0 5px 10px rgba(0,0,0,.125), 0 1px 2px rgba(0,0,0,.2);
+     -moz-box-shadow: inset 0 5px 10px rgba(0,0,0,.125), 0 1px 2px rgba(0,0,0,.2);
+          box-shadow: inset 0 5px 10px rgba(0,0,0,.125), 0 1px 2px rgba(0,0,0,.2);
 }
 
-h1 + p {
-  font-size: 1.25rem;
-  color: #555;
-}
 
-a {
-  color: #08c;
-  text-decoration: none;
+/* MASTHEAD
+-------------------------------------------------- */
+.masthead {
+  margin-bottom: 30px;
 }
-a:hover {
-  text-decoration: underline;
+.masthead h1,
+.masthead p {
+  text-align: center;
 }
-
-table {
-  width: 100%;
-  border-collapse: collapse;
+.masthead h1 {
+  margin-bottom: 10px;
+  font-size: 80px;
+  line-height: 1;
 }
-
-th,
-td {
-  padding: .5rem;
-  font-size: 90%;
-  vertical-align: top;
-  border: 1px solid #eee;
+.masthead p {
+  font-size: 18px;
+  line-height: 30px;
 }
-
-th {
-  background-color: #f5f5f5;
+.masthead .introducing {
+  margin-bottom: 20px;
+  color: #999;
 }
-
-.deprecated {
-  display: inline-block;
-  padding: .25rem .5rem;
-  font-size: 75%;
-  font-weight: bold;
-  line-height: 1.6;
-  color: #fff;
-  background-color: #ff4136;
-  border-radius: .2rem;
+.masthead .tagline {
+  margin-bottom: 30px;
+  font-size: 24px;
 }
-
-#markdown-toc > li:first-child,
-#markdown-toc > li:last-child {
-  display: none;
+.masthead .tweet-button {
+  width: 55px;
+  margin: 0 auto 20px;
 }
 
-/*
- * Code
- */
 
-code,
-pre {
-  font-family: Menlo, "Courier New", monospace;
-  font-size: 95%;
-}
-code {
-  padding: 2px 4px;
-  font-size: 85%;
-  color: #d44950;
-  background-color: #f7f7f9;
-  border-radius: .2rem;
-}
+/* BODY
+-------------------------------------------------- */
 
-pre {
-  display: block;
-  margin: 0 0 1rem;
-  line-height: 1.4;
-  white-space: pre;
-  white-space: pre-wrap;
+/* Two-column buttons */
+.about-buttons {
+  text-align: center;
 }
-pre code {
-  padding: 0;
-  color: inherit;
-  background-color: transparent;
-  border: 0;
+.about-star,
+.about-fork,
+.about-follow {
+  width: 32%;
+  float: left;
 }
-.highlight {
-  margin: 0 0 1rem;
-  padding: 1rem;
-  background-color: #f7f7f9;
+.about-buttons div + div {
+  margin-left: 2%;
 }
-.highlight pre {
-  margin-bottom: 0;
-  word-wrap: break-word;
+.about-buttons ul {
+  margin-left: 0;
+  list-style: none;
 }
-.highlight + .highlight {
-  margin-top: 1rem;
+.about-buttons iframe {
+  margin: 10px 0;
 }
 
-
-/*
- * Download button
- */
-
-.btn {
-  display: inline-block;
-  padding: .5rem 1.25rem;
-  font-weight: 500;
-  color: #fff;
-  text-decoration: none;
-  text-shadow: 0 -1px 0 rgba(0,0,0,.5);
-  background-color: #3072b3; /* Old browsers */
-  background-repeat: repeat-x; /* Repeat the gradient */
-  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #599bdc), color-stop(100%, #3072b3)); /* Chrome,Safari4+ */
-  background-image: -webkit-linear-gradient(top, #599bdc 0, #3072b3 100%); /* Chrome 10+,Safari 5.1+ */
-  background-image: -moz-linear-gradient(top, #599bdc 0, #3072b3 100%); /* FF3.6+ */
-  background-image: -ms-linear-gradient(top, #599bdc 0, #3072b3 100%); /* IE10+ */
-  background-image: -o-linear-gradient(top, #599bdc 0, #3072b3 100%); /* Opera 11.10+ */
-  background-image: linear-gradient(top, #599bdc 0, #3072b3 100%); /* W3C */
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bdc', endColorstr='#3072b3', GradientType=0); /* IE6-9 */
-  border: 1px solid #2967a4;
-  border-radius: 6px;
-  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
-  -webkit-transition: none;
-     -moz-transition: none;
-       -o-transition: none;
-          transition: none;
+/* Download button */
+.download {
+  margin: 30px 0 50px;
+  text-align: center;
 }
-.btn:hover {
-  text-decoration: none;
-  background-position: 0 -15px;
+.download .btn {
+  font-size: 20px;
+  padding: 12px 24px;
+  -webkit-border-radius: 6px;
+     -moz-border-radius: 6px;
+          border-radius: 6px;
 }
-.btn:active {
-  background-image: none;
-  background-color: #3072b3; /* Old browsers */
-  box-shadow: inset 0 5px 10px rgba(0,0,0,.125), 0 1px 2px rgba(0,0,0,.2);
-}
-
 
-/*
- * Masthead
- */
 
-.tweet-button {
-  margin: 0 0 1rem;
+/* FOOTER
+-------------------------------------------------- */
+.footer {
+  margin-top: 40px;
+  padding: 0;
+  border-top: 0;
 }
-.tweet-button + p {
-  color: #999;
+.footer p {
+  text-align: center;
 }
-
-
-/*
- * Grid and columns
- */
-
-.container {
-  max-width: 32rem;
-  margin-left: auto;
-  margin-right: auto;
+iframe + iframe {
+  margin-left: 10px;
 }
 
 
-/*
- * Misc
- */
+/* MISC
+-------------------------------------------------- */
 
-hr {
+/* Small lines after each section */
+.masthead:after,
+.body:after {
   display: block;
-  width: 7rem;
+  content: '';
+  width: 100px;
   height: 1px;
-  margin: 2.5rem 0;
+  margin: 0 auto;
   background-color: #eee;
-  border: 0;
 }
 
-/*
- * Embed spacing
- */
 
-.example {
-  margin-bottom: 1rem;
-  overflow: auto;
-}
-.example iframe {
-  display: block;
-}
-.example iframe + iframe {
-  margin-top: 1rem;
-}
+/* RESPONSIVE
+-------------------------------------------------- */
 
-@media (min-width: 34em) {
-  .example {
-    display: inline-block;
-    line-height: 30px;
+@media (max-width: 840px) {
+  .masthead h1 {
+    font-size: 60px;
   }
-  .example iframe {
-    float: left;
+  .masthead p,
+  .masthead .tagline {
+    font-size: 18px;
+    line-height: 24px;
   }
-  .example iframe + iframe {
-    margin-top: 5px;
-    margin-left: 1rem;
+
+  .about-watch,
+  .about-fork,
+  .about-follow {
+    width: auto;
+    float: none;
+    margin-bottom: 20px;
+  }
+  .about-buttons div + div {
+    margin-left: 0;
   }
 }
 
-/*
- * Syntax highlighting
- */
-
-{% include syntax.css %}
+@media (max-width: 480px) {
+  .masthead h1 {
+    font-size: 40px;
+  }
+  .masthead p,
+  .masthead .tagline {
+    font-size: 16px;
+    line-height: 20px;
+  }
+}
\ No newline at end of file