enpaul.net/projects/index.html

188 lines
9.2 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="admin@enp.one"/>
<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="E.N.Paul | Projects"/>
<meta property="og:url" content="https://enpaul.net/projects/"/>
<meta property='og:site_name' content="E.N.Paul"/>
<meta property="og:type" content="website"/>
<meta property='og:locale' content="en_US"/>
<meta property="og:image" content="https://cdn.enp.one/img/banners/site-en-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="E.N.Paul | Projects">
<meta name="twitter:description" content="Introduction to my personal projects and achievements">
<meta name="twitter:image" content="https://cdn.enp.one/img/banners/site-en-projects.jpg">
<meta name="twitter:image:alt" content="E.N.Paul">
<!-- Page title and favicon definition -->
<title>E.N.Paul | Projects</title>
<link rel="shortcut icon" href="https://cdn.enp.one/img/logos/e-b-sm.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://cdn.enp.one/img/logos/e-b-sm.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://cdn.enp.one/img/logos/e-b-sm.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://cdn.enp.one/img/logos/e-b-sm.png">
<!-- CSS references -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<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 src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></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>
<noscript><style>#preloader {display: none;}</style></noscript>
</head>
<body>
<div id="preloader"></div>
<header id="header">
<div class="container">
<div id="logo" class="pull-left">
<a href="/"><img src="https://cdn.enp.one/img/logos/e-w-sm.png" alt="E.N.Paul" 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>
<li><noscript><a href="/js/warn/" title="Client Javascript Disabled" style="color: orange;"><i class="fa fa-lg fa-exclamation-circle"></i></a></noscript></li>
</ul>
</nav>
</div>
</header>
<section id="project">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="section-title">Projects</h3>
<div class="section-title-divider"></div>
<p class="section-description">I work on a lot of different projects. Some of them professional, some of them academic, and some of them just for fun.</p>
</div>
</div>
<div class="row">
<div class="col-md-4" id="project-section-travel">
<a class="project-item" target="_blank" style="background-image: url(https://cdn.enp.one/img/projects/road.jpg);" href="https://www.instagram.com/allaroundhere/">
<div class="details">
<h4>Travel</h4>
<span>
I spend a lot of time on the road (or railway, or hiking path) and I
like to take photos of interesting things I find. I'm a big believer in
finding the joy in the "in-between" places.
</span>
</div>
</a>
</div>
<div class="col-md-4" id="project-section-car">
<a class="project-item" target="_blank" style="background-image: url(https://cdn.enp.one/img/projects/car.jpg);" href="https://docs.google.com/spreadsheets/d/14ZC20aHF-6yHLYNuSOK6SxTea97waBI7H6ZMHvocDz4/edit?usp=sharing">
<div class="details">
<h4>Vehicle</h4>
<span>
The goal is half a million miles! A Toyota 4Runner will run forever...if you take
good care of it (which I'm trying to do!)
</span>
</div>
</a>
</div>
<div class="col-md-4" id="project-section-code">
<a class="project-item" target="_blank" style="background-image: url(https://cdn.enp.one/img/projects/programming.jpg);" href="https://github.com/enpaul/">
<div class="details">
<h4>Programs</h4>
<span>
I tinker around with some stuff, mostly for fun. My public projects are on my
Github or on my homelab Gitea instance.
</span>
</div>
</a>
</div>
<div class="col-md-5" id="project-section-homelab">
<a class="project-item" style="background-image: url(https://cdn.enp.one/img/projects/server.jpg);" href="https://enpaul.net/homelab/">
<div class="details">
<h4>Homelab</h4>
<span>
My data on my hardware. My formal degree had nothing to do with
computers or networking, I learned almost everything I know about
that from the handful of servers sitting in my closet.
</span>
</div>
</a>
</div>
<div class="col-md-7" id="project-section-waterworks">
<a class="project-item" target="_blank" style="background-image: url(https://cdn.enp.one/img/projects/allis.jpg);" href="https://waterworksmuseum.org/">
<div class="details">
<h4>Metropolitan Waterworks Museum</h4>
<span>
The Waterworks Museum combines two of my favorite things: local history
and enormous hundred-year-old steam engines.
</span>
</div>
</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://twitter.com/theenpaul"><span class="hb hb-xs hb-twitter" title="Twitter @theENPaul"><i class="fab fa-twitter"></i></span></a></li>
<li><a target="_blank" href="https://www.instagram.com/allaroundhere/"><span class="hb hb-xs hb-instagram" title="Instagram @allAroundHere"><i class="fab fa-instagram"></i></span></a></li>
<li><a target="_blank" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-xs hb-linkedin" title="LinkedIn in/enpaul"><i class="fab fa-linkedin"></i></span></a></li>
<li><a target="_blank" href="https://github.com/enpaul/"><span class="hb hb-xs hb-github" title="Github /enpaul"><i class="fab fa-github"></i></span></a></li>
<li><a href="mailto:me@enp.one"><span class="hb hb-xs hb-email" title="Email me@enp.one"><i class="fas fa-envelope"></i></span></a></li>
</ul>
</div>
<div class="copyright">
&copy;2020 <strong>Ethan N. Paul</strong>
&nbsp;<noscript><a href="/js/warn/" title="Client Javascript Disabled" style="color: orange;"><i class="fa fa-lg fa-exclamation-circle"></i></a></noscript>
</div>
<div class="copyright">
<a href="https://vcs.enp.one/enpaul/enpaul.net/" target="_blank">View Source</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>