Implemented first stage of visual overhaul

This commit is contained in:
Ethan N. Paul
2018-01-29 11:22:45 -05:00
parent 01408952b3
commit 9db295238f
48 changed files with 7706 additions and 569 deletions

View File

@@ -0,0 +1,186 @@
<!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 Network services listings and information"/>
<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, services"/>
<meta name="robots" content="index,follow"/>
<meta property="og:title" content="ENPN Services"/>
<meta property='og:locale' content="en_US"/>
<meta property='og:description' content="ENPaul Network services listings and information"/>
<meta property="og:type" content="Website"/>
<meta property='og:site_name' content="ENPaul Network"/>
<meta property="og:url" content="https://enpaul.net/services/"/>
<title>ENPN Services</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="/"><span class="light"><img src="../img/e-w.png" width="32">&nbsp;&nbsp; Services</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="/network">Network</a></li>-->
<!--<li><a class="page-scroll" href="/projects">Projects</a></li>-->
<li><a class="page-scroll" href="/index.html#about">About</a></li>
</ul>
</div>
</div>
</nav>
<header class="intro">
<div class="intro-body">
<div class="container">
<div class="row data">
<div class="col-md-8 col-md-offset-2">
<h1 class="brand-heading">
<i class="fa fa-cogs fa-2x" aria-hidden="true"></i>
</h1>
<hr>
<p>
The E.N.Paul Network (ENPN) provides a number of services for entertainment, car parts, data management, and security. While the full list of services and applications hosted on the ENPN is constantly in flux, the services included here are persistent and should be considered reliable.
<br><br>
Please report any service outages, interrupts, or problems by <a href="mailto:admin@enpaul.net">emailing the administrator</a>.
</p>
<p><i>Public Links</i></p>
<ul class="list-inline">
<li>
<a href="/services/vpn"><span class="hb hb-sm"><i class="fa fa-lock" aria-hidden="true"></i></span></a>
</li>
<li>
<a href="https://plex.enpaul.net"><span class="hb hb-sm"><i class="fa fa-ticket"></i></span></a>
</li>
<li>
<a href="https://storage.enpaul.net"><span class="hb hb-sm"><i class="fa fa-cloud"></i></span></a>
</li>
<li>
<a href="https://gitlab.enpaul.net"><span class="hb hb-sm"><i class="fa fa-gitlab"></i></span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</header>
<section id="listing" class="container content-section text-center">
<div class="row data" style="text-align: left;">
<div class="col-lg-8 col-lg-offset-2">
<h2><i class="fa fa-lock" aria-hidden="true"></i>&nbsp;&nbsp;Virtual Private Networking</h2>
<br>
<p class="documentation">
A Virtual Private Network (VPN) allows for secure access to an internal network. Most ENPN Services require a connection through the VPN.
<br><br>
The ENPN VPN system uses the open-source VPN server software from the <a target="_blank" href="https://www.softether.org/">Softether Project</a>. The secure L2TP/IPSec tunnel uses Active Directory authentication and AES128 encryption for security.
</p>
<ul class="list-inline banner-social-buttons">
<li>
<a href="/services/vpn/" class="btn btn-default btn-lg"><i class="fa fa-arrow-circle-o-right"></i> <span class="network-name"><b>More Information</b></span></a>
</li>
</ul>
</div>
</div>
<div class="row data" style="text-align: left;">
<div class="col-lg-8 col-lg-offset-2">
<h2><i class="fa fa-users" aria-hidden="true"></i>&nbsp;&nbsp;Active Directory</h2>
<br>
<p class="documentation">
Microsoft <a target="_blank" href="https://msdn.microsoft.com/en-us/library/aa362244(v=vs.85).aspx">Active Directory Domain Services</a> (ADDS) is the backbone of all ENPN authentication, including RADIUS, Kerberos, and LDAP.
<br><br>
The ENPN Domain makes use of ADDS distributed domain authentication and Group Policy system management. This allows for automation and remote management of large networks by a small number of administrators.
<br><br>
<b>Connecting to the ENPN Domain requires VPN access</b>
</p>
</div>
</div>
<div class="row data" style="text-align: left;">
<div class="col-lg-8 col-lg-offset-2">
<h2><i class="fa fa-cloud" aria-hidden="true"></i>&nbsp;&nbsp;Network Storage</h2>
<br>
<p class="documentation">
Centralized network storage ensures that data is accessible and redundant within the network infrastructure. This protects against data loss, promots collaboration, and allows for easy organization.
<br><br>
The primary ENPN datastore is a <a target="_blank" href="https://en.wikipedia.org/wiki/Standard_RAID_levels#RAID_5">RAID 5</a> array of <a target="_blank" href="https://www.wdc.com/products/business-internal-storage/wd-red-pro.html">Western Digital Red</a> drives, while the secondary datastore uses twin <a target="_blank" href="https://www.wdc.com/en-um/products/wd-outlet/wd-green.html">Western Digital Green</a> drives in a mirror configuration.
<br><br>
The ENPN Storage Drive uses the open-source <a target="_blank" href="https://nextcloud.com/">Nextcloud</a> software project to provide a publicly accessible web interface for accessing data resources.
</p>
<ul class="list-inline banner-social-buttons">
<li>
<a target="_blank" href="https://storage.enpaul.net" class="btn btn-default btn-lg"><i class="fa fa-cloud"></i> <span class="network-name"><b>Cloud Drive</b></span></a>
</li>
</ul>
</div>
</div>
<div class="row data" style="text-align: left;">
<div class="col-lg-8 col-lg-offset-2">
<h2><i class="fa fa-ticket" aria-hidden="true"></i>&nbsp;&nbsp;Plex Media Server</h2>
<br>
<p class="documentation">
The <a target="_blank" href="https://www.plex.tv/">Plex Media Server</a> project allows administrators to make their personal media collections available to friends and family. The ENPN Plex Media Server is available both at the link below and directly through <a target="_blank" href="https://app.plex.tv">Plex.TV</a>.
<br><br>
<b>Plex Media Server does not use Active Directory Authentication</b>
</p>
<ul class="list-inline banner-social-buttons">
<li>
<a target="_blank" 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>
</ul>
</div>
</div>
<div class="row data" style="text-align: left;">
<div class="col-lg-8 col-lg-offset-2">
<h2><i class="fa fa-gitlab" aria-hidden="true"></i>&nbsp;&nbsp;Gitlab</h2>
<br>
<p class="documentation">
ENPN operates a git source control server using the popular <a href="https://gitlab.com/gitlab-org/gitlab-ce">Gitlab Community Edition (CE)</a>.
<br><br>
The source control server is used to support many different projects, including personal, academic, and professional.
</p>
<ul class="list-inline banner-social-buttons">
<li>
<a target="_blank" href="https://gitlab.enpaul.net" class="btn btn-default btn-lg"><i class="fa fa-gitlab"></i> <span class="network-name"><b>Gitlab Source Control</b></span></a>
</li>
</ul>
</div>
</div>
</section>
<footer>
<div class="container text-center">
<p style="color: #606060;"><i>&copy;2017 E.N.Paul - 2017-08-31</i></p>
</div>
</footer>
</body>
</html>

View File

@@ -0,0 +1,214 @@
<!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 Virtual Private Networking service"/>
<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="ENPN VPN Service"/>
<meta property='og:locale' content="en_US"/>
<meta property='og:description' content="ENPaul Virtual Private Networking service"/>
<meta property="og:type" content="Website"/>
<meta property='og:site_name' content="ENPaul Network"/>
<meta property="og:url" content="https://enpaul.net/services/vpn/"/>
<title>ENPN VPN Service</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="/"><span class="light"><img src="/img/e-w.png" width="32">&nbsp;&nbsp; VPN Service</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="/network">Network</a></li>
<li><a class="page-scroll" href="/projects">Projects</a></li>
<li><a class="page-scroll" href="/index.html#about">About</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">
</h1>
<hr>
<p>The ENPN Virtual Private Networking service uses an L2TP/IPSec tunnel secured with AES128/SHA256 for intranet connectivity. This protocol is natively supported by most devices and operating systemes, but may be blocked by some firewalls.</p>
<p><b>NOTE:</b> Computers linked to the ENPN Domain are automatically provisioned with the VPN profile and do not need to be configred.</p>
<br>
<p>Choose your client platform below:</p>
<hr>
<ul class="list-inline">
<li>
<a href="#windows" class="page-scroll"><span class="hb hb-sm"><i class="fa fa-windows" aria-hidden="true"></i></span></a>
</li>
<li>
<a href="#android" class="page-scroll"><span class="hb hb-sm"><i class="fa fa-android" aria-hidden="true"></i></span></a>
</li>
<li>
<a href="#apple" class="page-scroll"><span class="hb hb-sm"><i class="fa fa-apple" aria-hidden="true"></i></span></a>
</li>
<li>
<a href="#debian" class="page-scroll"><span class="hb hb-sm"><i class="fa fa-linux" aria-hidden="true"></i></span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</header>
<section id="windows" class="container content-section text-center">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2>Connecting from Windows</h2>
<span style="color:white;"><i class="fa fa-windows fa-4x" aria-hidden="true"></i></span>
<br><br>
<p><b>NOTE:</b> For security reasons, remote connectivity from Windows clients running Windows Vista, Windows XP, or older is not supported</p>
<br>
<b>Adding a connection through the Windows 10 Settings App</b><br>
<span class="documentation" style="text-align: left;">
<ol>
<li>From the Start Menu, open the <b>Settings</b> app</li>
<li>In the main <b>Settings</b> app, select <b>Network &amp; Internet</b>, then from the right hand menu select <b>VPN</b></li>
<li>
Select <b>Add a VPN connection</b> and complete the required fields with the following information:
<ul>
<li>Set "VPN Provider" to <b>Windows (built-in)</b></li>
<li>Set "Connection name" to <b>ENPN VPN</b> or similar</li>
<li>Set "Server name or address" to <b>vpn.enpaul.net</b></li>
<li>Set "VPN type" to <b>L2TP/IPSec with pre-shared key</b></li>
<li>Set the "Pre-shared key" field equal to the VPN key provided to you. If you have not been provided with the VPN key please email <a href="mailto:info@enpaul.net">info@enpaul.net</a></li>
<li>Leave "Type of sign-in info" set to <b>User name and password</b></li>
<li>Use the "Username" and "Password" fields to enter your ENPN Domain credentials.</li>
<li>Opitonally, select "Remember my sign-in info"</li>
</ul>
</li>
<li>Click <b>Save</b> and <b>Connect</b></li>
</ol>
</span>
<br>
<b>Adding a connection through the Control Panel (Windows 8.1, 8, and 7)</b><br>
<span class="documentation" style="text-align: left;">
<ol>
<li>From the Start Menu either click or search for <b>Control Panel</b></li>
<li>Click <b>Network and Internet</b>, then click <b>Network and Sharing Center</b></li>
<li>Click <b>Set up a new connection or network</b>, select <b>Connect to a workplace</b>, then click <b>Next</b></li>
<li>Select <b>Use my internet connection (VPN)</b></li>
<li>
Set the following parameters:
<ul>
<li>Set "Internet Address" to <b>vpn.enpaul.net</b></li>
<li>Set "Destination name" to <b>ENPN VPN</b> or similar</li>
<li>Uncheck "Use a smart card"</li>
<li>Check "Remember my credentials"</li>
<li>Uncheck "Allow other people to use this connection"</li>
</ul>
</li>
<li>Click <b>Create</b></li>
<li>From the <b>Network and Sharing Center</b> select the newly created connection and click <b>Connect</b></li>
<li>When prompted, enter your ENPN Domain credentials</li>
</ol>
</span>
</div>
</div>
</section>
<section id="android" class="container content-section text-center">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2>Connecting from Android</h2>
<span style="color:white;"><i class="fa fa-android fa-4x" aria-hidden="true"></i></span>
<br><br>
<p><b>NOTE:</b> These instructions assume Andorid version 5.0 or newer. Android version 4.1 or newer is required.</p>
<br>
<span class="documentation" style="text-align: left;">
<ol>
<li>Open the <b>Settings</b> app from either the app drawer or the pulldown menu</li>
<li>In the <b>Wireless &amp; Networks</b> section select <b>More</b></li>
<li>Select <b>VPN</b></li>
<li>In the upper right corner, select the <b>Plus (<i class="fa fa-plus" aria-hidden="true"></i>)</b> sign</li>
<li>
In the <b>Edit VPN profile</b> dialog set the following parameters:</b>
<ul>
<li>Set "Name" to <b>ENPN VPN</b> or similar</li>
<li>Select <b>L2TP/IPSec PSK</b> for "Type"</li>
<li>Set "Server address" to <b>vpn.enpaul.net</b></li>
<li>Set "IPSec pre-shared key" to the VPN key provided to you. If you have not been provided with the VPN key please email <a href="mailto:info@enpaul.net">info@enpaul.net</a></li>
</ul>
</li>
<li>Select <b>Save</b></li>
<li>Select the newly created VPN connection from the list of VPN connections to connect</li>
<li>When prompted enter your ENPN Domain credentials</li>
<li>Optionally, select <b>Save account information</b></li>
<li>Select <b>Connection</b></li>
</ol>
</span>
</div>
</div>
</section>
<section id="apple" class="container content-section text-center">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2>Connecting from OSX or iOS</h2>
<span style="color:white;"><i class="fa fa-apple fa-4x" aria-hidden="true"></i></span>
<br><br>
<p>Coming soon...in the meantime take a look at these links:</p>
<p><a href="https://campus.barracuda.com/product/nextgenfirewallx/article/NGX/ConfigClient2SiteIOSPSK/">Connecting from iOS</a></p>
<p><a href="http://www.watchguard.com/help/docs/wsm/xtm_11/en-us/content/en-us/mvpn/ipsec/mvpn_ipsec_ios_vpn_c.html">Connecting from OSX</a></p>
</div>
</div>
</section>
<section id="debian" class="container content-section text-center">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2>Connecting from Debian Linux</h2>
<span style="color:white;"><i class="fa fa-linux fa-4x" aria-hidden="true"></i></span>
<br><br>
<p>
Coming soon...in the meantime take a look at <a href="https://www.elastichosts.com/blog/linux-l2tpipsec-vpn-client/">this link</a>
</p>
</div>
</div>
</section>
<footer>
<div class="container text-center">
<p style="color: #606060;"><i>&copy;2017 E.N.Paul - 2017-10-05</i></p>
</div>
</footer>
</body>
</html>