Overhauled front page and added subsections
This commit is contained in:
parent
62a7c6609e
commit
ded32ad78e
1672
css/font-awesome.css
vendored
1672
css/font-awesome.css
vendored
File diff suppressed because it is too large
Load Diff
@ -45,7 +45,7 @@ p {
|
|||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #2C7AB7;
|
color: #2C9FFF;
|
||||||
-webkit-transition: all .2s ease-in-out;
|
-webkit-transition: all .2s ease-in-out;
|
||||||
-moz-transition: all .2s ease-in-out;
|
-moz-transition: all .2s ease-in-out;
|
||||||
transition: all .2s ease-in-out;
|
transition: all .2s ease-in-out;
|
||||||
@ -70,7 +70,7 @@ a:focus {
|
|||||||
padding-bottom: 10px;
|
padding-bottom: 10px;
|
||||||
}
|
}
|
||||||
.documentation b {
|
.documentation b {
|
||||||
color: #2C7AB7;
|
color: #2C9FFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-custom {
|
.navbar-custom {
|
||||||
@ -305,7 +305,8 @@ a:focus {
|
|||||||
|
|
||||||
@media(min-width:767px) {
|
@media(min-width:767px) {
|
||||||
.content-section {
|
.content-section {
|
||||||
padding-top: 50px;
|
padding-top: 100px;
|
||||||
|
padding-bottom: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.download-section {
|
.download-section {
|
||||||
@ -329,8 +330,8 @@ a:focus {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.btn-default {
|
.btn-default {
|
||||||
border: 1px solid aqua;
|
border: 1px solid #2C9FFF;
|
||||||
color: aqua;
|
color: #2C9FFF;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
BIN
img/gear.png
Normal file
BIN
img/gear.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 5.6 KiB |
BIN
img/net.png
Normal file
BIN
img/net.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 12 KiB |
BIN
img/project.png
Normal file
BIN
img/project.png
Normal file
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 http-equiv="X-UA-Compatible" content="IE=edge"/>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
||||||
<meta name="author" content="enpaul@enpaul.net"/>
|
<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="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 name="robots" content="index,follow"/>
|
||||||
|
|
||||||
<meta property="og:title" content="ENPaul"/>
|
<meta property="og:title" content="ENPaul"/>
|
||||||
<meta property='og:locale' content="en_US"/>
|
<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:type" content="Website"/>
|
||||||
<meta property='og:site_name' content="ENPaul Network"/>
|
<meta property='og:site_name' content="ENPaul Network"/>
|
||||||
<meta property="og:url" content="https://enpaul.net/"/>
|
<meta property="og:url" content="https://enpaul.net/"/>
|
||||||
@ -22,9 +22,9 @@
|
|||||||
|
|
||||||
<link rel="shortcut icon" href="img\e-b.png">
|
<link rel="shortcut icon" href="img\e-b.png">
|
||||||
<link href="css/bootstrap.css" rel="stylesheet">
|
<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/font-awesome.min.css" rel="stylesheet" type="text/css">
|
||||||
<link href="css/hexagons.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/jquery.js"></script>
|
||||||
<script src="js/hexagons.min.js"></script>
|
<script src="js/hexagons.min.js"></script>
|
||||||
@ -47,12 +47,10 @@
|
|||||||
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
|
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
|
||||||
<ul class="nav navbar-nav">
|
<ul class="nav navbar-nav">
|
||||||
<li class="hidden"><a href="#page-top"></a></li>
|
<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" 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>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -93,6 +91,78 @@
|
|||||||
</div>
|
</div>
|
||||||
</header>
|
</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">
|
<section id="about" class="container content-section text-center">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8 col-lg-offset-2">
|
<div class="col-lg-8 col-lg-offset-2">
|
||||||
@ -116,5 +186,4 @@
|
|||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
@ -19,7 +19,7 @@ $(function() {
|
|||||||
var $anchor = $(this);
|
var $anchor = $(this);
|
||||||
$('html, body').stop().animate({
|
$('html, body').stop().animate({
|
||||||
scrollTop: $($anchor.attr('href')).offset().top
|
scrollTop: $($anchor.attr('href')).offset().top
|
||||||
}, 1500, 'easeInOutExpo');
|
}, 1500);
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
@ -48,7 +48,7 @@ function init() {
|
|||||||
scrollwheel: false,
|
scrollwheel: false,
|
||||||
draggable: 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.
|
// This is where you would paste any style found on Snazzy Maps.
|
||||||
styles: [{
|
styles: [{
|
||||||
"featureType": "water",
|
"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>
|
// We are using a div with id="map" seen below in the <body>
|
||||||
var mapElement = document.getElementById('map');
|
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
Block a user