added battleship

Author: vcantu

css/style.css

@@ -180,3 +180,19 @@ li {
 .githublink {
   margin: 20px;
 }
+
+.btn {
+  background-color: #009688;
+  color: #fff;
+  font-family: roboto;
+  margin: 20px;
+  border-color: 6px;
+  padding: 5%;
+  padding-left: 30px;
+  padding-right: 30px;
+
+  border-radius: 4px;
+  -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);
+  -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);
+  box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);
+}

index.html

@@ -152,12 +152,43 @@
         </a>
       </center>
     </div>
+
+    <div class="card">
+      <big>Android Rolodex View</big>
+      <br><br>
+      I might not add this
+    </div>
+
     <div class="card">
-      Android Rolodex View
+      <big>Battleship</big>
+      <br><br>
+      I created this battleship game during senior year in high school for my AP Computer Science class. For this game I created a very simple 2D game engine in Java and used that engine to make the battleship game. I'm most proud of the three different AI you can play against(Easy, Medium & Hard).
+      <br><br>
+      Below are two links, one GitHub link to the source code and one button to download a jar file. Just open the file and play!
+      <br><br>
+      How to Play:
+        <li>Drag & drop ships to set the initial position of your ships</li>
+        <li>Right click ships to rotate them</li>
+        <li>Left click to fire</li>
+        
+      <br>
+      <a href="https://github.com/vcantu" target="_blank"
+      style="margin-left:15%;">
+          <img class="githublink" src="images/GitHub.png">
+      </a>
+      <a href="jars/battleship.jar" download="battleship" target="_blank"
+      style="float: right; margin-right:15%;">
+        <div class="btn">
+          CLICK TO PLAY!
+        </div>
+      </a>
+
     </div>
+
     <div class="card">
       Small Java Calculator
     </div>
+
     <div class="card">
       Java Number to English
     </div>

jars/Battleship.jar

@@ -13,4 +13,4 @@ setInterval(function() {
     .fadeIn(1000)
     .end()
     .appendTo('#slideshow');
-},  8000);
+},  5000);