enpaul.net/index.html

257 lines
14 KiB
HTML

<!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 Homepage</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="E. N. Paul">
</div>
<h1>Ethan N. Paul</h1>
<h2>Engineer, developer, and <span class="rotating">tinkerer, student, designer, mechanic, handyman, hiker, traveler, kayaker, swimmer, programmer, debugger</span></h2>
<div class="actions">
<a href="#about" class="btn-services">About</a>
<a href="#contact" class="btn-services">Contact</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 class="menu-has-children"><a href="#network">Network</a>
<ul>
<li><a href="https://gitlab.enpaul.net/">GitLab</a></li>
<li><a href="https://storage.enpaul.net/">Cloud Storage</a></li>
<li><a href="https://plex.enpaul.net/">Plex Media Server</a></li>
<li><a href="https://docs.enpaul.net/vpn/overview/">VPN</a></li>
</ul>
</li>
<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! This is my main landing page where you can learn about me and my network.</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. I am currently an engineering student at Worcester Polytechnic Institute studying Mechanical Engineering. I am an avid outdoorsman, former Boy Scout, and can make a mean omlette (if I do say so myself). I'm also a Type 1 Diabetic, working on joining the Artificial Pancreas and OpenOMNI projects.
</p>
<h2 class="about-title">What I Do</h2>
<p class="about-text">
Lots of things! I work at WPI Network Operations and spent three years as an intern for SolidWorks. I also enjoy programming, fixing my aging car, hiking, and squeezing extra years of life out of old technology.
</p>
<h2 class="about-title">My Network</h2>
<p class="about-text">
The ENPaul Network (ENPN) is a homelab environment designed, created, and maintained by/for myself. To be clear: the things I do with my servers are completely unnecessary and wholly ridiculous. I do them anyway because they're fun! See the Network Section 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 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://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 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://www.instagram.com/theenpaul"><span class="hb hb-sm hb-instagram" title="Instagram @theENPaul"><i class="fa fa-instagram"></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>
</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 user authentication, administration, and security.</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">Virtual Private Networking (VPN) allows users to secure their network traffic from anywhere in the world.</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/vpn/overview/"><i class="fa fa-book"></i>&nbsp;Docs</a>
<a class=" btn btn-default" href="https://docs.enpaul.net/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"><a href="https://storage.enpaul.net/">Cloud Storage</a></h4>
<p class="service-description">Local cloud storage allows for secure storage of user data. Online access is provided by the <a href="https://github.com/misterunknown/ifm" target="_blank">Improved File Manager</a>.</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/storage/overview/"><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"><a href="https://gitlab.enpaul.net/">GitLab</a></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/gitlab/overview/"><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://plex.enpaul.net/"><div class="service-icon"><i class="fa fa-film"></i></div></a>
<h4 class="service-title"><a href="https://plex.enpaul.net/">Plex Media Server</a></h4>
<p class="service-description"><a href="https://www.plex.tv/" target="_blank">Plex</a> is a media management solution for sharing your personal movies, TV, music, and photos</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/plex/overview/"><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 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"><a href="https://docs.enpaul.net/">Documentation</a></h4>
<p class="service-description">Any system is only as good as its documentation. The 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/docs-meta/overview/"><i class="fa fa-book"></i>&nbsp;Docs</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? Check the status online and let me know if there are problems!</p>
</div>
<div class="col-md-4 status-btn-container">
<a class="disabled status-btn" href="#">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">
This page was updated on <strong>2018-02-02</strong>
</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>