Script Warriors Webpage

index.html

<!--Script Warriors Game Webpage
Created By: DevOpSec-->

  <div class="splashpagewrapper">
    <h1>Script Warriors</h1>
    <p><span class="author">Designed by: <a href="http://codepen.io/devopsec/">DevOpSec</a></span></p>
    <img id="gamelogo" src="http://vignette3.wikia.nocookie.net/callofduty/images/5/5b/CTF_BOIII.jpg/revision/latest?cb=20150824170136">
    <button id="playbutton">PLAY</button>
  
    <div class="instructionbox">
      <span id="instructiontitle">Instructions:</span>
        <p>This is a command-line driven capture the flag web game! Join a team of up to 5 players and capture the opposing teams flag before they capture yours! This game lats 3 rounds, and the team with the highest score at the end of the last round wins! Instructions on how to play are provided <em><a href="">Here.</a></p></em>
    </div>
</div>

Script Warriors Webpage.markdown

Script Warriors Webpage

The official webpage for the Script Warriors game app.

A Pen by Tyler Moore on CodePen.

License.

script.js

$(document).ready(function() {
  $("#playbutton").click(function() {
    var name = prompt("What is your name?");
    alert("Hello " + name + ".");
    
    var ask = confirm("Are you ready to play?"); 
    
    if (ask == true) {
      alert("Great! Let's begin.");
      location.assign("http://codepen.io/gabobsd/full/PZzMNp/");
    }
    
    else {
      alert("Oh. Well, hurry up then!")
    }

});
});

scripts

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>

style.css

/*Google Fonts*/
@import url(https://fonts.googleapis.com/css?family=Luckiest+Guy);
@import url(https://fonts.googleapis.com/css?family=Bitter);
@import url(https://fonts.googleapis.com/css?family=Press+Start+2P);

body {
  font-family: "Bitter";
   background-image: url("http://www.3dwallpaperstudio.com/wallpapers/blue_puzzle-2560x1440.jpg");
  text-align: center;
}


h1 {
  font-family: "Luckiest Guy";
}

/*game creator*/
.author {
  font-family: "Bitter";
  font-size: 26px;
}

#instructiontitle {
  font-size: 28px;
  font-weight: bold;
  font-family: "Rokkitt";
}

.splashpagewrapper {
  background: #fff;
  padding: 10px;
  margin: auto;
  width: 700px;
  margin-top: 30px;
  margin-bottom: 30px;
  border: 8px solid;
}

.instructionbox {
 margin-bottom: 20px;  
}

h1 {
  font-size: 50px;
}

/*The logo image*/
#gamelogo {
  display: block;
  margin: auto;
  width: 20%;
}

/*The div around the game instructions*/
.instructionbox {
  border: 3px solid #000;
  margin: 10px;
  padding: 10px;
}

/*The "Play" button to start the game*/
#playbutton {
  display: block;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px;
  font-family: "Press Start 2P";
  font-size: 30px;
  cursor: pointer;
  text-align: center;
  border: 3px dotted #000000;
}

#playbutton:hover {
  background: red;
  border: 3px solid #000000;
}

/* unvisited link */
a:link {
    color: #000099;
}

/* visited link */
a:visited {
    color: #000099;
}

/* mouse-over link */
a:hover {
    color: #e60000;
}

styles

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" />