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

Testing new css button styling and link button layout

This commit is contained in:
Ethan N. Paul 2017-02-10 15:21:08 -05:00
parent 7eeeb390f3
commit 4ef178bacd
2 changed files with 32 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
new/css/style.css
View File

@ -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 {

87
new/index.html
View File

@ -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">
<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">
<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>
</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>
</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>
</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>
</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>
<section id="connect" class="container content-section">
<div class="row">
<div class="col-lg-10 col-lg-offset-1">
<h2>Contact or connect with me:</h2>
<ul class="list-inline">
<li>
<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="#"><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="#"><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="#"><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>
<!-- Footer -->
<footer>
<div class="container text-center">
<p>Updated 2016-01-23<br>&copy;2016 ENPaul</p>
<p style="color: #C0C0C0;"><i>&copy;2017 ENPaul - 2017-02-10</i></p>
</div>
</footer>
<!-- jQuery -->
<script src="js/jquery.js"></script>