Testing new css button styling and link button layout
This commit is contained in:
Ethan N. Paul
parent
7eeeb390f3
commit
4ef178bacd
|
|
@ -322,10 +322,10 @@ a:focus {
|
||||||
|
|
||||||
.btn-default:hover,
|
.btn-default:hover,
|
||||||
.btn-default:focus {
|
.btn-default:focus {
|
||||||
border: 1px solid #42dca3;
|
border: 1px solid #fff;
|
||||||
outline: 0;
|
outline: 0;
|
||||||
color: #000;
|
color: #000;
|
||||||
background-color: #42dca3;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.banner-social-buttons {
|
ul.banner-social-buttons {
|
||||||
|
|
|
||||||
|
|
@ -39,6 +39,7 @@
|
||||||
<ul class="nav navbar-nav">
|
<ul class="nav navbar-nav">
|
||||||
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
|
<!-- 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 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://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://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="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>
|
<h1 class="brand-heading"><img style="max-width: 512px;" src="img/logo.png"/></h1>
|
||||||
<hr>
|
<hr>
|
||||||
<p>
|
<p>
|
||||||
<a href="#"><span class="hb hb-xs"><i class="fa fa-facebook"></i></span></a>
|
A college student with a website
|
||||||
</p>
|
</p>
|
||||||
|
<a href="#about" class="btn btn-circle page-scroll">
|
||||||
|
<i class="fa fa-angle-double-down animated"></i>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<section id="about" class="container content-section">
|
<section id="connect" class="container content-section">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-10 col-lg-offset-1">
|
<div class="col-lg-10 col-lg-offset-1">
|
||||||
<h2>E.N.Paul</h2>
|
<h2>Contact or connect with me:</h2>
|
||||||
<p>
|
<ul class="list-inline">
|
||||||
Hello, and welcome to my website!
|
<li>
|
||||||
This site is constantly undergoing tweaks, fixes, and improvements, but I hope you find the site easy to use and informative.
|
<a href="#"><span class="hb hb-xs"><i class="fa fa-facebook"></i></span></a>
|
||||||
</p>
|
<!--<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>-->
|
||||||
<p>
|
</li>
|
||||||
My name is E. Paul and I'm a college student at <a href="https://wpi.edu">Worcester Polytechnic Institute</a> in Worcester, Massachusetts.
|
<li>
|
||||||
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.
|
<a href="#"><span class="hb hb-xs"><i class="fa fa-facebook"></i></span></a>
|
||||||
In my spare time I play around with SolidWorks, AutoCAD, Windows Server, VMWare, 3D printing, and whatever gizmos I can get my hands on.
|
<!--<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>-->
|
||||||
</p>
|
</li>
|
||||||
<p>
|
<li>
|
||||||
On this website you'll find my resume and contact information, as well as links to the other sites and services I maintain.
|
<a href="#"><span class="hb hb-xs"><i class="fa fa-facebook"></i></span></a>
|
||||||
</p>
|
<!--<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>-->
|
||||||
<p>
|
</li>
|
||||||
|
<li>
|
||||||
<a href="#"><span class="hb hb-sm spin-icon"><i class="fa fa-twitter"></i></span></a>
|
<a href="#"><span class="hb hb-xs"><i class="fa fa-facebook"></i></span></a>
|
||||||
</p>
|
<!--<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>-->
|
||||||
<ul class="list-inline banner-social-buttons">
|
</li>
|
||||||
<li>
|
</ul>
|
||||||
<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>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
<footer>
|
<footer>
|
||||||
<div class="container text-center">
|
<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>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<!-- jQuery -->
|
<!-- jQuery -->
|
||||||
<script src="js/jquery.js"></script>
|
<script src="js/jquery.js"></script>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue