mirror of
https://github.com/sudoxnym/habitica.git
synced 2026-05-22 13:48:46 +00:00
add github-btns back in, as local clone into /public files
This commit is contained in:
Tyler Renelle
parent
9d844a7104
commit
489e61c4e4
10 changed files with 753 additions and 2 deletions
24
public/github-btns/.gitignore
vendored
Normal file
24
public/github-btns/.gitignore
vendored
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
# ALWAYS IGNORE
|
||||
# -------------
|
||||
|
||||
*.diff
|
||||
*.err
|
||||
*.orig
|
||||
*.log
|
||||
*.rej
|
||||
*.swo
|
||||
*.swp
|
||||
*.vi
|
||||
*~
|
||||
|
||||
|
||||
# OS & EDITOR FOLDERS
|
||||
# -------------------
|
||||
|
||||
.DS_Store
|
||||
thumbs.db
|
||||
|
||||
|
||||
# LOCAL TEST PAGE
|
||||
# ---------------
|
||||
test.html
|
||||
1
public/github-btns/CNAME
Normal file
1
public/github-btns/CNAME
Normal file
|
|
@ -0,0 +1 @@
|
|||
ghbtns.com
|
||||
145
public/github-btns/README.md
Normal file
145
public/github-btns/README.md
Normal file
|
|
@ -0,0 +1,145 @@
|
|||
UNOFFICIAL GITHUB BUTTONS
|
||||
=========================
|
||||
|
||||
Showcase your GitHub (repo's) success with these three simple, static buttons featuring dynamic watch, fork and follower counts and a link to your GitHub repo or profile page.
|
||||
|
||||
To get started, checkout http://ghbtns.com!
|
||||
|
||||
|
||||
|
||||
Usage
|
||||
-----
|
||||
|
||||
These buttons are hosted via GitHub Pages, meaning all you need to do is include an iframe and you're set. Once included, you can configure it with various options. Here's the include:
|
||||
|
||||
``` html
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=USERNAME&repo=REPONAME&type=BUTTONTYPE"
|
||||
allowtransparency="true" frameborder="0" scrolling="0" width="62px" height="20px"></iframe>
|
||||
```
|
||||
|
||||
### Requirements
|
||||
|
||||
`user`<br>
|
||||
GitHub username that owns the repo<br>
|
||||
|
||||
`repo`<br>
|
||||
GitHub repository to pull the forks and watchers counts
|
||||
|
||||
`type`<br>
|
||||
Type of button to show: `watch` or `fork` or `follow`
|
||||
|
||||
### Optional
|
||||
|
||||
`count`<br>
|
||||
Show the optional watchers or forks count: *none* by default or `true`
|
||||
|
||||
`size`<br>
|
||||
Optional flag for using a larger button: *none* by default or `large`
|
||||
|
||||
|
||||
|
||||
Examples
|
||||
--------
|
||||
|
||||
**Basic Watch button**
|
||||
|
||||
``` html
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=markdotto&repo=github-buttons&type=watch"
|
||||
allowtransparency="true" frameborder="0" scrolling="0" width="62px" height="20px"></iframe>
|
||||
```
|
||||
|
||||
**Basic Fork button**
|
||||
|
||||
``` html
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=markdotto&repo=github-buttons&type=fork"
|
||||
allowtransparency="true" frameborder="0" scrolling="0" width="53px" height="20px"></iframe>
|
||||
```
|
||||
|
||||
**Basic Follow button**
|
||||
|
||||
``` html
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=markdotto&type=follow"
|
||||
allowtransparency="true" frameborder="0" scrolling="0" width="132px" height="20px"></iframe>
|
||||
```
|
||||
|
||||
**Watch with count**
|
||||
|
||||
``` html
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=markdotto&repo=github-buttons&type=watch&count=true"
|
||||
allowtransparency="true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe>
|
||||
```
|
||||
|
||||
**Fork with count**
|
||||
|
||||
``` html
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=markdotto&repo=github-buttons&type=fork&count=true"
|
||||
allowtransparency="true" frameborder="0" scrolling="0" width="95px" height="20px"></iframe>
|
||||
```
|
||||
|
||||
**Follow with count**
|
||||
|
||||
``` html
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=markdotto&type=follow&count=true"
|
||||
allowtransparency="true" frameborder="0" scrolling="0" width="165px" height="20px"></iframe>
|
||||
```
|
||||
|
||||
**Large Watch button with count**
|
||||
|
||||
``` html
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=markdotto&repo=github-buttons&type=watch&count=true&size=large"
|
||||
allowtransparency="true" frameborder="0" scrolling="0" width="170px" height="30px"></iframe>
|
||||
```
|
||||
|
||||
Limitations
|
||||
-----------
|
||||
|
||||
For the first version, functionality is limited and some concessions were made:
|
||||
|
||||
- Width and height must be specificed for all buttons (which actually adds some control for those with OCD like myself).
|
||||
- All attributes must be passed through via URL parameters.
|
||||
- CSS and javascript are all included in the same HTML file to reduce complexity and requests.
|
||||
|
||||
More refinement and functionalty is planned with open-sourcing--any help is always appreciated!
|
||||
|
||||
|
||||
|
||||
Bug tracker
|
||||
-----------
|
||||
|
||||
Have a bug? Please create an issue here on GitHub at https://github.com/markdotto/github-buttons/issues.
|
||||
|
||||
|
||||
|
||||
Twitter account
|
||||
---------------
|
||||
|
||||
Keep up to date on announcements and more by following Mark on Twitter, <a href="http://twitter.com/mdo">@mdo</a>.
|
||||
|
||||
|
||||
|
||||
Authors
|
||||
-------
|
||||
|
||||
**Mark Otto**
|
||||
|
||||
+ http://twitter.com/mdo
|
||||
+ http://github.com/markdotto
|
||||
|
||||
|
||||
|
||||
Copyright and license
|
||||
---------------------
|
||||
|
||||
Copyright 2011 Mark Otto.
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this work except in compliance with the License.
|
||||
You may obtain a copy of the License in the LICENSE file, or at:
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
45
public/github-btns/bootstrap.min.css
vendored
Normal file
45
public/github-btns/bootstrap.min.css
vendored
Normal file
|
|
@ -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;}}
|
||||
248
public/github-btns/github-btn.html
Normal file
248
public/github-btns/github-btn.html
Normal file
|
|
@ -0,0 +1,248 @@
|
|||
<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 + '/stargazers';
|
||||
} 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>
|
||||
BIN
public/github-btns/github-icons-2x.png
Normal file
BIN
public/github-btns/github-icons-2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5 KiB |
BIN
public/github-btns/github-icons.png
Normal file
BIN
public/github-btns/github-icons.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2 KiB |
76
public/github-btns/index.html
Normal file
76
public/github-btns/index.html
Normal file
|
|
@ -0,0 +1,76 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>The Unofficial GitHub Watch & 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>
|
||||
212
public/github-btns/page.css
Normal file
212
public/github-btns/page.css
Normal file
|
|
@ -0,0 +1,212 @@
|
|||
/* 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;
|
||||
}
|
||||
body,
|
||||
p,
|
||||
li {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
/* Set width of site */
|
||||
.container {
|
||||
width: auto;
|
||||
max-width: 820px;
|
||||
}
|
||||
|
||||
/* Clearfix */
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
content:"";
|
||||
display:table;
|
||||
}
|
||||
.clearfix:after {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
/* 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);
|
||||
}
|
||||
.primary.btn:hover {
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.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);
|
||||
}
|
||||
|
||||
|
||||
/* MASTHEAD
|
||||
-------------------------------------------------- */
|
||||
.masthead {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.masthead h1,
|
||||
.masthead p {
|
||||
text-align: center;
|
||||
}
|
||||
.masthead h1 {
|
||||
margin-bottom: 10px;
|
||||
font-size: 80px;
|
||||
line-height: 1;
|
||||
}
|
||||
.masthead p {
|
||||
font-size: 18px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.masthead .introducing {
|
||||
margin-bottom: 20px;
|
||||
color: #999;
|
||||
}
|
||||
.masthead .tagline {
|
||||
margin-bottom: 30px;
|
||||
font-size: 24px;
|
||||
}
|
||||
.masthead .tweet-button {
|
||||
width: 55px;
|
||||
margin: 0 auto 20px;
|
||||
}
|
||||
|
||||
|
||||
/* BODY
|
||||
-------------------------------------------------- */
|
||||
|
||||
/* Two-column buttons */
|
||||
.about-buttons {
|
||||
text-align: center;
|
||||
}
|
||||
.about-star,
|
||||
.about-fork,
|
||||
.about-follow {
|
||||
width: 32%;
|
||||
float: left;
|
||||
}
|
||||
.about-buttons div + div {
|
||||
margin-left: 2%;
|
||||
}
|
||||
.about-buttons ul {
|
||||
margin-left: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.about-buttons iframe {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
/* Download button */
|
||||
.download {
|
||||
margin: 30px 0 50px;
|
||||
text-align: center;
|
||||
}
|
||||
.download .btn {
|
||||
font-size: 20px;
|
||||
padding: 12px 24px;
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
|
||||
/* FOOTER
|
||||
-------------------------------------------------- */
|
||||
.footer {
|
||||
margin-top: 40px;
|
||||
padding: 0;
|
||||
border-top: 0;
|
||||
}
|
||||
.footer p {
|
||||
text-align: center;
|
||||
}
|
||||
iframe + iframe {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
|
||||
/* MISC
|
||||
-------------------------------------------------- */
|
||||
|
||||
/* Small lines after each section */
|
||||
.masthead:after,
|
||||
.body:after {
|
||||
display: block;
|
||||
content: '';
|
||||
width: 100px;
|
||||
height: 1px;
|
||||
margin: 0 auto;
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
|
||||
/* RESPONSIVE
|
||||
-------------------------------------------------- */
|
||||
|
||||
@media (max-width: 840px) {
|
||||
.masthead h1 {
|
||||
font-size: 60px;
|
||||
}
|
||||
.masthead p,
|
||||
.masthead .tagline {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.about-watch,
|
||||
.about-fork,
|
||||
.about-follow {
|
||||
width: auto;
|
||||
float: none;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.about-buttons div + div {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.masthead h1 {
|
||||
font-size: 40px;
|
||||
}
|
||||
.masthead p,
|
||||
.masthead .tagline {
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
|
|
@ -202,8 +202,8 @@
|
|||
<tr>
|
||||
<td>
|
||||
<!-- Github -->
|
||||
<!--<iframe src="http://ghbtns.com/github-btn.html?user=lefnire&repo=habitrpg&type=watch&count=true"
|
||||
allowtransparency="true" frameborder="0" scrolling="0" width="85px" height="20px"></iframe>-->
|
||||
<iframe src="/github-btns/github-btn.html?user=lefnire&repo=habitrpg&type=watch&count=true"
|
||||
allowtransparency="true" frameborder="0" scrolling="0" width="85px" height="20px"></iframe>
|
||||
|
||||
<!-- Gittip -->
|
||||
<iframe style="border: 0; margin: 0; padding: 0;" src="https://www.gittip.com/lefnire/widget.html" width="48pt" height="20pt"></iframe>
|
||||
|
|
|
|||
Loading…
Reference in a new issue