Prepped for main overhaul
Created new archive Reorged resource folders
This commit is contained in:
Ethan N. Paul
parent
952aed6b82
commit
d735f3f9ef
File diff suppressed because one or more lines are too long
|
|
@ -45,7 +45,7 @@ p {
|
|||
}
|
||||
|
||||
a {
|
||||
color: #879FBB;
|
||||
color: #2C7AB7;
|
||||
-webkit-transition: all .2s ease-in-out;
|
||||
-moz-transition: all .2s ease-in-out;
|
||||
transition: all .2s ease-in-out;
|
||||
|
|
@ -54,13 +54,21 @@ a {
|
|||
a:hover,
|
||||
a:focus {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
color: #8D9BB6;
|
||||
}
|
||||
|
||||
.light {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.documentation {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.documentation b {
|
||||
color: #2C7AB7;
|
||||
}
|
||||
|
||||
.navbar-custom {
|
||||
margin-bottom: 0;
|
||||
border-bottom: 1px solid rgba(255,255,255,.3);
|
||||
|
|
@ -191,6 +199,7 @@ a:focus {
|
|||
.intro .intro-body .intro-text {
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.btn-circle {
|
||||
|
|
@ -268,7 +277,7 @@ a:focus {
|
|||
}
|
||||
|
||||
.content-section {
|
||||
padding-top: 50px;
|
||||
padding-top: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
|
@ -292,7 +301,7 @@ a:focus {
|
|||
|
||||
@media(min-width:767px) {
|
||||
.content-section {
|
||||
padding-top: 250px;
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
.download-section {
|
||||
|
|
@ -333,6 +342,24 @@ ul.banner-social-buttons {
|
|||
margin-top: 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width:767px) {
|
||||
#logo_about {
|
||||
display: none;
|
||||
}
|
||||
.heading_large {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width:768px) {
|
||||
.heading_small {
|
||||
display: none;
|
||||
}
|
||||
#heading_large {
|
||||
width: 512px;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width:1199px) {
|
||||
ul.banner-social-buttons {
|
||||
margin-top: 15px;
|
||||
|
|
@ -349,6 +376,7 @@ ul.banner-social-buttons {
|
|||
ul.banner-social-buttons li:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
footer {
|
||||
|
Before Width: | Height: | Size: 280 KiB After Width: | Height: | Size: 280 KiB |
|
Before Width: | Height: | Size: 138 KiB After Width: | Height: | Size: 138 KiB |
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.2 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
|
@ -7,9 +7,9 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="ENPaul Network landing page">
|
||||
<meta name="author" content="ethannpaul@gmail.com">
|
||||
<meta name="author" content="enpaul@enpaul.net">
|
||||
|
||||
<title>ENPaul DEV</title>
|
||||
<title>ENPaul</title>
|
||||
<link rel="shortcut icon" href="img\e-b.png">
|
||||
|
||||
<link href="css/bootstrap.css" rel="stylesheet">
|
||||
|
|
@ -19,64 +19,58 @@
|
|||
|
||||
<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">-->
|
||||
|
||||
</head>
|
||||
|
||||
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
|
||||
|
||||
<!-- Navigation -->
|
||||
<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">
|
||||
<i class="fa fa-bars"></i>
|
||||
<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"> Network</span></a>
|
||||
<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">
|
||||
<!-- 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="#about">About</a></li>
|
||||
<li><a class="page-scroll" href="https://git.enpaul.net">Git</a></li>
|
||||
<!--<li><a class="page-scroll" href="https://gitlab.enpaul.net">Gitlab</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>
|
||||
<li><a class="page-scroll" href="https://plex.enpaul.net/">Plex</a></li>
|
||||
<!--<li><a class="page-scroll" href="https://doc.enpaul.net">Doc</a></li>-->
|
||||
</ul>
|
||||
</div>
|
||||
<!-- /.navbar-collapse -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</nav>
|
||||
|
||||
<!-- 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 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>
|
||||
<h1 class="brand-heading"><img style="max-width: 512px;" src="img/logo.png"/></h1>
|
||||
<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="https://drive.enpaul.net/index.php/s/ffyHdMV0yljDIwr"><span class="hb hb-sm"><i class="fa fa-file-text-o"></i></span></a>
|
||||
<a href="https://drive.enpaul.net/index.php/s/ffyHdMV0yljDIwr/download"><span class="hb hb-sm"><i class="fa fa-file-text-o"></i></span></a>
|
||||
</li>
|
||||
<!--<li>
|
||||
<a href="#"><span class="hb hb-sm"><i class="fa fa-facebook"></i></span></a>
|
||||
</li>-->
|
||||
<li>
|
||||
<a href="https://twitter.com/theenpaul"><span class="hb hb-sm"><i class="fa fa-twitter"></i></span></a>
|
||||
<a target="_blank" href="https://twitter.com/theenpaul"><span class="hb hb-sm"><i class="fa fa-twitter"></i></span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://plus.google.com/+EthanPaul42"><span class="hb hb-sm"><i class="fa fa-google-plus"></i></span></a>
|
||||
<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 href="https://www.linkedin.com/in/enpaul"><span class="hb hb-sm"><i class="fa fa-linkedin"></i></span></a>
|
||||
<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>
|
||||
|
|
@ -85,14 +79,14 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<!-- About/Contact Section -->
|
||||
<section id="about" class="container content-section text-center">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-lg-offset-2">
|
||||
<h2>About ENPaul</h2>
|
||||
<img src="img\e-w.png" width="128">
|
||||
<img id="logo_about" src="img\e-w.png" width="128">
|
||||
<br><br>
|
||||
<p>
|
||||
ENPaul is a Mechanical Engineering student at <a href="https://wpi.edu">Worcester Polytechnic Institute</a> in Worcester Massachusets with way too much time on his hands. He works at <a href="http://www.wpi.edu/+netops">WPI Network Operations</a> and <a href="www.solidworks.com">3DS SolidWorks</a> and runs this website when he's bored. He is SolidWorks Professional Certified, and working on getting certified in AutoDesk AutoCAD and SolidWorks Simulation.
|
||||
ENPaul 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 need donations, but asks that if you have a joke or funny story to share that you send it to him.
|
||||
<br>
|
||||
|
|
@ -101,23 +95,18 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="container text-center">
|
||||
<p style="color: #606060;"><i>©2017 ENPaul - 2017-02-10</i></p>
|
||||
<p style="color: #606060;"><i>©2017 ENPaul - 2017-08-16</i></p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="js/jquery.js"></script>
|
||||
|
||||
<!-- Bootstrap Core JavaScript -->
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
|
||||
<!-- Plugin JavaScript -->
|
||||
<script src="js/jquery.easing.min.js"></script>
|
||||
|
||||
<!-- Custom Theme JavaScript -->
|
||||
<script src="js/grayscale.js"></script>
|
||||
|
||||
</body>
|
||||
|
|
@ -0,0 +1,112 @@
|
|||
<!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="description" content="ENPaul Projects Page">
|
||||
<meta name="author" content="enpaul@enpaul.net">
|
||||
|
||||
<title>ENPaul Projects</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>
|
||||
|
||||
</head>
|
||||
|
||||
<body id="content-page" 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="#content-page"><span class="light"><img src="img/e-w.png" width="32"> Projects</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="https://gitlab.enpaul.net">Git</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>
|
||||
</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="https://drive.enpaul.net/index.php/s/ffyHdMV0yljDIwr/download"><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>
|
||||
-->
|
||||
<section id="about" class="container content-section text-center">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-lg-offset-2">
|
||||
<h2>My Projects</h2>
|
||||
<img id="logo_about" src="img\e-w.png" width="128">
|
||||
<br><br>
|
||||
<p>
|
||||
ENPaul 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> and <a target="_blank" href="http://www.solidworks.com">3DS SolidWorks</a> and runs this website when he's bored. He is SolidWorks Professional Certified, and working on getting certified in AutoDesk AutoCAD and SolidWorks Simulation.
|
||||
<br><br>
|
||||
He doesn't need 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 ENPaul - 2017-03-13</i></p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/jquery.js"></script>
|
||||
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="js/jquery.easing.min.js"></script>
|
||||
|
||||
<script src="js/grayscale.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,112 @@
|
|||
<!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="description" content="ENPaul Network landing page">
|
||||
<meta name="author" content="enpaul@enpaul.net">
|
||||
|
||||
<title>ENPaul Services</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>
|
||||
|
||||
</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="https://git.enpaul.net">Git</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>
|
||||
</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="https://drive.enpaul.net/index.php/s/ffyHdMV0yljDIwr/download"><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>
|
||||
|
||||
<section id="about" class="container content-section text-center">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-lg-offset-2">
|
||||
<h2>About ENPaul</h2>
|
||||
<img id="logo_about" src="img\e-w.png" width="128">
|
||||
<br><br>
|
||||
<p>
|
||||
ENPaul 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> and <a target="_blank" href="http://www.solidworks.com">3DS SolidWorks</a> and runs this website when he's bored. He is SolidWorks Professional Certified, and working on getting certified in AutoDesk AutoCAD and SolidWorks Simulation.
|
||||
<br><br>
|
||||
He doesn't need 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 ENPaul - 2017-03-02</i></p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/jquery.js"></script>
|
||||
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="js/jquery.easing.min.js"></script>
|
||||
|
||||
<script src="js/grayscale.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,211 @@
|
|||
<!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="description" content="ENPaul Network vpn detail page">
|
||||
<meta name="author" content="enpaul@enpaul.net">
|
||||
|
||||
<title>ENPN Virtual Private Networking</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>
|
||||
|
||||
</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"> VPN</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="../">Home</a></li>
|
||||
<li><a class="page-scroll" href="https://git.enpaul.net">Git</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>
|
||||
</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 Omni 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 & 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 Omni 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 Omni 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 & 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 Omni 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>©2017 ENPaul - 2017-03-28</i></p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="../js/jquery.js"></script>
|
||||
|
||||
<script src="../js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="../js/jquery.easing.min.js"></script>
|
||||
|
||||
<script src="../js/grayscale.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -51,6 +51,10 @@ a {
|
|||
transition: all .2s ease-in-out;
|
||||
}
|
||||
|
||||
#HeaderBlock {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus {
|
||||
text-decoration: none;
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 280 KiB After Width: | Height: | Size: 280 KiB |
19
index.html
19
index.html
|
|
@ -14,7 +14,7 @@
|
|||
|
||||
<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/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>
|
||||
|
|
@ -35,10 +35,11 @@
|
|||
<ul class="nav navbar-nav">
|
||||
<li class="hidden"><a href="#page-top"></a></li>
|
||||
<li><a class="page-scroll" href="#about">About</a></li>
|
||||
<!--<li><a class="page-scroll" href="https://gitlab.enpaul.net">Gitlab</a></li>-->
|
||||
<li><a class="page-scroll" href="https://drive.enpaul.net">Drive</a></li>
|
||||
<li><a class="page-scroll" href="https://plex.enpaul.net/">Plex</a></li>
|
||||
<!--<li><a class="page-scroll" href="https://doc.enpaul.net">Doc</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>
|
||||
|
|
@ -86,9 +87,9 @@
|
|||
<img id="logo_about" src="img\e-w.png" width="128">
|
||||
<br><br>
|
||||
<p>
|
||||
ENPaul 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.
|
||||
ENPaul 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 need donations, but asks that if you have a joke or funny story to share that you send it to him.
|
||||
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>
|
||||
|
|
@ -97,7 +98,7 @@
|
|||
|
||||
<footer>
|
||||
<div class="container text-center">
|
||||
<p style="color: #606060;"><i>©2017 ENPaul - 2017-08-16</i></p>
|
||||
<p style="color: #606060;"><i>©2017 ENPaul - 2017-08-25</i></p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
|
@ -107,7 +108,7 @@
|
|||
|
||||
<script src="js/jquery.easing.min.js"></script>
|
||||
|
||||
<script src="js/grayscale.js"></script>
|
||||
<script src="js/common.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
|
|
|
|||
|
|
@ -1 +1,25 @@
|
|||
// Mixins
|
||||
// Mixins
|
||||
// --------------------------
|
||||
|
||||
.fa-icon() {
|
||||
display: inline-block;
|
||||
font: normal normal normal 14px/1 FontAwesome; // shortening font declaration
|
||||
font-size: inherit; // can't have font-size inherit on line above, so need to override
|
||||
text-rendering: auto; // optimizelegibility throws things off #1094
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.fa-icon-rotate(@degrees, @rotation) {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation);
|
||||
-webkit-transform: rotate(@degrees);
|
||||
-ms-transform: rotate(@degrees);
|
||||
transform: rotate(@degrees);
|
||||
}
|
||||
|
||||
.fa-icon-flip(@horiz, @vert, @rotation) {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation, mirror=1);
|
||||
-webkit-transform: scale(@horiz, @vert);
|
||||
-ms-transform: scale(@horiz, @vert);
|
||||
transform: scale(@horiz, @vert);
|
||||
}
|
||||
|
|
|
|||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue