aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorVictor Häggqvist <[email protected]>2014-06-30 20:25:05 +0200
committerVictor Häggqvist <[email protected]>2014-06-30 20:25:05 +0200
commitb1377ef182b5b4b600672d4acb512c420d842c33 (patch)
tree27aa4c9fc75bc1c4b18c9df4bbe21b27c95ce068
parente7857d1d5a8671073b803721c97f1d65f51bef10 (diff)
showcase
-rw-r--r--app.css46
-rw-r--r--index.html14
2 files changed, 36 insertions, 24 deletions
diff --git a/app.css b/app.css
index a14e694..5ade0b8 100644
--- a/app.css
+++ b/app.css
@@ -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;
}
diff --git a/index.html b/index.html
index 076d216..088e6be 100644
--- a/index.html
+++ b/index.html
@@ -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">
&lt;span class=&quot;lastcommit-widget&quot; data-user=&quot;your github username&quot;&gt;&lt;/span&gt;
-&lt;script src=&quot;widget.js&quot;&gt;&lt;/script&gt;
+&lt;script src=&quot;lastcommit.min.js&quot;&gt;&lt;/script&gt;
</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&amp;repo=lastcommit&amp;type=watch&amp;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>