code/wii-js
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Finalize demo

Browse source
This commit is contained in:
Ryan McGrath 2011-07-10 05:19:05 -04:00
parent f346416e66
commit 834d960243
2 changed files with 6 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

8
css/demo.css
View file

@ -18,7 +18,7 @@ blockquote, q { quotes: "" ""; }
html {
color: #333;
font: normal 24px/28px helvetica, arial, sans-serif;
font: normal 22px/26px helvetica, arial, sans-serif;
padding: 0px;
background: #fff;
overflow: hidden !important;
@ -26,7 +26,7 @@ html {
body { overflow: hidden !important; padding: 20px; }
h1 { background-color: #42a2cc; color: #f9f9f9; font-size: 50px; padding: 10px; }
h1 { background-color: #42a2cc; color: #f9f9f9; font-size: 44px; padding: 10px; }
a, a:visited {
background-color: #42a2cc;
@ -44,9 +44,9 @@ p {
}
/* "Players". ;) */
.player { position: absolute; top: 680px; width: 26px; height: 26px; text-align: center; border: 2px solid #010101; padding: 10px; }
.player { position: absolute; top: 400px; width: 26px; height: 26px; text-align: center; border: 2px solid #010101; padding: 10px; }
.player span { background-color: #f9f9f9; padding: 5px 5px 4px; font-weight: bold; }
#player_1 { background-color: #ef1419; color: #ef1419; left: 500px; }
#player_2 { background-color: #13c32c; color: #13c32c; left: 580px; }
#player_3 { background-color: #e6d01a; color: #e6d01a; left: 660px; }
#player_4 { background-color: #af0bb1; color: #af0bb1; left: 740px; }
#player_4 { background-color: #af0bb1; color: #af0bb1; left: 740px; }

14
index.html
View file

@ -17,18 +17,8 @@
This demo is really simple, and works best with all Wii remotes (Wiimotes). Hold a Wiimote horizontal (sideways), and use
the directional pad to move a box floating in the bottom right corner around. Wiimote #1 is red, #2 is green, #3 is yellow, #4 is purple.
Have fun!
</p>
<p>
If you find bugs or want to get in touch, come find me at the project home on <a href="http://github.com/ryanmcgrath/wii-js/">GitHub</a>! You
can also find me on Twitter (<a href="http://twitter.com/ryanmcgrath">@ryanmcgrath</a>), or my <a href="http://venodesigns.net/">personal website</a>.
I'm always interested in what others are building!
</p>
<p>
- Ryan McGrath
</p>
</p>
<div id="player_1" class="player"><span>1</span></div>
<div id="player_2" class="player"><span>2</span></div>
<div id="player_3" class="player"><span>3</span></div>