Updated layout for projects page, added sub dirs for project dirs

This commit is contained in:
Ethan N. Paul 2018-02-06 17:21:47 -05:00
parent 05b86808fd
commit ef5803c6e0
17 changed files with 1092 additions and 65 deletions

View File

@ -670,20 +670,20 @@ body.mobile-nav-active #mobile-nav-toggle {
}
#project .project-item .details h4 {
font-size: 16px;
font-size: 18px;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
font-weight: 700;
color: #333333;
color: #000;
}
#project .project-item .details span {
display: block;
color: #666666;
font-size: 13px;
color: #000;
font-size: 15px;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
@ -691,6 +691,15 @@ body.mobile-nav-active #mobile-nav-toggle {
transform: translate3d(0, 15px, 0);
}
@media (max-width: 768px) {
#project .project-item .details h4 {
font-size: 25px;
}
#project .project-item .details span {
font-size: 20px;
}
}
#project .project-item:hover .details {
opacity: 0.8;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 82 KiB

After

Width:  |  Height:  |  Size: 127 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 76 KiB

BIN
img/projects/orig/car.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

View File

Before

Width:  |  Height:  |  Size: 6.9 MiB

After

Width:  |  Height:  |  Size: 6.9 MiB

View File

Before

Width:  |  Height:  |  Size: 219 KiB

After

Width:  |  Height:  |  Size: 219 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 419 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 463 KiB

BIN
img/projects/server.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

BIN
img/projects/sldwrks.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 107 KiB

View File

Before

Width:  |  Height:  |  Size: 58 KiB

After

Width:  |  Height:  |  Size: 58 KiB

View File

@ -0,0 +1,258 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Web crawler and search indexing meta -->
<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="Introduction to my personal projects and achievements"/>
<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"/>
<!-- Facebook integration meta -->
<meta property="og:title" content="ENPaul | Projects"/>
<meta property="og:url" content="https://enpaul.net/projects/"/>
<meta property='og:site_name' content="ENPaul"/>
<meta property="og:type" content="website"/>
<meta property='og:locale' content="en_US"/>
<meta property="og:image" content="https://enpaul.net/img/banners/projects.jpg"/>
<meta property='og:description' content="Introduction to my personal projects and achievements"/>
<!-- Twitter integration meta -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@theenpaul">
<meta name="twitter:title" content="ENPaul | Projects">
<meta name="twitter:description" content="Introduction to my personal projects and achievements">
<meta name="twitter:image" content="https://enpaul.net/img/banners/projects.jpg">
<meta name="twitter:image:alt" content="ENPaul">
<!-- Page title and favicon definition -->
<title>ENPaul | Projects</title>
<link rel="shortcut icon" href="../../img/e-b.png">
<link rel="apple-touch-icon" sizes="180x180" href="../../img/e-b.png">
<link rel="icon" type="image/png" href="../../img/e-b.png" sizes="32x32">
<link rel="icon" type="image/png" href="../../img/e-b.png" sizes="16x16">
<!-- CSS references -->
<link href="../../css/bootstrap.min.css" rel="stylesheet">
<link href="../../css/font-awesome.min.css" rel="stylesheet">
<link href="../../css/animate.min.css" rel="stylesheet">
<link href="../../css/hexagons.min.css" rel="stylesheet">
<link href="../../css/style.css" rel="stylesheet">
<!-- JavaScript references -->
<script type="text/javascript" src="../../js/jquery.min.js"></script>
<script type="text/javascript" src="../../js/bootstrap.min.js"></script>
<script type="text/javascript" src="../../js/superfish.min.js"></script>
<script type="text/javascript" src="../../js/morphext.min.js"></script>
<script type="text/javascript" src="../../js/wow.min.js"></script>
<script type="text/javascript" src="../../js/sticky.js"></script>
<script type="text/javascript" src="../../js/easing.min.js"></script>
<script type="text/javascript" src="../../js/custom.js"></script>
</head>
<body>
<div id="preloader"></div>
<!--<section id="top">
<div class="top-container">
<div class="wow fadeIn">
<div class="hero-logo">
<img class="" src="../../img/e-w.png" alt="ENPaul">
</div>
<h1>Ethan N. Paul</h1>
<h2>Engineer, tinkerer, and <span class="rotating">student, designer, mechanic, handyman, hiker, developer, traveler, kayaker, swimmer, programmer, debugger</span></h2>
<div class="actions">
<a href="#about" class="btn-header">About</a>
<a href="#network" class="btn-header">Network</a>
</div>
</div>
</div>
</section>-->
<header id="header">
<div class="container">
<div id="logo" class="pull-left">
<a href="/"><img src="../../img/e-w.png" alt="ENPaul" title="" /></img></a>
</div>
<nav id="nav-menu-container">
<ul class="nav-menu">
<li><a href="/">Home</a></li>
<li><a href="/about">About</a></li>
<li><a href="/homelab">Homelab</a></li>
<li><a href="/projects">Projects</a></li>
</ul>
</nav>
</div>
</header>
<!--<section id="about">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="section-title">About</h3>
<div class="section-title-divider"></div>
<p class="section-description">Hello, and welcome to my website!</p>
</div>
</div>
</div>
<div class="container about-container">
<div class="row">
<div class="col-md-6">
<img class="about-portrait" src="../../img/e-w.png" alt="Ethan N. Paul"/>
</div>
<div class="col-md-6">
<h2 class="about-title">Who I Am</h2>
<p class="about-text">
My name is Ethan Paul, and I am an engineering student at <a target="_blank" href="https://www.wpi.edu/">Worcester Polytechnic Institute</a> studying <a href="https://www.wpi.edu/academics/departments/mechanical-engineering">Mechanical Engineering</a>. I am an avid outdoorsman, a former Boy Scout, and can make a mean omlette (if I do say so myself). I'm also a <a target="_blank" href="http://www.diabetes.org/diabetes-basics/type-1/">Type 1 Diabetic</a> working on joining the <a target="_blank" href="https://diyps.org/">DIY Pancreas</a> and <a target="_blank" href="http://www.openomni.org/">OpenOmni</a> projects.
</p>
<h2 class="about-title">What I Do</h2>
<p class="about-text">
I do lots of things! I work at <a target="_blank" href="https://web.wpi.edu/academics/CCC/Netops/">WPI Network Operations</a> and spent three years as an intern for the <a href="http://www.solidworks.com/">SolidWorks Corporation</a>. I also enjoy programming, urban and trail hiking, fixing my aging car, and squeezing extra life out of decrepit technology.
</p>
<h2 class="about-title">My Homelab</h2>
<p class="about-text">
My <a target="_blank" href="https://www.reddit.com/r/homelab/">homelab</a> environment is designed, created, and maintained by me. To be clear: the things I do with my servers are completely unnecessary and wholly ridiculous, but I do them anyway because they're fun! See the <a href="/homelab">Homelab Page</a> to learn more.
</p>
</div>
</div>
</div>
</section>
<section id="contact">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="section-title">Contact Me</h3>
<div class="section-title-divider"></div>
<p class="section-description">Send me an email at <a href="mailto:enpaul@enpaul.net">enpaul@enpaul.net</a> or feel free to reach out!</p>
<ul class="list-inline">
<li><a target="_blank" href="https://download.enpaul.net/enpaul-resume.pdf"><span class="hb hb-sm hb-resume" title="Download Resume"><i class="fa fa-file-text"></i></span></a></li>
<li><a href="mailto:enpaul@enpaul.net"><span class="hb hb-sm hb-email" title="EMail enpaul@enpaul.net"><i class="fa fa-envelope"></i></span></a></li>
<li><a target="_blank" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-sm hb-linkedin" title="LinkedIn ENPaul"><i class="fa fa-linkedin"></i></span></a></li>
<li><a target="_blank" href="https://plus.google.com/+EthanPaul42"><span class="hb hb-sm hb-google-plus" title="Google+ EthanPaul42"><i class="fa fa-google-plus"></i></span></a></li>
<li><a target="_blank" href="https://twitter.com/theenpaul"><span class="hb hb-sm hb-twitter" title="Twitter @theENPaul"><i class="fa fa-twitter"></i></span></a></li>
<li><a target="_blank" href="https://www.instagram.com/theenpaul"><span class="hb hb-sm hb-instagram" title="Instagram @theENPaul"><i class="fa fa-instagram"></i></span></a></li>
</ul>
</div>
</div>
</div>
</section>-->
<!--<section id="network">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="section-title">Network Services</h3>
<div class="section-title-divider"></div>
<p class="section-description">The ENPaul Network provides a number of services for entertainment, reference, security, and productivity.<br>To learn more about the network as a whole, please <a href="https://docs.enpaul.net/" target="_blank">read the docs</a>.</p>
</div>
</div>
<div class="row">
<div class="col-md-4 service-item">
<div class="service-icon-no-link"><i class="fa fa-sitemap"></i></div>
<h4 class="service-title">Active Directory</h4>
<p class="service-description"><a href="https://docs.microsoft.com/en-us/windows-server/identity/ad-ds/get-started/virtual-dc/active-directory-domain-services-overview" target="_blank">Active Directory Domain Services (ADDS)</a> provides federated user authentication, administration, and security for my computers.</p>
<div class="service-link">
<a class="btn btn-default" href="https://docs.enpaul.net/adds/"><i class="fa fa-book"></i>&nbsp;Docs</a>
</div>
</div>
<div class="col-md-4 service-item">
<div class="service-icon-no-link"><i class="fa fa-key"></i></div>
<h4 class="service-title">VPN</h4>
<p class="service-description">The Virtual Private Networking (VPN) server, powered by <a href="http://www.softether.org/" target="_blank">Softether</a>, allows me to secure my network traffic from anywhere in the world.</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/app/vpn/"><i class="fa fa-book"></i>&nbsp;Docs</a>
<a class=" btn btn-default" href="https://docs.enpaul.net/app/vpn/connect/"><i class="fa fa-book"></i>&nbsp;Connect</a>
</div>
</div>
<div class="col-md-4 service-item">
<a href="https://storage.enpaul.net/"><div class="service-icon"><i class="fa fa-cloud"></i></div></a>
<h4 class="service-title">Cloud Storage</h4>
<p class="service-description">Local cloud storage allows for secure storage of my data. Online access is provided by the <a href="https://github.com/misterunknown/ifm" target="_blank">Improved File Manager</a> and <a href="http://adamwhitcroft.com/apaxy/" target="_blank">Apaxy</a>.</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/app/storage/"><i class="fa fa-book"></i>&nbsp;Docs</a>
<a class=" btn btn-default" href="https://storage.enpaul.net/"><i class="fa fa-chevron-right"></i>&nbsp;Storage</a>
</div>
</div>
<div class="col-md-4 service-item">
<a href="https://gitlab.enpaul.net/"><div class="service-icon"><i class="fa fa-gitlab"></i></div></a>
<h4 class="service-title">GitLab</h4>
<p class="service-description"><a href="https://about.gitlab.com/" target="_blank">GitLab</a> is a <a href="https://git-scm.com/book/en/v2/Getting-Started-About-Version-Control" target="_blank">git-based source control</a> service for collaborative project development and deployment.</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/app/gitlab/"><i class="fa fa-book"></i>&nbsp;Docs</a>
<a class=" btn btn-default" href="https://gitlab.enpaul.net/"><i class="fa fa-chevron-right"></i>&nbsp;GitLab</a>
</div>
</div>
<div class="col-md-4 service-item">
<a href="https://docs.enpaul.net/"><div class="service-icon"><i class="fa fa-book"></i></div></a>
<h4 class="service-title">Documentation</h4>
<p class="service-description">Any system is only as good as its documentation. My docs, powered by <a href="http://www.mkdocs.org/" target="_blank">MkDocs</a>, are constantly being updated.</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/app/docs-meta/"><i class="fa fa-book"></i>&nbsp;Docs (Meta)</a>
</div>
</div>
<div class="col-md-4 service-item">
<a href="https://plex.enpaul.net/"><div class="service-icon"><i class="fa fa-film"></i></div></a>
<h4 class="service-title">Plex Media Server</h4>
<p class="service-description"><a href="https://www.plex.tv/" target="_blank">Plex</a> is a media management solution for sharing my movie, TV, music, and photo collections with friends.</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/app/plex/"><i class="fa fa-book"></i>&nbsp;Docs</a>
<a class=" btn btn-default" href="https://plex.enpaul.net/"><i class="fa fa-chevron-right"></i>&nbsp;Plex</a>
</div>
</div>
</div>
</div>
</section>
<section id="status">
<div class="container">
<div class="row">
<div class="col-md-8">
<h3 class="status-title">Service Status</h3>
<p class="status-text">Having trouble accessing a network service? Soon you'll be able to check my network's status online and let me know if there are problems!</p>
</div>
<div class="col-md-4 status-btn-container">
<a class="status-btn" href="#status">Coming Soon!</a>
</div>
</div>
</div>
</section>-->
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="copyright">
<ul class="list-inline">
<li><a target="_blank" href="https://download.enpaul.net/enpaul-resume.pdf"><span class="hb hb-xs hb-resume" title="Download Resume"><i class="fa fa-file-text"></i></span></a></li>
<li><a href="mailto:enpaul@enpaul.net"><span class="hb hb-xs hb-email" title="EMail enpaul@enpaul.net"><i class="fa fa-envelope"></i></span></a></li>
<li><a target="_blank" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-xs hb-linkedin" title="LinkedIn ENPaul"><i class="fa fa-linkedin"></i></span></a></li>
<li><a target="_blank" href="https://plus.google.com/+EthanPaul42"><span class="hb hb-xs hb-google-plus" title="Google+ EthanPaul42"><i class="fa fa-google-plus"></i></span></a></li>
<li><a target="_blank" href="https://twitter.com/theenpaul"><span class="hb hb-xs hb-twitter" title="Twitter @theENPaul"><i class="fa fa-twitter"></i></span></a></li>
<li><a target="_blank" href="https://www.instagram.com/theenpaul"><span class="hb hb-xs hb-instagram" title="Instagram @theENPaul"><i class="fa fa-instagram"></i></span></a></li>
</ul>
</div>
<div class="copyright">
&copy;2018 <strong>Ethan N. Paul</strong>
</div>
<div class="copyright">
<a href="https://gitlab.enpaul.net/enpaul/ENPaulNetHome/"><img alt="pipeline status" src="https://gitlab.enpaul.net/enpaul/ENPaulNetHome/badges/master/pipeline.svg" /></a>
</div>
</div>
</div>
</div>
</footer>
<a href="#top" class="back-to-top"><span title="Back to top"><i class="fa fa-chevron-up"></i></span></a>
</body>
</html>

View File

@ -104,7 +104,7 @@
<div class="row">
<div class="col-md-3">
<a class="project-item" id="project-item-instagram" href="/projects/travel/">
<a class="project-item" style="background-image: url(../img/projects/travel.jpg);" href="/projects/travel/">
<div class="details">
<h4>Travel</h4>
<span>"The great affair is to move"<br><i>-Robert Louis Stevenson</i></span>
@ -113,7 +113,7 @@
</div>
<div class="col-md-3">
<a class="project-item" style="background-image: url(../img/projects/lightsaber.jpg);" href="/projects/3dm/">
<a class="project-item" style="background-image: url(../img/projects/sldwrks.jpg);" href="/projects/models/">
<div class="details">
<h4>3D Models</h4>
<span>SolidWorks is to 3D-Printing what<br> cake is to dessert</span>
@ -131,7 +131,7 @@
</div>
<div class="col-md-3">
<a class="project-item" style="background-image: url(../img/projects/homelab.jpg);" href="/homelab">
<a class="project-item" style="background-image: url(../img/projects/server.jpg);" href="/homelab">
<div class="details">
<h4>Homelab</h4>
<span>My data, my hardware</span>
@ -140,7 +140,7 @@
</div>
<div class="col-md-3">
<a class="project-item" style="background-image: url(../img/projects/mqp.jpg);" href="">
<a class="project-item" style="background-image: url(../img/projects/mqp.jpg);" href="/projects/mqp/">
<div class="details">
<h4>Major Qualifying Project</h4>
<span>A passive knee brace for assisting <br>with Sit-To-Stand Transitions</span>
@ -149,7 +149,7 @@
</div>
<div class="col-md-3">
<a class="project-item" style="background-image: url(../img/projects/acad.jpg);" href="">
<a class="project-item" style="background-image: url(../img/projects/acad.jpg);" href="/campus-structure-doc/">
<div class="details">
<h4>Campus Structure Docs</h4>
<span>AutoCAD, legacy data, organization <br>of field data</span>
@ -157,24 +157,6 @@
</a>
</div>
<div class="col-md-3">
<a class="project-item" style="background-image: url(../img/tile.jpg);" href="">
<div class="details">
<h4>Portfolio 7</h4>
<span>Alored dono par</span>
</div>
</a>
</div>
<div class="col-md-3">
<a class="project-item" style="background-image: url(../img/tile.jpg);" href="">
<div class="details">
<h4>Portfolio 8</h4>
<span>Alored dono par</span>
</div>
</a>
</div>
</div>
</div>
</section>
@ -340,12 +322,6 @@
<a href="#top" class="back-to-top"><span title="Back to top"><i class="fa fa-chevron-up"></i></span></a>
<script type="text/JavaScript">
$(document).ready(function() {
getLatestInstagram();
});
</script>
</body>
</html>

View File

@ -0,0 +1,258 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Web crawler and search indexing meta -->
<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="Introduction to my personal projects and achievements"/>
<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"/>
<!-- Facebook integration meta -->
<meta property="og:title" content="ENPaul | Projects"/>
<meta property="og:url" content="https://enpaul.net/projects/"/>
<meta property='og:site_name' content="ENPaul"/>
<meta property="og:type" content="website"/>
<meta property='og:locale' content="en_US"/>
<meta property="og:image" content="https://enpaul.net/img/banners/projects.jpg"/>
<meta property='og:description' content="Introduction to my personal projects and achievements"/>
<!-- Twitter integration meta -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@theenpaul">
<meta name="twitter:title" content="ENPaul | Projects">
<meta name="twitter:description" content="Introduction to my personal projects and achievements">
<meta name="twitter:image" content="https://enpaul.net/img/banners/projects.jpg">
<meta name="twitter:image:alt" content="ENPaul">
<!-- Page title and favicon definition -->
<title>ENPaul | Projects</title>
<link rel="shortcut icon" href="../../img/e-b.png">
<link rel="apple-touch-icon" sizes="180x180" href="../../img/e-b.png">
<link rel="icon" type="image/png" href="../../img/e-b.png" sizes="32x32">
<link rel="icon" type="image/png" href="../../img/e-b.png" sizes="16x16">
<!-- CSS references -->
<link href="../../css/bootstrap.min.css" rel="stylesheet">
<link href="../../css/font-awesome.min.css" rel="stylesheet">
<link href="../../css/animate.min.css" rel="stylesheet">
<link href="../../css/hexagons.min.css" rel="stylesheet">
<link href="../../css/style.css" rel="stylesheet">
<!-- JavaScript references -->
<script type="text/javascript" src="../../js/jquery.min.js"></script>
<script type="text/javascript" src="../../js/bootstrap.min.js"></script>
<script type="text/javascript" src="../../js/superfish.min.js"></script>
<script type="text/javascript" src="../../js/morphext.min.js"></script>
<script type="text/javascript" src="../../js/wow.min.js"></script>
<script type="text/javascript" src="../../js/sticky.js"></script>
<script type="text/javascript" src="../../js/easing.min.js"></script>
<script type="text/javascript" src="../../js/custom.js"></script>
</head>
<body>
<div id="preloader"></div>
<!--<section id="top">
<div class="top-container">
<div class="wow fadeIn">
<div class="hero-logo">
<img class="" src="../../img/e-w.png" alt="ENPaul">
</div>
<h1>Ethan N. Paul</h1>
<h2>Engineer, tinkerer, and <span class="rotating">student, designer, mechanic, handyman, hiker, developer, traveler, kayaker, swimmer, programmer, debugger</span></h2>
<div class="actions">
<a href="#about" class="btn-header">About</a>
<a href="#network" class="btn-header">Network</a>
</div>
</div>
</div>
</section>-->
<header id="header">
<div class="container">
<div id="logo" class="pull-left">
<a href="/"><img src="../../img/e-w.png" alt="ENPaul" title="" /></img></a>
</div>
<nav id="nav-menu-container">
<ul class="nav-menu">
<li><a href="/">Home</a></li>
<li><a href="/about">About</a></li>
<li><a href="/homelab">Homelab</a></li>
<li><a href="/projects">Projects</a></li>
</ul>
</nav>
</div>
</header>
<!--<section id="about">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="section-title">About</h3>
<div class="section-title-divider"></div>
<p class="section-description">Hello, and welcome to my website!</p>
</div>
</div>
</div>
<div class="container about-container">
<div class="row">
<div class="col-md-6">
<img class="about-portrait" src="../../img/e-w.png" alt="Ethan N. Paul"/>
</div>
<div class="col-md-6">
<h2 class="about-title">Who I Am</h2>
<p class="about-text">
My name is Ethan Paul, and I am an engineering student at <a target="_blank" href="https://www.wpi.edu/">Worcester Polytechnic Institute</a> studying <a href="https://www.wpi.edu/academics/departments/mechanical-engineering">Mechanical Engineering</a>. I am an avid outdoorsman, a former Boy Scout, and can make a mean omlette (if I do say so myself). I'm also a <a target="_blank" href="http://www.diabetes.org/diabetes-basics/type-1/">Type 1 Diabetic</a> working on joining the <a target="_blank" href="https://diyps.org/">DIY Pancreas</a> and <a target="_blank" href="http://www.openomni.org/">OpenOmni</a> projects.
</p>
<h2 class="about-title">What I Do</h2>
<p class="about-text">
I do lots of things! I work at <a target="_blank" href="https://web.wpi.edu/academics/CCC/Netops/">WPI Network Operations</a> and spent three years as an intern for the <a href="http://www.solidworks.com/">SolidWorks Corporation</a>. I also enjoy programming, urban and trail hiking, fixing my aging car, and squeezing extra life out of decrepit technology.
</p>
<h2 class="about-title">My Homelab</h2>
<p class="about-text">
My <a target="_blank" href="https://www.reddit.com/r/homelab/">homelab</a> environment is designed, created, and maintained by me. To be clear: the things I do with my servers are completely unnecessary and wholly ridiculous, but I do them anyway because they're fun! See the <a href="/homelab">Homelab Page</a> to learn more.
</p>
</div>
</div>
</div>
</section>
<section id="contact">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="section-title">Contact Me</h3>
<div class="section-title-divider"></div>
<p class="section-description">Send me an email at <a href="mailto:enpaul@enpaul.net">enpaul@enpaul.net</a> or feel free to reach out!</p>
<ul class="list-inline">
<li><a target="_blank" href="https://download.enpaul.net/enpaul-resume.pdf"><span class="hb hb-sm hb-resume" title="Download Resume"><i class="fa fa-file-text"></i></span></a></li>
<li><a href="mailto:enpaul@enpaul.net"><span class="hb hb-sm hb-email" title="EMail enpaul@enpaul.net"><i class="fa fa-envelope"></i></span></a></li>
<li><a target="_blank" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-sm hb-linkedin" title="LinkedIn ENPaul"><i class="fa fa-linkedin"></i></span></a></li>
<li><a target="_blank" href="https://plus.google.com/+EthanPaul42"><span class="hb hb-sm hb-google-plus" title="Google+ EthanPaul42"><i class="fa fa-google-plus"></i></span></a></li>
<li><a target="_blank" href="https://twitter.com/theenpaul"><span class="hb hb-sm hb-twitter" title="Twitter @theENPaul"><i class="fa fa-twitter"></i></span></a></li>
<li><a target="_blank" href="https://www.instagram.com/theenpaul"><span class="hb hb-sm hb-instagram" title="Instagram @theENPaul"><i class="fa fa-instagram"></i></span></a></li>
</ul>
</div>
</div>
</div>
</section>-->
<!--<section id="network">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="section-title">Network Services</h3>
<div class="section-title-divider"></div>
<p class="section-description">The ENPaul Network provides a number of services for entertainment, reference, security, and productivity.<br>To learn more about the network as a whole, please <a href="https://docs.enpaul.net/" target="_blank">read the docs</a>.</p>
</div>
</div>
<div class="row">
<div class="col-md-4 service-item">
<div class="service-icon-no-link"><i class="fa fa-sitemap"></i></div>
<h4 class="service-title">Active Directory</h4>
<p class="service-description"><a href="https://docs.microsoft.com/en-us/windows-server/identity/ad-ds/get-started/virtual-dc/active-directory-domain-services-overview" target="_blank">Active Directory Domain Services (ADDS)</a> provides federated user authentication, administration, and security for my computers.</p>
<div class="service-link">
<a class="btn btn-default" href="https://docs.enpaul.net/adds/"><i class="fa fa-book"></i>&nbsp;Docs</a>
</div>
</div>
<div class="col-md-4 service-item">
<div class="service-icon-no-link"><i class="fa fa-key"></i></div>
<h4 class="service-title">VPN</h4>
<p class="service-description">The Virtual Private Networking (VPN) server, powered by <a href="http://www.softether.org/" target="_blank">Softether</a>, allows me to secure my network traffic from anywhere in the world.</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/app/vpn/"><i class="fa fa-book"></i>&nbsp;Docs</a>
<a class=" btn btn-default" href="https://docs.enpaul.net/app/vpn/connect/"><i class="fa fa-book"></i>&nbsp;Connect</a>
</div>
</div>
<div class="col-md-4 service-item">
<a href="https://storage.enpaul.net/"><div class="service-icon"><i class="fa fa-cloud"></i></div></a>
<h4 class="service-title">Cloud Storage</h4>
<p class="service-description">Local cloud storage allows for secure storage of my data. Online access is provided by the <a href="https://github.com/misterunknown/ifm" target="_blank">Improved File Manager</a> and <a href="http://adamwhitcroft.com/apaxy/" target="_blank">Apaxy</a>.</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/app/storage/"><i class="fa fa-book"></i>&nbsp;Docs</a>
<a class=" btn btn-default" href="https://storage.enpaul.net/"><i class="fa fa-chevron-right"></i>&nbsp;Storage</a>
</div>
</div>
<div class="col-md-4 service-item">
<a href="https://gitlab.enpaul.net/"><div class="service-icon"><i class="fa fa-gitlab"></i></div></a>
<h4 class="service-title">GitLab</h4>
<p class="service-description"><a href="https://about.gitlab.com/" target="_blank">GitLab</a> is a <a href="https://git-scm.com/book/en/v2/Getting-Started-About-Version-Control" target="_blank">git-based source control</a> service for collaborative project development and deployment.</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/app/gitlab/"><i class="fa fa-book"></i>&nbsp;Docs</a>
<a class=" btn btn-default" href="https://gitlab.enpaul.net/"><i class="fa fa-chevron-right"></i>&nbsp;GitLab</a>
</div>
</div>
<div class="col-md-4 service-item">
<a href="https://docs.enpaul.net/"><div class="service-icon"><i class="fa fa-book"></i></div></a>
<h4 class="service-title">Documentation</h4>
<p class="service-description">Any system is only as good as its documentation. My docs, powered by <a href="http://www.mkdocs.org/" target="_blank">MkDocs</a>, are constantly being updated.</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/app/docs-meta/"><i class="fa fa-book"></i>&nbsp;Docs (Meta)</a>
</div>
</div>
<div class="col-md-4 service-item">
<a href="https://plex.enpaul.net/"><div class="service-icon"><i class="fa fa-film"></i></div></a>
<h4 class="service-title">Plex Media Server</h4>
<p class="service-description"><a href="https://www.plex.tv/" target="_blank">Plex</a> is a media management solution for sharing my movie, TV, music, and photo collections with friends.</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/app/plex/"><i class="fa fa-book"></i>&nbsp;Docs</a>
<a class=" btn btn-default" href="https://plex.enpaul.net/"><i class="fa fa-chevron-right"></i>&nbsp;Plex</a>
</div>
</div>
</div>
</div>
</section>
<section id="status">
<div class="container">
<div class="row">
<div class="col-md-8">
<h3 class="status-title">Service Status</h3>
<p class="status-text">Having trouble accessing a network service? Soon you'll be able to check my network's status online and let me know if there are problems!</p>
</div>
<div class="col-md-4 status-btn-container">
<a class="status-btn" href="#status">Coming Soon!</a>
</div>
</div>
</div>
</section>-->
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="copyright">
<ul class="list-inline">
<li><a target="_blank" href="https://download.enpaul.net/enpaul-resume.pdf"><span class="hb hb-xs hb-resume" title="Download Resume"><i class="fa fa-file-text"></i></span></a></li>
<li><a href="mailto:enpaul@enpaul.net"><span class="hb hb-xs hb-email" title="EMail enpaul@enpaul.net"><i class="fa fa-envelope"></i></span></a></li>
<li><a target="_blank" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-xs hb-linkedin" title="LinkedIn ENPaul"><i class="fa fa-linkedin"></i></span></a></li>
<li><a target="_blank" href="https://plus.google.com/+EthanPaul42"><span class="hb hb-xs hb-google-plus" title="Google+ EthanPaul42"><i class="fa fa-google-plus"></i></span></a></li>
<li><a target="_blank" href="https://twitter.com/theenpaul"><span class="hb hb-xs hb-twitter" title="Twitter @theENPaul"><i class="fa fa-twitter"></i></span></a></li>
<li><a target="_blank" href="https://www.instagram.com/theenpaul"><span class="hb hb-xs hb-instagram" title="Instagram @theENPaul"><i class="fa fa-instagram"></i></span></a></li>
</ul>
</div>
<div class="copyright">
&copy;2018 <strong>Ethan N. Paul</strong>
</div>
<div class="copyright">
<a href="https://gitlab.enpaul.net/enpaul/ENPaulNetHome/"><img alt="pipeline status" src="https://gitlab.enpaul.net/enpaul/ENPaulNetHome/badges/master/pipeline.svg" /></a>
</div>
</div>
</div>
</div>
</footer>
<a href="#top" class="back-to-top"><span title="Back to top"><i class="fa fa-chevron-up"></i></span></a>
</body>
</html>

258
projects/models/index.html Normal file
View File

@ -0,0 +1,258 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Web crawler and search indexing meta -->
<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="Introduction to my personal projects and achievements"/>
<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"/>
<!-- Facebook integration meta -->
<meta property="og:title" content="ENPaul | Projects"/>
<meta property="og:url" content="https://enpaul.net/projects/"/>
<meta property='og:site_name' content="ENPaul"/>
<meta property="og:type" content="website"/>
<meta property='og:locale' content="en_US"/>
<meta property="og:image" content="https://enpaul.net/img/banners/projects.jpg"/>
<meta property='og:description' content="Introduction to my personal projects and achievements"/>
<!-- Twitter integration meta -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@theenpaul">
<meta name="twitter:title" content="ENPaul | Projects">
<meta name="twitter:description" content="Introduction to my personal projects and achievements">
<meta name="twitter:image" content="https://enpaul.net/img/banners/projects.jpg">
<meta name="twitter:image:alt" content="ENPaul">
<!-- Page title and favicon definition -->
<title>ENPaul | Projects</title>
<link rel="shortcut icon" href="../../img/e-b.png">
<link rel="apple-touch-icon" sizes="180x180" href="../../img/e-b.png">
<link rel="icon" type="image/png" href="../../img/e-b.png" sizes="32x32">
<link rel="icon" type="image/png" href="../../img/e-b.png" sizes="16x16">
<!-- CSS references -->
<link href="../../css/bootstrap.min.css" rel="stylesheet">
<link href="../../css/font-awesome.min.css" rel="stylesheet">
<link href="../../css/animate.min.css" rel="stylesheet">
<link href="../../css/hexagons.min.css" rel="stylesheet">
<link href="../../css/style.css" rel="stylesheet">
<!-- JavaScript references -->
<script type="text/javascript" src="../../js/jquery.min.js"></script>
<script type="text/javascript" src="../../js/bootstrap.min.js"></script>
<script type="text/javascript" src="../../js/superfish.min.js"></script>
<script type="text/javascript" src="../../js/morphext.min.js"></script>
<script type="text/javascript" src="../../js/wow.min.js"></script>
<script type="text/javascript" src="../../js/sticky.js"></script>
<script type="text/javascript" src="../../js/easing.min.js"></script>
<script type="text/javascript" src="../../js/custom.js"></script>
</head>
<body>
<div id="preloader"></div>
<!--<section id="top">
<div class="top-container">
<div class="wow fadeIn">
<div class="hero-logo">
<img class="" src="../../img/e-w.png" alt="ENPaul">
</div>
<h1>Ethan N. Paul</h1>
<h2>Engineer, tinkerer, and <span class="rotating">student, designer, mechanic, handyman, hiker, developer, traveler, kayaker, swimmer, programmer, debugger</span></h2>
<div class="actions">
<a href="#about" class="btn-header">About</a>
<a href="#network" class="btn-header">Network</a>
</div>
</div>
</div>
</section>-->
<header id="header">
<div class="container">
<div id="logo" class="pull-left">
<a href="/"><img src="../../img/e-w.png" alt="ENPaul" title="" /></img></a>
</div>
<nav id="nav-menu-container">
<ul class="nav-menu">
<li><a href="/">Home</a></li>
<li><a href="/about">About</a></li>
<li><a href="/homelab">Homelab</a></li>
<li><a href="/projects">Projects</a></li>
</ul>
</nav>
</div>
</header>
<!--<section id="about">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="section-title">About</h3>
<div class="section-title-divider"></div>
<p class="section-description">Hello, and welcome to my website!</p>
</div>
</div>
</div>
<div class="container about-container">
<div class="row">
<div class="col-md-6">
<img class="about-portrait" src="../../img/e-w.png" alt="Ethan N. Paul"/>
</div>
<div class="col-md-6">
<h2 class="about-title">Who I Am</h2>
<p class="about-text">
My name is Ethan Paul, and I am an engineering student at <a target="_blank" href="https://www.wpi.edu/">Worcester Polytechnic Institute</a> studying <a href="https://www.wpi.edu/academics/departments/mechanical-engineering">Mechanical Engineering</a>. I am an avid outdoorsman, a former Boy Scout, and can make a mean omlette (if I do say so myself). I'm also a <a target="_blank" href="http://www.diabetes.org/diabetes-basics/type-1/">Type 1 Diabetic</a> working on joining the <a target="_blank" href="https://diyps.org/">DIY Pancreas</a> and <a target="_blank" href="http://www.openomni.org/">OpenOmni</a> projects.
</p>
<h2 class="about-title">What I Do</h2>
<p class="about-text">
I do lots of things! I work at <a target="_blank" href="https://web.wpi.edu/academics/CCC/Netops/">WPI Network Operations</a> and spent three years as an intern for the <a href="http://www.solidworks.com/">SolidWorks Corporation</a>. I also enjoy programming, urban and trail hiking, fixing my aging car, and squeezing extra life out of decrepit technology.
</p>
<h2 class="about-title">My Homelab</h2>
<p class="about-text">
My <a target="_blank" href="https://www.reddit.com/r/homelab/">homelab</a> environment is designed, created, and maintained by me. To be clear: the things I do with my servers are completely unnecessary and wholly ridiculous, but I do them anyway because they're fun! See the <a href="/homelab">Homelab Page</a> to learn more.
</p>
</div>
</div>
</div>
</section>
<section id="contact">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="section-title">Contact Me</h3>
<div class="section-title-divider"></div>
<p class="section-description">Send me an email at <a href="mailto:enpaul@enpaul.net">enpaul@enpaul.net</a> or feel free to reach out!</p>
<ul class="list-inline">
<li><a target="_blank" href="https://download.enpaul.net/enpaul-resume.pdf"><span class="hb hb-sm hb-resume" title="Download Resume"><i class="fa fa-file-text"></i></span></a></li>
<li><a href="mailto:enpaul@enpaul.net"><span class="hb hb-sm hb-email" title="EMail enpaul@enpaul.net"><i class="fa fa-envelope"></i></span></a></li>
<li><a target="_blank" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-sm hb-linkedin" title="LinkedIn ENPaul"><i class="fa fa-linkedin"></i></span></a></li>
<li><a target="_blank" href="https://plus.google.com/+EthanPaul42"><span class="hb hb-sm hb-google-plus" title="Google+ EthanPaul42"><i class="fa fa-google-plus"></i></span></a></li>
<li><a target="_blank" href="https://twitter.com/theenpaul"><span class="hb hb-sm hb-twitter" title="Twitter @theENPaul"><i class="fa fa-twitter"></i></span></a></li>
<li><a target="_blank" href="https://www.instagram.com/theenpaul"><span class="hb hb-sm hb-instagram" title="Instagram @theENPaul"><i class="fa fa-instagram"></i></span></a></li>
</ul>
</div>
</div>
</div>
</section>-->
<!--<section id="network">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="section-title">Network Services</h3>
<div class="section-title-divider"></div>
<p class="section-description">The ENPaul Network provides a number of services for entertainment, reference, security, and productivity.<br>To learn more about the network as a whole, please <a href="https://docs.enpaul.net/" target="_blank">read the docs</a>.</p>
</div>
</div>
<div class="row">
<div class="col-md-4 service-item">
<div class="service-icon-no-link"><i class="fa fa-sitemap"></i></div>
<h4 class="service-title">Active Directory</h4>
<p class="service-description"><a href="https://docs.microsoft.com/en-us/windows-server/identity/ad-ds/get-started/virtual-dc/active-directory-domain-services-overview" target="_blank">Active Directory Domain Services (ADDS)</a> provides federated user authentication, administration, and security for my computers.</p>
<div class="service-link">
<a class="btn btn-default" href="https://docs.enpaul.net/adds/"><i class="fa fa-book"></i>&nbsp;Docs</a>
</div>
</div>
<div class="col-md-4 service-item">
<div class="service-icon-no-link"><i class="fa fa-key"></i></div>
<h4 class="service-title">VPN</h4>
<p class="service-description">The Virtual Private Networking (VPN) server, powered by <a href="http://www.softether.org/" target="_blank">Softether</a>, allows me to secure my network traffic from anywhere in the world.</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/app/vpn/"><i class="fa fa-book"></i>&nbsp;Docs</a>
<a class=" btn btn-default" href="https://docs.enpaul.net/app/vpn/connect/"><i class="fa fa-book"></i>&nbsp;Connect</a>
</div>
</div>
<div class="col-md-4 service-item">
<a href="https://storage.enpaul.net/"><div class="service-icon"><i class="fa fa-cloud"></i></div></a>
<h4 class="service-title">Cloud Storage</h4>
<p class="service-description">Local cloud storage allows for secure storage of my data. Online access is provided by the <a href="https://github.com/misterunknown/ifm" target="_blank">Improved File Manager</a> and <a href="http://adamwhitcroft.com/apaxy/" target="_blank">Apaxy</a>.</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/app/storage/"><i class="fa fa-book"></i>&nbsp;Docs</a>
<a class=" btn btn-default" href="https://storage.enpaul.net/"><i class="fa fa-chevron-right"></i>&nbsp;Storage</a>
</div>
</div>
<div class="col-md-4 service-item">
<a href="https://gitlab.enpaul.net/"><div class="service-icon"><i class="fa fa-gitlab"></i></div></a>
<h4 class="service-title">GitLab</h4>
<p class="service-description"><a href="https://about.gitlab.com/" target="_blank">GitLab</a> is a <a href="https://git-scm.com/book/en/v2/Getting-Started-About-Version-Control" target="_blank">git-based source control</a> service for collaborative project development and deployment.</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/app/gitlab/"><i class="fa fa-book"></i>&nbsp;Docs</a>
<a class=" btn btn-default" href="https://gitlab.enpaul.net/"><i class="fa fa-chevron-right"></i>&nbsp;GitLab</a>
</div>
</div>
<div class="col-md-4 service-item">
<a href="https://docs.enpaul.net/"><div class="service-icon"><i class="fa fa-book"></i></div></a>
<h4 class="service-title">Documentation</h4>
<p class="service-description">Any system is only as good as its documentation. My docs, powered by <a href="http://www.mkdocs.org/" target="_blank">MkDocs</a>, are constantly being updated.</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/app/docs-meta/"><i class="fa fa-book"></i>&nbsp;Docs (Meta)</a>
</div>
</div>
<div class="col-md-4 service-item">
<a href="https://plex.enpaul.net/"><div class="service-icon"><i class="fa fa-film"></i></div></a>
<h4 class="service-title">Plex Media Server</h4>
<p class="service-description"><a href="https://www.plex.tv/" target="_blank">Plex</a> is a media management solution for sharing my movie, TV, music, and photo collections with friends.</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/app/plex/"><i class="fa fa-book"></i>&nbsp;Docs</a>
<a class=" btn btn-default" href="https://plex.enpaul.net/"><i class="fa fa-chevron-right"></i>&nbsp;Plex</a>
</div>
</div>
</div>
</div>
</section>
<section id="status">
<div class="container">
<div class="row">
<div class="col-md-8">
<h3 class="status-title">Service Status</h3>
<p class="status-text">Having trouble accessing a network service? Soon you'll be able to check my network's status online and let me know if there are problems!</p>
</div>
<div class="col-md-4 status-btn-container">
<a class="status-btn" href="#status">Coming Soon!</a>
</div>
</div>
</div>
</section>-->
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="copyright">
<ul class="list-inline">
<li><a target="_blank" href="https://download.enpaul.net/enpaul-resume.pdf"><span class="hb hb-xs hb-resume" title="Download Resume"><i class="fa fa-file-text"></i></span></a></li>
<li><a href="mailto:enpaul@enpaul.net"><span class="hb hb-xs hb-email" title="EMail enpaul@enpaul.net"><i class="fa fa-envelope"></i></span></a></li>
<li><a target="_blank" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-xs hb-linkedin" title="LinkedIn ENPaul"><i class="fa fa-linkedin"></i></span></a></li>
<li><a target="_blank" href="https://plus.google.com/+EthanPaul42"><span class="hb hb-xs hb-google-plus" title="Google+ EthanPaul42"><i class="fa fa-google-plus"></i></span></a></li>
<li><a target="_blank" href="https://twitter.com/theenpaul"><span class="hb hb-xs hb-twitter" title="Twitter @theENPaul"><i class="fa fa-twitter"></i></span></a></li>
<li><a target="_blank" href="https://www.instagram.com/theenpaul"><span class="hb hb-xs hb-instagram" title="Instagram @theENPaul"><i class="fa fa-instagram"></i></span></a></li>
</ul>
</div>
<div class="copyright">
&copy;2018 <strong>Ethan N. Paul</strong>
</div>
<div class="copyright">
<a href="https://gitlab.enpaul.net/enpaul/ENPaulNetHome/"><img alt="pipeline status" src="https://gitlab.enpaul.net/enpaul/ENPaulNetHome/badges/master/pipeline.svg" /></a>
</div>
</div>
</div>
</div>
</footer>
<a href="#top" class="back-to-top"><span title="Back to top"><i class="fa fa-chevron-up"></i></span></a>
</body>
</html>

258
projects/mqp/index.html Normal file
View File

@ -0,0 +1,258 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Web crawler and search indexing meta -->
<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="Introduction to my personal projects and achievements"/>
<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"/>
<!-- Facebook integration meta -->
<meta property="og:title" content="ENPaul | Projects"/>
<meta property="og:url" content="https://enpaul.net/projects/"/>
<meta property='og:site_name' content="ENPaul"/>
<meta property="og:type" content="website"/>
<meta property='og:locale' content="en_US"/>
<meta property="og:image" content="https://enpaul.net/img/banners/projects.jpg"/>
<meta property='og:description' content="Introduction to my personal projects and achievements"/>
<!-- Twitter integration meta -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@theenpaul">
<meta name="twitter:title" content="ENPaul | Projects">
<meta name="twitter:description" content="Introduction to my personal projects and achievements">
<meta name="twitter:image" content="https://enpaul.net/img/banners/projects.jpg">
<meta name="twitter:image:alt" content="ENPaul">
<!-- Page title and favicon definition -->
<title>ENPaul | Projects</title>
<link rel="shortcut icon" href="../../img/e-b.png">
<link rel="apple-touch-icon" sizes="180x180" href="../../img/e-b.png">
<link rel="icon" type="image/png" href="../../img/e-b.png" sizes="32x32">
<link rel="icon" type="image/png" href="../../img/e-b.png" sizes="16x16">
<!-- CSS references -->
<link href="../../css/bootstrap.min.css" rel="stylesheet">
<link href="../../css/font-awesome.min.css" rel="stylesheet">
<link href="../../css/animate.min.css" rel="stylesheet">
<link href="../../css/hexagons.min.css" rel="stylesheet">
<link href="../../css/style.css" rel="stylesheet">
<!-- JavaScript references -->
<script type="text/javascript" src="../../js/jquery.min.js"></script>
<script type="text/javascript" src="../../js/bootstrap.min.js"></script>
<script type="text/javascript" src="../../js/superfish.min.js"></script>
<script type="text/javascript" src="../../js/morphext.min.js"></script>
<script type="text/javascript" src="../../js/wow.min.js"></script>
<script type="text/javascript" src="../../js/sticky.js"></script>
<script type="text/javascript" src="../../js/easing.min.js"></script>
<script type="text/javascript" src="../../js/custom.js"></script>
</head>
<body>
<div id="preloader"></div>
<!--<section id="top">
<div class="top-container">
<div class="wow fadeIn">
<div class="hero-logo">
<img class="" src="../../img/e-w.png" alt="ENPaul">
</div>
<h1>Ethan N. Paul</h1>
<h2>Engineer, tinkerer, and <span class="rotating">student, designer, mechanic, handyman, hiker, developer, traveler, kayaker, swimmer, programmer, debugger</span></h2>
<div class="actions">
<a href="#about" class="btn-header">About</a>
<a href="#network" class="btn-header">Network</a>
</div>
</div>
</div>
</section>-->
<header id="header">
<div class="container">
<div id="logo" class="pull-left">
<a href="/"><img src="../../img/e-w.png" alt="ENPaul" title="" /></img></a>
</div>
<nav id="nav-menu-container">
<ul class="nav-menu">
<li><a href="/">Home</a></li>
<li><a href="/about">About</a></li>
<li><a href="/homelab">Homelab</a></li>
<li><a href="/projects">Projects</a></li>
</ul>
</nav>
</div>
</header>
<!--<section id="about">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="section-title">About</h3>
<div class="section-title-divider"></div>
<p class="section-description">Hello, and welcome to my website!</p>
</div>
</div>
</div>
<div class="container about-container">
<div class="row">
<div class="col-md-6">
<img class="about-portrait" src="../../img/e-w.png" alt="Ethan N. Paul"/>
</div>
<div class="col-md-6">
<h2 class="about-title">Who I Am</h2>
<p class="about-text">
My name is Ethan Paul, and I am an engineering student at <a target="_blank" href="https://www.wpi.edu/">Worcester Polytechnic Institute</a> studying <a href="https://www.wpi.edu/academics/departments/mechanical-engineering">Mechanical Engineering</a>. I am an avid outdoorsman, a former Boy Scout, and can make a mean omlette (if I do say so myself). I'm also a <a target="_blank" href="http://www.diabetes.org/diabetes-basics/type-1/">Type 1 Diabetic</a> working on joining the <a target="_blank" href="https://diyps.org/">DIY Pancreas</a> and <a target="_blank" href="http://www.openomni.org/">OpenOmni</a> projects.
</p>
<h2 class="about-title">What I Do</h2>
<p class="about-text">
I do lots of things! I work at <a target="_blank" href="https://web.wpi.edu/academics/CCC/Netops/">WPI Network Operations</a> and spent three years as an intern for the <a href="http://www.solidworks.com/">SolidWorks Corporation</a>. I also enjoy programming, urban and trail hiking, fixing my aging car, and squeezing extra life out of decrepit technology.
</p>
<h2 class="about-title">My Homelab</h2>
<p class="about-text">
My <a target="_blank" href="https://www.reddit.com/r/homelab/">homelab</a> environment is designed, created, and maintained by me. To be clear: the things I do with my servers are completely unnecessary and wholly ridiculous, but I do them anyway because they're fun! See the <a href="/homelab">Homelab Page</a> to learn more.
</p>
</div>
</div>
</div>
</section>
<section id="contact">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="section-title">Contact Me</h3>
<div class="section-title-divider"></div>
<p class="section-description">Send me an email at <a href="mailto:enpaul@enpaul.net">enpaul@enpaul.net</a> or feel free to reach out!</p>
<ul class="list-inline">
<li><a target="_blank" href="https://download.enpaul.net/enpaul-resume.pdf"><span class="hb hb-sm hb-resume" title="Download Resume"><i class="fa fa-file-text"></i></span></a></li>
<li><a href="mailto:enpaul@enpaul.net"><span class="hb hb-sm hb-email" title="EMail enpaul@enpaul.net"><i class="fa fa-envelope"></i></span></a></li>
<li><a target="_blank" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-sm hb-linkedin" title="LinkedIn ENPaul"><i class="fa fa-linkedin"></i></span></a></li>
<li><a target="_blank" href="https://plus.google.com/+EthanPaul42"><span class="hb hb-sm hb-google-plus" title="Google+ EthanPaul42"><i class="fa fa-google-plus"></i></span></a></li>
<li><a target="_blank" href="https://twitter.com/theenpaul"><span class="hb hb-sm hb-twitter" title="Twitter @theENPaul"><i class="fa fa-twitter"></i></span></a></li>
<li><a target="_blank" href="https://www.instagram.com/theenpaul"><span class="hb hb-sm hb-instagram" title="Instagram @theENPaul"><i class="fa fa-instagram"></i></span></a></li>
</ul>
</div>
</div>
</div>
</section>-->
<!--<section id="network">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="section-title">Network Services</h3>
<div class="section-title-divider"></div>
<p class="section-description">The ENPaul Network provides a number of services for entertainment, reference, security, and productivity.<br>To learn more about the network as a whole, please <a href="https://docs.enpaul.net/" target="_blank">read the docs</a>.</p>
</div>
</div>
<div class="row">
<div class="col-md-4 service-item">
<div class="service-icon-no-link"><i class="fa fa-sitemap"></i></div>
<h4 class="service-title">Active Directory</h4>
<p class="service-description"><a href="https://docs.microsoft.com/en-us/windows-server/identity/ad-ds/get-started/virtual-dc/active-directory-domain-services-overview" target="_blank">Active Directory Domain Services (ADDS)</a> provides federated user authentication, administration, and security for my computers.</p>
<div class="service-link">
<a class="btn btn-default" href="https://docs.enpaul.net/adds/"><i class="fa fa-book"></i>&nbsp;Docs</a>
</div>
</div>
<div class="col-md-4 service-item">
<div class="service-icon-no-link"><i class="fa fa-key"></i></div>
<h4 class="service-title">VPN</h4>
<p class="service-description">The Virtual Private Networking (VPN) server, powered by <a href="http://www.softether.org/" target="_blank">Softether</a>, allows me to secure my network traffic from anywhere in the world.</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/app/vpn/"><i class="fa fa-book"></i>&nbsp;Docs</a>
<a class=" btn btn-default" href="https://docs.enpaul.net/app/vpn/connect/"><i class="fa fa-book"></i>&nbsp;Connect</a>
</div>
</div>
<div class="col-md-4 service-item">
<a href="https://storage.enpaul.net/"><div class="service-icon"><i class="fa fa-cloud"></i></div></a>
<h4 class="service-title">Cloud Storage</h4>
<p class="service-description">Local cloud storage allows for secure storage of my data. Online access is provided by the <a href="https://github.com/misterunknown/ifm" target="_blank">Improved File Manager</a> and <a href="http://adamwhitcroft.com/apaxy/" target="_blank">Apaxy</a>.</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/app/storage/"><i class="fa fa-book"></i>&nbsp;Docs</a>
<a class=" btn btn-default" href="https://storage.enpaul.net/"><i class="fa fa-chevron-right"></i>&nbsp;Storage</a>
</div>
</div>
<div class="col-md-4 service-item">
<a href="https://gitlab.enpaul.net/"><div class="service-icon"><i class="fa fa-gitlab"></i></div></a>
<h4 class="service-title">GitLab</h4>
<p class="service-description"><a href="https://about.gitlab.com/" target="_blank">GitLab</a> is a <a href="https://git-scm.com/book/en/v2/Getting-Started-About-Version-Control" target="_blank">git-based source control</a> service for collaborative project development and deployment.</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/app/gitlab/"><i class="fa fa-book"></i>&nbsp;Docs</a>
<a class=" btn btn-default" href="https://gitlab.enpaul.net/"><i class="fa fa-chevron-right"></i>&nbsp;GitLab</a>
</div>
</div>
<div class="col-md-4 service-item">
<a href="https://docs.enpaul.net/"><div class="service-icon"><i class="fa fa-book"></i></div></a>
<h4 class="service-title">Documentation</h4>
<p class="service-description">Any system is only as good as its documentation. My docs, powered by <a href="http://www.mkdocs.org/" target="_blank">MkDocs</a>, are constantly being updated.</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/app/docs-meta/"><i class="fa fa-book"></i>&nbsp;Docs (Meta)</a>
</div>
</div>
<div class="col-md-4 service-item">
<a href="https://plex.enpaul.net/"><div class="service-icon"><i class="fa fa-film"></i></div></a>
<h4 class="service-title">Plex Media Server</h4>
<p class="service-description"><a href="https://www.plex.tv/" target="_blank">Plex</a> is a media management solution for sharing my movie, TV, music, and photo collections with friends.</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/app/plex/"><i class="fa fa-book"></i>&nbsp;Docs</a>
<a class=" btn btn-default" href="https://plex.enpaul.net/"><i class="fa fa-chevron-right"></i>&nbsp;Plex</a>
</div>
</div>
</div>
</div>
</section>
<section id="status">
<div class="container">
<div class="row">
<div class="col-md-8">
<h3 class="status-title">Service Status</h3>
<p class="status-text">Having trouble accessing a network service? Soon you'll be able to check my network's status online and let me know if there are problems!</p>
</div>
<div class="col-md-4 status-btn-container">
<a class="status-btn" href="#status">Coming Soon!</a>
</div>
</div>
</div>
</section>-->
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="copyright">
<ul class="list-inline">
<li><a target="_blank" href="https://download.enpaul.net/enpaul-resume.pdf"><span class="hb hb-xs hb-resume" title="Download Resume"><i class="fa fa-file-text"></i></span></a></li>
<li><a href="mailto:enpaul@enpaul.net"><span class="hb hb-xs hb-email" title="EMail enpaul@enpaul.net"><i class="fa fa-envelope"></i></span></a></li>
<li><a target="_blank" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-xs hb-linkedin" title="LinkedIn ENPaul"><i class="fa fa-linkedin"></i></span></a></li>
<li><a target="_blank" href="https://plus.google.com/+EthanPaul42"><span class="hb hb-xs hb-google-plus" title="Google+ EthanPaul42"><i class="fa fa-google-plus"></i></span></a></li>
<li><a target="_blank" href="https://twitter.com/theenpaul"><span class="hb hb-xs hb-twitter" title="Twitter @theENPaul"><i class="fa fa-twitter"></i></span></a></li>
<li><a target="_blank" href="https://www.instagram.com/theenpaul"><span class="hb hb-xs hb-instagram" title="Instagram @theENPaul"><i class="fa fa-instagram"></i></span></a></li>
</ul>
</div>
<div class="copyright">
&copy;2018 <strong>Ethan N. Paul</strong>
</div>
<div class="copyright">
<a href="https://gitlab.enpaul.net/enpaul/ENPaulNetHome/"><img alt="pipeline status" src="https://gitlab.enpaul.net/enpaul/ENPaulNetHome/badges/master/pipeline.svg" /></a>
</div>
</div>
</div>
</div>
</footer>
<a href="#top" class="back-to-top"><span title="Back to top"><i class="fa fa-chevron-up"></i></span></a>
</body>
</html>

View File

@ -7,50 +7,50 @@
<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="Introduction to my interests, skills, and activities"/>
<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, omnipod, open, omni, diy, pancreas, t1d, type, one, diabetes, diabetic"/>
<meta name="description" content="Introduction to my personal projects and achievements"/>
<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"/>
<!-- Facebook integration meta -->
<meta property="og:title" content="ENPaul | About"/>
<meta property="og:url" content="https://enpaul.net/about/"/>
<meta property="og:title" content="ENPaul | Projects"/>
<meta property="og:url" content="https://enpaul.net/projects/"/>
<meta property='og:site_name' content="ENPaul"/>
<meta property="og:type" content="website"/>
<meta property='og:locale' content="en_US"/>
<meta property="og:image" content="https://enpaul.net/img/banners/about.jpg"/>
<meta property='og:description' content="Introduction to my interests, skills, and activities"/>
<meta property="og:image" content="https://enpaul.net/img/banners/projects.jpg"/>
<meta property='og:description' content="Introduction to my personal projects and achievements"/>
<!-- Twitter integration meta -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@theenpaul">
<meta name="twitter:title" content="ENPaul | About">
<meta name="twitter:description" content="Introduction to my interests, skills, and activities">
<meta name="twitter:image" content="https://enpaul.net/img/banners/about.jpg">
<meta name="twitter:title" content="ENPaul | Projects">
<meta name="twitter:description" content="Introduction to my personal projects and achievements">
<meta name="twitter:image" content="https://enpaul.net/img/banners/projects.jpg">
<meta name="twitter:image:alt" content="ENPaul">
<!-- Page title and favicon definition -->
<title>ENPaul | About</title>
<link rel="shortcut icon" href="../img/e-b.png">
<link rel="apple-touch-icon" sizes="180x180" href="../img/e-b.png">
<link rel="icon" type="image/png" href="../img/e-b.png" sizes="32x32">
<link rel="icon" type="image/png" href="../img/e-b.png" sizes="16x16">
<title>ENPaul | Projects</title>
<link rel="shortcut icon" href="../../img/e-b.png">
<link rel="apple-touch-icon" sizes="180x180" href="../../img/e-b.png">
<link rel="icon" type="image/png" href="../../img/e-b.png" sizes="32x32">
<link rel="icon" type="image/png" href="../../img/e-b.png" sizes="16x16">
<!-- CSS references -->
<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="../css/font-awesome.min.css" rel="stylesheet">
<link href="../css/animate.min.css" rel="stylesheet">
<link href="../css/hexagons.min.css" rel="stylesheet">
<link href="../css/style.css" rel="stylesheet">
<link href="../../css/bootstrap.min.css" rel="stylesheet">
<link href="../../css/font-awesome.min.css" rel="stylesheet">
<link href="../../css/animate.min.css" rel="stylesheet">
<link href="../../css/hexagons.min.css" rel="stylesheet">
<link href="../../css/style.css" rel="stylesheet">
<!-- JavaScript references -->
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/superfish.min.js"></script>
<script type="text/javascript" src="../js/morphext.min.js"></script>
<script type="text/javascript" src="../js/wow.min.js"></script>
<script type="text/javascript" src="../js/sticky.js"></script>
<script type="text/javascript" src="../js/easing.min.js"></script>
<script type="text/javascript" src="../js/custom.js"></script>
<script type="text/javascript" src="../../js/jquery.min.js"></script>
<script type="text/javascript" src="../../js/bootstrap.min.js"></script>
<script type="text/javascript" src="../../js/superfish.min.js"></script>
<script type="text/javascript" src="../../js/morphext.min.js"></script>
<script type="text/javascript" src="../../js/wow.min.js"></script>
<script type="text/javascript" src="../../js/sticky.js"></script>
<script type="text/javascript" src="../../js/easing.min.js"></script>
<script type="text/javascript" src="../../js/custom.js"></script>
</head>
@ -61,7 +61,7 @@
<div class="top-container">
<div class="wow fadeIn">
<div class="hero-logo">
<img class="" src="../img/e-w.png" alt="ENPaul">
<img class="" src="../../img/e-w.png" alt="ENPaul">
</div>
<h1>Ethan N. Paul</h1>
@ -78,7 +78,7 @@
<div class="container">
<div id="logo" class="pull-left">
<a href="/"><img src="../img/e-w.png" alt="ENPaul" title="" /></img></a>
<a href="/"><img src="../../img/e-w.png" alt="ENPaul" title="" /></img></a>
</div>
<nav id="nav-menu-container">
@ -92,7 +92,7 @@
</div>
</header>
<section id="about">
<!--<section id="about">
<div class="container">
<div class="row">
<div class="col-md-12">
@ -105,7 +105,7 @@
<div class="container about-container">
<div class="row">
<div class="col-md-6">
<img class="about-portrait" src="../img/e-w.png" alt="Ethan N. Paul"/>
<img class="about-portrait" src="../../img/e-w.png" alt="Ethan N. Paul"/>
</div>
<div class="col-md-6">
<h2 class="about-title">Who I Am</h2>
@ -143,7 +143,7 @@
</div>
</div>
</div>
</section>
</section>-->
<!--<section id="network">
<div class="container">
@ -230,6 +230,16 @@
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="copyright">
<ul class="list-inline">
<li><a target="_blank" href="https://download.enpaul.net/enpaul-resume.pdf"><span class="hb hb-xs hb-resume" title="Download Resume"><i class="fa fa-file-text"></i></span></a></li>
<li><a href="mailto:enpaul@enpaul.net"><span class="hb hb-xs hb-email" title="EMail enpaul@enpaul.net"><i class="fa fa-envelope"></i></span></a></li>
<li><a target="_blank" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-xs hb-linkedin" title="LinkedIn ENPaul"><i class="fa fa-linkedin"></i></span></a></li>
<li><a target="_blank" href="https://plus.google.com/+EthanPaul42"><span class="hb hb-xs hb-google-plus" title="Google+ EthanPaul42"><i class="fa fa-google-plus"></i></span></a></li>
<li><a target="_blank" href="https://twitter.com/theenpaul"><span class="hb hb-xs hb-twitter" title="Twitter @theENPaul"><i class="fa fa-twitter"></i></span></a></li>
<li><a target="_blank" href="https://www.instagram.com/theenpaul"><span class="hb hb-xs hb-instagram" title="Instagram @theENPaul"><i class="fa fa-instagram"></i></span></a></li>
</ul>
</div>
<div class="copyright">
&copy;2018 <strong>Ethan N. Paul</strong>
</div>