Commits

David McLaren  committed aa62b4b

Fixed index page. Released.

  • Participants
  • Parent commits 4554521

Comments (0)

Files changed (2)

File css/style.css

   padding-top: 50px;
 }
 
-h1 {
+ul {
+  list-style: square;
+}
+
+hr {
+  border: 1px solid transparent;
+  border-width: 0 0 1px;
+  border-color: #080808;
+  box-shadow: 0 1px 0 rgba(255,255,255,.1);
+}
+
+footer {
+  margin-bottom: 24px;
+}
+
+.jumbotron h1 {
   font: 800 60px "Open Sans", sans-serif;
-  text-transform: uppercase;
-  color: #CCC;
-  text-shadow: 4px 4px 0px #47535E, 5px 5px 0px #CCC;
 }
 
 .navbar-inverse {
 }
 
 .navbar-nav>li>a:hover {
-  background: -webkit-radial-gradient(top, rgba(50,65,82,0) 60%, rgba(50,65,82,1) 100%);
+  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.25);
+  -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.25);
+  box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.25);
 }
 
 .jumbotron {
   background: #47535E;
-  border-color: #080808;
-  border-width: 1px;
-  border-style: solid;
   background-image: url("../img/concrete_wall.png");
   margin-bottom: 0;
-}
-
-#page {
-  padding-top: 15px;
+  border: 1px solid transparent;
+  border-width: 0 0 1px;
+  border-color: #080808;
+  box-shadow: 0 1px 0 rgba(255,255,255,.1);
 }
 
 .feature-list {
   text-align: center;
 }
+
+.dl-horizontal dd {
+  border-left: 1px solid #FFF;
+  padding: 0 8px 0;
+}
+
         <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
           <ul class="nav navbar-nav">
             <li>
-              <a href="../about">About</a>
+              <a href="#">Teamspeak</a>
             </li>
             <li>
-              <a href="../games">Games</a>
+              <a href="#">Games</a>
             </li>
             <li>
-              <a href="../teamspeak">Teamspeak</a>
+              <a href="#">Donate</a>
             </li>
           </ul>
         </nav>
     <div class="jumbotron">
       <div class="container">
         <h1>Stuntguru's Safe Haven</h1>
-        <p>A safe place for friends</p>
+        <p>Safe gaming at it's best because this is where the magic happens</p>
       </div>
     </div>
-    <div class="container" id="page">
+    <div class="container">
+        <h1>About</h1>
+        <p>Welcome to the SAFE HAVEN, pull up a chair and stay awhile.</p>
+        <p>Safe Haven is a community for Gamers by Gamers.  We don't take ourselves too seriously except for Joe who picks on cancer patients. Those who enter need to put on their thick skin for at times no one or no subject is off limits for being razzed!</p>
+        <p>We invite you to join the shenanigans, slots are available on a first come first serve basis.</p>
+        <h4>Your admins are:</h4>
+        <dl class="dl-horizontal">
+          <dt>Stuntguru</dt>
+          <dd>The man, the myth, the legend, the admin himself</dd>
+          <dt>Ednos</dt>
+          <dd>Cleans up after Stuntguru</dd>
+          <dt>Sirusblk</dt>
+          <dd>Cheap labor</dd>
+        </dl>
+        <p>If you have any issues and the admins can not rectumfy it, please email Stuntguru at stuntguru@yahoo.com.</p>
+        <p>Note that Stuntguru will probably ban you for bothering him at work, and may respond in Chinese.</p>
+      <hr>
+      <h1>Services</h1>
       <div class="row">
-        <div class="col-sm-6 col-md-4">
-          <div class="thumbnail">
-            <img data-src="holder.js/140x140" alt="Teamspeak" class="img-circle">
-            <div class="caption">
-              <h3>Teamspeak</h3>
-              <p>Join us on Teamspeak.</p>
-              <p><a href="#" class="btn btn-primary btn-lg btn-block" role="button">Button</a></p>
-            </div>
-          </div>
+        <div class="col-md-4">
+          <h2>Teamspeak</h2>
+          <p>Come join the fun in our very own 32 person Teamspeak high quality voice server. No bullshit. Channels for popular games. No stupid permissions and gated sub-communities. Maturity not allowed!</p>
+          <p><a class="btn btn-primary btn-block" href="ts3server://tssr.mainvoice.net" role="button">Connect to Teamspeak</a></p>
+        </div>
+        <div class="col-md-4">
+          <h2>Games</h2>
+          <p>We're here to play games not talk about playing games. What are you still doing reading this? If you're one of those reader types that wants to know what games we're playing then click the link below.</p>
+          <p><a class="btn btn-primary btn-block" href="#" role="button">Game Details</a></p>
+        </div>
+        <div class="col-md-4">
+          <h2>Donate</h2>
+          <p>Hosting a Teamspeak server and website costs money. It's not required but if you can even pass on a few bucks to help keep the lights on, it would be greatly appreciated.</p>
+          <p><a class="btn btn-primary btn-block" href="#" role="button">Donate Here</a></p>
         </div>
       </div>
+      <hr>
+      <footer>
+        <p>© Stuntguru 2013</p>
+    </footer>
     </div>
 
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->