Testing new css button styling and link button layout
This commit is contained in:
Ethan N. Paul
@@ -322,10 +322,10 @@ a:focus {
|
||||
|
||||
.btn-default:hover,
|
||||
.btn-default:focus {
|
||||
border: 1px solid #42dca3;
|
||||
border: 1px solid #fff;
|
||||
outline: 0;
|
||||
color: #000;
|
||||
background-color: #42dca3;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
ul.banner-social-buttons {
|
||||
|
||||
@@ -39,6 +39,7 @@
|
||||
<ul class="nav navbar-nav">
|
||||
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
|
||||
<li class="hidden"><a href="#page-top"></a></li>
|
||||
<li><a class="page-scroll" href="#connect">Connect</a></li>
|
||||
<li><a class="page-scroll" href="https://git.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>
|
||||
@@ -59,78 +60,50 @@
|
||||
<h1 class="brand-heading"><img style="max-width: 512px;" src="img/logo.png"/></h1>
|
||||
<hr>
|
||||
<p>
|
||||
<a href="#"><span class="hb hb-xs"><i class="fa fa-facebook"></i></span></a>
|
||||
A college student with a website
|
||||
</p>
|
||||
<a href="#about" class="btn btn-circle page-scroll">
|
||||
<i class="fa fa-angle-double-down animated"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section id="about" class="container content-section">
|
||||
<section id="connect" class="container content-section">
|
||||
<div class="row">
|
||||
<div class="col-lg-10 col-lg-offset-1">
|
||||
<h2>E.N.Paul</h2>
|
||||
<p>
|
||||
Hello, and welcome to my website!
|
||||
This site is constantly undergoing tweaks, fixes, and improvements, but I hope you find the site easy to use and informative.
|
||||
</p>
|
||||
<p>
|
||||
My name is E. Paul and I'm a college student at <a href="https://wpi.edu">Worcester Polytechnic Institute</a> in Worcester, Massachusetts.
|
||||
Currently, I work for <a href="https://wpi.edu/+netops">Network Operations</a> at WPI, and have an internship with <a href="http://www.3ds.com/">Dassault Systèmes</a> in Waltham, MA.
|
||||
In my spare time I play around with SolidWorks, AutoCAD, Windows Server, VMWare, 3D printing, and whatever gizmos I can get my hands on.
|
||||
</p>
|
||||
<p>
|
||||
On this website you'll find my resume and contact information, as well as links to the other sites and services I maintain.
|
||||
</p>
|
||||
<p>
|
||||
|
||||
<a href="#"><span class="hb hb-sm spin-icon"><i class="fa fa-twitter"></i></span></a>
|
||||
</p>
|
||||
<ul class="list-inline banner-social-buttons">
|
||||
<h2>Contact or connect with me:</h2>
|
||||
<ul class="list-inline">
|
||||
<li>
|
||||
<a href="mailto:ethannpaul@gmail.com" class="btn btn-default btn-lg"><i class="fa fa-envelope fa-fw"></i> <span class="network-name">Email</span></a>
|
||||
<a href="#"><span class="hb hb-xs"><i class="fa fa-facebook"></i></span></a>
|
||||
<!--<a href="mailto:ethannpaul@gmail.com" class="btn btn-default btn-lg"><i class="fa fa-envelope fa-fw"></i> <span class="network-name">Email</span></a>-->
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://twitter.com/theenpaul" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
|
||||
<a href="#"><span class="hb hb-xs"><i class="fa fa-facebook"></i></span></a>
|
||||
<!--<a href="https://twitter.com/theenpaul" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>-->
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://linkedin.com/in/enpaul" class="btn btn-default btn-lg"><i class="fa fa-linkedin fa-fw"></i> <span class="network-name">LinkedIn</span></a>
|
||||
<a href="#"><span class="hb hb-xs"><i class="fa fa-facebook"></i></span></a>
|
||||
<!--<a href="https://linkedin.com/in/enpaul" class="btn btn-default btn-lg"><i class="fa fa-linkedin fa-fw"></i> <span class="network-name">LinkedIn</span></a>-->
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://google.com/+ethanpaul42" class="btn btn-default btn-lg"><i class="fa fa-google-plus fa-fw"></i> <span class="network-name">Google+</span></a>
|
||||
<a href="#"><span class="hb hb-xs"><i class="fa fa-facebook"></i></span></a>
|
||||
<!--<a href="https://google.com/+ethanpaul42" class="btn btn-default btn-lg"><i class="fa fa-google-plus fa-fw"></i> <span class="network-name">Google+</span></a>-->
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Network Section -->
|
||||
<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>
|
||||
<p>
|
||||
This network and the services it hosts are largely based on a thought experiment; I know that there are easier ways to do everything I do here. AWS or literally any other web hosting service could do this, and running the sort of stuff I run on windows is, at best, crazy.
|
||||
</p>
|
||||
<p>
|
||||
But you know what? I don't really care. I find jumping through the hoops and dodging the nonsensical error codes of Windows Server fun. I find the challenge of making a computer do what I want through the UI engaging. And, quite frankly, I think its worth it for the educational experience.
|
||||
</p>
|
||||
<p>
|
||||
So yes: I run the overwhelming majority of my infrastructure on Windows Server and the NT kernal; and I readily accept and embrace the headaches and frustrations that entails.
|
||||
<p>
|
||||
<br>
|
||||
<p>Anyway, that's my piece</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="container text-center">
|
||||
<p>Updated 2016-01-23<br>©2016 ENPaul</p>
|
||||
<p style="color: #C0C0C0;"><i>©2017 ENPaul - 2017-02-10</i></p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="js/jquery.js"></script>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user