Compare commits
19 Commits
project-re
...
4158a5991b
| Author | SHA1 | Date | |
|---|---|---|---|
| 4158a5991b | |||
| 0587836498 | |||
| d76c369006 | |||
| 4792df85db | |||
| a567725340 | |||
| 00fd03a169 | |||
| f21f469274 | |||
| 44f34daad7 | |||
| 7d7f7bfbd3 | |||
| 5678bbfc4e | |||
| 2cae292706 | |||
| 18b163b0a6 | |||
| ddcaf6ae13 | |||
| 858c016502 | |||
| f25175cb9e | |||
| 72dc72e954 | |||
| 75c1608de2 | |||
| b6362af2d2 | |||
| afe6a70b37 |
123
about/index.html
123
about/index.html
@@ -7,29 +7,29 @@
|
||||
<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 interests, skills, and activities"/>
|
||||
<meta name="description" content="Who I am, what I do, and what I care about"/>
|
||||
<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="robots" content="index,follow"/>
|
||||
|
||||
<!-- Facebook integration meta -->
|
||||
<meta property="og:title" content="E.N.Paul | About"/>
|
||||
<meta property="og:title" content="EN Paul | About"/>
|
||||
<meta property="og:url" content="https://enpaul.net/about/"/>
|
||||
<meta property='og:site_name' content="E.N.Paul"/>
|
||||
<meta property='og:site_name' content="EN 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-about.jpg"/>
|
||||
<meta property='og:description' content="Introduction to my interests, skills, and activities"/>
|
||||
<meta property='og:description' content="Who I am, what I do, and what I care about"/>
|
||||
|
||||
<!-- Twitter integration meta -->
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:site" content="@theenpaul">
|
||||
<meta name="twitter:title" content="E.N.Paul | About">
|
||||
<meta name="twitter:description" content="Introduction to my interests, skills, and activities">
|
||||
<meta name="twitter:site" content="@enpaul_">
|
||||
<meta name="twitter:title" content="EN Paul | About">
|
||||
<meta name="twitter:description" content="Who I am, what I do, and what I care about">
|
||||
<meta name="twitter:image" content="https://cdn.enp.one/img/banners/site-en-about.jpg">
|
||||
<meta name="twitter:image:alt" content="E.N.Paul">
|
||||
<meta name="twitter:image:alt" content="EN Paul">
|
||||
|
||||
<!-- Page title and favicon definition -->
|
||||
<title>E.N.Paul | About</title>
|
||||
<title>EN Paul | About</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" href="https://cdn.enp.one/img/logos/e-b-sm.png" sizes="32x32">
|
||||
@@ -48,7 +48,6 @@
|
||||
<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>
|
||||
|
||||
@@ -63,17 +62,17 @@
|
||||
<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 title="Home" href="https://enpaul.net/">
|
||||
<img src="https://cdn.enp.one/img/logos/e-w-sm.png" alt="EN Paul"/></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><a title="Home" href="https://enpaul.net/">Home</a></li>
|
||||
<li><a title="About" href="https://enpaul.net/about/">About</a></li>
|
||||
<li><a title="Homelab" href="https://enpaul.net/homelab/">Homelab</a></li>
|
||||
<li><a title="Projects" href="https://enpaul.net/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>
|
||||
@@ -99,57 +98,57 @@
|
||||
<div class="col-md-6">
|
||||
<img class="about-portrait" src="https://cdn.enp.one/img/me.jpg" alt="Ethan N. Paul"/>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="col-md-6" id="about-content">
|
||||
<h2 class="about-title">Who I Am</h2>
|
||||
<p class="about-text">
|
||||
My name is Ethan Paul, and I am an engineer working in tech! I graduated as a part of
|
||||
<a target="_blank" href="https://www.wpi.edu/">Worcester Polytechnic Institute</a>'s
|
||||
Class of 2017 with a degree in
|
||||
<a href="https://www.wpi.edu/academics/departments/mechanical-engineering">Mechanical Engineering</a>.
|
||||
I am an avid outdoorsman, a former Boy Scout, and had a lot of fun getting my
|
||||
<a target="_blank" href="https://www.solidworks.com/sw/support/797_ENU_HTML.htm">SolidWorks Certified Professional Certification</a>
|
||||
(even though I don't actually use it). I'm also a
|
||||
<a target="_blank" href="http://www.diabetes.org/diabetes-basics/type-1/">Type 1 Diabetic</a>
|
||||
who enjoy's
|
||||
<a target="_blank" href="https://openaps.org/">hacking my OmniPod insulin pump</a>,
|
||||
and I can make a mean omelet (if I do say so myself).
|
||||
Well that's a complicated question to open with. How do I sum that up into a nice, neat blurb for the
|
||||
internet? I can start with some simple easy to categorize attributes, that seems to be the usual
|
||||
approach.
|
||||
<br><br>
|
||||
I was part of the <a rel="external" target="_blank" href="https://www.wpi.edu/">WPI</a> Class of 2017 and graduated
|
||||
with a degree in mechanical engineering. My job is completely unrelated to my degree: I work as a
|
||||
Site Reliability Engineer at <a rel="external" target="_blank" href="https://starry.com/">Starry, Inc</a>. I like
|
||||
hiking, mechanical design, and literary theory. I'm a
|
||||
<a rel="external" target="_blank" href="http://www.diabetes.org/diabetes-basics/type-1/">Type-1 Diabetic</a>, I have a
|
||||
<a rel="external" target="_blank" href="https://www.solidworks.com/sw/support/797_ENU_HTML.htm">SolidWorks Professional Certification</a>,
|
||||
and have accidentally flipped over very-nearly every time I've ridden in a canoe (bonus fact: I don't
|
||||
like canoes very much).
|
||||
</p>
|
||||
<h2 class="about-title">My Interests</h2>
|
||||
<h2 class="about-title">What I Like</h2>
|
||||
<p class="about-text">
|
||||
My interests are pretty varied and constantly changing, but most often you
|
||||
can find me programming in
|
||||
<a target="_blank" href="https://www.python.org">Python</a>,
|
||||
learning about practical repairs to internal combustion engines, or answering
|
||||
hypothetical questions on
|
||||
<a target="_blank" href="https://worldbuilding.stackexchange.com">StackExchange World Building</a>.
|
||||
I also enjoy reading! Some of my favorite books are Isaac Asimov's
|
||||
<a target="_blank" href="https://www.goodreads.com/book/show/46654.The_Foundation_Trilogy">Foundation Trilogy</a>,
|
||||
Patrick Ness'
|
||||
<a target="_blank" href="https://www.goodreads.com/book/show/13047567-chaos-walking">Chaos Walking Series</a>,
|
||||
F.Scott Fitzgerald's
|
||||
<a target="_blank" href="https://www.goodreads.com/book/show/4671.The_Great_Gatsby">The Great Gatsby</a>,
|
||||
and just about anything written by
|
||||
<a target="_blank" href="https://www.goodreads.com/author/list/5194.Michael_Crichton">Michael Crichton</a>.
|
||||
Oof, and I thought the last section was difficult. I don't like talking about myself, in case that wasn't
|
||||
obvious. Shoot, that's more of a personal detail, should it have gone in the last section? Whatever,
|
||||
moving on.
|
||||
<br><br>
|
||||
My interests are somewhat varied and changing all the time, but consistently my main interests are in
|
||||
solving problems and learning about how other people solved problems. I like the
|
||||
<a rel="external" target="_blank" href="https://www.python.org">Python</a> programming language, the history of 19th and
|
||||
20th centuries (particularly related to industry), and figuring out how to keep older cars working well
|
||||
past their intended retirement date. I also like books! The
|
||||
<a rel="external" target="_blank" href="https://www.goodreads.com/book/show/46654.The_Foundation_Trilogy">Foundation Trilogy</a>
|
||||
(Isaac Asimov),
|
||||
<a rel="external" target="_blank" href="https://www.goodreads.com/book/show/4671.The_Great_Gatsby">The Great Gatsby</a>
|
||||
(F.Scott Fitzgerald), and
|
||||
<a rel="external" target="_blank" href="https://www.goodreads.com/book/show/13047567-chaos-walking">Chaos Walking</a>
|
||||
(Patrick Ness) are some of my favorites.
|
||||
</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://starry.com">Starry Inc</a>,
|
||||
volunteer with
|
||||
<a target="_blank" href="https://www.mindsmatterboston.org/">Minds Matter Boston</a>
|
||||
as a youth mentor, and give excessively passionate tours at the
|
||||
<a target="_blank" href="https://waterworksmuseum.org/">Boston Metropolitan Waterworks Museum</a>.
|
||||
I also enjoy programming, urban and trail hiking, fixing my aging car, and maintaining
|
||||
<a href="/homelab">my homelab equipment and systems</a>.
|
||||
Ok this is the easy one, I do lots of things! I volunteer with
|
||||
<a rel="external" target="_blank" href="https://www.mindsmatterboston.org/">Minds Matter Boston</a> as a youth mentor and give
|
||||
unnecessarily enthusiastic tours at the
|
||||
<a rel="external" target="_blank" href="https://waterworksmuseum.org/">Boston Metropolitan Waterworks Museum</a>. I also
|
||||
work on a few open source software projects, try to travel when and where I can, and constantly find new things to
|
||||
<s>break</s> fix on my car.
|
||||
</p>
|
||||
<p class="about-text"><i>
|
||||
Interested in volunteering in the Boston area? Both
|
||||
<a href="https://www.mindsmatterboston.org/mentors">Minds Matter</a>
|
||||
<a rel="external" href="https://www.mindsmatterboston.org/mentors">Minds Matter</a>
|
||||
and the
|
||||
<a href="https://waterworksmuseum.org/support/volunteer/">Metropolitan Waterworks Museum</a>
|
||||
<a rel="external" href="https://waterworksmuseum.org/support/volunteer/">Metropolitan Waterworks Museum</a>
|
||||
are looking for new volunteers! Click those links to learn how you can get involved!
|
||||
</i></p>
|
||||
<a href="https://www.eff.org/join"><img src="https://www.eff.org/files/eff-banner.png" alt="Join EFF!" border="0"></a><br />
|
||||
<a rel="external" href="https://www.eff.org/join"><img src="https://www.eff.org/files/eff-banner.png" alt="Join EFF!" border="0"></a><br />
|
||||
<p class="about-text"><i>Proud supporter of the Electronic Frontier Foundation</i></p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -162,13 +161,13 @@
|
||||
<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:ethan.paul@enp.one">ethan.paul@enp.one</a> or feel free to reach out!</p>
|
||||
<p class="section-description">Send <a href="mailto:me@enp.one">me@enp.one</a> an email or feel free to reach out some other way!</p>
|
||||
<ul class="list-inline">
|
||||
<li><a href="mailto:e@enp.one"><span class="hb hb-xs hb-email" title="Email e at enp.one"><i class="fas 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 E.N.Paul"><i class="fab fa-linkedin"></i></span></a></li>
|
||||
<li><a target="_blank" href="https://cdn.enp.one/resources/enpaul-resume.pdf"><span class="hb hb-xs hb-resume" title="Download Resume"><i class="fas fa-file-signature"></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="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 rel="external" title="@enpaul_" href="https://twitter.com/enpaul_"><span class="hb hb-xs hb-twitter"><i class="fab fa-twitter"></i></span></a></li>
|
||||
<li><a rel="external" title="@AllAroundHere" href="https://www.instagram.com/allaroundhere/"><span class="hb hb-xs hb-instagram"><i class="fab fa-instagram"></i></span></a></li>
|
||||
<li><a rel="external" title="in/enpaul" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-xs hb-linkedin"><i class="fab fa-linkedin"></i></span></a></li>
|
||||
<li><a rel="external" title="github/enpaul" href="https://github.com/enpaul/"><span class="hb hb-xs hb-github"><i class="fab fa-github"></i></span></a></li>
|
||||
<li><a rel="external" title="me@enp.one" href="mailto:me@enp.one"><span class="hb hb-xs hb-email"><i class="fas fa-envelope"></i></span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -180,8 +179,8 @@
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="copyright">
|
||||
©2020 <strong>Ethan N. Paul</strong>
|
||||
<noscript><a href="/js/warn/" title="Client Javascript Disabled" style="color: orange;"><i class="fa fa-lg fa-exclamation-circle"></i></a></noscript>
|
||||
©2022 <strong>EN Paul</strong>
|
||||
<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</i></a>
|
||||
|
||||
@@ -1 +0,0 @@
|
||||
The scss source files are available in the pro version.
|
||||
@@ -500,7 +500,7 @@ body.mobile-nav-active #mobile-nav-toggle {
|
||||
}
|
||||
|
||||
#about .about-title {
|
||||
color: #bababa;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
font-size: 20px;
|
||||
}
|
||||
@@ -519,7 +519,7 @@ body.mobile-nav-active #mobile-nav-toggle {
|
||||
max-height: 35rem;
|
||||
border-radius: 50%;
|
||||
border-style: solid;
|
||||
border-color: #111;
|
||||
border-color: rgba(17, 17, 17, 0.6);
|
||||
border-width: 10px;
|
||||
}
|
||||
|
||||
@@ -539,10 +539,13 @@ body.mobile-nav-active #mobile-nav-toggle {
|
||||
#network .service-icon {
|
||||
float: left;
|
||||
background-color: #fff;
|
||||
padding: 16px;
|
||||
border-radius: 50%;
|
||||
transition: 0.5s;
|
||||
border: 1px solid black;
|
||||
width: 6rem;
|
||||
height: 6rem;
|
||||
padding-top: 1.6rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#network .service-icon i {
|
||||
@@ -550,16 +553,14 @@ body.mobile-nav-active #mobile-nav-toggle {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
#network .service-item:hover .service-icon {
|
||||
#network a:hover .service-icon {
|
||||
border: 1px solid #003777;
|
||||
outline: 0;
|
||||
color: white;
|
||||
background-color: #003777;
|
||||
}
|
||||
|
||||
#network .service-item:hover .service-icon i {
|
||||
color: white;
|
||||
}
|
||||
#network a:hover .service-icon i { color: white; }
|
||||
|
||||
#network .service-icon-no-link {
|
||||
float: left;
|
||||
@@ -691,6 +692,9 @@ body.mobile-nav-active #mobile-nav-toggle {
|
||||
display: block;
|
||||
color: #000;
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
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;
|
||||
@@ -841,6 +845,10 @@ body.mobile-nav-active #mobile-nav-toggle {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#about-content { text-shadow: 2px 2px 4px #000; }
|
||||
|
||||
#about-content p { color: #fff; }
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Footer
|
||||
--------------------------------------------------------------*/
|
||||
@@ -908,20 +916,20 @@ body.mobile-nav-active #mobile-nav-toggle {
|
||||
}
|
||||
|
||||
.hb-email, .hb-email:after, .hb-email:before {
|
||||
background:#A93125;
|
||||
border-color:#A93125;
|
||||
background:#00af8c;
|
||||
border-color:#00af8c;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.hb-email-inv, .hb-email-inv:after, .hb-email-inv:before, .hb-email:hover, .hb-email:hover:after, .hb-email:hover:before {
|
||||
background:0 0;
|
||||
border-color:#A93125;
|
||||
color:#A93125;
|
||||
border-color:#00af8c;
|
||||
color:#00af8c;
|
||||
}
|
||||
|
||||
.hb-email-inv:hover, .hb-email-inv:hover:after, .hb-email-inv:hover:before {
|
||||
background:#A93125;
|
||||
border-color:#A93125;
|
||||
background:#00af8c;
|
||||
border-color:#00af8c;
|
||||
color:#fff
|
||||
}
|
||||
|
||||
|
||||
@@ -7,29 +7,29 @@
|
||||
<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="Overview of the ENPN Homelab and network applications"/>
|
||||
<meta name="description" content="All my favorite places online are on my own computer"/>
|
||||
<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 | Homelab"/>
|
||||
<meta property="og:title" content="EN Paul | Homelab"/>
|
||||
<meta property="og:url" content="https://enpaul.net/homelab/"/>
|
||||
<meta property='og:site_name' content="E.N.Paul"/>
|
||||
<meta property='og:site_name' content="EN 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-homelab.jpg"/>
|
||||
<meta property='og:description' content="Overview of the ENPN Homelab and network applications"/>
|
||||
<meta property='og:description' content="All my favorite places online are on my own computer"/>
|
||||
|
||||
<!-- Twitter integration meta -->
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:site" content="@theenpaul">
|
||||
<meta name="twitter:title" content="E.N.Paul | Homelab">
|
||||
<meta name="twitter:description" content="Overview of the ENPN Homelab and network applications">
|
||||
<meta name="twitter:site" content="@enpaul_">
|
||||
<meta name="twitter:title" content="EN Paul | Homelab">
|
||||
<meta name="twitter:description" content="All my favorite places online are on my own computer">
|
||||
<meta name="twitter:image" content="https://cdn.enp.one/img/banners/site-en-homelab.jpg">
|
||||
<meta name="twitter:image:alt" content="E.N.Paul">
|
||||
<meta name="twitter:image:alt" content="EN Paul">
|
||||
|
||||
<!-- Page title and favicon definition -->
|
||||
<title>E.N.Paul | Homelab</title>
|
||||
<title>EN Paul | Homelab</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" href="https://cdn.enp.one/img/logos/e-b-sm.png" sizes="32x32">
|
||||
@@ -48,7 +48,6 @@
|
||||
<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>
|
||||
|
||||
@@ -63,15 +62,15 @@
|
||||
<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>
|
||||
<a title="Home" href="https://enpaul.net/"><img src="https://cdn.enp.one/img/logos/e-w-sm.png" alt="EN 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><a title="Home" href="https://enpaul.net/">Home</a></li>
|
||||
<li><a title="About" href="https://enpaul.net/about/">About</a></li>
|
||||
<li><a title="Homelab" href="https://enpaul.net/homelab/">Homelab</a></li>
|
||||
<li><a title="Projects" href="https://enpaul.net/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>
|
||||
@@ -84,87 +83,99 @@
|
||||
<div class="col-md-12">
|
||||
<h3 class="section-title">Homelab</h3>
|
||||
<div class="section-title-divider"></div>
|
||||
<p class="section-description">I use my homelab to provide a number of services for personal entertainment, reference, security, and productivity.<br>To learn more about the lab as a whole, please <a href="https://doc.enp.one/" target="_blank">read the docs</a>.</p>
|
||||
<p class="section-description">
|
||||
I use my homelab to provide a number of services for personal entertainment, reference, security, and productivity.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<!-- <div class="col-md-4 service-item">
|
||||
<a href="https://awx.enp.one/"><div class="service-icon"><i class="fas fa-desktop"></i></a></div>
|
||||
<h4 class="service-title">Decentralized Management</h4>
|
||||
<p class="service-description">No central server means no one point of failure.<br><i>Powered by <a href="https://www.ansible.com/">Ansible</a> and <a href="https://github.com/ansible/awx">AWX</a></i></p>
|
||||
<div class="service-link">
|
||||
<a class="btn btn-default" href="https://doc.enp.one/applications/awx/"><i class="fas fa-book"></i> Docs</a>
|
||||
<a class="btn btn-default" href="https://awx.enp.one/"><i class="fas fa-chevron-circle-right"></i> AWX</a>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- <div class="col-md-4 service-item">
|
||||
<div class="service-icon-no-link"><i class="fas fa-mask"></i></div>
|
||||
<h4 class="service-title">VPN</h4>
|
||||
<p class="service-description">Virtual Private Networking (VPN) allows for secure network connections from anywhere in the world.<br><i>Powered by <a href="https://www.softether.org/" target="_blank">Softether</a></i></p>
|
||||
<div class="service-link">
|
||||
<a class=" btn btn-default" href="https://doc.enp.one/network/vpn/"><i class="fas fa-book"></i> Docs</a>
|
||||
<a class=" btn btn-default" href="https://doc.enp.one/network/vpn#connect"><i class="fas fa-chevron-circle-right"></i> Connect</a>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- <div class="col-md-4 service-item">
|
||||
<a href="https://cfs.enp.one/"><div class="service-icon"><i class="fas fa-cloud-upload-alt"></i></div></a>
|
||||
<h4 class="service-title">Cloud Storage</h4>
|
||||
<p class="service-description">Personal cloud storage allows for secure storage of my data without pesky datacaps.<br><i>Powered by <a href="https://nextcloud.com/" target="_blank">NextCloud</a></i></p>
|
||||
<div class="service-link">
|
||||
<a class=" btn btn-default" href="https://doc.enp.one/applications/nextcloud/"><i class="fas fa-book"></i> Docs</a>
|
||||
<a class=" btn btn-default" href="https://cfs.enp.one/"><i class="fas fa-chevron-circle-right"></i> CFS</a>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="col-md-4 service-item">
|
||||
<a href="https://vcs.enp.one/"><div class="service-icon"><i class="fab fa-git-square"></i></div></a>
|
||||
<h4 class="service-title">Version Control</h4>
|
||||
<p class="service-description">Personal <a href="https://git-scm.com/book/en/v2/Getting-Started-About-Version-Control" target="_blank">version control system (VCS)</a>grants complete control of writing and programming projects.<br><i>Powered by <a href="https://gitea.io/en-us/" target="_blank">Gitea</a></i></p>
|
||||
<div class="service-link">
|
||||
<a class=" btn btn-default" href="https://doc.enp.one/applications/gitea/"><i class="fas fa-book"></i> Docs</a>
|
||||
<a class=" btn btn-default" href="https://vcs.enp.one/"><i class="fas fa-chevron-circle-right"></i> VCS</a>
|
||||
</div>
|
||||
<p class="service-description">
|
||||
A local version control system grants complete control of writing and programming projects.
|
||||
<br>
|
||||
<i>Powered by <a href="https://gitea.io/en-us/" target="_blank">Gitea</a></i>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-4 service-item">
|
||||
<a href="https://cdn.enp.one/"><div class="service-icon"><i class="fas fa-link"></i></div></a>
|
||||
<div class="service-icon"><i class="fas fa-link"></i></div>
|
||||
<h4 class="service-title">Content Delivery Network</h4>
|
||||
<p class="service-description">A small number of files, always available.<br><i>Powered by <a href="https://www.digitalocean.com/">DigitalOcean</a></i></p>
|
||||
<div class="service-link">
|
||||
<a class=" btn btn-default" href="https://doc.enp.one/network/web/"><i class="fas fa-book"></i> Docs</a>
|
||||
<a class=" btn btn-default" href="https://cdn.enp.one/"><i class="fas fa-chevron-circle-right"></i> CDN</a>
|
||||
</div>
|
||||
<p class="service-description">
|
||||
A small set of specific files, always available.
|
||||
<br>
|
||||
<i>Powered by <a href="https://www.digitalocean.com/">DigitalOcean</a></i>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-4 service-item">
|
||||
<a href="https://app.plex.tv/"><div class="service-icon"><i class="fas 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 platform for sharing my movie, TV, and music collections with friends.<br><i>Powered by <a href="https://www.plex.tv/">Plex</a></i></p>
|
||||
<div class="service-link">
|
||||
<a class=" btn btn-default" href="https://doc.enp.one/applications/plex/"><i class="fas fa-book"></i> Docs</a>
|
||||
<a class=" btn btn-default" href="https://pms.enp.one/"><i class="fas fa-chevron-circle-right"></i> Plex</a>
|
||||
</div>
|
||||
<p class="service-description">
|
||||
Plex is a media management and streaming platform for sharing my movie, TV, and music collections with friends and family.
|
||||
<br>
|
||||
<i>Powered by <a href="https://www.plex.tv/">Plex</a></i>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-4 service-item">
|
||||
<a href="https://ssv.enp.one/"><div class="service-icon"><i class="fas fa-shield-alt"></i></div></a>
|
||||
<h4 class="service-title">Secure Secret Vault</h4>
|
||||
<p class="service-description">Secure encrypted storage for passwords, financial records, and other notes.<br><i>Powered by <a href="https://bitwarden.com/">Bitwarden</a></i></p>
|
||||
<div class="service-link">
|
||||
<a class=" btn btn-default" href="https://doc.enp.one/applications/bitwarden/"><i class="fas fa-book"></i> Docs</a>
|
||||
<a class=" btn btn-default" href="https://ssv.enp.one/"><i class="fas fa-chevron-circle-right"></i> SSV</a>
|
||||
</div>
|
||||
<p class="service-description">
|
||||
Secure encrypted storage for passwords, financial records, and other sensitive data.
|
||||
<br>
|
||||
<i>Powered by <a href="https://bitwarden.com/">Bitwarden</a></i>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-4 service-item">
|
||||
<a href="https://doc.enp.one/"><div class="service-icon"><i class="fas fa-book"></i></div></a>
|
||||
<h4 class="service-title">Documentation</h4>
|
||||
<p class="service-description">"No documentation is better than wrong documentation", but accurate documentation is the best option.<br><i>Powered by <a href="http://www.mkdocs.org/" target="_blank">MkDocs</a></i></p>
|
||||
<div class="service-link">
|
||||
<a class=" btn btn-default" href="https://doc.enp.one/"><i class="fas fa-book"></i> Docs (Meta)</a>
|
||||
<div class="service-icon"><i class="fas fa-gamepad"></i></div>
|
||||
<h4 class="service-title">Minecraft Server</h4>
|
||||
<p class="service-description">
|
||||
Find one person with a homelab that <i>didn't</i> start out by running a Minecraft server and I'll eat my hat.
|
||||
<br>
|
||||
<i>Powered by <a href="https://www.minecraft.net/en-us/article/minecraft-java-edition-1-16-5">Minecraft 1.16.5 JE</a></i>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-4 service-item">
|
||||
<a href="https://vcs.enp.one/skylab/skylab-ansible/"><div class="service-icon"><i class="fas fa-cogs"></i></div></a>
|
||||
<h4 class="service-title">Platform Automation</h4>
|
||||
<p class="service-description">
|
||||
System management, configuration enforcement, service deployments: all with a single command.
|
||||
<br>
|
||||
<i>Powered by <a href="https://www.ansible.com/">Ansible</a></i>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-4 service-item">
|
||||
<div class="service-icon"><i class="fas fa-robot"></i></div>
|
||||
<h4 class="service-title">CI / CD</h4>
|
||||
<p class="service-description">
|
||||
<i>Work in Progress</i>
|
||||
<br>
|
||||
<i>Powered by <a href="https://www.drone.io/">Drone</a></i>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-4 service-item">
|
||||
<div class="service-icon"><i class="fas fa-lightbulb"></i></div>
|
||||
<h4 class="service-title">Knowledge Base</h4>
|
||||
<p class="service-description">
|
||||
<i>Work in Progress</i>
|
||||
<br>
|
||||
<i>Powered by <a href="https://unigraph.dev/">Unigraph</a></i>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-4 service-item">
|
||||
<div class="service-icon"><i class="fas fa-eye"></i></div>
|
||||
<h4 class="service-title">Service Status</h4>
|
||||
<p class="service-description">
|
||||
<i>Work in Progress</i>
|
||||
<br>
|
||||
<i>Powered by <a href="https://github.com/louislam/uptime-kuma">Uptime Kuma</a></i>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="status">
|
||||
<!-- <section id="status">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
@@ -176,7 +187,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section> -->
|
||||
|
||||
<footer id="footer">
|
||||
<div class="container">
|
||||
@@ -184,16 +195,16 @@
|
||||
<div class="col-md-12">
|
||||
<div class="copyright">
|
||||
<ul class="list-inline">
|
||||
<li><a href="mailto:e@enp.one"><span class="hb hb-xs hb-email" title="Email e at enp.one"><i class="fas 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 E.N.Paul"><i class="fab fa-linkedin"></i></span></a></li>
|
||||
<li><a target="_blank" href="https://cdn.enp.one/resources/enpaul-resume.pdf"><span class="hb hb-xs hb-resume" title="Download Resume"><i class="fas fa-file-signature"></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="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 rel="external" title="@enpaul_" href="https://twitter.com/enpaul_"><span class="hb hb-xs hb-twitter"><i class="fab fa-twitter"></i></span></a></li>
|
||||
<li><a rel="external" title="@AllAroundHere" href="https://www.instagram.com/allaroundhere/"><span class="hb hb-xs hb-instagram"><i class="fab fa-instagram"></i></span></a></li>
|
||||
<li><a rel="external" title="in/enpaul" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-xs hb-linkedin"><i class="fab fa-linkedin"></i></span></a></li>
|
||||
<li><a rel="external" title="github/enpaul" href="https://github.com/enpaul/"><span class="hb hb-xs hb-github"><i class="fab fa-github"></i></span></a></li>
|
||||
<li><a rel="external" title="me@enp.one" href="mailto:me@enp.one"><span class="hb hb-xs hb-email"><i class="fas fa-envelope"></i></span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="copyright">
|
||||
©2020 <strong>Ethan N. Paul</strong>
|
||||
<noscript><a href="/js/warn/" title="Client Javascript Disabled" style="color: orange;"><i class="fa fa-lg fa-exclamation-circle"></i></a></noscript>
|
||||
©2022 <strong>EN Paul</strong>
|
||||
<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>
|
||||
|
||||
41
index.html
41
index.html
@@ -7,29 +7,29 @@
|
||||
<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="My personal landing page"/>
|
||||
<meta name="description" content="The coolest site on the 'net"/>
|
||||
<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="robots" content="index,follow"/>
|
||||
|
||||
<!-- Facebook integration meta -->
|
||||
<meta property="og:title" content="Ethan N. Paul"/>
|
||||
<meta property="og:title" content="EN Paul"/>
|
||||
<meta property="og:url" content="https://enpaul.net/"/>
|
||||
<meta property='og:site_name' content="E.N.Paul"/>
|
||||
<meta property='og:site_name' content="EN 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-main.jpg"/>
|
||||
<meta property='og:description' content="My personal landing page"/>
|
||||
<meta property='og:description' content="The coolest site on the 'net"/>
|
||||
|
||||
<!-- Twitter integration meta -->
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:site" content="@theenpaul">
|
||||
<meta name="twitter:site" content="@enpaul_">
|
||||
<meta name="twitter:title" content="Ethan N. Paul">
|
||||
<meta name="twitter:description" content="My personal landing page">
|
||||
<meta name="twitter:description" content="The coolest site on the 'net">
|
||||
<meta name="twitter:image" content="https://cdn.enp.one/img/banners/site-en-main.jpg">
|
||||
<meta name="twitter:image:alt" content="E.N.Paul">
|
||||
<meta name="twitter:image:alt" content="EN Paul">
|
||||
|
||||
<!-- Page title and favicon definition -->
|
||||
<title>E.N.Paul</title>
|
||||
<title>EN Paul</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" href="https://cdn.enp.one/img/logos/e-b-sm.png" sizes="32x32">
|
||||
@@ -48,7 +48,6 @@
|
||||
<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>
|
||||
|
||||
@@ -63,10 +62,10 @@
|
||||
<div class="top-container">
|
||||
<div class="wow fadeIn">
|
||||
<div class="top-logo">
|
||||
<img class="" src="https://cdn.enp.one/img/logos/e-w-sm.png" alt="E.N.Paul">
|
||||
<img class="" src="https://cdn.enp.one/img/logos/e-w-sm.png" alt="EN Paul">
|
||||
</div>
|
||||
|
||||
<h1>E. N. Paul</h1>
|
||||
<h1>EN Paul</h1>
|
||||
<h2>Tinkerer, engineer, and <span class="nojs rotating">activist, handyman, student, designer, mechanic, hiker, developer, traveler, kayaker, swimmer, programmer, debugger</span><noscript>student</noscript></h2>
|
||||
</div>
|
||||
</div>
|
||||
@@ -77,19 +76,19 @@
|
||||
|
||||
<div id="contact-menu">
|
||||
<ul class="list-inline">
|
||||
<li><a href="mailto:e@enp.one"><span class="hb hb-xs hb-email" title="Email e at enp.one"><i class="fas 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 E.N.Paul"><i class="fab fa-linkedin"></i></span></a></li>
|
||||
<li><a target="_blank" href="https://cdn.enp.one/resources/enpaul-resume.pdf"><span class="hb hb-xs hb-resume" title="Download Resume"><i class="fas fa-file-signature"></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="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 rel="external" title="@enpaul_" href="https://twitter.com/enpaul_"><span class="hb hb-xs hb-twitter"><i class="fab fa-twitter"></i></span></a></li>
|
||||
<li><a rel="external" title="@AllAroundHere" href="https://www.instagram.com/allaroundhere/"><span class="hb hb-xs hb-instagram"><i class="fab fa-instagram"></i></span></a></li>
|
||||
<li><a rel="external" title="in/enpaul" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-xs hb-linkedin"><i class="fab fa-linkedin"></i></span></a></li>
|
||||
<li><a rel="external" title="github/enpaul" href="https://github.com/enpaul/"><span class="hb hb-xs hb-github"><i class="fab fa-github"></i></span></a></li>
|
||||
<li><a rel="external" title="me@enp.one" href="mailto:me@enp.one"><span class="hb hb-xs hb-email"><i class="fas fa-envelope"></i></span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<nav id="nav-menu-container">
|
||||
<ul class="nav-menu">
|
||||
<li><a href="/about">About</a></li>
|
||||
<li><a href="/homelab">Homelab</a></li>
|
||||
<li><a href="/projects">Projects</a></li>
|
||||
<li><a title="About" href="https://enpaul.net/about/">About</a></li>
|
||||
<li><a title="Homelab" href="https://enpaul.net/homelab/">Homelab</a></li>
|
||||
<li><a title="Projects" href="https://enpaul.net/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>
|
||||
@@ -101,8 +100,8 @@
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="copyright">
|
||||
©2020 <strong>Ethan N. Paul</strong>
|
||||
<noscript><a href="/js/warn/" title="Client Javascript Disabled" style="color: orange;"><i class="fa fa-lg fa-exclamation-circle"></i></a></noscript>
|
||||
©2022 <strong>EN Paul</strong>
|
||||
<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>
|
||||
|
||||
@@ -58,9 +58,6 @@ jQuery(document).ready(function( $ ) {
|
||||
$("#mobile-nav, #mobile-nav-toggle").hide();
|
||||
}
|
||||
|
||||
// Stick the header at top on scroll
|
||||
$("#header").sticky({topSpacing:0, zIndex: '50'});
|
||||
|
||||
// Smoth scroll on page hash links
|
||||
$('a[href*="#"]:not([href="#"])').on('click', function() {
|
||||
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
|
||||
|
||||
287
js/sticky.js
287
js/sticky.js
@@ -1,287 +0,0 @@
|
||||
// Sticky Plugin v1.0.4 for jQuery
|
||||
// =============
|
||||
// Author: Anthony Garand
|
||||
// Improvements by German M. Bravo (Kronuz) and Ruud Kamphuis (ruudk)
|
||||
// Improvements by Leonardo C. Daronco (daronco)
|
||||
// Created: 02/14/2011
|
||||
// Date: 07/20/2015
|
||||
// Website: http://stickyjs.com/
|
||||
// Description: Makes an element on the page stick on the screen as you scroll
|
||||
// It will only set the 'top' and 'position' of your element, you
|
||||
// might need to adjust the width in some cases.
|
||||
|
||||
(function (factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module.
|
||||
define(['jquery'], factory);
|
||||
} else if (typeof module === 'object' && module.exports) {
|
||||
// Node/CommonJS
|
||||
module.exports = factory(require('jquery'));
|
||||
} else {
|
||||
// Browser globals
|
||||
factory(jQuery);
|
||||
}
|
||||
}(function ($) {
|
||||
var slice = Array.prototype.slice; // save ref to original slice()
|
||||
var splice = Array.prototype.splice; // save ref to original slice()
|
||||
|
||||
var defaults = {
|
||||
topSpacing: 0,
|
||||
bottomSpacing: 0,
|
||||
className: 'is-sticky',
|
||||
wrapperClassName: 'sticky-wrapper',
|
||||
center: false,
|
||||
getWidthFrom: '',
|
||||
widthFromWrapper: true, // works only when .getWidthFrom is empty
|
||||
responsiveWidth: false,
|
||||
zIndex: 'auto'
|
||||
},
|
||||
$window = $(window),
|
||||
$document = $(document),
|
||||
sticked = [],
|
||||
windowHeight = $window.height(),
|
||||
scroller = function() {
|
||||
var scrollTop = $window.scrollTop(),
|
||||
documentHeight = $document.height(),
|
||||
dwh = documentHeight - windowHeight,
|
||||
extra = (scrollTop > dwh) ? dwh - scrollTop : 0;
|
||||
|
||||
for (var i = 0, l = sticked.length; i < l; i++) {
|
||||
var s = sticked[i],
|
||||
elementTop = s.stickyWrapper.offset().top,
|
||||
etse = elementTop - s.topSpacing - extra;
|
||||
|
||||
//update height in case of dynamic content
|
||||
s.stickyWrapper.css('height', s.stickyElement.outerHeight());
|
||||
|
||||
if (scrollTop <= etse) {
|
||||
if (s.currentTop !== null) {
|
||||
s.stickyElement
|
||||
.css({
|
||||
'width': '',
|
||||
'position': '',
|
||||
'top': '',
|
||||
'z-index': ''
|
||||
});
|
||||
s.stickyElement.parent().removeClass(s.className);
|
||||
s.stickyElement.trigger('sticky-end', [s]);
|
||||
s.currentTop = null;
|
||||
}
|
||||
}
|
||||
else {
|
||||
var newTop = documentHeight - s.stickyElement.outerHeight()
|
||||
- s.topSpacing - s.bottomSpacing - scrollTop - extra;
|
||||
if (newTop < 0) {
|
||||
newTop = newTop + s.topSpacing;
|
||||
} else {
|
||||
newTop = s.topSpacing;
|
||||
}
|
||||
if (s.currentTop !== newTop) {
|
||||
var newWidth;
|
||||
if (s.getWidthFrom) {
|
||||
newWidth = $(s.getWidthFrom).width() || null;
|
||||
} else if (s.widthFromWrapper) {
|
||||
newWidth = s.stickyWrapper.width();
|
||||
}
|
||||
if (newWidth == null) {
|
||||
newWidth = s.stickyElement.width();
|
||||
}
|
||||
s.stickyElement
|
||||
.css('width', newWidth)
|
||||
.css('position', 'fixed')
|
||||
.css('top', newTop)
|
||||
.css('z-index', s.zIndex);
|
||||
|
||||
s.stickyElement.parent().addClass(s.className);
|
||||
|
||||
if (s.currentTop === null) {
|
||||
s.stickyElement.trigger('sticky-start', [s]);
|
||||
} else {
|
||||
// sticky is started but it have to be repositioned
|
||||
s.stickyElement.trigger('sticky-update', [s]);
|
||||
}
|
||||
|
||||
if (s.currentTop === s.topSpacing && s.currentTop > newTop || s.currentTop === null && newTop < s.topSpacing) {
|
||||
// just reached bottom || just started to stick but bottom is already reached
|
||||
s.stickyElement.trigger('sticky-bottom-reached', [s]);
|
||||
} else if(s.currentTop !== null && newTop === s.topSpacing && s.currentTop < newTop) {
|
||||
// sticky is started && sticked at topSpacing && overflowing from top just finished
|
||||
s.stickyElement.trigger('sticky-bottom-unreached', [s]);
|
||||
}
|
||||
|
||||
s.currentTop = newTop;
|
||||
}
|
||||
|
||||
// Check if sticky has reached end of container and stop sticking
|
||||
var stickyWrapperContainer = s.stickyWrapper.parent();
|
||||
var unstick = (s.stickyElement.offset().top + s.stickyElement.outerHeight() >= stickyWrapperContainer.offset().top + stickyWrapperContainer.outerHeight()) && (s.stickyElement.offset().top <= s.topSpacing);
|
||||
|
||||
if( unstick ) {
|
||||
s.stickyElement
|
||||
.css('position', 'absolute')
|
||||
.css('top', '')
|
||||
.css('bottom', 0)
|
||||
.css('z-index', '');
|
||||
} else {
|
||||
s.stickyElement
|
||||
.css('position', 'fixed')
|
||||
.css('top', newTop)
|
||||
.css('bottom', '')
|
||||
.css('z-index', s.zIndex);
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
resizer = function() {
|
||||
windowHeight = $window.height();
|
||||
|
||||
for (var i = 0, l = sticked.length; i < l; i++) {
|
||||
var s = sticked[i];
|
||||
var newWidth = null;
|
||||
if (s.getWidthFrom) {
|
||||
if (s.responsiveWidth) {
|
||||
newWidth = $(s.getWidthFrom).width();
|
||||
}
|
||||
} else if(s.widthFromWrapper) {
|
||||
newWidth = s.stickyWrapper.width();
|
||||
}
|
||||
if (newWidth != null) {
|
||||
s.stickyElement.css('width', newWidth);
|
||||
}
|
||||
}
|
||||
},
|
||||
methods = {
|
||||
init: function(options) {
|
||||
return this.each(function() {
|
||||
var o = $.extend({}, defaults, options);
|
||||
var stickyElement = $(this);
|
||||
|
||||
var stickyId = stickyElement.attr('id');
|
||||
var wrapperId = stickyId ? stickyId + '-' + defaults.wrapperClassName : defaults.wrapperClassName;
|
||||
var wrapper = $('<div></div>')
|
||||
.attr('id', wrapperId)
|
||||
.addClass(o.wrapperClassName);
|
||||
|
||||
stickyElement.wrapAll(function() {
|
||||
if ($(this).parent("#" + wrapperId).length == 0) {
|
||||
return wrapper;
|
||||
}
|
||||
});
|
||||
|
||||
var stickyWrapper = stickyElement.parent();
|
||||
|
||||
if (o.center) {
|
||||
stickyWrapper.css({width:stickyElement.outerWidth(),marginLeft:"auto",marginRight:"auto"});
|
||||
}
|
||||
|
||||
if (stickyElement.css("float") === "right") {
|
||||
stickyElement.css({"float":"none"}).parent().css({"float":"right"});
|
||||
}
|
||||
|
||||
o.stickyElement = stickyElement;
|
||||
o.stickyWrapper = stickyWrapper;
|
||||
o.currentTop = null;
|
||||
|
||||
sticked.push(o);
|
||||
|
||||
methods.setWrapperHeight(this);
|
||||
methods.setupChangeListeners(this);
|
||||
});
|
||||
},
|
||||
|
||||
setWrapperHeight: function(stickyElement) {
|
||||
var element = $(stickyElement);
|
||||
var stickyWrapper = element.parent();
|
||||
if (stickyWrapper) {
|
||||
stickyWrapper.css('height', element.outerHeight());
|
||||
}
|
||||
},
|
||||
|
||||
setupChangeListeners: function(stickyElement) {
|
||||
if (window.MutationObserver) {
|
||||
var mutationObserver = new window.MutationObserver(function(mutations) {
|
||||
if (mutations[0].addedNodes.length || mutations[0].removedNodes.length) {
|
||||
methods.setWrapperHeight(stickyElement);
|
||||
}
|
||||
});
|
||||
mutationObserver.observe(stickyElement, {subtree: true, childList: true});
|
||||
} else {
|
||||
if (window.addEventListener) {
|
||||
stickyElement.addEventListener('DOMNodeInserted', function() {
|
||||
methods.setWrapperHeight(stickyElement);
|
||||
}, false);
|
||||
stickyElement.addEventListener('DOMNodeRemoved', function() {
|
||||
methods.setWrapperHeight(stickyElement);
|
||||
}, false);
|
||||
} else if (window.attachEvent) {
|
||||
stickyElement.attachEvent('onDOMNodeInserted', function() {
|
||||
methods.setWrapperHeight(stickyElement);
|
||||
});
|
||||
stickyElement.attachEvent('onDOMNodeRemoved', function() {
|
||||
methods.setWrapperHeight(stickyElement);
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
update: scroller,
|
||||
unstick: function(options) {
|
||||
return this.each(function() {
|
||||
var that = this;
|
||||
var unstickyElement = $(that);
|
||||
|
||||
var removeIdx = -1;
|
||||
var i = sticked.length;
|
||||
while (i-- > 0) {
|
||||
if (sticked[i].stickyElement.get(0) === that) {
|
||||
splice.call(sticked,i,1);
|
||||
removeIdx = i;
|
||||
}
|
||||
}
|
||||
if(removeIdx !== -1) {
|
||||
unstickyElement.unwrap();
|
||||
unstickyElement
|
||||
.css({
|
||||
'width': '',
|
||||
'position': '',
|
||||
'top': '',
|
||||
'float': '',
|
||||
'z-index': ''
|
||||
})
|
||||
;
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// should be more efficient than using $window.scroll(scroller) and $window.resize(resizer):
|
||||
if (window.addEventListener) {
|
||||
window.addEventListener('scroll', scroller, false);
|
||||
window.addEventListener('resize', resizer, false);
|
||||
} else if (window.attachEvent) {
|
||||
window.attachEvent('onscroll', scroller);
|
||||
window.attachEvent('onresize', resizer);
|
||||
}
|
||||
|
||||
$.fn.sticky = function(method) {
|
||||
if (methods[method]) {
|
||||
return methods[method].apply(this, slice.call(arguments, 1));
|
||||
} else if (typeof method === 'object' || !method ) {
|
||||
return methods.init.apply( this, arguments );
|
||||
} else {
|
||||
$.error('Method ' + method + ' does not exist on jQuery.sticky');
|
||||
}
|
||||
};
|
||||
|
||||
$.fn.unstick = function(method) {
|
||||
if (methods[method]) {
|
||||
return methods[method].apply(this, slice.call(arguments, 1));
|
||||
} else if (typeof method === 'object' || !method ) {
|
||||
return methods.unstick.apply( this, arguments );
|
||||
} else {
|
||||
$.error('Method ' + method + ' does not exist on jQuery.sticky');
|
||||
}
|
||||
};
|
||||
$(function() {
|
||||
setTimeout(scroller, 0);
|
||||
});
|
||||
}));
|
||||
@@ -7,29 +7,29 @@
|
||||
<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="description" content="The things I pour all my time into"/>
|
||||
<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:title" content="EN Paul | Projects"/>
|
||||
<meta property="og:url" content="https://enpaul.net/projects/"/>
|
||||
<meta property='og:site_name' content="E.N.Paul"/>
|
||||
<meta property='og:site_name' content="EN 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"/>
|
||||
<meta property='og:description' content="The things I pour all my time into"/>
|
||||
|
||||
<!-- 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:site" content="@enpaul_">
|
||||
<meta name="twitter:title" content="EN Paul | Projects">
|
||||
<meta name="twitter:description" content="The things I pour all my time into">
|
||||
<meta name="twitter:image" content="https://cdn.enp.one/img/banners/site-en-projects.jpg">
|
||||
<meta name="twitter:image:alt" content="E.N.Paul">
|
||||
<meta name="twitter:image:alt" content="EN Paul">
|
||||
|
||||
<!-- Page title and favicon definition -->
|
||||
<title>E.N.Paul | Projects</title>
|
||||
<title>EN 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">
|
||||
@@ -48,7 +48,6 @@
|
||||
<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>
|
||||
|
||||
@@ -63,15 +62,15 @@
|
||||
<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>
|
||||
<a title="Home" href="https://enpaul.net/"><img src="https://cdn.enp.one/img/logos/e-w-sm.png" alt="EN 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><a title="Home" href="https://enpaul.net/">Home</a></li>
|
||||
<li><a title="About" href="https://enpaul.net/about/">About</a></li>
|
||||
<li><a title="Homelab" href="https://enpaul.net/homelab/">Homelab</a></li>
|
||||
<li><a title="Projects" href="https://enpaul.net/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>
|
||||
@@ -90,7 +89,7 @@
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4" id="project-section-travel">
|
||||
<a class="project-item" style="background-image: url(https://cdn.enp.one/img/projects/road.jpg);" href="https://www.instagram.com/allaroundhere/">
|
||||
<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>
|
||||
@@ -103,23 +102,24 @@
|
||||
</div>
|
||||
|
||||
<div class="col-md-4" id="project-section-car">
|
||||
<a class="project-item" style="background-image: url(https://cdn.enp.one/img/projects/car.jpg);" href="#">
|
||||
<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>Car Work</h4>
|
||||
<h4>Vehicle</h4>
|
||||
<span>
|
||||
A Toyota 4Runner will run forever...if you take good care of it
|
||||
(which I'm trying to do!)
|
||||
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" style="background-image: url(https://cdn.enp.one/img/projects/programming.jpg);" href="https://github.com/enpaul/">
|
||||
<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>Programming</h4>
|
||||
<h4>Programs</h4>
|
||||
<span>
|
||||
I tinker with some stuff, my public projects are on my Github.
|
||||
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>
|
||||
@@ -139,7 +139,7 @@
|
||||
</div>
|
||||
|
||||
<div class="col-md-7" id="project-section-waterworks">
|
||||
<a class="project-item" style="background-image: url(https://cdn.enp.one/img/projects/allis.jpg);" href="https://waterworksmuseum.org/">
|
||||
<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>
|
||||
@@ -160,16 +160,16 @@
|
||||
<div class="col-md-12">
|
||||
<div class="copyright">
|
||||
<ul class="list-inline">
|
||||
<li><a href="mailto:e@enp.one"><span class="hb hb-xs hb-email" title="Email e at enp.one"><i class="fas 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 E.N.Paul"><i class="fab fa-linkedin"></i></span></a></li>
|
||||
<li><a target="_blank" href="https://cdn.enp.one/resources/enpaul-resume.pdf"><span class="hb hb-xs hb-resume" title="Download Resume"><i class="fas fa-file-signature"></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="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 rel="external" title="@enpaul_" href="https://twitter.com/enpaul_"><span class="hb hb-xs hb-twitter"><i class="fab fa-twitter"></i></span></a></li>
|
||||
<li><a rel="external" title="@AllAroundHere" href="https://www.instagram.com/allaroundhere/"><span class="hb hb-xs hb-instagram"><i class="fab fa-instagram"></i></span></a></li>
|
||||
<li><a rel="external" title="in/enpaul" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-xs hb-linkedin"><i class="fab fa-linkedin"></i></span></a></li>
|
||||
<li><a rel="external" title="github/enpaul" href="https://github.com/enpaul/"><span class="hb hb-xs hb-github"><i class="fab fa-github"></i></span></a></li>
|
||||
<li><a rel="external" title="me@enp.one" href="mailto:me@enp.one"><span class="hb hb-xs hb-email"><i class="fas fa-envelope"></i></span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="copyright">
|
||||
©2020 <strong>Ethan N. Paul</strong>
|
||||
<noscript><a href="/js/warn/" title="Client Javascript Disabled" style="color: orange;"><i class="fa fa-lg fa-exclamation-circle"></i></a></noscript>
|
||||
©2022 <strong>EN Paul</strong>
|
||||
<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>
|
||||
|
||||
31
sitemap.xml
31
sitemap.xml
@@ -1,32 +1,27 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<urlset
|
||||
xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
|
||||
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
||||
xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
|
||||
http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
|
||||
<!-- created with Free Online Sitemap Generator www.xml-sitemaps.com -->
|
||||
|
||||
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
|
||||
<url>
|
||||
<loc>https://enpaul.net/</loc>
|
||||
<lastmod>2019-11-21T03:44:30+00:00</lastmod>
|
||||
<priority>1.00</priority>
|
||||
<lastmod>2022-01-08</lastmod>
|
||||
<changefreq>yearly</changefreq>
|
||||
<priority>1.0</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://enpaul.net/about/</loc>
|
||||
<lastmod>2019-11-21T03:44:30+00:00</lastmod>
|
||||
<priority>0.80</priority>
|
||||
<lastmod>2022-01-08</lastmod>
|
||||
<changefreq>yearly</changefreq>
|
||||
<priority>1.0</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://enpaul.net/homelab/</loc>
|
||||
<lastmod>2019-11-21T03:44:30+00:00</lastmod>
|
||||
<priority>0.80</priority>
|
||||
<lastmod>2022-01-08</lastmod>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>1.0</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://enpaul.net/projects/</loc>
|
||||
<lastmod>2019-11-21T03:44:30+00:00</lastmod>
|
||||
<priority>0.80</priority>
|
||||
<lastmod>2022-01-08</lastmod>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>1.0</priority>
|
||||
</url>
|
||||
|
||||
|
||||
</urlset>
|
||||
Reference in New Issue
Block a user