Updating dev folder with new layout
This commit is contained in:
Ethan N. Paul
parent
2643a3465f
commit
9f85dc9957
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
|
|
@ -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"> ENPaul Network</span></a>
|
||||
<a class="navbar-brand page-scroll" href="#page-top"><span class="light"><img src="img/e-w.png" width="32"> 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>©2016 ENPaul</p>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- jQuery -->
|
||||
<script src="js/jquery.js"></script>
|
||||
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
|
||||
});
|
||||
|
|
@ -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")});
|
||||
Loading…
Reference in New Issue