From 489e61c4e4857932b8f5120568b8df4175b0cf8a Mon Sep 17 00:00:00 2001 From: Tyler Renelle Date: Fri, 12 Oct 2012 08:05:00 -0400 Subject: [PATCH] add github-btns back in, as local clone into /public files --- public/github-btns/.gitignore | 24 +++ public/github-btns/CNAME | 1 + public/github-btns/README.md | 145 +++++++++++++++ public/github-btns/bootstrap.min.css | 45 +++++ public/github-btns/github-btn.html | 248 +++++++++++++++++++++++++ public/github-btns/github-icons-2x.png | Bin 0 -> 5163 bytes public/github-btns/github-icons.png | Bin 0 -> 2066 bytes public/github-btns/index.html | 76 ++++++++ public/github-btns/page.css | 212 +++++++++++++++++++++ views/app/index.html | 4 +- 10 files changed, 753 insertions(+), 2 deletions(-) create mode 100644 public/github-btns/.gitignore create mode 100644 public/github-btns/CNAME create mode 100644 public/github-btns/README.md create mode 100644 public/github-btns/bootstrap.min.css create mode 100644 public/github-btns/github-btn.html create mode 100644 public/github-btns/github-icons-2x.png create mode 100644 public/github-btns/github-icons.png create mode 100644 public/github-btns/index.html create mode 100644 public/github-btns/page.css 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 0000000000000000000000000000000000000000..7cbc424f10a7ca46c4ac2cff02d26bcd59d4cdf7 GIT binary patch literal 5163 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
  • JeH6HUo_^B};wSe= zhdP}THn@ogl^4Zr%$8Zj5nRh#O_=J+h)lhtM17_xAAO-HvuAjMXd|__uA7z2R*yJI zX>!~V+|7$P##ml~@;BbG$IQOqu`-TnnAQ*(b<~Y8#|84<39X^w zo_WUEN%k1txpAfkf981P2hXgZ`oObdO56^PSpBYv0Ba^e@}38t-7u|Kp8>NgQ~*a6 zMq`OS>1D)c>o;N9%B)$6^7VK{nfj5UhGrI@6>3|15(}d%T4zTjc^)oP-nngs>9AoM z!2I_BHbnu3)zj3^rGJI zW-`xk^JO9;`0*qYT*>HCj?IiGfd7>LoIwo&h+r~{iDomKS;Lo1q#td)|3kp7cB_?a Z{{wd0et_J_QUw42002ovPDHLkV1fiZE9?LO literal 0 HcmV?d00001 diff --git a/public/github-btns/github-icons.png b/public/github-btns/github-icons.png new file mode 100644 index 0000000000000000000000000000000000000000..00e2b8f0968d1c4b5a2cde847af1de46c48c4e0f GIT binary patch literal 2066 zcmV+t2<`WYP)EdG=j#W(MU}&HlkHRBe7_Rw`#cP z1aMG5K`vS4vfNx&Tz2>D?VMjcFuP{JNw`HpIxH=bViXU&7oh> zLYhOKH0s|d*n`u!k`1iqN={>sA%pQgzpc$S)ySf3FxAv%doQ60LlMgbZG0XfPo!Mb@Gm(O85?KK+cQ(RA_}v!F3i77J482hNCz0s6DmyAQI8xA1O0#Jjj_=cngy28cYx zaq*|Qk`5tF38K3ENX^NHf~u3I2lc5CBty~yC&-FFZ@Q0n(z6&(j--4nO70H(i{qm1 zhMrz~>fjRTQ=-pRg!k~8Fj zZ|PKP$3W!HoO4ShlM^Ibm#`&sR(?f*{DesF%=U>(kJ33Vj16Vm8mHB7fTf>t9KX1k zVN^On_E$%hpO}&MX1*n( zX#a*@FG!UQ2qxzPpTepD@eh^j8zZ#qRZ(qR5nwE=f)5SW1VX1T?YIh@01ScRc> z)c?=_{EVc@^a{N}3uz&}L9ftc8aYJ4V|fjqW+nG=A1nDZui>$STt1vU=lfpVt130L zTMbr&p9vr`<=yb zOJiWi6PYTi_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#EBqHHUm-%3Oyu6^tXQI*nIA~6Z5-fKsq$`}dOIQTeijiXL>gA;ZH2zo z*g-^edoi5My-Xq^vDKupBY~D!H4)LiaA(NYGeksjoeWzciP|b6qIRc9*T+Oey%n$* zq>y7(L`0|koFSQC5D{%?euT&tO(l&bk5hAXHx2YIN=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)lU?kSXH-;MdfS_Zn)7`y*pVHHfr(6wK z#k%~e6YZry+m()M=7)9pRs$g4!ZdnzFiCebt0mCNUPx#07*qoM6N<$f(l0Gv;Y7A literal 0 HcmV?d00001 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 @@ - +