Started building a home dash
This commit is contained in:
Ethan N. Paul
parent
c115020162
commit
86ec75fee5
199
home/index.html
Normal file
199
home/index.html
Normal file
@ -0,0 +1,199 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8"/>
|
||||
<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 personal home page and dashboard"/>
|
||||
<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 personal home page and dashboard"/>
|
||||
<meta property="og:type" content="Website"/>
|
||||
<meta property='og:site_name' content="ENPaul Network"/>
|
||||
<meta property="og:url" content="https://enpaul.net/home/"/>
|
||||
|
||||
<title>ENPaul</title>
|
||||
|
||||
<link rel="shortcut icon" href="../img/e-b.png">
|
||||
<link href="../css/bootstrap.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>
|
||||
<script src="../js/bootstrap.min.js"></script>
|
||||
<script src="../js/jquery.easing.min.js"></script>
|
||||
<script src="../js/common.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
|
||||
|
||||
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
|
||||
<span class="light">MENU</span><!--<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"> Home</span></a>
|
||||
</div>
|
||||
<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="#services">News</a></li>
|
||||
<!--<li><a class="page-scroll" href="#network">Network</a></li>-->
|
||||
<li><a class="page-scroll" href="#about">Weather</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<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 class="heading_large" style="max-width: 512px;" src="img/logo.png"/>
|
||||
<img class="heading_small" style="max-width: 128px;" src="img/e-w.png"/>
|
||||
</h1>
|
||||
<hr>
|
||||
<p>Student - Tinkerer - Programmer - <i style="color: #808080;">(aspiring)</i> Engineer</p>
|
||||
<hr>
|
||||
<ul class="list-inline">
|
||||
<li>
|
||||
<a href="mailto:enpaul@enpaul.net"><span class="hb hb-sm"><i class="fa fa-envelope-o"></i></span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/projects/enpaul-resume.pdf" target="_blank"><span class="hb hb-sm"><i class="fa fa-file-text-o"></i></span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="https://twitter.com/theenpaul"><span class="hb hb-sm"><i class="fa fa-twitter"></i></span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="https://plus.google.com/+EthanPaul42"><span class="hb hb-sm"><i class="fa fa-google-plus"></i></span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-sm"><i class="fa fa-linkedin"></i></span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!--<hr class="section-divider">
|
||||
|
||||
<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>
|
||||
<i class="fa fa-folder-open fa-5x" aria-hidden="true"></i>
|
||||
<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>-->
|
||||
|
||||
<hr class="section-divider">
|
||||
|
||||
<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>
|
||||
<i class="fa fa-cogs fa-5x" aria-hidden="true"></i>
|
||||
<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/services/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://storage.enpaul.net" class="btn btn-default btn-lg"><i class="fa fa-cloud"></i> <span class="network-name"><b>Storage</b></span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://gitlab.enpaul.net" class="btn btn-default btn-lg"><i class="fa fa-gitlab"></i> <span class="network-name"><b>GitLab</b></span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--<hr class="section-divider">
|
||||
|
||||
<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>
|
||||
<i class="fa fa-sitemap fa-5x" aria-hidden="true"></i>
|
||||
<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>-->
|
||||
|
||||
<hr class="section-divider">
|
||||
|
||||
<section id="about" class="container content-section text-center">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-lg-offset-2">
|
||||
<h2>About E.N.Paul</h2>
|
||||
<img id="logo_about" src="img\e-w.png" width="128">
|
||||
<br><br>
|
||||
<p>
|
||||
EN Paul is a Mechanical Engineering student at <a target="_blank" href="https://wpi.edu">Worcester Polytechnic Institute</a> in Worcester Massachusets with way too much time on his hands. He works at <a target="_blank" href="http://www.wpi.edu/+netops">WPI Network Operations</a>, plays around with <a target="_blank" href="http://www.solidworks.com">3DS SolidWorks</a>, and runs this website when he's bored.
|
||||
<br><br>
|
||||
He doesn't want donations, but asks that if you have a joke or funny story to share that you send it to him.
|
||||
<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="container text-center">
|
||||
<p style="color: #606060;"><i>©2017 E.N.Paul - 2017-11-29</i></p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
58
home/weather.js
Normal file
58
home/weather.js
Normal file
@ -0,0 +1,58 @@
|
||||
$(document).ready(function () {
|
||||
data = [];
|
||||
navigator.geolocation.getCurrentPosition(positionSet, positionError);
|
||||
if (data['location']['error'] == null) {
|
||||
weatherCurrent();
|
||||
weatherForecast();
|
||||
}
|
||||
else {
|
||||
weatherError();
|
||||
}
|
||||
});
|
||||
|
||||
function positionSet(position) {
|
||||
data['location']['error'] = null;
|
||||
data['location']['lat'] = position.coords.latitude;
|
||||
data['location']['long'] = position.coords.longitude;
|
||||
}
|
||||
|
||||
function positionError(error) {
|
||||
switch(error.code) {
|
||||
case error.PERMISSION_DENIED:
|
||||
data['location']['error'] = 'GEOLOCATION DENIED';
|
||||
break;
|
||||
case error.POSITION_UNAVAILABLE:
|
||||
data['location']['error'] = 'GEOLOCATION UNAVAILABLE';
|
||||
break;
|
||||
case error.TIMEOUT:
|
||||
data['location']['error'] = 'GEOLOCATION TIMEOUT';
|
||||
break;
|
||||
case error.UNKNOWN_ERROR:
|
||||
data['location']['error'] = 'GEOLOCATION UNKNOWN ERROR';
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
function weatherCurrent() {
|
||||
$.ajax({
|
||||
method: 'GET',
|
||||
url: 'https://api.openweathermap.org/data/2.5/weather?lat=' + data['location']['lat'] + '&lon=' + data['location']['long'],
|
||||
dataType: json,
|
||||
crossDomain: true,
|
||||
success: function (data) {
|
||||
|
||||
},
|
||||
error: function (error) {
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function weatherForecast() {
|
||||
|
||||
}
|
||||
|
||||
function weatherError() {
|
||||
|
||||
}
|
||||
BIN
img/Map-Topology.png
Normal file
BIN
img/Map-Topology.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 136 KiB |
@ -11,12 +11,12 @@
|
||||
<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:title" content="ENP Network"/>
|
||||
<meta property='og:locale' content="en_US"/>
|
||||
<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/"/>
|
||||
<meta property="og:url" content="https://enpaul.net/network/"/>
|
||||
|
||||
<title>ENPaul</title>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user