Skip to content
Browse files

ACs first commits

  • Loading branch information...
1 parent 9019f0f commit 735f319e05777bb15b57c721df7d66d242654525 Alex Coleman committed Sep 17, 2011
View
BIN img/bg.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN img/header.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN img/header.psd
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN img/logo-sm.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN img/logo.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN img/racers/1.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN img/racers/2.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN img/racers/3.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN img/racers/4.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN img/racetrack.psd
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN img/silhouette/1.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN img/silhouette/2.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN img/silhouette/3.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN img/silhouette/4.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN img/silhouette/5.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN img/silhouette/6.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN img/silhouette/7.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN img/silhouette/8.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN img/silhouette/9.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN img/track/bg.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN img/track/layer1-bg.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN img/track/layer2-bg.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN img/track/layer3-bg.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN img/track/layer4-bg.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
167 index.html
@@ -0,0 +1,167 @@
+<!doctype html>
+<html>
+<head>
+<title></title>
+<link href='http://fonts.googleapis.com/css?family=Crushed' rel='stylesheet' type='text/css'>
+<style>
+
+ /* http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+ */
+
+ html, body, div, span, applet, object, iframe,
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+ a, abbr, acronym, address, big, cite, code,
+ del, dfn, em, img, ins, kbd, q, s, samp,
+ small, strike, strong, sub, sup, tt, var,
+ b, u, i, center,
+ dl, dt, dd, ol, ul, li,
+ fieldset, form, label, legend,
+ table, caption, tbody, tfoot, thead, tr, th, td,
+ article, aside, canvas, details, embed,
+ figure, figcaption, footer, header, hgroup,
+ menu, nav, output, ruby, section, summary,
+ time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+ }
+ /* HTML5 display-role reset for older browsers */
+ article, aside, details, figcaption, figure,
+ footer, header, hgroup, menu, nav, section {
+ display: block;
+ }
+ body {
+ line-height: 1;
+ }
+ ol, ul {
+ list-style: none;
+ }
+ blockquote, q {
+ quotes: none;
+ }
+ blockquote:before, blockquote:after,
+ q:before, q:after {
+ content: '';
+ content: none;
+ }
+ table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ }
+
+ body {background:url('img/bg.jpg') center repeat-x; color:#FFF; font-family: 'Crushed', cursive;}
+ .wrap {width:1100px; margin:auto;}
+
+ #header {height:110px; background:url('img/header.jpg') center no-repeat; background-color:#f2c12e;}
+ #header button {padding:14px 18px; font-size:18px; margin-top:30px; background-color:#000; color:#FFF; border:0; border-radius:10px; cursor:pointer;}
+ #header button:hover {background-color:#f28705;}
+
+ #main {width:1100px; margin:auto;}
+
+ #dashboard {margin:20px 0; padding:20px; background-color:#000; border-bottom:1px solid #333; font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace; font-size:11px;}
+
+ #users {float:left; width:100px;}
+ #users li {margin-top:50px; font-size:26px;}
+ .active {background-color:#f2071b; padding:6px 8px;}
+
+ #racetrack {float:left; position:relative; height:350px; width:800px; background:url('img/track/bg.jpg'); margin:auto; box-shadow:0 0 20px rgba(0,0,0,.6);}
+
+ #racetrack #tracks #track1 #layer1 {position:absolute; z-index:2;}
+ #racetrack #tracks #track1 #racer1 {position:absolute; top:240px; left:20px; z-index:7;}
+
+ #racetrack #tracks #track2 #layer2 {position:absolute; z-index:4;}
+ #racetrack #tracks #track2 #racer2 {position:absolute; top:180px; left:6px; z-index:4;}
+
+ #racetrack #tracks #track3 #layer3 {position:absolute; z-index:6;}
+ #racetrack #tracks #track3 #racer3 {position:absolute; top:100px; left:14px; z-index:3;}
+
+ #racetrack #tracks #track4 #layer4 {position:absolute; z-index:8;}
+ #racetrack #tracks #track4 #racer4 {position:absolute; top:35px; left:10px; z-index:1;}
+
+ #gamearea {float:right; width:160px; margin-left:40px;}
+ #gamearea form {background-color:#000; padding:8px;}
+ #gamearea input.text {border:0; padding:8px; width:50%;}
+ #gamearea button {background-color:#000; color:#FFF; border:0; border-radius:10px; cursor:pointer;}
+ #gamearea button:hover {color:#f28705;}
+ #gamearea #current {margin-bottom:20px;}
+ #gamearea #previous {}
+ #gamearea #previous img {float:left; margin-right:10px;}
+
+ #waiting {position:fixed; bottom:0;}
+
+</style>
+
+</head>
+<body>
+ <!--header-->
+ <div id="header">
+ <div class="wrap">
+ <!-- <button>Let me play!</button> -->
+ </div>
+ </div>
+
+ <!--begin main-->
+ <div id="main">
+
+ <!--dash-->
+ <div id="dashboard">
+ This is all my dashboard junk. It'll show all the game states.
+ </div>
+ <!--user list-->
+ <div id="users">
+ <ul>
+ <li id="user1" class="active">Alex</li>
+ <li id="user2">Dylan</li>
+ <li id="user3">Ray</li>
+ <li id="user4">Tony</li>
+ </ul>
+ </div>
+ <!--the racetrack-->
+ <div id="racetrack">
+ <ul id="tracks">
+ <li id="track1">
+ <img id="layer1" src="img/track/layer1-bg.png" />
+ <img id="racer1" src="img/racers/1.png" />
+ </li>
+ <li id="track2">
+ <img id="layer2" src="img/track/layer2-bg.png" />
+ <img id="racer2" src="img/racers/2.png" />
+ </li>
+ <li id="track3">
+ <img id="layer3" src="img/track/layer3-bg.png" />
+ <img id="racer3" src="img/racers/3.png" />
+ </li>
+ <li id="track4">
+ <img id="layer4" src="img/track/layer4-bg.png" />
+ <img id="racer4" src="img/racers/4.png" />
+ </li>
+ </ul>
+ </div>
+ <!--here's where you play-->
+ <div id="gamearea">
+ <div id="current">
+ <img src="#" style="width:160px; height:200px;" />
+ <form>
+ <input type="textfield" class="text" placeholder="$">
+ <button>Enter!</button>
+ </form>
+ </div>
+ <div id="previous">
+ <img src="#" style="width:60px; height:80px;" />
+ <p>Actual price <strong>$xx.xx</strong></p>
+ <p>Winner <strong>Ray</strong></p>
+ </div>
+ </div>
+ </div>
+
+ <!--the waiting que-->
+ <div id="waiting">
+ Populate with your magic
+ </div>
+</body>
+</html>

0 comments on commit 735f319

Please sign in to comment.
Something went wrong with that request. Please try again.