diff --git a/_error/401.html b/_error/401.html index 2365034..ca543c7 100644 --- a/_error/401.html +++ b/_error/401.html @@ -35,27 +35,12 @@  Home  Back
-  Details + More information - - diff --git a/_error/403.html b/_error/403.html index 38687b5..6268369 100644 --- a/_error/403.html +++ b/_error/403.html @@ -35,27 +35,12 @@  Home  Back
-  Details + More Information - - diff --git a/_error/404.html b/_error/404.html index a3504c3..ea88bba 100644 --- a/_error/404.html +++ b/_error/404.html @@ -35,27 +35,12 @@  Home  Back
-  Details + More Information - - diff --git a/_error/405.html b/_error/405.html index 8a4a276..73d73ff 100644 --- a/_error/405.html +++ b/_error/405.html @@ -35,27 +35,12 @@  Home  Back
-  Details + More Information - - diff --git a/_error/406.html b/_error/406.html index 144f52d..9aa3c6f 100644 --- a/_error/406.html +++ b/_error/406.html @@ -35,27 +35,12 @@  Home  Back
-  Details + More Information - - diff --git a/_error/412.html b/_error/412.html index cd2f73c..d555c48 100644 --- a/_error/412.html +++ b/_error/412.html @@ -35,27 +35,12 @@  Home  Back
-  Details + More Information - - diff --git a/_error/500.html b/_error/500.html index 980560b..b184314 100644 --- a/_error/500.html +++ b/_error/500.html @@ -35,27 +35,12 @@  Home  Back
-  Details + More Information - - diff --git a/_error/501.html b/_error/501.html index d77770b..d25afeb 100644 --- a/_error/501.html +++ b/_error/501.html @@ -35,27 +35,12 @@  Home  Back
-  Details + More Information - - diff --git a/_error/502.html b/_error/502.html index 070790f..a0a85c8 100644 --- a/_error/502.html +++ b/_error/502.html @@ -35,27 +35,12 @@  Home  Back
-  Details + More Information - - diff --git a/_error/css/style.css b/_error/css/style.css index 940c382..1ce8beb 100644 --- a/_error/css/style.css +++ b/_error/css/style.css @@ -73,7 +73,7 @@ h1, h2, h3, h4, h5, h6 { #top { display: table; width: 100%; - height: 92vh; + height: 100vh; background: url(../img/network.jpg) top center fixed; background-size: cover; } diff --git a/about/index.html b/about/index.html new file mode 100644 index 0000000..c485c8b --- /dev/null +++ b/about/index.html @@ -0,0 +1,252 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ENPaul | About + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+
+
+
+

About

+
+

+
+
+
+
+
+
+ Ethan N. Paul +
+
+

Who I Am

+

+ My name is Ethan Paul, and I am an engineering student at Worcester Polytechnic Institute studying Mechanical Engineering. I am an avid outdoorsman, a former Boy Scout, and can make a mean omlette (if I do say so myself). I'm also a Type 1 Diabetic working on joining the DIY Pancreas and OpenOmni projects. +

+

What I Do

+

+ I do lots of things! I work at WPI Network Operations and spent three years as an intern for the SolidWorks Corporation. I also enjoy programming, urban and trail hiking, fixing my aging car, and squeezing extra life out of decrepit technology. +

+

My Intersts

+

+ My interests are pretty varried and constantly changing, but most often you can find me programming in Python, learning about practical repairs to internal combustion engines, or answering hypothetical questions on StackExchange Worldbuilding. I enjoy reading! Some of my favorite books are Isaac Asimov's Foundation Triology, Patrik Ness's Chaos Walking Series, and nearly all of Michael Crichton's works. +

+
+
+
+
+ +
+
+
+
+

Contact Me

+
+

Send me an email at enpaul@enpaul.net or feel free to reach out!

+
    +
    • +
    • +
    • +
    • +
    • +
    • +
+
+
+
+
+ + + + + + + + + + diff --git a/css/style.css b/css/style.css index 4c01a5e..2290c4d 100644 --- a/css/style.css +++ b/css/style.css @@ -90,14 +90,20 @@ h1, h2, h3, h4, h5, h6 { background-size: cover; } -#top .hero-logo { +#top .top-logo { margin: 20px; } -#top .hero-logo img { +#top .top-logo img { max-width: 100%; } +@media (max-width: 768px) { + #top .top-logo img { + max-width: 50%; + } +} + #top .top-container { background: rgba(0, 0, 0, 0.3); display: table-cell; @@ -174,6 +180,12 @@ h1, h2, h3, h4, h5, h6 { height: 80px; } +#header.homepage { + padding: 10px 0; + height: 40px; + margin-top: -60px; +} + #header #logo { float: left; } @@ -274,10 +286,26 @@ h1, h2, h3, h4, h5, h6 { content: "\f105"; } +/* Nav Meu Container */ +#contact-menu { + float: left; +} + +#contact-menu span.hb { + /*font-size: 10px;*/ +} + +@media (max-width: 768px) { + #contact-menu { + float: none; + text-align: center; + } +} + /* Nav Meu Container */ #nav-menu-container { float: right; - margin: 5px 0; + /*margin: 5px 0;*/ } @media (max-width: 768px) { @@ -467,7 +495,7 @@ body.mobile-nav-active #mobile-nav-toggle { /* Get Started Section --------------------------------*/ #about { - background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url("../img/engine.jpg") fixed center center; + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url("../img/watch.jpg") fixed center center; padding: 80px 0; } @@ -614,12 +642,12 @@ body.mobile-nav-active #mobile-nav-toggle { /* Portfolio Section --------------------------------*/ -#portfolio { - background: #fff; +#project { + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url("../img/engine.jpg") fixed center center;; padding: 80px 0; } -#portfolio .portfolio-item { +#project .project-item { background-position: center center; background-size: cover; background-repeat: no-repeat; @@ -629,9 +657,12 @@ body.mobile-nav-active #mobile-nav-toggle { display: table; overflow: hidden; margin-bottom: 30px; + outline-style: solid; + outline-color: white; + outline-width: 2px; } -#portfolio .portfolio-item .details { +#project .project-item .details { height: 260px; background: #fff; display: table-cell; @@ -641,21 +672,21 @@ body.mobile-nav-active #mobile-nav-toggle { text-align: center; } -#portfolio .portfolio-item .details h4 { - font-size: 16px; +#project .project-item .details h4 { + font-size: 18px; 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; -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); font-weight: 700; - color: #333333; + color: #000; } -#portfolio .portfolio-item .details span { +#project .project-item .details span { display: block; - color: #666666; - font-size: 13px; + color: #000; + font-size: 15px; 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; @@ -663,32 +694,44 @@ body.mobile-nav-active #mobile-nav-toggle { transform: translate3d(0, 15px, 0); } -#portfolio .portfolio-item:hover .details { +@media (max-width: 990px) { + #project .project-item { + outline-style: none; + } + #project .project-item .details h4 { + font-size: 25px; + } + #project .project-item .details span { + font-size: 20px; + } +} + +#project .project-item:hover .details { opacity: 0.8; } -#portfolio .portfolio-item:hover .details h4 { +#project .project-item:hover .details h4 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } -#portfolio .portfolio-item:hover .details span { +#project .project-item:hover .details span { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* Testimonials Section --------------------------------*/ -#testimonials { +#locations { background: #f6f6f6; padding: 80px 0; } -#testimonials .profile { +#locations .profile { text-align: center; } -#testimonials .profile .pic { +#locations .profile .pic { border-radius: 50%; border: 6px solid #fff; margin-bottom: 15px; @@ -697,21 +740,21 @@ body.mobile-nav-active #mobile-nav-toggle { width: 260px; } -#testimonials .profile .pic img { +#locations .profile .pic img { max-width: 100%; } -#testimonials .profile h4 { +#locations .profile h4 { font-weight: 700; color: #1a82d8; margin-bottom: 5px; } -#testimonials .profile span { +#locations .profile span { color: #333333; } -#testimonials .quote { +#locations .quote { position: relative; background: #fff; padding: 60px; @@ -721,7 +764,7 @@ body.mobile-nav-active #mobile-nav-toggle { border-radius: 5px; } -#testimonials .quote b { +#locations .quote b { display: inline-block; font-size: 22px; left: -9px; @@ -729,7 +772,7 @@ body.mobile-nav-active #mobile-nav-toggle { top: -8px; } -#testimonials .quote small { +#locations .quote small { display: inline-block; right: -9px; position: relative; @@ -803,8 +846,16 @@ body.mobile-nav-active #mobile-nav-toggle { color: #fff; } +#footer.homepage { + background: black; + padding-top: 30px; + padding-bottom: 10px; + color: #fff; +} + #footer .copyright { text-align: center; + padding-bottom: 5px; } #footer .credits { diff --git a/homelab/index.html b/homelab/index.html new file mode 100644 index 0000000..5176335 --- /dev/null +++ b/homelab/index.html @@ -0,0 +1,262 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ENPaul | Homelab + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + +
+
+
+
+

Homelab

+
+

I use my homelab to provide a number of services for personal entertainment, reference, security, and productivity.
To learn more about the lab as a whole, please read the docs.

+
+
+ +
+
+
+

Active Directory

+

Active Directory Domain Services (ADDS) provides federated user authentication, administration, and security for my computers.

+
+  Docs +
+
+
+
+

VPN

+

The Virtual Private Networking (VPN) server, powered by Softether, allows me to secure my network traffic from anywhere in the world.

+
+  Docs +  Connect +
+
+
+
+

Cloud Storage

+

Local cloud storage allows for secure storage of my data. Online access is provided by the Improved File Manager and Apaxy.

+
+  Docs +  Storage +
+
+
+
+

GitLab

+

GitLab is a git-based source control service for collaborative project development and deployment.

+
+  Docs +  GitLab +
+
+
+
+

Documentation

+

Any system is only as good as its documentation. My docs, powered by MkDocs, are constantly being updated.

+
+  Docs (Meta) +
+
+
+
+

Plex Media Server

+

Plex is a media management solution for sharing my movie, TV, music, and photo collections with friends.

+
+  Docs +  Plex +
+
+
+
+
+ +
+
+
+
+

Service Status

+

Having trouble accessing a network service? Soon you'll be able to check my network's status online and let me know if there are problems!

+
+
+ Coming Soon! +
+
+
+
+ + + + + + + + diff --git a/img/banners/_template.pdn b/img/banners/_template.pdn new file mode 100644 index 0000000..934b309 Binary files /dev/null and b/img/banners/_template.pdn differ diff --git a/img/banners/about.jpg b/img/banners/about.jpg new file mode 100644 index 0000000..d20e6a5 Binary files /dev/null and b/img/banners/about.jpg differ diff --git a/img/banners/homelab.jpg b/img/banners/homelab.jpg new file mode 100644 index 0000000..26ff7a8 Binary files /dev/null and b/img/banners/homelab.jpg differ diff --git a/img/banners/main.jpg b/img/banners/main.jpg new file mode 100644 index 0000000..a1f0d29 Binary files /dev/null and b/img/banners/main.jpg differ diff --git a/img/banners/projects.jpg b/img/banners/projects.jpg new file mode 100644 index 0000000..7e690cd Binary files /dev/null and b/img/banners/projects.jpg differ diff --git a/img/circuit.jpg b/img/circuit.jpg deleted file mode 100644 index 1b63f39..0000000 Binary files a/img/circuit.jpg and /dev/null differ diff --git a/img/datacenter.jpg b/img/datacenter.jpg index 3443f4d..68e7f73 100644 Binary files a/img/datacenter.jpg and b/img/datacenter.jpg differ diff --git a/img/network-banner.jpg b/img/network-banner.jpg deleted file mode 100644 index 312301a..0000000 Binary files a/img/network-banner.jpg and /dev/null differ diff --git a/img/projects/acad.jpg b/img/projects/acad.jpg new file mode 100644 index 0000000..ef964e6 Binary files /dev/null and b/img/projects/acad.jpg differ diff --git a/img/projects/car.jpg b/img/projects/car.jpg new file mode 100644 index 0000000..d8dc83f Binary files /dev/null and b/img/projects/car.jpg differ diff --git a/img/projects/lightsaber.jpg b/img/projects/lightsaber.jpg new file mode 100644 index 0000000..cd09feb Binary files /dev/null and b/img/projects/lightsaber.jpg differ diff --git a/img/projects/mqp.jpg b/img/projects/mqp.jpg new file mode 100644 index 0000000..49dc5d8 Binary files /dev/null and b/img/projects/mqp.jpg differ diff --git a/img/projects/orig/car.jpg b/img/projects/orig/car.jpg new file mode 100644 index 0000000..a48fa2f Binary files /dev/null and b/img/projects/orig/car.jpg differ diff --git a/img/projects/orig/lightsaber-full.png b/img/projects/orig/lightsaber-full.png new file mode 100644 index 0000000..0af9ecb Binary files /dev/null and b/img/projects/orig/lightsaber-full.png differ diff --git a/img/projects/orig/mqp-full.png b/img/projects/orig/mqp-full.png new file mode 100644 index 0000000..e4d8fac Binary files /dev/null and b/img/projects/orig/mqp-full.png differ diff --git a/img/projects/orig/server.jpg b/img/projects/orig/server.jpg new file mode 100644 index 0000000..f4ef702 Binary files /dev/null and b/img/projects/orig/server.jpg differ diff --git a/img/projects/orig/sldwrks.png b/img/projects/orig/sldwrks.png new file mode 100644 index 0000000..febb148 Binary files /dev/null and b/img/projects/orig/sldwrks.png differ diff --git a/img/projects/server.jpg b/img/projects/server.jpg new file mode 100644 index 0000000..0d9d296 Binary files /dev/null and b/img/projects/server.jpg differ diff --git a/img/projects/sldwrks.jpg b/img/projects/sldwrks.jpg new file mode 100644 index 0000000..488c13c Binary files /dev/null and b/img/projects/sldwrks.jpg differ diff --git a/img/projects/travel.jpg b/img/projects/travel.jpg new file mode 100644 index 0000000..bc0343b Binary files /dev/null and b/img/projects/travel.jpg differ diff --git a/img/tile.jpg b/img/tile.jpg new file mode 100644 index 0000000..1a3fa8e Binary files /dev/null and b/img/tile.jpg differ diff --git a/img/watch.jpg b/img/watch.jpg new file mode 100644 index 0000000..f2aa839 Binary files /dev/null and b/img/watch.jpg differ diff --git a/index.html b/index.html index 58e59eb..db619d9 100644 --- a/index.html +++ b/index.html @@ -7,26 +7,26 @@ - - + + - + - + - - + + - - - - + + + + ENPaul @@ -48,7 +48,7 @@ - + @@ -62,40 +62,66 @@
-
-