Prepped for main overhaul
Created new archive Reorged resource folders
This commit is contained in:
Ethan N. Paul
12
archive/4/css/hexagons.min.css
vendored
Normal file
12
archive/4/css/hexagons.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -45,7 +45,7 @@ p {
|
|||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #879FBB;
|
color: #2C7AB7;
|
||||||
-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;
|
||||||
@@ -54,13 +54,21 @@ a {
|
|||||||
a:hover,
|
a:hover,
|
||||||
a:focus {
|
a:focus {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #fff;
|
color: #8D9BB6;
|
||||||
}
|
}
|
||||||
|
|
||||||
.light {
|
.light {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.documentation {
|
||||||
|
padding-top: 10px;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
.documentation b {
|
||||||
|
color: #2C7AB7;
|
||||||
|
}
|
||||||
|
|
||||||
.navbar-custom {
|
.navbar-custom {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
border-bottom: 1px solid rgba(255,255,255,.3);
|
border-bottom: 1px solid rgba(255,255,255,.3);
|
||||||
@@ -191,6 +199,7 @@ a:focus {
|
|||||||
.intro .intro-body .intro-text {
|
.intro .intro-body .intro-text {
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-circle {
|
.btn-circle {
|
||||||
@@ -268,7 +277,7 @@ a:focus {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.content-section {
|
.content-section {
|
||||||
padding-top: 50px;
|
padding-top: 5px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -292,7 +301,7 @@ a:focus {
|
|||||||
|
|
||||||
@media(min-width:767px) {
|
@media(min-width:767px) {
|
||||||
.content-section {
|
.content-section {
|
||||||
padding-top: 250px;
|
padding-top: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.download-section {
|
.download-section {
|
||||||
@@ -333,6 +342,24 @@ ul.banner-social-buttons {
|
|||||||
margin-top: 0;
|
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) {
|
@media(max-width:1199px) {
|
||||||
ul.banner-social-buttons {
|
ul.banner-social-buttons {
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
@@ -349,6 +376,7 @@ ul.banner-social-buttons {
|
|||||||
ul.banner-social-buttons li:last-child {
|
ul.banner-social-buttons li:last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
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 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="description" content="ENPaul Network landing page">
|
<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 rel="shortcut icon" href="img\e-b.png">
|
||||||
|
|
||||||
<link href="css/bootstrap.css" rel="stylesheet">
|
<link href="css/bootstrap.css" rel="stylesheet">
|
||||||
@@ -19,64 +19,58 @@
|
|||||||
|
|
||||||
<script src="js/hexagons.min.js"></script>
|
<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>
|
</head>
|
||||||
|
|
||||||
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
|
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
|
||||||
|
|
||||||
<!-- Navigation -->
|
|
||||||
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
|
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="navbar-header">
|
<div class="navbar-header">
|
||||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
|
<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>
|
</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>
|
||||||
<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">
|
||||||
<!-- 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 class="hidden"><a href="#page-top"></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" 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://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>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<!-- /.navbar-collapse -->
|
|
||||||
</div>
|
</div>
|
||||||
<!-- /.container -->
|
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<!-- Intro Header -->
|
|
||||||
<header class="intro">
|
<header class="intro">
|
||||||
<div class="intro-body">
|
<div class="intro-body">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-8 col-md-offset-2">
|
<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>
|
<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>
|
<hr>
|
||||||
<ul class="list-inline">
|
<ul class="list-inline">
|
||||||
<li>
|
<li>
|
||||||
<a href="mailto:enpaul@enpaul.net"><span class="hb hb-sm"><i class="fa fa-envelope-o"></i></span></a>
|
<a href="mailto:enpaul@enpaul.net"><span class="hb hb-sm"><i class="fa fa-envelope-o"></i></span></a>
|
||||||
</li>
|
</li>
|
||||||
<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>
|
||||||
<!--<li>
|
|
||||||
<a href="#"><span class="hb hb-sm"><i class="fa fa-facebook"></i></span></a>
|
|
||||||
</li>-->
|
|
||||||
<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>
|
||||||
<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>
|
||||||
<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>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
@@ -85,14 +79,14 @@
|
|||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<!-- About/Contact 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">
|
||||||
<h2>About ENPaul</h2>
|
<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>
|
<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>
|
<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 need donations, but asks that if you have a joke or funny story to share that you send it to him.
|
||||||
<br>
|
<br>
|
||||||
@@ -101,23 +95,18 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Footer -->
|
|
||||||
<footer>
|
<footer>
|
||||||
<div class="container text-center">
|
<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>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<!-- jQuery -->
|
|
||||||
<script src="js/jquery.js"></script>
|
<script src="js/jquery.js"></script>
|
||||||
|
|
||||||
<!-- Bootstrap Core JavaScript -->
|
|
||||||
<script src="js/bootstrap.min.js"></script>
|
<script src="js/bootstrap.min.js"></script>
|
||||||
|
|
||||||
<!-- Plugin JavaScript -->
|
|
||||||
<script src="js/jquery.easing.min.js"></script>
|
<script src="js/jquery.easing.min.js"></script>
|
||||||
|
|
||||||
<!-- Custom Theme JavaScript -->
|
|
||||||
<script src="js/grayscale.js"></script>
|
<script src="js/grayscale.js"></script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
112
archive/4/projects/index.html
Normal file
112
archive/4/projects/index.html
Normal file
@@ -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>
|
||||||
112
archive/4/services/index.html
Normal file
112
archive/4/services/index.html
Normal file
@@ -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>
|
||||||
211
archive/4/vpn/index.html
Normal file
211
archive/4/vpn/index.html
Normal file
@@ -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;
|
transition: all .2s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#HeaderBlock {
|
||||||
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
a:hover,
|
a:hover,
|
||||||
a:focus {
|
a:focus {
|
||||||
text-decoration: none;
|
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/bootstrap.css" rel="stylesheet">
|
||||||
<link href="css/style.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">
|
<link href="css/hexagons.min.css" rel="stylesheet" type="text/css">
|
||||||
|
|
||||||
<script src="js/hexagons.min.js"></script>
|
<script src="js/hexagons.min.js"></script>
|
||||||
@@ -35,10 +35,11 @@
|
|||||||
<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="#about">About</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" target="_blank" href="https://plex.enpaul.net/">Plex</a></li>
|
||||||
<li><a class="page-scroll" href="https://drive.enpaul.net">Drive</a></li>
|
<li><a class="page-scroll" href="/services">Services</a></li>
|
||||||
<li><a class="page-scroll" href="https://plex.enpaul.net/">Plex</a></li>
|
<li><a class="page-scroll" href="/network">Network</a></li>
|
||||||
<!--<li><a class="page-scroll" href="https://doc.enpaul.net">Doc</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>
|
||||||
@@ -86,9 +87,9 @@
|
|||||||
<img id="logo_about" src="img\e-w.png" width="128">
|
<img id="logo_about" src="img\e-w.png" width="128">
|
||||||
<br><br>
|
<br><br>
|
||||||
<p>
|
<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>
|
<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>
|
<br>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
@@ -97,7 +98,7 @@
|
|||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<div class="container text-center">
|
<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>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
@@ -107,7 +108,7 @@
|
|||||||
|
|
||||||
<script src="js/jquery.easing.min.js"></script>
|
<script src="js/jquery.easing.min.js"></script>
|
||||||
|
|
||||||
<script src="js/grayscale.js"></script>
|
<script src="js/common.js"></script>
|
||||||
|
|
||||||
</body>
|
</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
Reference in New Issue
Block a user