Updating dev folder with new layout

new/index.html

@@ -9,12 +9,15 @@
     <meta name="description" content="ENPaul Network landing page">
     <meta name="author" content="ethannpaul@gmail.com">
 
-    <title>ENPaul DEV</title>
+    <title>ENPaul</title>
 	  <link rel="shortcut icon" href="img\e-b.png">
 
     <link href="css/bootstrap.css" rel="stylesheet">
     <link href="css/style.css" rel="stylesheet">
     <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
+    <link href="css/hexagons.min.css" rel="stylesheet" type="text/css">
+
+    <script src="js/hexagons.min.js"></script>
 
     <!--<link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
     <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">-->
@@ -30,15 +33,14 @@
           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
             <i class="fa fa-bars"></i>
           </button>
-          <a class="navbar-brand page-scroll" href="#page-top"><span class="light"><img src="img/e-w.png" width="32">&nbsp;&nbsp; ENPaul Network</span></a>
+          <a class="navbar-brand page-scroll" href="#page-top"><span class="light"><img src="img/e-w.png" width="32">&nbsp;&nbsp; Network</span></a>
         </div>
         <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
           <ul class="nav navbar-nav">
             <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
             <li class="hidden"><a href="#page-top"></a></li>
-            <li><a class="page-scroll" href="enpaul-resume.pdf">Resume</a></li>
             <li><a class="page-scroll" href="https://git.enpaul.net">Git</a></li>
-            <li><a class="page-scroll" href="#">Wiki</a></li>
+            <li><a class="page-scroll" href="https://drive.enpaul.net">Drive</a></li>
             <li><a class="page-scroll" href="https://app.plex.tv/web/app">Plex</a></li>
           </ul>
         </div>
@@ -47,7 +49,19 @@
       <!-- /.container -->
     </nav>
 
-    <div class="background-container">
+    <!-- Intro Header -->
+    <header class="intro">
+      <div class="intro-body">
+        <div class="container">
+          <div class="row">
+            <div class="col-md-8 col-md-offset-2">
+              <h1 class="brand-heading"><img style="max-width: 512px;" src="img/logo.png"/></h1>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+
     <section id="about" class="container content-section">
         <div class="row">
             <div class="col-lg-10 col-lg-offset-1">
@@ -65,7 +79,8 @@
                   On this website you'll find my resume and contact information, as well as links to the other sites and services I maintain.
                 </p>
 					      <p>
-                  Feel free to contact me with questions, comments, or if you know any particularly good jokes:
+                  <a href="#"><span class="hb hb-xs"><i class="fa fa-facebook"></i></span></a>
+                  <a href="#"><span class="hb hb-sm spin-icon"><i class="fa fa-twitter"></i></span></a>
                 </p>
                 <ul class="list-inline banner-social-buttons">
                   <li>
@@ -111,7 +126,6 @@
         		<p>Updated 2016-01-23<br>&copy;2016 ENPaul</p>
         </div>
     </footer>
-</div>
     <!-- jQuery -->
     <script src="js/jquery.js"></script>
 

new/js/hexagons.js

@@ -0,0 +1,77 @@
+jQuery(function(){ //Add class to parent element to margin properly
+	jQuery(".hb-lg").parent().addClass("hb-lg-margin");
+	jQuery(".hb-md").parent().addClass("hb-md-margin");
+	jQuery(".hb-sm").parent().addClass("hb-sm-margin");
+	jQuery(".hb-xs").parent().addClass("hb-xs-margin");
+})
+
+jQuery(function(){ //Hover color accordingly as icon
+	//Facebook
+	jQuery( ".hb .fa-facebook,.hb .fa-facebook-square").parent().addClass("hb-facebook");
+	jQuery( ".hb.inv .fa-facebook,.hb.inv .fa-facebook-square").parent().addClass("hb-facebook-inv").removeClass("hb-facebook");
+
+	//Twitter
+	jQuery( ".hb .fa-twitter,.hb .fa-twitter-square").parent().addClass("hb-twitter");
+	jQuery( ".hb.inv .fa-twitter,.hb.inv .fa-twitter-square").parent().addClass("hb-twitter-inv").removeClass("hb-twitter");
+
+	//Google Plus
+	jQuery( ".hb .fa-google-plus,.hb .fa-google-plus-square").parent().addClass("hb-google-plus");
+	jQuery( ".hb.inv .fa-google-plus,.hb.inv .fa-google-plus-square").parent().addClass("hb-google-plus-inv").removeClass("hb-google-plus");
+
+	//Youtube
+	jQuery( ".hb .fa-youtube,.hb .fa-youtube-square, .hb .fa-youtube-play").parent().addClass("hb-youtube");
+	jQuery( ".hb.inv .fa-youtube,.hb.inv .fa-youtube-square, .hb.inv .fa-youtube-play").parent().addClass("hb-youtube-inv").removeClass("hb-youtube");
+
+	//Linkedin 
+	jQuery( ".hb .fa-linkedin,.hb .fa-linkedin-square").parent().addClass("hb-linkedin");
+	jQuery( ".hb.inv .fa-linkedin,.hb.inv .fa-linkedin-square").parent().addClass("hb-linkedin-inv").removeClass("hb-linkedin");
+
+	//Tumblr
+	jQuery( ".hb .fa-tumblr,.hb .fa-tumblr-square").parent().addClass("hb-tumblr");
+	jQuery( ".hb.inv .fa-tumblr,.hb.inv .fa-tumblr-square").parent().addClass("hb-tumblr-inv").removeClass("hb-tumblr");
+
+	//RSS
+	jQuery( ".hb .fa-rss,.hb .fa-rss-square").parent().addClass("hb-rss");
+	jQuery( ".hb.inv .fa-rss,.hb.inv .fa-rss-square").parent().addClass("hb-rss-inv").removeClass("hb-rss");
+
+	//Pinterest
+	jQuery( ".hb .fa-pinterest,.hb .fa-pinterest-square").parent().addClass("hb-pinterest");
+	jQuery( ".hb.inv .fa-pinterest,.hb.inv .fa-pinterest-square").parent().addClass("hb-pinterest-inv").removeClass("hb-pinterest");
+
+	//Vimeo
+	jQuery( ".hb .fa-vimeo-square").parent().addClass("hb-vimeo");
+	jQuery( ".hb.inv .fa-vimeo-square").parent().addClass("hb-vimeo-inv").removeClass("hb-vimeo");
+
+	//Github
+	jQuery( ".hb .fa-github,.hb .fa-github-square, .hb .fa-github-alt").parent().addClass("hb-github");
+	jQuery( ".hb.inv .fa-github,.hb.inv .fa-github-square, .hb.inv .fa-github-alt").parent().addClass("hb-github-inv").removeClass("hb-github");
+
+	//Flickr
+	jQuery( ".hb .fa-flickr").parent().addClass("hb-flickr");
+	jQuery( ".hb.inv .fa-flickr").parent().addClass("hb-flickr-inv").removeClass("hb-flickr");
+
+	//Dropbox
+	jQuery( ".hb .fa-dropbox").parent().addClass("hb-dropbox");
+	jQuery( ".hb.inv .fa-dropbox").parent().addClass("hb-dropbox-inv").removeClass("hb-dropbox");
+
+	//Xing
+	jQuery( ".hb .fa-xing, .hb .fa-xing-square").parent().addClass("hb-xing");
+	jQuery( ".hb.inv .fa-xing,  .hb.inv .fa-xing-square").parent().addClass("hb-xing-inv").removeClass("hb-xing");
+
+	//Skype
+	jQuery( ".hb .fa-skype").parent().addClass("hb-skype");
+	jQuery( ".hb.inv .fa-skype").parent().addClass("hb-skype-inv").removeClass("hb-skype");
+
+	//dribbble
+	jQuery( ".hb .fa-dribbble").parent().addClass("hb-dribbble");
+	jQuery( ".hb.inv .fa-dribbble").parent().addClass("hb-dribbble-inv").removeClass("hb-dribbble");
+
+	//tencent-weibo
+	jQuery( ".hb .fa-tencent-weibo").parent().addClass("hb-tencent-weibo");
+	jQuery( ".hb.inv .fa-tencent-weibo").parent().addClass("hb-tencent-weibo-inv").removeClass("hb-tencent-weibo");
+
+	//tencent-weibo
+	jQuery( ".hb .fa-instragram").parent().addClass("hb-instragram");
+	jQuery( ".hb.inv .fa-instragram").parent().addClass("hb-instragram-inv").removeClass("hb-instragram");
+
+});

new/js/hexagons.min.js

@@ -0,0 +1 @@
+jQuery(function(){jQuery(".hb-lg").parent().addClass("hb-lg-margin"),jQuery(".hb-md").parent().addClass("hb-md-margin"),jQuery(".hb-sm").parent().addClass("hb-sm-margin"),jQuery(".hb-xs").parent().addClass("hb-xs-margin")}),jQuery(function(){jQuery(".hb .fa-facebook,.hb .fa-facebook-square").parent().addClass("hb-facebook"),jQuery(".hb.inv .fa-facebook,.hb.inv .fa-facebook-square").parent().addClass("hb-facebook-inv").removeClass("hb-facebook"),jQuery(".hb .fa-twitter,.hb .fa-twitter-square").parent().addClass("hb-twitter"),jQuery(".hb.inv .fa-twitter,.hb.inv .fa-twitter-square").parent().addClass("hb-twitter-inv").removeClass("hb-twitter"),jQuery(".hb .fa-google-plus,.hb .fa-google-plus-square").parent().addClass("hb-google-plus"),jQuery(".hb.inv .fa-google-plus,.hb.inv .fa-google-plus-square").parent().addClass("hb-google-plus-inv").removeClass("hb-google-plus"),jQuery(".hb .fa-youtube,.hb .fa-youtube-square, .hb .fa-youtube-play").parent().addClass("hb-youtube"),jQuery(".hb.inv .fa-youtube,.hb.inv .fa-youtube-square, .hb.inv .fa-youtube-play").parent().addClass("hb-youtube-inv").removeClass("hb-youtube"),jQuery(".hb .fa-linkedin,.hb .fa-linkedin-square").parent().addClass("hb-linkedin"),jQuery(".hb.inv .fa-linkedin,.hb.inv .fa-linkedin-square").parent().addClass("hb-linkedin-inv").removeClass("hb-linkedin"),jQuery(".hb .fa-tumblr,.hb .fa-tumblr-square").parent().addClass("hb-tumblr"),jQuery(".hb.inv .fa-tumblr,.hb.inv .fa-tumblr-square").parent().addClass("hb-tumblr-inv").removeClass("hb-tumblr"),jQuery(".hb .fa-rss,.hb .fa-rss-square").parent().addClass("hb-rss"),jQuery(".hb.inv .fa-rss,.hb.inv .fa-rss-square").parent().addClass("hb-rss-inv").removeClass("hb-rss"),jQuery(".hb .fa-pinterest,.hb .fa-pinterest-square").parent().addClass("hb-pinterest"),jQuery(".hb.inv .fa-pinterest,.hb.inv .fa-pinterest-square").parent().addClass("hb-pinterest-inv").removeClass("hb-pinterest"),jQuery(".hb .fa-vimeo-square").parent().addClass("hb-vimeo"),jQuery(".hb.inv .fa-vimeo-square").parent().addClass("hb-vimeo-inv").removeClass("hb-vimeo"),jQuery(".hb .fa-github,.hb .fa-github-square, .hb .fa-github-alt").parent().addClass("hb-github"),jQuery(".hb.inv .fa-github,.hb.inv .fa-github-square, .hb.inv .fa-github-alt").parent().addClass("hb-github-inv").removeClass("hb-github"),jQuery(".hb .fa-flickr").parent().addClass("hb-flickr"),jQuery(".hb.inv .fa-flickr").parent().addClass("hb-flickr-inv").removeClass("hb-flickr"),jQuery(".hb .fa-dropbox").parent().addClass("hb-dropbox"),jQuery(".hb.inv .fa-dropbox").parent().addClass("hb-dropbox-inv").removeClass("hb-dropbox"),jQuery(".hb .fa-xing, .hb .fa-xing-square").parent().addClass("hb-xing"),jQuery(".hb.inv .fa-xing,  .hb.inv .fa-xing-square").parent().addClass("hb-xing-inv").removeClass("hb-xing"),jQuery(".hb .fa-skype").parent().addClass("hb-skype"),jQuery(".hb.inv .fa-skype").parent().addClass("hb-skype-inv").removeClass("hb-skype"),jQuery(".hb .fa-dribbble").parent().addClass("hb-dribbble"),jQuery(".hb.inv .fa-dribbble").parent().addClass("hb-dribbble-inv").removeClass("hb-dribbble"),jQuery(".hb .fa-tencent-weibo").parent().addClass("hb-tencent-weibo"),jQuery(".hb.inv .fa-tencent-weibo").parent().addClass("hb-tencent-weibo-inv").removeClass("hb-tencent-weibo"),jQuery(".hb .fa-instragram").parent().addClass("hb-instragram"),jQuery(".hb.inv .fa-instragram").parent().addClass("hb-instragram-inv").removeClass("hb-instragram")});