enpaul.net/index.html

249 lines
14 KiB
HTML
Raw Normal View History

<!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="E N Paul personal landing page and Network Services website"/>
<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 Homepage"/>
<meta property="og:url" content="https://enpaul.net/"/>
<meta property='og:site_name' content="ENPN"/>
<meta property="og:type" content="website"/>
<meta property='og:locale' content="en_US"/>
<meta property="og:image" content="https://enpaul.net/img/network.jpg"/>
<meta property='og:description' content="Ethan Paul's personal landing page and overview website"/>
<!-- Twitter integration meta -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@theenpaul">
<meta name="twitter:title" content="ENPaul Homepage">
<meta name="twitter:description" content="Ethan Paul's personal landing page and overview website">
<meta name="twitter:image" content="https://enpaul.net/img/network.jpg">
<meta name="twitter:image:alt" content="ENPN">
<!-- Page title and favicon definition -->
<title>ENPaul</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">
2018-02-03 01:05:54 +00:00
<a href="#about" class="btn-services">About</a>
<a href="#network" class="btn-services">Network</a>
</div>
</div>
</div>
</section>
<header id="header">
<div class="container">
<div id="logo" class="pull-left">
<a href="#top"><img src="img/e-w.png" alt="ENPaul" title="" /></img></a>
</div>
<nav id="nav-menu-container">
<ul class="nav-menu">
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#network">Network</a>
<li><a target="_blank" href="https://docs.enpaul.net/">Docs</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, fixing my aging car, urban and trail hiking, and squeezing extra life out of decrepit technology.
</p>
<h2 class="about-title">My Network</h2>
<p class="about-text">
The ENPaul Network is a <a target="_blank" href="https://www.reddit.com/r/homelab/">homelab</a> environment 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="#network">Network Section</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 <a href="https://download.enpaul.net/enpaul-resume.pdf" target="_blank">download my résumé</a>.</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>
2018-02-03 01:05:54 +00:00
<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>
2018-02-03 01:05:54 +00:00
<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>
2018-02-03 01:05:54 +00:00
<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>
2018-02-03 01:05:54 +00:00
<div class="service-link">
2018-02-04 02:44:19 +00:00
<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>
2018-02-03 01:05:54 +00:00
</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">
2018-02-04 02:44:19 +00:00
<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">
2018-02-03 01:05:54 +00:00
<a href="https://gitlab.enpaul.net/"><div class="service-icon"><i class="fa fa-gitlab"></i></div></a>
<h4 class="service-title">GitLab</h4>
2018-02-03 01:05:54 +00:00
<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">
2018-02-04 02:44:19 +00:00
<a class=" btn btn-default" href="https://docs.enpaul.net/app/gitlab/"><i class="fa fa-book"></i>&nbsp;Docs</a>
2018-02-03 01:05:54 +00:00
<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">
2018-02-04 02:44:19 +00:00
<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">
2018-02-03 01:05:54 +00:00
<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>
2018-02-03 01:05:54 +00:00
<div class="service-link">
2018-02-04 02:44:19 +00:00
<a class=" btn btn-default" href="https://docs.enpaul.net/app/plex/"><i class="fa fa-book"></i>&nbsp;Docs</a>
2018-02-03 01:05:54 +00:00
<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">
&copy;2018 <strong>Ethan N. Paul</strong>. All Rights Reserved
</div>
<div class="copyright">
<a href="https://gitlab.enpaul.net/enpaul/ENPaulNetHome"><strong><i class="fa fa-gitlab fa-lg"></i>&nbsp;&nbsp;</strong></a><a href="https://gitlab.enpaul.net/enpaul/ENPaulNetHome/commits/master"><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>