Overhauled front page and added subsections
This commit is contained in:
Ethan N. Paul
parent
62a7c6609e
commit
ded32ad78e
File diff suppressed because it is too large
Load Diff
|
|
@ -45,7 +45,7 @@ p {
|
|||
}
|
||||
|
||||
a {
|
||||
color: #2C7AB7;
|
||||
color: #2C9FFF;
|
||||
-webkit-transition: all .2s ease-in-out;
|
||||
-moz-transition: all .2s ease-in-out;
|
||||
transition: all .2s ease-in-out;
|
||||
|
|
@ -70,7 +70,7 @@ a:focus {
|
|||
padding-bottom: 10px;
|
||||
}
|
||||
.documentation b {
|
||||
color: #2C7AB7;
|
||||
color: #2C9FFF;
|
||||
}
|
||||
|
||||
.navbar-custom {
|
||||
|
|
@ -305,7 +305,8 @@ a:focus {
|
|||
|
||||
@media(min-width:767px) {
|
||||
.content-section {
|
||||
padding-top: 50px;
|
||||
padding-top: 100px;
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
|
||||
.download-section {
|
||||
|
|
@ -329,8 +330,8 @@ a:focus {
|
|||
}
|
||||
|
||||
.btn-default {
|
||||
border: 1px solid aqua;
|
||||
color: aqua;
|
||||
border: 1px solid #2C9FFF;
|
||||
color: #2C9FFF;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
87
index.html
87
index.html
|
|
@ -7,13 +7,13 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
||||
<meta name="author" content="enpaul@enpaul.net"/>
|
||||
<meta name="description" content="ENPaul Network personal landing page and main services website."/>
|
||||
<meta name="description" content="ENPaul personal landing page and Network Services website"/>
|
||||
<meta name="keywords" content="enpaul, network, operations, networking, plex, media, server, adds, active, directory, wpi, worcester, polytechnic, institute, boston, mechanical, engineering, solidworks, home, lab, homelab, solid, works, autocad, cad, domain, windows, server"/>
|
||||
<meta name="robots" content="index,follow"/>
|
||||
|
||||
<meta property="og:title" content="ENPaul"/>
|
||||
<meta property='og:locale' content="en_US"/>
|
||||
<meta property='og:description' content="ENPaul Network personal landing page and main services website."/>
|
||||
<meta property='og:description' content="ENPaul personal landing page and Network Services website"/>
|
||||
<meta property="og:type" content="Website"/>
|
||||
<meta property='og:site_name' content="ENPaul Network"/>
|
||||
<meta property="og:url" content="https://enpaul.net/"/>
|
||||
|
|
@ -22,9 +22,9 @@
|
|||
|
||||
<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="css/font-awesome.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="css/hexagons.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
|
||||
<script src="js/jquery.js"></script>
|
||||
<script src="js/hexagons.min.js"></script>
|
||||
|
|
@ -47,12 +47,10 @@
|
|||
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
|
||||
<ul class="nav navbar-nav">
|
||||
<li class="hidden"><a href="#page-top"></a></li>
|
||||
<li><a class="page-scroll" href="#network">Network</a></li>
|
||||
<li><a class="page-scroll" href="#services">Services</a></li>
|
||||
<li><a class="page-scroll" href="#projects">Projects</a></li>
|
||||
<li><a class="page-scroll" href="#about">About</a></li>
|
||||
<li><a class="page-scroll" target="_blank" href="https://plex.enpaul.net/">Plex</a></li>
|
||||
<li><a class="page-scroll" href="/services">Services</a></li>
|
||||
<li><a class="page-scroll" href="/network">Network</a></li>
|
||||
<li><a class="page-scroll" href="/projects">Projects</a></li>
|
||||
<li><a class="page-scroll" href="/vpn">VPN</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -93,6 +91,78 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<section id="network" class="container content-section text-center">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-lg-offset-2">
|
||||
<h2>The ENPaul Network</h2>
|
||||
<img id="logo_about" src="img\net.png" width="128">
|
||||
<br><br>
|
||||
<p>
|
||||
The ENPaul Network (ENPN) is a <a href="https://www.reddit.com/r/homelab/">home-lab environment</a> maintained by ENPaul for the purposes of fun, curiosity, experimentation, and support for his <a href="#projects">personal projects</a>.
|
||||
<br><br>
|
||||
The ENPN hosts two VMWare ESXi hypervisors, a Microsoft Active Directory Domain, federated authentication services including LDAP and RADIUS, NAS systems, and a plethora of applications and utilities.
|
||||
</p>
|
||||
<ul class="list-inline banner-social-buttons">
|
||||
<li>
|
||||
<a href="/network" class="btn btn-default btn-lg"><i class="fa fa-arrow-circle-o-right"></i> <span class="network-name"><b>Learn More</b></span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="services" class="container content-section text-center">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-lg-offset-2">
|
||||
<h2>Network Services</h2>
|
||||
<img id="logo_about" src="img\gear.png" width="128">
|
||||
<br><br>
|
||||
<p>
|
||||
Providing useful network services is the primary goal of the ENPaul Network (ENPN). These services provide means of entertainment, data management, and security for the network users.
|
||||
<br><br>
|
||||
The full list of services provided by the ENPN can be found at the link below. Alternatively, use one of the other links to directly access specific service web-interfaces.
|
||||
<br>
|
||||
</p>
|
||||
<ul class="list-inline banner-social-buttons">
|
||||
<li>
|
||||
<a href="/services" class="btn btn-default btn-lg"><i class="fa fa-arrow-circle-o-right"></i> <span class="network-name"><b>Learn More</b></span></a>
|
||||
</li>
|
||||
<br><br><p><i>Direct service links</i></p>
|
||||
<li>
|
||||
<a href="https://plex.enpaul.net" class="btn btn-default btn-lg"><i class="fa fa-ticket"></i> <span class="network-name"><b>Plex Media Server</b></span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://enpaul.net/vpn" class="btn btn-default btn-lg"><i class="fa fa-lock"></i> <span class="network-name"><b>VPN</b></span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://drive.enpaul.net" class="btn btn-default btn-lg"><i class="fa fa-cloud"></i> <span class="network-name"><b>Drive</b></span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="projects" class="container content-section text-center">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-lg-offset-2">
|
||||
<h2>Personal Projects</h2>
|
||||
<img id="logo_about" src="img\project.png" width="128">
|
||||
<br><br>
|
||||
<p>
|
||||
The underlying infrastructure of the ENPaul Network (ENPN) helps to facilitate a number of pet-projects that are constantly cycled from under development, to abandoned, to broken, and back to under development. These projects are, at best, curiosities and should be seen as such.
|
||||
<br>
|
||||
Enter at your own risk.
|
||||
<br>
|
||||
</p>
|
||||
<ul class="list-inline banner-social-buttons">
|
||||
<li>
|
||||
<a href="/network" class="btn btn-default btn-lg"><i class="fa fa-arrow-circle-o-right"></i> <span class="network-name"><b>Learn More</b></span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="about" class="container content-section text-center">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-lg-offset-2">
|
||||
|
|
@ -116,5 +186,4 @@
|
|||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ $(function() {
|
|||
var $anchor = $(this);
|
||||
$('html, body').stop().animate({
|
||||
scrollTop: $($anchor.attr('href')).offset().top
|
||||
}, 1500, 'easeInOutExpo');
|
||||
}, 1500);
|
||||
event.preventDefault();
|
||||
});
|
||||
});
|
||||
|
|
@ -48,7 +48,7 @@ function init() {
|
|||
scrollwheel: false,
|
||||
draggable: false,
|
||||
|
||||
// How you would like to style the map.
|
||||
// How you would like to style the map.
|
||||
// This is where you would paste any style found on Snazzy Maps.
|
||||
styles: [{
|
||||
"featureType": "water",
|
||||
|
|
@ -160,7 +160,7 @@ function init() {
|
|||
}]
|
||||
};
|
||||
|
||||
// Get the HTML DOM element that will contain your map
|
||||
// Get the HTML DOM element that will contain your map
|
||||
// We are using a div with id="map" seen below in the <body>
|
||||
var mapElement = document.getElementById('map');
|
||||
|
||||
|
|
|
|||
|
|
@ -1,77 +0,0 @@
|
|||
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");
|
||||
|
||||
});
|
||||
Loading…
Reference in New Issue