Added the sub page sections
This commit is contained in:
Ethan N. Paul
@@ -3,25 +3,38 @@
|
||||
|
||||
<head>
|
||||
|
||||
<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="description" content="ENPaul Projects Page">
|
||||
<meta name="author" content="enpaul@enpaul.net">
|
||||
<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="ENPaul personal landing page and Network Services website"/>
|
||||
<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"/>
|
||||
|
||||
<title>ENPaul Projects</title>
|
||||
<link rel="shortcut icon" href="..\img\e-b.png">
|
||||
<meta property="og:title" content="ENPaul"/>
|
||||
<meta property='og:locale' content="en_US"/>
|
||||
<meta property='og:description' content="ENPaul personal landing page and Network Services website"/>
|
||||
<meta property="og:type" content="Website"/>
|
||||
<meta property='og:site_name' content="ENPaul Network"/>
|
||||
<meta property="og:url" content="https://enpaul.net/"/>
|
||||
|
||||
<link href="../css/bootstrap.css" rel="stylesheet">
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="../css/hexagons.min.css" rel="stylesheet" type="text/css">
|
||||
<title>ENPaul</title>
|
||||
|
||||
<script src="../js/hexagons.min.js"></script>
|
||||
<link rel="shortcut icon" href="img\e-b.png">
|
||||
<link href="css/bootstrap.css" rel="stylesheet">
|
||||
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="css/hexagons.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
|
||||
<script src="js/jquery.js"></script>
|
||||
<script src="js/hexagons.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.easing.min.js"></script>
|
||||
<script src="js/common.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body id="content-page" data-spy="scroll" data-target=".navbar-fixed-top">
|
||||
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
|
||||
|
||||
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
|
||||
<div class="container">
|
||||
@@ -29,19 +42,20 @@
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
|
||||
<span class="light">MENU</span><!--<i class="fa fa-bars"></i>-->
|
||||
</button>
|
||||
<a class="navbar-brand page-scroll" href="#content-page"><span class="light"><img src="img/e-w.png" width="32"> Projects</span></a>
|
||||
<a class="navbar-brand page-scroll" href="#page-top"><span class="light"><img src="img/e-w.png" width="32"> Home</span></a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
|
||||
<ul class="nav navbar-nav">
|
||||
<li class="hidden"><a href="#page-top"></a></li>
|
||||
<li><a class="page-scroll" href="https://gitlab.enpaul.net">Git</a></li>
|
||||
<li><a class="page-scroll" href="https://drive.enpaul.net">Drive</a></li>
|
||||
<li><a class="page-scroll" href="https://app.plex.tv/web/app">Plex</a></li>
|
||||
<li><a class="page-scroll" href="#network">Network</a></li>
|
||||
<li><a class="page-scroll" href="#services">Services</a></li>
|
||||
<li><a class="page-scroll" href="#projects">Projects</a></li>
|
||||
<li><a class="page-scroll" href="#about">About</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!--
|
||||
|
||||
<header class="intro">
|
||||
<div class="intro-body">
|
||||
<div class="container">
|
||||
@@ -76,17 +90,97 @@
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
-->
|
||||
|
||||
<hr class="section-divider">
|
||||
|
||||
<section id="network" class="container content-section text-center">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-lg-offset-2">
|
||||
<h2>The ENPaul Network</h2>
|
||||
<img id="logo_about" src="img\net.png" width="128">
|
||||
<br><br>
|
||||
<p>
|
||||
The ENPaul Network (ENPN) is a <a href="https://www.reddit.com/r/homelab/">home-lab environment</a> maintained by ENPaul for the purposes of fun, curiosity, experimentation, and support for his <a href="#projects">personal projects</a>.
|
||||
<br><br>
|
||||
The ENPN hosts two VMWare ESXi hypervisors, a Microsoft Active Directory Domain, federated authentication services including LDAP and RADIUS, NAS systems, and a plethora of applications and utilities.
|
||||
</p>
|
||||
<ul class="list-inline banner-social-buttons">
|
||||
<li>
|
||||
<a href="/network" class="btn btn-default btn-lg"><i class="fa fa-arrow-circle-o-right"></i> <span class="network-name"><b>Learn More</b></span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<hr class="section-divider">
|
||||
|
||||
<section id="services" class="container content-section text-center">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-lg-offset-2">
|
||||
<h2>Network Services</h2>
|
||||
<img id="logo_about" src="img\gear.png" width="128">
|
||||
<br><br>
|
||||
<p>
|
||||
Providing useful network services is the primary goal of the ENPaul Network (ENPN). These services provide means of entertainment, data management, and security for the network users.
|
||||
<br><br>
|
||||
The full list of services provided by the ENPN can be found at the link below. Alternatively, use one of the other links to directly access specific service web-interfaces.
|
||||
<br>
|
||||
</p>
|
||||
<ul class="list-inline banner-social-buttons">
|
||||
<li>
|
||||
<a href="/services" class="btn btn-default btn-lg"><i class="fa fa-arrow-circle-o-right"></i> <span class="network-name"><b>Learn More</b></span></a>
|
||||
</li>
|
||||
<br><br><p><i>Direct service links</i></p>
|
||||
<li>
|
||||
<a href="https://plex.enpaul.net" class="btn btn-default btn-lg"><i class="fa fa-ticket"></i> <span class="network-name"><b>Plex Media Server</b></span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://enpaul.net/vpn" class="btn btn-default btn-lg"><i class="fa fa-lock"></i> <span class="network-name"><b>VPN</b></span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://drive.enpaul.net" class="btn btn-default btn-lg"><i class="fa fa-cloud"></i> <span class="network-name"><b>Drive</b></span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<hr class="section-divider">
|
||||
|
||||
<section id="projects" class="container content-section text-center">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-lg-offset-2">
|
||||
<h2>Personal Projects</h2>
|
||||
<img id="logo_about" src="img\project.png" width="128">
|
||||
<br><br>
|
||||
<p>
|
||||
The underlying infrastructure of the ENPaul Network (ENPN) helps to facilitate a number of pet-projects that are constantly cycled from under development, to abandoned, to broken, and back to under development. These projects are, at best, curiosities and should be seen as such.
|
||||
<br>
|
||||
Enter at your own risk.
|
||||
<br>
|
||||
</p>
|
||||
<ul class="list-inline banner-social-buttons">
|
||||
<li>
|
||||
<a href="/network" class="btn btn-default btn-lg"><i class="fa fa-arrow-circle-o-right"></i> <span class="network-name"><b>Learn More</b></span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<hr class="section-divider">
|
||||
|
||||
<section id="about" class="container content-section text-center">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-lg-offset-2">
|
||||
<h2>My Projects</h2>
|
||||
<h2>About ENPaul</h2>
|
||||
<img id="logo_about" src="img\e-w.png" width="128">
|
||||
<br><br>
|
||||
<p>
|
||||
ENPaul is a Mechanical Engineering student at <a target="_blank" href="https://wpi.edu">Worcester Polytechnic Institute</a> in Worcester Massachusets with way too much time on his hands. He works at <a target="_blank" href="http://www.wpi.edu/+netops">WPI Network Operations</a> and <a target="_blank" href="http://www.solidworks.com">3DS SolidWorks</a> and runs this website when he's bored. He is SolidWorks Professional Certified, and working on getting certified in AutoDesk AutoCAD and SolidWorks Simulation.
|
||||
ENPaul is a Mechanical Engineering student at <a target="_blank" href="https://wpi.edu">Worcester Polytechnic Institute</a> in Worcester Massachusets with way too much time on his hands. He works at <a target="_blank" href="http://www.wpi.edu/+netops">WPI Network Operations</a>, plays around with <a target="_blank" href="http://www.solidworks.com">3DS SolidWorks</a>, and runs this website when he's bored.
|
||||
<br><br>
|
||||
He doesn't need donations, but asks that if you have a joke or funny story to share that you send it to him.
|
||||
He doesn't want donations, but asks that if you have a joke or funny story to share that you send it to him.
|
||||
<br>
|
||||
</p>
|
||||
</div>
|
||||
@@ -95,18 +189,9 @@
|
||||
|
||||
<footer>
|
||||
<div class="container text-center">
|
||||
<p style="color: #606060;"><i>©2017 ENPaul - 2017-03-13</i></p>
|
||||
<p style="color: #606060;"><i>©2017 ENPaul - 2017-08-25</i></p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/jquery.js"></script>
|
||||
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="js/jquery.easing.min.js"></script>
|
||||
|
||||
<script src="js/grayscale.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user