Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

rules page with links on index page to said rules page

  • Loading branch information...
commit 6a9fb535f5ea194073267809828a7145a22d1df3 1 parent af90aeb
@teleject teleject authored
Showing with 81 additions and 5 deletions.
  1. +5 −4 public/css/style.css
  2. +1 −1  public/index.html
  3. +75 −0 public/rules.html
View
9 public/css/style.css
@@ -19,14 +19,14 @@
html {
height: 100%;
min-width: 900px;
-
+ min-height: 1000px;
}
body {
border-top: 3px solid rgba(0,51,153,.8);
background-color: #0b8afe;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0392fe), color-stop(0.74, #00338d));
text-shadow: rgba(255,255,255,.2) 0.1em 0.1em 0;
-
+
}
.multiplebgs body {
background-color: #0b8afe;
@@ -76,6 +76,7 @@ header h2 {
}
article {
+ xwidth: 1260px;
width: 957px;
margin: 0 auto;
@@ -431,7 +432,7 @@ margin: 10px;
}
#gameboard_content article {
- width: 1260px;
+ xwidth: 1260px;
}
#gameboard_frame {
@@ -448,7 +449,7 @@ section.myboard {
float: right;
}
-.myboard {
+.xmyboard {
position: absoulte;
top: 0;
right: 0;
View
2  public/index.html
@@ -20,7 +20,7 @@
<a href="#" onClick="APPVIEW.next_page();return false;"><img src="images/main-screen.png" alt="Man the GUNS! Your crew needs you!"></a>
</section>
<section class="buttons">
- <!--<button class="large">Rules</button> No rules brother. -->
+ <button class="large" onclick="APPVIEW.goto('rules.html');">Rules</button>
<button class="large orangellow" onClick="APPVIEW.next_page();">Play Now!</button>
</section>
<section class="mod about">
View
75 public/rules.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en" class="no-js">
+<head>
+ <title>HMS Dreadnode</title>
+
+ <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.1.2/build/cssreset/reset-min.css">
+ <link rel="stylesheet" type="text/css" href="css/style.css" />
+ <script type="text/javascript" src="js/modernizr-1.5.min.js"></script>
+ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+ <script type="text/javascript" src="js/json2.js"></script>
+ <script type="text/javascript" src="js/gameboard.js"></script>
+ <script type="text/javascript" src="js/pieces.js"></script>
+</head>
+<body>
+ <header>
+ <h1><a href="#"><abbr title="Her Majesty's Ship">HMS</abbr> Dreadnode</a></h1>
+ <h2>The Classic Titanic Rock &#8217;Em Sock &#8217;Em Ship Battle Game</h2>
+ </header>
+
+ <div id="login_content">
+ <article>
+ <section class="mod">
+
+ <h3>KNOW THE RULES TO STAY ALIVE</h3>
+
+ <p>
+ This probably isn't your first rodeo, but there are some things you need to know to make it through the next round of attacks.
+ </p>
+ <p>First, you have to register yourself. This let's you get command of your fleet, but also makes sure you don't get any of that nasty friendly fire that's been going around.
+ </p>
+
+ <p>Once you've registered, you will be presented with a game board. Scroll down for your game pieces. These pieces represent the proud women and men under your command. Treat them with respect.</p>
+
+ <p>And you treat them with respect by <strong>clicking and dragging</strong> the ships in strategic locations under the "Pray for Your Fleet" Board.</p>
+
+ <p>The fleet are already in vertical positions, perfect for offensive strikes.</p>
+
+ <p>However, if you want to go more pansy, protectionist methods then I guess you got enough hugs from your momma.</p>
+
+ <p>To <strong>change the orientation</strong> of the ships, press "R" while dragging the ships onto the game board.</p>
+
+ <p>When your fleet is positioned, click the Ready button to enter the operations' field.</p>
+
+ <p>At this moment, your fleet is set and you are free to fire on the enemy.</p>
+
+ <p>By firing on the enemy, go to the "May Your Aim Be True" Board and click on the pegs.</p>
+
+ <p>On this board you take turns firing against a computer's artificial intelligence or your friend over the Internet. Or maybe it's your friend's artificial intelligence? I get those confused.</p>
+
+ <p>Once you've secured victory and safety for your those under your command, you will be shown a report of how great you did.</p>
+
+ <p>If you don't win, you probably were going to die of dysentery on the trail anyway.</p>
+
+ <p>And with that, that's all you need to know, soldier. May the wind be at your back.</p>
+
+ <button onclick="location.history.go(-1);" class="orangellow large">Back</button>
+
+ <section>
+ </article>
+ </div>
+
+ <script type="text/javascript" class="init">
+ $("#login").submit(function(e) {
+ e.preventDefault();
+ var Message = dread.Message || function(){};
+ var username = $("#uname").val();
+ $.socket.send(JSON.stringify(new Message("username", username)));
+
+ var email = $("#gravatar").val();
+ $.socket.send(JSON.stringify(new Message("gravatar", email)));
+ return false;
+ });
+ </script>
+</body>
+</html>
Please sign in to comment.
Something went wrong with that request. Please try again.