Merge pull request #10 from haydenmlh/feature/simplify_layout

Feature/simplify layout

contact.html

@@ -51,25 +51,31 @@
         <div id="pre-footer">
             <header class="noselect">
                 <nav id="buttons">
+                    <!-- Typewriter title only on main page to avoid too much effects -->
+                    <!-- <a href="/" id="name-link"><h1 id="header-name" class="name-typewriter"></h1></a> -->
+
+                    <!-- No typing effect -->
                     <a href="/" id="name-link"><h1 id="header-name">Hayden Mak</h1></a>
+
+                    <!-- Mobile menu icon -->
                     <a href="javascript:void(0);" class="nav-link icon" onclick="myFunction()">
                         <i class="fa fa-bars"></i>
                     </a>
+
                     <div id="header-left" class="header-flanks">
-                        <a class="nav-link" href="/about" id="about-link">About</a></li>
+                        <a class="nav-link" href="/resume" id="about-link">Resume</a></li>
                         <a class="nav-link" href="/projects" id="projects-link" >Projects</a></li>
-                        <a class="nav-link" href="/blog" id="blog-link">Blog</a></li>
 
                     </div>
+
                     <div id="header-right" class="header-flanks">
                         <a class="nav-link" href="/photography" id="photography-link">Photography</a></li>
                         <a class="nav-link" href="/contact" id="contact-link">Contact</a></li>
                     </div>
 
                     <a class="nav-link mobile" href="/about" id="about-link-mobile">About</a></li>
                     <a class="nav-link mobile" href="/projects" id="projects-link-mobile" >Projects</a></li>
-                    <a class="nav-link mobile" href="/blog" id="blog-link-mobile">Blog</a></li>
-                    <a class="nav-link mobile" href="/photography" id="photography-link-mobile">Photography</a></li>                    
+                    <a class="nav-link mobile" href="https://www.instagram.com/haydenmlh.photography" id="photography-link-mobile">Photography</a></li>                    
                     <a class="nav-link mobile" href="/contact" id="contact-link-mobile">Contact</a></li>
                     <div class="mobile" id="responsive-bottom-border-mobile"></div>