enpaul/enpaul.net
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Compare commits

base: enpaul:project-revamp
Branches Tags
enpaul:devel enpaul:contact enpaul:project-revamp
...
compare: enpaul:18b163b0a6db12d6907e99dca3ad41156820c094
Branches Tags
enpaul:devel enpaul:contact enpaul:project-revamp

8 Commits
project-re ... 18b163b0a6

Author SHA1 Message Date
Ethan Paul
18b163b0a6 Update about page blurbs 2020-11-25 21:54:41 -05:00
Ethan Paul
ddcaf6ae13 Standardize naming copywrite 2020-11-23 17:24:12 -05:00
Ethan Paul
858c016502 Update about page css to improve readability 2020-11-23 17:21:19 -05:00
Ethan Paul
f25175cb9e Update projects page 
Add link to car docs
Update ext links open in new tabs
 2020-11-09 23:32:14 -05:00
Ethan Paul
72dc72e954 Update project detail css to improve readability 2020-11-09 23:31:50 -05:00
Ethan Paul
75c1608de2 Update contact me section blurb to be more clever 2020-11-09 23:24:36 -05:00
Ethan Paul
b6362af2d2 Update css with tutanota-inspired email color that fits better 2020-11-09 23:23:21 -05:00
Ethan Paul
afe6a70b37 Update contact navbar with proper email and github link 
Remove resume link
 2020-11-09 23:22:57 -05:00
6 changed files with 83 additions and 70 deletions
Expand all files Collapse all files

82
about/index.html
View File

@@ -99,48 +99,48 @@
<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 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 target="_blank" href="https://www.wpi.edu/">Starry, Inc</a>. I like
hiking, mechanical design, and literary theory. I'm a
<a target="_blank" href="http://www.diabetes.org/diabetes-basics/type-1/">Type-1 Diabetic</a>, I have a
<a 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>.
</p>
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 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 target="_blank" href="https://www.goodreads.com/book/show/46654.The_Foundation_Trilogy">Foundation Trilogy</a>
(Isaac Asimov),
<a target="_blank" href="https://www.goodreads.com/book/show/4671.The_Great_Gatsby">The Great Gatsby</a>
(F.Scott Fitzgerald), and
<a 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 target="_blank" href="https://www.mindsmatterboston.org/">Minds Matter Boston</a> as a youth mentor and give
unnecessarily enthusiastic tours at the
<a 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
@@ -162,13 +162,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 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>
@@ -180,7 +180,7 @@
<div class="row">
<div class="col-md-12">
<div class="copyright">
&copy;2020 <strong>Ethan N. Paul</strong>
&copy;2020 <strong>E.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">

1
css/scss-files.txt
View File

@@ -1 +0,0 @@
The scss source files are available in the pro version.

27
css/style.css
View File

@@ -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;
}
@@ -691,6 +691,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 +844,16 @@ body.mobile-nav-active #mobile-nav-toggle {
text-align: center;
}
#about-content {
background-color: rgba(17, 17, 17, 0.7);
padding-top: 1em;
padding-bottom: 1em;
margin-top: 1em;
margin-bottom: 1em;
border-radius: 1em;
color: #d3d3d3;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
@@ -908,20 +921,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
}

8
homelab/index.html
View File

@@ -184,15 +184,15 @@
<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 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>
&copy;2020 <strong>E.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">

8
index.html
View File

@@ -77,11 +77,11 @@
<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 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>
@@ -101,7 +101,7 @@
<div class="row">
<div class="col-md-12">
<div class="copyright">
&nbsp;&nbsp;&copy;2020 <strong>Ethan N. Paul</strong>
&nbsp;&nbsp;&copy;2020 <strong>E.N.Paul</strong>
&nbsp;&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">

27
projects/index.html
View File

@@ -90,7 +90,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 +103,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 +140,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,15 +161,15 @@
<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 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>
&copy;2020 <strong>E.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">