Added a simple "about" page.

davorg · May 14, 2016 · 123f415 · 123f415
1 parent c71d0d3
commit 123f415
Show file tree

Hide file tree

Showing 2 changed files with 69 additions and 3 deletions.
diff --git a/about/index.html b/about/index.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Uber Fare Calculator: About</title>
+    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"
+          rel="stylesheet"
+          integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7"
+          crossorigin="anonymous">
+    <style type="text/css">
+body {
+  padding-top: 50px;
+}
+    </style>
+    <script src="https://code.jquery.com/jquery-2.2.3.min.js"
+            integrity="sha256-a23g1Nt4dtEYOj7bR+vTu7+T8VP13humZFBJNIYoEJo="
+            crossorigin="anonymous"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
+    <script src="uber.js"></script>
+  </head>
+
+  <body>
+    <nav class="navbar navbar-inverse navbar-fixed-top">
+      <div class="container">
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+          <a class="navbar-brand" href="/">Uber Fare Calculator</a>
+        </div>
+        <div id="navbar" class="collapse navbar-collapse">
+          <ul class="nav navbar-nav">
+            <li><a href="/">Home</a></li>
+            <li><a class="active" href="#">About</a></li>
+<!--            <li><a href="#contact">Contact</a></li> -->
+          </ul>
+        </div><!--/.nav-collapse -->
+      </div>
+    </nav>
+
+    <div class="container">
+      <h1>Uber Fare Calculator</h1>
+
+      <p>The Uber fare calculator is a simple piece of Javascript
+        silliness that was built by <a href="http://dave.org.uk/">Dave
+          Cross</a>. He is
+        <a href="https://twitter.com/davorg">@davorg</a> on Twitter
+        and would love to hear if you find this page at all useful or
+        if you have any suggestions for improvements.</p>
+      <p>The code is
+        <a href="https://github.com/davorg/ubercalc">on Github</a> and
+        pull requests are very welcome.</p>
+      <p>Uber's London prices are
+        <a href="https://www.uber.com/cities/london/">taken from their
+          web site</a>.
+      <p>The site is built using <a href="https://jquery.com/">jQuery</a>
+        and <a href="http://getbootstrap.com/">Bootstrap</a> and is
+        hosted on <a href="https://pages.github.com/">Github Pages</a>.
+    </div>
+  </body>
+</html>
diff --git a/index.html b/index.html
@@ -31,13 +31,13 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="#">Uber Fare Calculator</a>
+          <a class="navbar-brand" href="/">Uber Fare Calculator</a>
         </div>
         <div id="navbar" class="collapse navbar-collapse">
           <ul class="nav navbar-nav">
             <li class="active"><a href="#">Home</a></li>
-<!--            <li><a href="#about">About</a></li>
-            <li><a href="#contact">Contact</a></li> -->
+            <li><a href="/about">About</a></li>
+<!--            <li><a href="#contact">Contact</a></li> -->
           </ul>
         </div><!--/.nav-collapse -->
       </div>