Working on the homepage concept

This commit is contained in:
Ethan N. Paul
2017-12-21 23:22:27 -05:00
parent c8d45b52f8
commit aa56a03744
4 changed files with 53 additions and 133 deletions

View File

@@ -47,49 +47,14 @@
<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="#services">News</a></li>
<li><a class="page-scroll" href="#weather">Weather</a></li>
<li><a class="page-scroll" href="#news">News</a></li>
<!--<li><a class="page-scroll" href="#network">Network</a></li>-->
<li><a class="page-scroll" href="#about">Weather</a></li>
</ul>
</div>
</div>
</nav>
<header class="intro">
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1 class="brand-heading">
<img class="heading_large" style="max-width: 512px;" src="img/logo.png"/>
<img class="heading_small" style="max-width: 128px;" src="img/e-w.png"/>
</h1>
<hr>
<p>Student - Tinkerer - Programmer - <i style="color: #808080;">(aspiring)</i> Engineer</p>
<hr>
<ul class="list-inline">
<li>
<a href="mailto:enpaul@enpaul.net"><span class="hb hb-sm"><i class="fa fa-envelope-o"></i></span></a>
</li>
<li>
<a href="/projects/enpaul-resume.pdf" target="_blank"><span class="hb hb-sm"><i class="fa fa-file-text-o"></i></span></a>
</li>
<li>
<a target="_blank" href="https://twitter.com/theenpaul"><span class="hb hb-sm"><i class="fa fa-twitter"></i></span></a>
</li>
<li>
<a target="_blank" href="https://plus.google.com/+EthanPaul42"><span class="hb hb-sm"><i class="fa fa-google-plus"></i></span></a>
</li>
<li>
<a target="_blank" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-sm"><i class="fa fa-linkedin"></i></span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</header>
<!--<hr class="section-divider">
<section id="projects" class="container content-section text-center">
@@ -115,36 +80,12 @@
<hr class="section-divider">
<section id="services" class="container content-section text-center">
<section id="weather" class="container content-section text-center">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2>Network Services</h2>
<i class="fa fa-cogs fa-5x" aria-hidden="true"></i>
<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/services/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://storage.enpaul.net" class="btn btn-default btn-lg"><i class="fa fa-cloud"></i> <span class="network-name"><b>Storage</b></span></a>
</li>
<li>
<a href="https://gitlab.enpaul.net" class="btn btn-default btn-lg"><i class="fa fa-gitlab"></i> <span class="network-name"><b>GitLab</b></span></a>
</li>
</ul>
<h2>Weather</h2>
<!--https://www.meteoblue.com/en/weather/forecast/week?utm_source=weather_widget&utm_medium=linkus&utm_content=three&utm_campaign=Weather%2BWidget-->
<iframe src="https://www.meteoblue.com/en/weather/widget/three?geoloc=detect&nocurrent=0&noforecast=0&days=5&tempunit=CELSIUS&windunit=MILE_PER_HOUR&layout=dark" frameborder="0" scrolling="NO" allowtransparency="true" sandbox="allow-same-origin allow-scripts allow-popups" style="width: 90%;height: 600px;"></iframe>
</div>
</div>
</section>
@@ -176,22 +117,20 @@
<section id="about" class="container content-section text-center">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2>About E.N.Paul</h2>
<img id="logo_about" src="img\e-w.png" width="128">
<br><br>
<p>
EN Paul 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 want donations, but asks that if you have a joke or funny story to share that you send it to him.
<br>
</p>
<h2>News</h2>
<!-- start sw-rss-feed code -->
<script type="text/javascript" src="rss.js"></script>
<script type="text/javascript" src="http://feed.surfing-waves.com/js/rss-feed.js"></script>
<!-- The link below helps keep this service FREE, and helps other people find the SW widget. Please be cool and keep it! Thanks. -->
<div style="text-align:right; width:90%;"><a href="http://www.surfing-waves.com/feed.htm" target="_blank" style="color:#ccc;font-size:10px">feedwidget @</a> <a href="http://www.surfing-waves.com" target="_blank" style="color:#ccc;font-size:10px">Surfing Waves</a></div>
<!-- end sw-rss-feed code -->
</div>
</div>
</section>
<footer>
<div class="container text-center">
<p style="color: #606060;"><i>&copy;2017 E.N.Paul - 2017-11-29</i></p>
<p style="color: #606060;"><i>&copy;2017 E.N.Paul - 2017-12-21</i></p>
</div>
</footer>