Began populating the projects page
This commit is contained in:
Ethan N. Paul
parent
ff67d24954
commit
05b86808fd
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 82 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 76 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.9 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 219 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
24
js/custom.js
24
js/custom.js
|
|
@ -110,3 +110,27 @@ jQuery(document).ready(function( $ ) {
|
|||
});
|
||||
|
||||
});
|
||||
|
||||
function getLatestInstagram() {
|
||||
var accessToken = "6776938228.41033a7.2c2b19a29d184bc89d6e5b2490f56715";
|
||||
var clientID = " 41033a7c7d324db08a2fa121ad0bd05b";
|
||||
var redirectURI = "https://enpaul.net/";
|
||||
var userID = "6776938228";
|
||||
|
||||
var urlAPI = "https://api.instagram.com/v1/users/" + userID + "/media/recent/?access_token=" + accessToken + "&count=1";
|
||||
|
||||
jQuery.ajax({
|
||||
url: urlAPI,
|
||||
type: "GET",
|
||||
contentType: 'application/json; charset=utf-8',
|
||||
success: function(jsonOut) {
|
||||
var dataOut = JSON.parse($jsonOut);
|
||||
var urlIMG = dataOut['data']['images']['low_resolution']['url'];
|
||||
$('#project-item-instagram').css("background-image", "url(" + urlIMG + ")");
|
||||
},
|
||||
error : function(jqXHR, textStatus, errorThrown) {
|
||||
$('#project-item-instagram').css("background-image", "url(../img/projects/instagram_default.jpg)");
|
||||
},
|
||||
timeout: 120000,
|
||||
});
|
||||
}
|
||||
|
|
|
|||
|
|
@ -93,66 +93,66 @@
|
|||
</header>
|
||||
|
||||
<section id="project">
|
||||
<div class="container wow fadeInUp">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h3 class="section-title">Projects</h3>
|
||||
<div class="section-title-divider"></div>
|
||||
<p class="section-description">Si stante, hoc natura videlicet vult, salvam esse se, quod concedimus ses haec dicturum fuisse</p>
|
||||
<p class="section-description">I work on a lot of different projects. Some of them professional, some of them academic, some of them just for fun, and many of them somewhere between. </p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<a class="project-item" style="background-image: url(../img/tile.jpg);" href="">
|
||||
<a class="project-item" id="project-item-instagram" href="/projects/travel/">
|
||||
<div class="details">
|
||||
<h4>Portfolio 1</h4>
|
||||
<span>Alored dono par</span>
|
||||
<h4>Travel</h4>
|
||||
<span>"The great affair is to move"<br><i>-Robert Louis Stevenson</i></span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<a class="project-item" style="background-image: url(../img/tile.jpg);" href="">
|
||||
<a class="project-item" style="background-image: url(../img/projects/lightsaber.jpg);" href="/projects/3dm/">
|
||||
<div class="details">
|
||||
<h4>Portfolio 2</h4>
|
||||
<span>Alored dono par</span>
|
||||
<h4>3D Models</h4>
|
||||
<span>SolidWorks is to 3D-Printing what<br> cake is to dessert</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<a class="project-item" style="background-image: url(../img/tile.jpg);" href="">
|
||||
<a class="project-item" style="background-image: url(../img/projects/car.jpg);" href="/projects/mechanic/">
|
||||
<div class="details">
|
||||
<h4>Portfolio 3</h4>
|
||||
<span>Alored dono par</span>
|
||||
<h4>Vehicle Maintenence</h4>
|
||||
<span>206,000 miles and counting!</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<a class="project-item" style="background-image: url(../img/tile.jpg);" href="">
|
||||
<a class="project-item" style="background-image: url(../img/projects/homelab.jpg);" href="/homelab">
|
||||
<div class="details">
|
||||
<h4>Portfolio 4</h4>
|
||||
<span>Alored dono par</span>
|
||||
<h4>Homelab</h4>
|
||||
<span>My data, my hardware</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<a class="project-item" style="background-image: url(../img/tile.jpg);" href="">
|
||||
<a class="project-item" style="background-image: url(../img/projects/mqp.jpg);" href="">
|
||||
<div class="details">
|
||||
<h4>Portfolio 5</h4>
|
||||
<span>Alored dono par</span>
|
||||
<h4>Major Qualifying Project</h4>
|
||||
<span>A passive knee brace for assisting <br>with Sit-To-Stand Transitions</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<a class="project-item" style="background-image: url(../img/tile.jpg);" href="">
|
||||
<a class="project-item" style="background-image: url(../img/projects/acad.jpg);" href="">
|
||||
<div class="details">
|
||||
<h4>Portfolio 6</h4>
|
||||
<span>Alored dono par</span>
|
||||
<h4>Campus Structure Docs</h4>
|
||||
<span>AutoCAD, legacy data, organization <br>of field data</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -297,21 +297,21 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>-->
|
||||
|
||||
<section id="status">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<h3 class="status-title">Service Status</h3>
|
||||
<p class="status-text">Having trouble accessing a network service? Soon you'll be able to check my network's status online and let me know if there are problems!</p>
|
||||
<h3 class="status-title">Personal Blog</h3>
|
||||
<p class="status-text">As with all things I put online, my blog will mostly be for me to organize my thoughts. That said, feel free to take a look!</p>
|
||||
</div>
|
||||
<div class="col-md-4 status-btn-container">
|
||||
<a class="status-btn" href="#status">Coming Soon!</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>-->
|
||||
</section>
|
||||
|
||||
<footer id="footer">
|
||||
<div class="container">
|
||||
|
|
@ -340,6 +340,12 @@
|
|||
|
||||
<a href="#top" class="back-to-top"><span title="Back to top"><i class="fa fa-chevron-up"></i></span></a>
|
||||
|
||||
<script type="text/JavaScript">
|
||||
$(document).ready(function() {
|
||||
getLatestInstagram();
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,248 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<!-- Web crawler and search indexing meta -->
|
||||
<meta charset="utf-8"/>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
||||
<meta name="author" content="enpaul@enpaul.net"/>
|
||||
<meta name="description" content="Introduction to my interests, skills, and activities"/>
|
||||
<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="ENPaul | About"/>
|
||||
<meta property="og:url" content="https://enpaul.net/about/"/>
|
||||
<meta property='og:site_name' content="ENPaul"/>
|
||||
<meta property="og:type" content="website"/>
|
||||
<meta property='og:locale' content="en_US"/>
|
||||
<meta property="og:image" content="https://enpaul.net/img/banners/about.jpg"/>
|
||||
<meta property='og:description' content="Introduction to my interests, skills, and activities"/>
|
||||
|
||||
<!-- Twitter integration meta -->
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:site" content="@theenpaul">
|
||||
<meta name="twitter:title" content="ENPaul | About">
|
||||
<meta name="twitter:description" content="Introduction to my interests, skills, and activities">
|
||||
<meta name="twitter:image" content="https://enpaul.net/img/banners/about.jpg">
|
||||
<meta name="twitter:image:alt" content="ENPaul">
|
||||
|
||||
<!-- Page title and favicon definition -->
|
||||
<title>ENPaul | About</title>
|
||||
<link rel="shortcut icon" href="../img/e-b.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="../img/e-b.png">
|
||||
<link rel="icon" type="image/png" href="../img/e-b.png" sizes="32x32">
|
||||
<link rel="icon" type="image/png" href="../img/e-b.png" sizes="16x16">
|
||||
|
||||
<!-- CSS references -->
|
||||
<link href="../css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="../css/font-awesome.min.css" rel="stylesheet">
|
||||
<link href="../css/animate.min.css" rel="stylesheet">
|
||||
<link href="../css/hexagons.min.css" rel="stylesheet">
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
|
||||
<!-- JavaScript references -->
|
||||
<script type="text/javascript" src="../js/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../js/bootstrap.min.js"></script>
|
||||
<script type="text/javascript" src="../js/superfish.min.js"></script>
|
||||
<script type="text/javascript" src="../js/morphext.min.js"></script>
|
||||
<script type="text/javascript" src="../js/wow.min.js"></script>
|
||||
<script type="text/javascript" src="../js/sticky.js"></script>
|
||||
<script type="text/javascript" src="../js/easing.min.js"></script>
|
||||
<script type="text/javascript" src="../js/custom.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="preloader"></div>
|
||||
|
||||
<!--<section id="top">
|
||||
<div class="top-container">
|
||||
<div class="wow fadeIn">
|
||||
<div class="hero-logo">
|
||||
<img class="" src="../img/e-w.png" alt="ENPaul">
|
||||
</div>
|
||||
|
||||
<h1>Ethan N. Paul</h1>
|
||||
<h2>Engineer, tinkerer, and <span class="rotating">student, designer, mechanic, handyman, hiker, developer, traveler, kayaker, swimmer, programmer, debugger</span></h2>
|
||||
<div class="actions">
|
||||
<a href="#about" class="btn-header">About</a>
|
||||
<a href="#network" class="btn-header">Network</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>-->
|
||||
|
||||
<header id="header">
|
||||
<div class="container">
|
||||
|
||||
<div id="logo" class="pull-left">
|
||||
<a href="/"><img src="../img/e-w.png" alt="ENPaul" 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>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section id="about">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h3 class="section-title">About</h3>
|
||||
<div class="section-title-divider"></div>
|
||||
<p class="section-description">Hello, and welcome to my website!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container about-container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<img class="about-portrait" src="../img/e-w.png" alt="Ethan N. Paul"/>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<h2 class="about-title">Who I Am</h2>
|
||||
<p class="about-text">
|
||||
My name is Ethan Paul, and I am an engineering student at <a target="_blank" href="https://www.wpi.edu/">Worcester Polytechnic Institute</a> studying <a href="https://www.wpi.edu/academics/departments/mechanical-engineering">Mechanical Engineering</a>. 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 <a target="_blank" href="http://www.diabetes.org/diabetes-basics/type-1/">Type 1 Diabetic</a> working on joining the <a target="_blank" href="https://diyps.org/">DIY Pancreas</a> and <a target="_blank" href="http://www.openomni.org/">OpenOmni</a> projects.
|
||||
</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://web.wpi.edu/academics/CCC/Netops/">WPI Network Operations</a> and spent three years as an intern for the <a href="http://www.solidworks.com/">SolidWorks Corporation</a>. I also enjoy programming, urban and trail hiking, fixing my aging car, and squeezing extra life out of decrepit technology.
|
||||
</p>
|
||||
<h2 class="about-title">My Homelab</h2>
|
||||
<p class="about-text">
|
||||
My <a target="_blank" href="https://www.reddit.com/r/homelab/">homelab</a> environment is designed, created, and maintained by me. To be clear: the things I do with my servers are completely unnecessary and wholly ridiculous, but I do them anyway because they're fun! See the <a href="/homelab">Homelab Page</a> to learn more.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h3 class="section-title">Contact Me</h3>
|
||||
<div class="section-title-divider"></div>
|
||||
<p class="section-description">Send me an email at <a href="mailto:enpaul@enpaul.net">enpaul@enpaul.net</a> or feel free to reach out!</p>
|
||||
<ul class="list-inline">
|
||||
<li><a target="_blank" href="https://download.enpaul.net/enpaul-resume.pdf"><span class="hb hb-sm hb-resume" title="Download Resume"><i class="fa fa-file-text"></i></span></a></li>
|
||||
<li><a href="mailto:enpaul@enpaul.net"><span class="hb hb-sm hb-email" title="EMail enpaul@enpaul.net"><i class="fa fa-envelope"></i></span></a></li>
|
||||
<li><a target="_blank" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-sm hb-linkedin" title="LinkedIn ENPaul"><i class="fa fa-linkedin"></i></span></a></li>
|
||||
<li><a target="_blank" href="https://plus.google.com/+EthanPaul42"><span class="hb hb-sm hb-google-plus" title="Google+ EthanPaul42"><i class="fa fa-google-plus"></i></span></a></li>
|
||||
<li><a target="_blank" href="https://twitter.com/theenpaul"><span class="hb hb-sm hb-twitter" title="Twitter @theENPaul"><i class="fa fa-twitter"></i></span></a></li>
|
||||
<li><a target="_blank" href="https://www.instagram.com/theenpaul"><span class="hb hb-sm hb-instagram" title="Instagram @theENPaul"><i class="fa fa-instagram"></i></span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--<section id="network">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h3 class="section-title">Network Services</h3>
|
||||
<div class="section-title-divider"></div>
|
||||
<p class="section-description">The ENPaul Network provides a number of services for entertainment, reference, security, and productivity.<br>To learn more about the network as a whole, please <a href="https://docs.enpaul.net/" target="_blank">read the docs</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4 service-item">
|
||||
<div class="service-icon-no-link"><i class="fa fa-sitemap"></i></div>
|
||||
<h4 class="service-title">Active Directory</h4>
|
||||
<p class="service-description"><a href="https://docs.microsoft.com/en-us/windows-server/identity/ad-ds/get-started/virtual-dc/active-directory-domain-services-overview" target="_blank">Active Directory Domain Services (ADDS)</a> provides federated user authentication, administration, and security for my computers.</p>
|
||||
<div class="service-link">
|
||||
<a class="btn btn-default" href="https://docs.enpaul.net/adds/"><i class="fa fa-book"></i> Docs</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 service-item">
|
||||
<div class="service-icon-no-link"><i class="fa fa-key"></i></div>
|
||||
<h4 class="service-title">VPN</h4>
|
||||
<p class="service-description">The Virtual Private Networking (VPN) server, powered by <a href="http://www.softether.org/" target="_blank">Softether</a>, allows me to secure my network traffic from anywhere in the world.</p>
|
||||
<div class="service-link">
|
||||
<a class=" btn btn-default" href="https://docs.enpaul.net/app/vpn/"><i class="fa fa-book"></i> Docs</a>
|
||||
<a class=" btn btn-default" href="https://docs.enpaul.net/app/vpn/connect/"><i class="fa fa-book"></i> Connect</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 service-item">
|
||||
<a href="https://storage.enpaul.net/"><div class="service-icon"><i class="fa fa-cloud"></i></div></a>
|
||||
<h4 class="service-title">Cloud Storage</h4>
|
||||
<p class="service-description">Local cloud storage allows for secure storage of my data. Online access is provided by the <a href="https://github.com/misterunknown/ifm" target="_blank">Improved File Manager</a> and <a href="http://adamwhitcroft.com/apaxy/" target="_blank">Apaxy</a>.</p>
|
||||
<div class="service-link">
|
||||
<a class=" btn btn-default" href="https://docs.enpaul.net/app/storage/"><i class="fa fa-book"></i> Docs</a>
|
||||
<a class=" btn btn-default" href="https://storage.enpaul.net/"><i class="fa fa-chevron-right"></i> Storage</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 service-item">
|
||||
<a href="https://gitlab.enpaul.net/"><div class="service-icon"><i class="fa fa-gitlab"></i></div></a>
|
||||
<h4 class="service-title">GitLab</h4>
|
||||
<p class="service-description"><a href="https://about.gitlab.com/" target="_blank">GitLab</a> is a <a href="https://git-scm.com/book/en/v2/Getting-Started-About-Version-Control" target="_blank">git-based source control</a> service for collaborative project development and deployment.</p>
|
||||
<div class="service-link">
|
||||
<a class=" btn btn-default" href="https://docs.enpaul.net/app/gitlab/"><i class="fa fa-book"></i> Docs</a>
|
||||
<a class=" btn btn-default" href="https://gitlab.enpaul.net/"><i class="fa fa-chevron-right"></i> GitLab</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 service-item">
|
||||
<a href="https://docs.enpaul.net/"><div class="service-icon"><i class="fa fa-book"></i></div></a>
|
||||
<h4 class="service-title">Documentation</h4>
|
||||
<p class="service-description">Any system is only as good as its documentation. My docs, powered by <a href="http://www.mkdocs.org/" target="_blank">MkDocs</a>, are constantly being updated.</p>
|
||||
<div class="service-link">
|
||||
<a class=" btn btn-default" href="https://docs.enpaul.net/app/docs-meta/"><i class="fa fa-book"></i> Docs (Meta)</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 service-item">
|
||||
<a href="https://plex.enpaul.net/"><div class="service-icon"><i class="fa fa-film"></i></div></a>
|
||||
<h4 class="service-title">Plex Media Server</h4>
|
||||
<p class="service-description"><a href="https://www.plex.tv/" target="_blank">Plex</a> is a media management solution for sharing my movie, TV, music, and photo collections with friends.</p>
|
||||
<div class="service-link">
|
||||
<a class=" btn btn-default" href="https://docs.enpaul.net/app/plex/"><i class="fa fa-book"></i> Docs</a>
|
||||
<a class=" btn btn-default" href="https://plex.enpaul.net/"><i class="fa fa-chevron-right"></i> Plex</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="status">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<h3 class="status-title">Service Status</h3>
|
||||
<p class="status-text">Having trouble accessing a network service? Soon you'll be able to check my network's status online and let me know if there are problems!</p>
|
||||
</div>
|
||||
<div class="col-md-4 status-btn-container">
|
||||
<a class="status-btn" href="#status">Coming Soon!</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>-->
|
||||
|
||||
<footer id="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="copyright">
|
||||
©2018 <strong>Ethan N. Paul</strong>
|
||||
</div>
|
||||
<div class="copyright">
|
||||
<a href="https://gitlab.enpaul.net/enpaul/ENPaulNetHome/"><img alt="pipeline status" src="https://gitlab.enpaul.net/enpaul/ENPaulNetHome/badges/master/pipeline.svg" /></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<a href="#top" class="back-to-top"><span title="Back to top"><i class="fa fa-chevron-up"></i></span></a>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue