diff options
| author | Victor Häggqvist <[email protected]> | 2014-06-30 20:25:05 +0200 |
|---|---|---|
| committer | Victor Häggqvist <[email protected]> | 2014-06-30 20:25:05 +0200 |
| commit | b1377ef182b5b4b600672d4acb512c420d842c33 (patch) | |
| tree | 27aa4c9fc75bc1c4b18c9df4bbe21b27c95ce068 | |
| parent | e7857d1d5a8671073b803721c97f1d65f51bef10 (diff) | |
showcase
| -rw-r--r-- | app.css | 46 | ||||
| -rw-r--r-- | index.html | 14 |
2 files changed, 36 insertions, 24 deletions
@@ -1,30 +1,42 @@ body { - color: #333; - padding: 14px; - line-height: 22px; - text-align: center; - font-family: helvetica, arial, freesans, clean, sans-serif; - background-image:url('lined_paper.png'); + color: #333; + padding: 14px; + line-height: 22px; + width: 650px; + margin: 0 auto; + font-family: helvetica, arial, freesans, clean, sans-serif; } -span.lastcommit { - font-size: 22px !important; +body > * { + text-align: center; +} + +span.lastcommit-widget { + font-size: 22px !important; + display: flex; + justify-content: center; } a:hover { - color: #00438A; - text-decoration: underline; + color: #00438A; + text-decoration: underline; } + a { - color: #0069D6; - text-decoration: none; + color: #0069D6; + text-decoration: none; } - pre { - color: #404040; - font-family: Monaco, 'Andale Mono', 'Courier New', monospace; - font-size: 12px; - + color: #404040; + font-family: Monospace, 'Andale Mono', 'Courier New'; + font-size: 12px; + text-align: left; + border: 0 !important; +} +iframe { + display: block; + margin: 0 auto; + width: 80px; } @@ -8,24 +8,24 @@ <body> <h1>You are only as good as your last commit</h1> - <p>An old <a href="http://twitter.com/sauy7">friend</a> once told me this, so here's mine.</p> <span class="lastcommit-widget" data-user="victorhaggqvist"></span> <p>And now you!</p> - <pre> + <pre class="prettyprint"> <span class="lastcommit-widget" data-user="your github username"></span> -<script src="widget.js"></script> +<script src="lastcommit.min.js"></script> </pre> <p>The code above will, when included on a webpage show the last commit made by the provided user.</p> <p>It's not smart enough to filter out commits by others in a repository on the users account.</p> - <p>Oh...and it only works for GitHub accounts.</p> - <p>Fork it on GitHub.</p> + <iframe src="http://ghbtns.com/github-btn.html?user=victorhaggqvist&repo=lastcommit&type=watch&count=true" + allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe> <p>Thank you</p> - <p><a href="http://twitter.com/johanni">Johan</a></p> + <p><a href="http://twitter.com/victorhggqvst">Victor</a></p> - <script src="lastcommit.js"></script> + <script src="dist/lastcommit.min.js"></script> + <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script> </body> </html> |