From 74776cb69aade1f69ba742267a2c096f2504c824 Mon Sep 17 00:00:00 2001
From: Kevin MacMartin <prurigro@gmail.com>
Date: Thu, 16 Jul 2015 22:30:53 -0400
Subject: [PATCH] Tweak the general placement of things and add a template
 navbar

---
 resources/assets/less/app.less         | 33 +++++++++++++++++++-------
 resources/assets/less/nav.less         |  3 +++
 resources/views/elements/nav.blade.php | 33 ++++++++++++++++++++++++++
 resources/views/main.blade.php         |  1 +
 4 files changed, 61 insertions(+), 9 deletions(-)
 create mode 100644 resources/assets/less/nav.less
 create mode 100644 resources/views/elements/nav.blade.php

diff --git a/resources/assets/less/app.less b/resources/assets/less/app.less
index 09eea44..a164d34 100644
--- a/resources/assets/less/app.less
+++ b/resources/assets/less/app.less
@@ -1,5 +1,6 @@
 @import "bootstrap";
 @import "var";
+@import "nav";
 
 /*
  |
@@ -13,25 +14,39 @@ html, body {
 }
 
 body {
+    min-width: 300px;
     margin: 0;
     padding: 0;
     line-height: 1.5;
+    font-weight: 100;
     color: @c_text;
 }
 
 body.index {
-    display: table;
-    font-weight: 100;
-
     .container {
-        text-align: center;
-        display: table-cell;
-        vertical-align: middle;
-
         .content {
             text-align: center;
-            display: inline-block;
-            .title { font-size: 96px; }
+
+            .title {
+                position: relative;
+                top: ~"calc(50vh - 131px)";
+                font-size: 96px;
+
+                @media (max-width: 1225px) {
+                    top: ~"calc(50vh - 119px)";
+                    font-size: 82px;
+                }
+
+                @media (max-width: 1025px) {
+                    top: ~"calc(50vh - 97px)";
+                    font-size: 58px;
+                }
+
+                @media (max-width: (@screen-sm - 1)) {
+                    top: ~"calc(50vh - 83px)";
+                    font-size: 42px;
+                }
+            }
         }
     }
 }
diff --git a/resources/assets/less/nav.less b/resources/assets/less/nav.less
new file mode 100644
index 0000000..9ba693f
--- /dev/null
+++ b/resources/assets/less/nav.less
@@ -0,0 +1,3 @@
+nav {
+    z-index: 1;
+}
diff --git a/resources/views/elements/nav.blade.php b/resources/views/elements/nav.blade.php
new file mode 100644
index 0000000..a333a2d
--- /dev/null
+++ b/resources/views/elements/nav.blade.php
@@ -0,0 +1,33 @@
+<nav class="navbar navbar-default">
+    <div class="container-fluid">
+        <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="#">Hypothetical Creations</a>
+        </div>
+        <div id="navbar" class="navbar-collapse collapse">
+            <ul class="nav navbar-nav navbar-right">
+                <li class="active"><a href="#">Home</a></li>
+                <li><a href="#">About</a></li>
+                <li><a href="#">Contact</a></li>
+                <li class="dropdown">
+                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
+                    <ul class="dropdown-menu">
+                        <li class="dropdown-header">Section A</li>
+                        <li><a href="#">Dropdown Option A1</a></li>
+                        <li><a href="#">Dropdown Option A2</a></li>
+                        <li><a href="#">Dropdown Option A3</a></li>
+                        <li role="separator" class="divider"></li>
+                        <li class="dropdown-header">Section B</li>
+                        <li><a href="#">Dropdown Option B1</a></li>
+                        <li><a href="#">Dropdown Option B2</a></li>
+                    </ul>
+                </li>
+            </ul>
+        </div>
+    </div>
+</nav>
diff --git a/resources/views/main.blade.php b/resources/views/main.blade.php
index 555ae93..9b4b307 100644
--- a/resources/views/main.blade.php
+++ b/resources/views/main.blade.php
@@ -15,6 +15,7 @@
         <link rel="stylesheet" href="{{ elixir('css/app.css') }}">
     </head>
     <body class="{{ Request::path() == "/" ? "index" : Request::path() }}">
+        @include('elements.nav')
         @yield('page')
     </body>
 </html>