diff --git a/public/github-btns/.gitignore b/public/github-btns/.gitignore new file mode 100644 index 0000000000..54c0b9fe21 --- /dev/null +++ b/public/github-btns/.gitignore @@ -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 \ No newline at end of file diff --git a/public/github-btns/CNAME b/public/github-btns/CNAME new file mode 100644 index 0000000000..46741200b1 --- /dev/null +++ b/public/github-btns/CNAME @@ -0,0 +1 @@ +ghbtns.com \ No newline at end of file diff --git a/public/github-btns/README.md b/public/github-btns/README.md new file mode 100644 index 0000000000..c3b2f6b01d --- /dev/null +++ b/public/github-btns/README.md @@ -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 + +``` + +### Requirements + +`user`
+GitHub username that owns the repo
+ +`repo`
+GitHub repository to pull the forks and watchers counts + +`type`
+Type of button to show: `watch` or `fork` or `follow` + +### Optional + +`count`
+Show the optional watchers or forks count: *none* by default or `true` + +`size`
+Optional flag for using a larger button: *none* by default or `large` + + + +Examples +-------- + +**Basic Watch button** + +``` html + +``` + +**Basic Fork button** + +``` html + +``` + +**Basic Follow button** + +``` html + +``` + +**Watch with count** + +``` html + +``` + +**Fork with count** + +``` html + +``` + +**Follow with count** + +``` html + +``` + +**Large Watch button with count** + +``` html + +``` + +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, @mdo. + + + +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. \ No newline at end of file diff --git a/public/github-btns/bootstrap.min.css b/public/github-btns/bootstrap.min.css new file mode 100644 index 0000000000..ac8e3826be --- /dev/null +++ b/public/github-btns/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/public/github-btns/github-btn.html b/public/github-btns/github-btn.html new file mode 100644 index 0000000000..ca3fd30a0e --- /dev/null +++ b/public/github-btns/github-btn.html @@ -0,0 +1,248 @@ + + + + + + + + + diff --git a/public/github-btns/github-icons-2x.png b/public/github-btns/github-icons-2x.png new file mode 100644 index 0000000000..7cbc424f10 Binary files /dev/null and b/public/github-btns/github-icons-2x.png differ diff --git a/public/github-btns/github-icons.png b/public/github-btns/github-icons.png new file mode 100644 index 0000000000..00e2b8f096 Binary files /dev/null and b/public/github-btns/github-icons.png differ diff --git a/public/github-btns/index.html b/public/github-btns/index.html new file mode 100644 index 0000000000..c70124e767 --- /dev/null +++ b/public/github-btns/index.html @@ -0,0 +1,76 @@ + + + + + + The Unofficial GitHub Watch & Fork Buttons + + + + + + + + + + + +
+
+
+ +
+ +

Introducing the unofficial

+

GitHub Buttons

+

Showcase your GitHub repo's success with these three simple, static buttons featuring dynamic watch, fork, and follower counts.

+
+
+
+
+

Star

+ +
    +
  • Real-time stars count
    • +
  • Link to any public GitHub repo
    • +
  • Two available sizes
    • +
+
+
+

Fork

+ +
    +
  • Real-time forks count
    • +
  • Link to any public GitHub repo
    • +
  • Two available sizes
    • +
+
+
+

Follow

+ +
    +
  • Real-time followers count
    • +
  • Link to any public GitHub user
    • +
  • Two available sizes
    • +
+
+
+

+ Download on GitHub +

+
+ +
+ + + \ No newline at end of file diff --git a/public/github-btns/page.css b/public/github-btns/page.css new file mode 100644 index 0000000000..1a334c4ade --- /dev/null +++ b/public/github-btns/page.css @@ -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; + } +} \ No newline at end of file diff --git a/views/app/index.html b/views/app/index.html index eb8526c7a6..0a063ba2f7 100644 --- a/views/app/index.html +++ b/views/app/index.html @@ -202,8 +202,8 @@ - +