Add event pages nav + url rewrite

forgecph · Mar 4, 2014 · b790e54 · b790e54
1 parent 9ef0fc4
commit b790e54
Show file tree

Hide file tree

Showing 8 changed files with 58 additions and 7 deletions.
diff --git a/.htaccess b/.htaccess
@@ -1,3 +1,18 @@
+<IfModule mod_rewrite.c>
+Options +FollowSymLinks -MultiViews
+RewriteEngine On
+RewriteBase /
+
+# To externally redirect /dir/foo.php to /dir/foo
+RewriteCond %{THE_REQUEST} ^[A-Z]{3,}\s([^.]+)\.php [NC]
+RewriteRule ^ %1 [R,L]
+
+# To internally forward /dir/foo to /dir/foo.php
+RewriteCond %{REQUEST_FILENAME} !-d
+RewriteCond %{REQUEST_FILENAME}.php -f
+RewriteRule ^(.*?)/?$ $1.php [L]
+</IfModule>
+
 # Apache Configuration File
 # https://github.com/h5bp/server-configs-apache
 

diff --git a/1.php b/1.php
@@ -4,13 +4,18 @@
 
 <body class="event-1">
   <header role="banner" class="masthead">
+    <nav>
+      <a href="/">Forge 1</a>
+      <a href="/1">Forge 2</a>  
+    </nav>
+
     <div class="container" id="top">
       <h1 class="logo"><a href="/">Forge</a></h1>
 
       <p class="lead">
         The very first forge event was held on October 25th, 2013.
-        More than 200 people got together and listened to 4 amazing talks, enjoyed food &amp; drink and a surplus of inspiration.
-        Relive the moment below.
+        More than 200 people got together and listened to 4 amazing talks, enjoyed food, drinks and a surplus of inspiration.
+        Rewind below.
       </p>
     </div>
   </header>

diff --git a/assets/css/_speakers.css b/assets/css/_speakers.css
diff --git a/assets/css/forge.css b/assets/css/forge.css
diff --git a/assets/scss/_chrome.scss b/assets/scss/_chrome.scss
@@ -28,6 +28,28 @@ body {font-family: $base-font; background: $sand url($img-path + 'header-bg.gif'
   }
 }
 
+nav {
+  & {margin: 30px auto 0; text-align: center;}
+  a {
+    display: inline-block;
+    padding: 7px 20px;
+    color: #fff;
+    text-decoration: none;
+    font: 300 16px $base-font;
+    border: 2px solid;
+    opacity: .5;
+    border-radius: 20px;
+    letter-spacing: .05em;
+
+    @include transition(opacity .15s);
+
+    &:hover, &:focus {opacity: 1;}
+    &:active {position: relative; top: 1px; left: 1px;}
+
+    .frontpage &[href="/"], .event-1 &[href="/1"] {opacity: 1;}
+  }
+}
+
 .content {
   @extend .clearfix;
 

diff --git a/assets/scss/_event-1.scss b/assets/scss/_event-1.scss
@@ -10,10 +10,14 @@
 
   .masthead .lead {text-shadow: none;}
   .masthead .logo {
-    $width: 1893px;
-    $height: 307px;
+    $width: 605px;
+    $height: 226px;
 
-    > a {@include retina('logo-full-event-1', $width, $height);}
+    & {width: $width; height: $height;}
+    > a {
+      @include retina('logo-full-event-1', $width, $height);
+      width: $width; height: $height;
+    }
 
     @media (max-width: $screen-small-max) {
       $width: 40px;

diff --git a/assets/scss/_masthead.scss b/assets/scss/_masthead.scss
@@ -43,7 +43,7 @@
   }
 
   @media (min-width: $screen-medium) {
-    padding-top: 131px;
+    padding-top: 101px;
     padding-bottom: 244px;
   }
 }

diff --git a/index.php b/index.php
@@ -3,6 +3,11 @@
 
 <body class="frontpage">
   <header role="banner" class="masthead">
+    <nav>
+      <a href="/">Forge 1</a>
+      <a href="/1">Forge 2</a>  
+    </nav>
+
     <div class="container" id="top">
       <h1 class="logo"><a href="/">Forge</a></h1>