summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorEinar Egilsson <einar@einaregilsson.com>2012-05-22 21:18:11 +0200
committerEinar Egilsson <einar@einaregilsson.com>2012-05-22 21:18:11 +0200
commit2cb4357beeb3f977940e05b2ef97c13ce13fca92 (patch)
tree4b0aefaf3641cbafe2f04f2d4d72fcfc828dc5cb
parent86e361f898136d9b4c3607374efa5aec08919bff (diff)
Github banner and readme link
-rw-r--r--README.md4
-rw-r--r--index.html14
2 files changed, 14 insertions, 4 deletions
diff --git a/README.md b/README.md
index 9bd9e6f..8b64583 100644
--- a/README.md
+++ b/README.md
@@ -16,8 +16,6 @@ I have created a lot of javascript card games. As of 12.05.2012 I've made
| <a href="http://www.shithead-cardgame.com/">Shithead</a>
-I've gotten many inquiries about how I make them, especially around the card animations, so I'm going to try to extract the generic parts of these games into a library for manipulating cards. Right now I'm not sure whether I'll use images or SVG for the library,
+I've gotten many inquiries about how I make them, especially around the card animations, so I'm going to try to extract the generic parts of these games into a library for manipulating cards. To see an interactive demo and documentation you can go to <a href="http://einaregilsson.github.com/cards.js/">http://einaregilsson.github.com/cards.js/</a>.
The card deck images are made by Nicu Buculei, and are in the public domain (found on openclipart.org).
-
-The plan right now is to just get a basic library out that can move cards, maybe rotate them and drag and drop. If you have anything else you'd like just contact me and I'll see what I can do. \ No newline at end of file
diff --git a/index.html b/index.html
index d3f4758..08e74b0 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,7 @@
<style>
html { background-color:#092E20; }
body {
+ position:relative;
border-radius:8px;
box-shadow:black 0px 0px 2px;
width: 600px;
@@ -17,12 +18,21 @@
#buttons {
text-align:center;
}
+
+ a img {
+ position: absolute;
+ top: 0;
+ right: 0;
+ border: 0;
+ }
button {
height:30px;
width:100px;
margin:8px auto;
}
-
+ img.preload {
+ display:none;
+ }
h1 {
font-size:60px;
text-align:center;
@@ -98,7 +108,9 @@
<body>
<h1>Cards.js</h1>
<h3>The easiest way to write card games in Javascript</h3>
+ <a href="https://github.com/einaregilsson/cards.js"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub"></a>
<p>cards.js is a library to write good looking card games in javascript. It's not a framework, it does not try to tell you how to write your game logic, it's only about rendering playing cards, animating them and giving you a nice and simple way to use them in your games.</p>
+ <img class="preload" src="img/cards.png"/>
<code id="ex1" style="display:block">//Start by initalizing the library
cards.init({table:'#card-table'});
//Create a new deck of cards