Working on the homepage concept
This commit is contained in:
Ethan N. Paul
parent
c8d45b52f8
commit
aa56a03744
|
|
@ -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>©2017 E.N.Paul - 2017-11-29</i></p>
|
||||
<p style="color: #606060;"><i>©2017 E.N.Paul - 2017-12-21</i></p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,3 @@
|
|||
#feed-body {
|
||||
width: 80%;
|
||||
}
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
rssfeed_url = new Array();
|
||||
rssfeed_url[0]="http://www.providencejournal.com/news?template=rss&mime=xml";
|
||||
rssfeed_frame_width="600";
|
||||
rssfeed_frame_height="600";
|
||||
rssfeed_scroll="off";
|
||||
rssfeed_scroll_step="6";
|
||||
rssfeed_scroll_bar="on";
|
||||
rssfeed_target="_blank";
|
||||
rssfeed_font_size="12";
|
||||
rssfeed_font_face="Verdana";
|
||||
rssfeed_border="on";
|
||||
rssfeed_css_url="https://enpaul.net/home/rss.css";
|
||||
rssfeed_title="off";
|
||||
rssfeed_title_name="";
|
||||
rssfeed_title_bgcolor="#3366ff";
|
||||
rssfeed_title_color="#fff";
|
||||
rssfeed_title_bgimage="";
|
||||
rssfeed_footer="off";
|
||||
rssfeed_footer_name="rss feed";
|
||||
rssfeed_footer_bgcolor="#fff";
|
||||
rssfeed_footer_color="#333";
|
||||
rssfeed_footer_bgimage="";
|
||||
rssfeed_item_title_length="50";
|
||||
rssfeed_item_title_color="#666";
|
||||
rssfeed_item_bgcolor="#fff";
|
||||
rssfeed_item_bgimage="";
|
||||
rssfeed_item_border_bottom="on";
|
||||
rssfeed_item_source_icon="off";
|
||||
rssfeed_item_date="on";
|
||||
rssfeed_item_description="on";
|
||||
rssfeed_item_description_length="120";
|
||||
rssfeed_item_description_color="#fff";
|
||||
rssfeed_item_description_link_color="#55a0ff";
|
||||
rssfeed_item_description_tag="on";
|
||||
rssfeed_no_items="0";
|
||||
rssfeed_cache = "d2784bb4425b8c06320755ef158eb796";
|
||||
|
|
@ -1,58 +0,0 @@
|
|||
$(document).ready(function () {
|
||||
data = [];
|
||||
navigator.geolocation.getCurrentPosition(positionSet, positionError);
|
||||
if (data['location']['error'] == null) {
|
||||
weatherCurrent();
|
||||
weatherForecast();
|
||||
}
|
||||
else {
|
||||
weatherError();
|
||||
}
|
||||
});
|
||||
|
||||
function positionSet(position) {
|
||||
data['location']['error'] = null;
|
||||
data['location']['lat'] = position.coords.latitude;
|
||||
data['location']['long'] = position.coords.longitude;
|
||||
}
|
||||
|
||||
function positionError(error) {
|
||||
switch(error.code) {
|
||||
case error.PERMISSION_DENIED:
|
||||
data['location']['error'] = 'GEOLOCATION DENIED';
|
||||
break;
|
||||
case error.POSITION_UNAVAILABLE:
|
||||
data['location']['error'] = 'GEOLOCATION UNAVAILABLE';
|
||||
break;
|
||||
case error.TIMEOUT:
|
||||
data['location']['error'] = 'GEOLOCATION TIMEOUT';
|
||||
break;
|
||||
case error.UNKNOWN_ERROR:
|
||||
data['location']['error'] = 'GEOLOCATION UNKNOWN ERROR';
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
function weatherCurrent() {
|
||||
$.ajax({
|
||||
method: 'GET',
|
||||
url: 'https://api.openweathermap.org/data/2.5/weather?lat=' + data['location']['lat'] + '&lon=' + data['location']['long'],
|
||||
dataType: json,
|
||||
crossDomain: true,
|
||||
success: function (data) {
|
||||
|
||||
},
|
||||
error: function (error) {
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function weatherForecast() {
|
||||
|
||||
}
|
||||
|
||||
function weatherError() {
|
||||
|
||||
}
|
||||
Loading…
Reference in New Issue