Changed my mind again. Completely new style and design overhaul

このコミットが含まれているのは:
Ethan N. Paul 2018-02-02 18:55:09 -05:00
コミット eb01bd16fa
63個のファイルの変更5314行の追加671行の削除

14
Readme.md ノーマルファイル
ファイルの表示

@ -0,0 +1,14 @@
# Imperial - Free One Page Bootstrap Template
*Thanks for downloading!*
[BootstrapMade](https://bootstrapmade.com/imperial-free-onepage-bootstrap-theme/) is the author of this template.
Get more [free templates](https://themewagon.com/theme_tag/free/) from [ThemeWagon](https://themewagon.com/)
<!-- =======================================================
Theme Name: Imperial
Theme URL: https://bootstrapmade.com/imperial-free-onepage-bootstrap-theme/
Author: BootstrapMade.com
Author URL: https://bootstrapmade.com
======================================================= -->

ファイルの表示

6
_archive/5.5/css/bootstrap.min.css vendored ノーマルファイル

長すぎる行があるためファイル差分は表示されません

4
_archive/5.5/css/font-awesome.min.css vendored ノーマルファイル

長すぎる行があるためファイル差分は表示されません

349
_archive/5.5/css/style.css ノーマルファイル
ファイルの表示

@ -0,0 +1,349 @@
body {
line-height: 1.4;
font-family: 'Roboto', sans-serif;
font-size: 18px;
letter-spacing: 0.5px;
font-size: 15px;
font-weight: 400;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a {
outline: none;
}
a:hover, a:focus, a:active{
text-decoration: none;
outline: none;
}
/***********************************
************************************
Responsive media queries
************************************
***********************************/
.header {
background: url('../img/network.jpg') no-repeat fixed;
background-size: cover;
height: 100vh;
position: relative;
}
.navbar-default {
background-color: transparent;
border: 0px;
padding: 20px 0;
transition: all 0.3s;
}
.navbar-brand {
font-size: 25px;
}
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #fff;
outline: none;
}
.navbar-default .navbar-nav > li > a{
font-size: 14px;
font-weight: 400;
color: #fff;
outline: none;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
color: #fffde0;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
color: #fffde0;
background-color: transparent;
}
.top-nav-collapse {
padding: 0;
border-bottom-style: solid;
border-bottom-color: #606060;
background: rgba(0,0,0, 1);
}
.bg-color{
background-color: RGBA(0, 0, 0, 0.2);
height: 100vh;
}
.navbar-border{
}
.banner-text{
border-left: 5px solid #BE2525;
padding: 15px 40px;
color: #fff;
margin-top: 170px;
}
.banner-text h2, .banner-text p{
font-weight: 400;
font-family: 'Questrial', sans-serif;
}
.banner-text h2 {
font-size: 50px;
}
.banner-text p {
font-size: 30px;
}
.overlay-detail{
margin: 0 auto;
}
.overlay-detail a i {
text-align: center;
position: absolute;
bottom: -140px;
font-size: 24px;
color: #fff;
width: 40px;
height: 40px;
border: 1px solid #fff;
line-height: 40px;
border-radius: 50%;
}
#about{
/* margin-bottom: -3px;*/
}
.section-padding{
padding: 60px 0px;
}
.title{
font-size: 24px;
margin-bottom: 50px;
}
.title-text{
padding: 0px 25px 0px 0px;
border-right: 5px solid #BE2525;
font-size: 24px;
}
.abt-list li{
padding: 5px 0px;
font-size: 18px;
font-weight: 400;
}
section {
background-color: #3a3a3a;
color: white;
}
.grid-padding{
padding: 0 8px;
}
.grid-padding img{
margin-bottom: 15px;
}
.padding-right-zero{
padding-right: 0px !important;
}
#myGrid{
margin-top: 50px;
}
.test-sec blockquote {
background: #eee;
display: block;
font-size: 14px;
line-height: 20px;
padding: 15px;
position: relative;
}
.test-sec blockquote::after {
content: '';
position: absolute;
bottom: -14px;
margin-left: 10px;
border-top: 14px solid #eee;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid RGBA(0, 0, 0, 0.18);
}
.test-sec .carousel-info span {
display: block;
}
.test-sec span.testimonials-name {
color: #62646f;
font-weight: 600;
margin: 16px 0 5px;
}
#contact {
width: 100%;
background-color: RGBA(8, 7, 7, 0.92);
}
#contact .btn-primary {
background: #BE2525;
border: 1px solid #BE2525;
}
.validation {
color: red;
display:none;
margin: 0 0 20px;
font-weight:400;
font-size:13px;
}
#sendmessage {
color: green;
border:1px solid green;
background: #fff;
display:none;
text-align:center;
padding:15px;
font-weight:600;
margin-bottom:15px;
}
#errormessage {
color: red;
display:none;
border:1px solid red;
text-align:center;
padding:15px;
font-weight:600;
margin-bottom:15px;
background: #fff;
}
#sendmessage.show, #errormessage.show, .show {
display:block;
}
footer {
padding: 40px 0;
background: #F2F3EB;
}
.footer a {
color: #BE2525;
}
.footer__navigation li, .social-list li{
display: inline-block;
}
.contact-sec h2 {
font-size: 28px;
color: #fff;
font-weight: 600;
padding: 15px 0px;
}
.footer__navigation li a
{
display: inline-block;
color: #767676;
font-weight: 600;
font-variant-ligatures: common-ligatures;
font-size: 1.2em;
line-height: 1.625em;
margin-top: 0;
margin-bottom: 1.625em;
padding-right: 10px;
}
.contact-sec p {
color: #fff;
font-size: 18px;
padding: 16px 0px 24px;
}
.contact-sec i{
padding-right: 15px;
}
.contact-sec a {
color: #FFF;
background-color: RGBA(174, 142, 142, 0.7);
display: inline-block;
padding: 16px 34px;
font-size: 18px;
transition: all 0.5s ease-in 0s;
}
.carousel-info, blockquote {
float: left;
}
.social-list li{
transition: 0.2s linear;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
opacity: .5;
display: inline-block;
margin: 0;
}
.social-list li a{
font-size: 28px;
margin-right: 15px;
}
.type-underline, .type-underline:hover{
color: #767676;
}
.footer__lower {
margin-top: 3.25em;
}
.type--fine-print{
color: #767676;
}
.navbar-toggle {
position: relative;
background-color: #fff;
border-radius: 4px;
}
.navbar-nav > li > a {
padding-top: 24px;
padding-bottom: 24px;
}
.navbar-brand{
margin-top: 9px;
}
.grid-item { width: 200px; }
.grid-item--width2 { width: 400px; }
/***********************************
************************************
Responsive media queries
************************************
***********************************/
@media (min-width: 551px) and (max-width: 980px){
.title-text{
margin-bottom: 15px;
}
}
@media (min-width: 100px) and (max-width: 550px) {
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
.navbar-brand{
margin-top: 0px;
}
.carousel-info {
margin-bottom: 30px;
}
.type--fine-print{
text-align: center;
}
.text-center-xs{
text-align: center !important;
}
.social-list{
margin-bottom: 15px;
}
.banner-text h2, .banner-text p {
font-size: 30px;
}
.title-text{
margin-bottom: 15px;
}
}

バイナリ
_archive/5.5/fonts/FontAwesome.otf ノーマルファイル

バイナリファイルは表示されません。

バイナリ
_archive/5.5/fonts/fontawesome-webfont.eot ノーマルファイル

バイナリファイルは表示されません。

2671
_archive/5.5/fonts/fontawesome-webfont.svg ノーマルファイル

ファイル差分が大きすぎるため省略します 差分を読み込み

変更後

幅:  |  高さ:  |  サイズ: 434 KiB

バイナリ
_archive/5.5/fonts/fontawesome-webfont.ttf ノーマルファイル

バイナリファイルは表示されません。

バイナリ
_archive/5.5/fonts/fontawesome-webfont.woff ノーマルファイル

バイナリファイルは表示されません。

バイナリ
_archive/5.5/fonts/fontawesome-webfont.woff2 ノーマルファイル

バイナリファイルは表示されません。

ファイルの表示

変更前

幅:  |  高さ:  |  サイズ: 15 KiB

変更後

幅:  |  高さ:  |  サイズ: 15 KiB

ファイルの表示

変更前

幅:  |  高さ:  |  サイズ: 2.2 KiB

変更後

幅:  |  高さ:  |  サイズ: 2.2 KiB

ファイルの表示

変更前

幅:  |  高さ:  |  サイズ: 12 KiB

変更後

幅:  |  高さ:  |  サイズ: 12 KiB

バイナリ
_archive/5.5/img/e-w.png ノーマルファイル

バイナリファイルは表示されません。

変更後

幅:  |  高さ:  |  サイズ: 4.2 KiB

バイナリ
_archive/5.5/img/network.jpg ノーマルファイル

バイナリファイルは表示されません。

変更後

幅:  |  高さ:  |  サイズ: 190 KiB

ファイルの表示

変更前

幅:  |  高さ:  |  サイズ: 198 KiB

変更後

幅:  |  高さ:  |  サイズ: 198 KiB

ファイルの表示

変更前

幅:  |  高さ:  |  サイズ: 166 KiB

変更後

幅:  |  高さ:  |  サイズ: 166 KiB

ファイルの表示

変更前

幅:  |  高さ:  |  サイズ: 225 KiB

変更後

幅:  |  高さ:  |  サイズ: 225 KiB

ファイルの表示

変更前

幅:  |  高さ:  |  サイズ: 49 KiB

変更後

幅:  |  高さ:  |  サイズ: 49 KiB

ファイルの表示

変更前

幅:  |  高さ:  |  サイズ: 26 KiB

変更後

幅:  |  高さ:  |  サイズ: 26 KiB

274
_archive/5.5/index.html ノーマルファイル
ファイルの表示

@ -0,0 +1,274 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="author" content="enpaul@enpaul.net"/>
<meta name="description" content="E N Paul personal landing page and Network Services website"/>
<meta name="keywords" content="enpaul, network, operations, networking, plex, media, server, adds, active, directory, wpi, worcester, polytechnic, institute, boston, mechanical, engineering, solidworks, home, lab, homelab, solid, works, autocad, cad, domain, windows, server"/>
<meta name="robots" content="index,follow"/>
<meta property="og:title" content="E.N. Paul"/>
<meta property='og:locale' content="en_US"/>
<meta property='og:description' content="E N Paul personal landing page and Network Services website"/>
<meta property="og:type" content="Website"/>
<meta property='og:site_name' content="E.N. Paul"/>
<meta property="og:url" content="https://enpaul.net/"/>
<title>E.N. Paul</title>
<link rel="shortcut icon" href="img\e-b.png">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Fira+Sans|Roboto:300,400|Questrial|Satisfy">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/hexagons.min.css">
<link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<!--<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60" onload="myFunction()">-->
<body data-spy="scroll" data-target=".navbar" data-offset="60">
<!-- Header section -->
<div class="header">
<div class="bg-color">
<!-- Navigation bar and top-left icon section -->
<header id="main-header">
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#lauraMenu">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><p><img src="img/e-w.png" style="max-width: 3rem;">&nbsp;E.N. Paul</p></a>
</div>
<div class="collapse navbar-collapse" id="lauraMenu">
<ul class="nav navbar-nav navbar-right navbar-border">
<li class="active"><a href="#main-header">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#network">Network</a></li>
<!--<li><a href="#testimonial">Testimonial</a></li>-->
</ul>
</div>
</div>
</nav>
</header>
<!-- Main panel -->
<div class="wrapper">
<div class="container">
<div class="row">
<div class="col-md-12 wow fadeIn delay-05s">
<div class="banner-text">
<h2>Ethan N. Paul</h2>
<p><i>Student, tinkerer, programmer, aspiring engineer</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section id="about" class="section-padding wow fadeIn delay-05s">
<div class="container">
<div class="row">
<div class="col-md-6 text-right">
<h2 class="title-text">
About me...
</h2>
</div>
<div class="col-md-6 text-left">
<div class="about-text">
<p>Hello! My name is Ethan Paul, and this is my website! I am a student at Worcester Polytechnic Institute, a part-time employee at WPI Network Operations, and a full-time tinkerer.</p>
<p>&nbsp;</p>
<p>My interests are varried and constantly changing, but pretty consistently you can find me designing in SolidWorks, programming in Python, or crawling underneath the rust bucket I call a car! <a href="/about">Want to know more?</a></p>
<p>&nbsp;</p>
<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 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>
<li>
<a target="_blank" href="https://www.instagram.com/theenpaul/"><span class="hb hb-sm"><i class="fa fa-instagram"></i></span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section id="network" class="section-padding wow fadeInUp delay-05s">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="title text-center">The Network</h2>
</div>
<div class="col-md-12">
<div id="myGrid" class="grid-padding">
<div class="col-md-4 col-sm-4 padding-right-zero">
<img src="img/portfolio01.jpg" class="img-responsive">
<img src="img/port01.jpg" class="img-responsive">
<img src="img/port02.jpg" class="img-responsive">
<img src="img/portfolio01.jpg" class="img-responsive">
</div>
<div class="col-md-4 col-sm-4 padding-right-zero">
<img src="img/portfolio02.jpg" class="img-responsive">
<img src="img/port01.jpg" class="img-responsive">
<img src="img/port02.jpg" class="img-responsive">
<img src="img/portfolio01.jpg" class="img-responsive">
<img src="img/port03.jpg" class="img-responsive">
</div>
<div class="col-md-4 col-sm-4 padding-right-zero">
<img src="img/port01.jpg" class="img-responsive">
<img src="img/portfolio01.jpg" class="img-responsive">
<img src="img/portfolio02.jpg" class="img-responsive">
<img src="img/port03.jpg" class="img-responsive">
<img src="img/portfolio02.jpg" class="img-responsive">
<img src="img/port02.jpg" class="img-responsive">
</div>
</div>
</div>
</div>
</div>
</section>
<!--<section id="testimonial" class="section-padding wow fadeInUp">
<div class="container">
<div class="row">
<h2 class="title text-center">See What Our <span class="deco">Client</span> Are Saying ?</h2>
<div class="test-sec">
<div class="col-sm-4">
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diamsed commodo nibh ante facilisis bibendum dolor feugiat at. </p>
</blockquote>
<div class="carousel-info">
<div class="pull-left"> <span class="testimonials-name">John Doe</span> <span class="testimonials-post">CEO, Company Inc.</span> </div>
</div>
</div>
<div class="col-sm-4">
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diamsed commodo nibh ante facilisis bibendum dolor feugiat at. </p>
</blockquote>
<div class="carousel-info">
<div class="pull-left"> <span class="testimonials-name">John Doe</span> <span class="testimonials-post">CEO, Company Inc.</span> </div>
</div>
</div>
<div class="col-sm-4">
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diamsed commodo nibh ante facilisis bibendum dolor feugiat at. </p>
</blockquote>
<div class="carousel-info">
<div class="pull-left"> <span class="testimonials-name">John Doe</span> <span class="testimonials-post">CEO, Company Inc.</span> </div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="section-padding wow fadeIn delay-05s">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="contact-sec text-center">
<h2>Want To <span class="deco">Hire</span> Me?</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
</div>
</div>
<div class="col-md-8 col-md-push-2">
<div id="sendmessage">Your message has been sent. Thank you!</div>
<div id="errormessage"></div>
<form action="" method="post" role="form" class="contactForm">
<div class="form-group">
<input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
<div class="validation"></div>
</div>
<div class="form-group">
<input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" />
<div class="validation"></div>
</div>
<div class="form-group">
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
<div class="validation"></div>
</div>
<div class="form-group">
<textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
<div class="validation"></div>
</div>
<div class="text-center"><button type="submit" class="btn btn-primary btn-lg">Send Message</button></div>
</form>
</div>
</div>
</div>
</section> -->
<footer class="footer-2 text-center-xs bg--white">
<div class="container">
<!--end row-->
<div class="row">
<div class="col-md-6">
<div class="footer">
© Copyright Laura Theme. All Rights Reserved
<div class="credits">
<!--
All the links in the footer should remain intact.
You can delete the links only if you purchased the pro version.
Licensing information: https://bootstrapmade.com/license/
Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=Laura
-->
Designed by <a href="https://bootstrapmade.com/">BootstrapMade.com</a>
</div>
</div>
</div>
<div class="col-md-6 text-right">
<ul class="social-list">
<li>
<a href="#"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-dribbble"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-vimeo"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-instagram"></i></a>
</li>
</ul>
</div>
</div>
<!--end row-->
</div>
</footer>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.bxslider.min.js"></script>
<script src="js/wow.js"></script>
<script src="js/custom.js"></script>
<script src="contactform/contactform.js"></script>
</body>
</html>

7
_archive/5.5/js/bootstrap.min.js vendored ノーマルファイル

長すぎる行があるためファイル差分は表示されません

51
_archive/5.5/js/custom.js ノーマルファイル
ファイルの表示

@ -0,0 +1,51 @@
(function ($) {
// Init Wow
wow = new WOW( {
animateClass: 'animated',
offset: 100
});
wow.init();
// Navigation scrolls
$('.navbar-nav li a').bind('click', function(event) {
$('.navbar-nav li').removeClass('active');
$(this).closest('li').addClass('active');
var $anchor = $(this);
var nav = $($anchor.attr('href'));
if (nav.length) {
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top
}, 1500, 'easeInOutExpo');
event.preventDefault();
}
});
// About section scroll
$(".overlay-detail a").on('click', function(event) {
event.preventDefault();
var hash = this.hash;
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 900, function(){
window.location.hash = hash;
});
});
//jQuery to collapse the navbar on scroll
$(window).scroll(function() {
if ($(".navbar-default").offset().top > 50) {
$(".navbar-fixed-top").addClass("top-nav-collapse");
} else {
$(".navbar-fixed-top").removeClass("top-nav-collapse");
}
});
// Testimonials Slider
$('.bxslider').bxSlider({
adaptiveHeight: true,
mode: 'fade'
});
})(jQuery);

5
_archive/5.5/js/jquery.min.js vendored ノーマルファイル

長すぎる行があるためファイル差分は表示されません

ファイルの表示

11
css/animate.min.css vendored ノーマルファイル

長すぎる行があるためファイル差分は表示されません

1
css/scss-files.txt ノーマルファイル
ファイルの表示

@ -0,0 +1 @@
The scss source files are available in the pro version.

ファイル差分が大きすぎるため省略します 差分を読み込み

バイナリ
img/about-img.jpg ノーマルファイル

バイナリファイルは表示されません。

変更後

幅:  |  高さ:  |  サイズ: 97 KiB

バイナリ
img/bw.jpg ノーマルファイル

バイナリファイルは表示されません。

変更後

幅:  |  高さ:  |  サイズ: 118 KiB

バイナリ
img/circuit.jpg ノーマルファイル

バイナリファイルは表示されません。

変更後

幅:  |  高さ:  |  サイズ: 1.0 MiB

バイナリ
img/client-1.jpg ノーマルファイル

バイナリファイルは表示されません。

変更後

幅:  |  高さ:  |  サイズ: 39 KiB

バイナリ
img/client-2.jpg ノーマルファイル

バイナリファイルは表示されません。

変更後

幅:  |  高さ:  |  サイズ: 56 KiB

バイナリ
img/hero-bg.jpg ノーマルファイル

バイナリファイルは表示されません。

変更後

幅:  |  高さ:  |  サイズ: 840 KiB

バイナリ
img/logo.png ノーマルファイル

バイナリファイルは表示されません。

変更後

幅:  |  高さ:  |  サイズ: 3.9 KiB

バイナリ
img/portfolio-1.jpg ノーマルファイル

バイナリファイルは表示されません。

変更後

幅:  |  高さ:  |  サイズ: 12 KiB

バイナリ
img/portfolio-2.jpg ノーマルファイル

バイナリファイルは表示されません。

変更後

幅:  |  高さ:  |  サイズ: 54 KiB

バイナリ
img/portfolio-3.jpg ノーマルファイル

バイナリファイルは表示されません。

変更後

幅:  |  高さ:  |  サイズ: 38 KiB

バイナリ
img/portfolio-4.jpg ノーマルファイル

バイナリファイルは表示されません。

変更後

幅:  |  高さ:  |  サイズ: 50 KiB

バイナリ
img/portfolio-5.jpg ノーマルファイル

バイナリファイルは表示されません。

変更後

幅:  |  高さ:  |  サイズ: 49 KiB

バイナリ
img/portfolio-6.jpg ノーマルファイル

バイナリファイルは表示されません。

変更後

幅:  |  高さ:  |  サイズ: 33 KiB

バイナリ
img/portfolio-7.jpg ノーマルファイル

バイナリファイルは表示されません。

変更後

幅:  |  高さ:  |  サイズ: 43 KiB

バイナリ
img/portfolio-8.jpg ノーマルファイル

バイナリファイルは表示されません。

変更後

幅:  |  高さ:  |  サイズ: 46 KiB

1
img/preloader.svg ノーマルファイル
ファイルの表示

@ -0,0 +1 @@
<?xml version="1.0" encoding="utf-8"?><svg width='80px' height='80px' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="uil-ripple"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><g> <animate attributeName="opacity" dur="2s" repeatCount="indefinite" begin="0s" keyTimes="0;0.33;1" values="1;1;0"></animate><circle cx="50" cy="50" r="40" stroke="#ebebeb" fill="none" stroke-width="3" stroke-linecap="round"><animate attributeName="r" dur="2s" repeatCount="indefinite" begin="0s" keyTimes="0;0.33;1" values="0;22;44"></animate></circle></g><g><animate attributeName="opacity" dur="2s" repeatCount="indefinite" begin="1s" keyTimes="0;0.33;1" values="1;1;0"></animate><circle cx="50" cy="50" r="40" stroke="#03C4EB" fill="none" stroke-width="3" stroke-linecap="round"><animate attributeName="r" dur="2s" repeatCount="indefinite" begin="1s" keyTimes="0;0.33;1" values="0;22;44"></animate></circle></g></svg>

変更後

幅:  |  高さ:  |  サイズ: 973 B

バイナリ
img/quote_sign_left.png ノーマルファイル

バイナリファイルは表示されません。

変更後

幅:  |  高さ:  |  サイズ: 1.3 KiB

バイナリ
img/quote_sign_right.png ノーマルファイル

バイナリファイルは表示されません。

変更後

幅:  |  高さ:  |  サイズ: 1.3 KiB

バイナリ
img/services-bg.jpg ノーマルファイル

バイナリファイルは表示されません。

変更後

幅:  |  高さ:  |  サイズ: 339 KiB

バイナリ
img/subscribe-bg.jpg ノーマルファイル

バイナリファイルは表示されません。

変更後

幅:  |  高さ:  |  サイズ: 412 KiB

バイナリ
img/team-1.jpg ノーマルファイル

バイナリファイルは表示されません。

変更後

幅:  |  高さ:  |  サイズ: 67 KiB

バイナリ
img/team-2.jpg ノーマルファイル

バイナリファイルは表示されません。

変更後

幅:  |  高さ:  |  サイズ: 48 KiB

バイナリ
img/team-3.jpg ノーマルファイル

バイナリファイルは表示されません。

変更後

幅:  |  高さ:  |  サイズ: 66 KiB

バイナリ
img/team-4.jpg ノーマルファイル

バイナリファイルは表示されません。

変更後

幅:  |  高さ:  |  サイズ: 46 KiB

ファイルの表示

@ -1,271 +1,487 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="author" content="enpaul@enpaul.net"/>
<meta name="description" content="E N Paul personal landing page and Network Services website"/>
<meta name="keywords" content="enpaul, network, operations, networking, plex, media, server, adds, active, directory, wpi, worcester, polytechnic, institute, boston, mechanical, engineering, solidworks, home, lab, homelab, solid, works, autocad, cad, domain, windows, server"/>
<meta name="robots" content="index,follow"/>
<meta property="og:title" content="E.N. Paul"/>
<meta property='og:locale' content="en_US"/>
<meta property='og:description' content="E N Paul personal landing page and Network Services website"/>
<meta property="og:type" content="Website"/>
<meta property='og:site_name' content="E.N. Paul"/>
<meta property="og:url" content="https://enpaul.net/"/>
<title>E.N. Paul</title>
<link rel="shortcut icon" href="img\e-b.png">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Fira+Sans|Roboto:300,400|Questrial|Satisfy">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/hexagons.min.css">
<link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<!--<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60" onload="myFunction()">-->
<body data-spy="scroll" data-target=".navbar" data-offset="60">
<!-- Header section -->
<div class="header">
<div class="bg-color">
<!-- Navigation bar and top-left icon section -->
<header id="main-header">
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#lauraMenu">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><p><img src="img/e-w.png" style="max-width: 3rem;">&nbsp;E.N. Paul</p></a>
</div>
<div class="collapse navbar-collapse" id="lauraMenu">
<ul class="nav navbar-nav navbar-right navbar-border">
<li class="active"><a href="#main-header">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#network">Network</a></li>
<!--<li><a href="#testimonial">Testimonial</a></li>-->
</ul>
</div>
</div>
</nav>
</header>
<!-- Main panel -->
<div class="wrapper">
<div class="container">
<div class="row">
<div class="col-md-12 wow fadeIn delay-05s">
<div class="banner-text">
<h2>Ethan N. Paul</h2>
<p><i>Student, tinkerer, programmer, aspiring engineer</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section id="about" class="section-padding wow fadeIn delay-05s">
<div class="container">
<div class="row">
<div class="col-md-6 text-right">
<h2 class="title-text">
About me...
</h2>
</div>
<div class="col-md-6 text-left">
<div class="about-text">
<p>Hello! My name is Ethan Paul, and this is my website! I am a student at Worcester Polytechnic Institute, a part-time employee at WPI Network Operations, and a full-time tinkerer.</p>
<p>&nbsp;</p>
<p>My interests are varried and constantly chaning, but pretty consistently you can find me designing in SolidWorks, programming in Python, or crawling underneath the rust bucket I call a car! Want to know more? <a href="https://download.enpaul.net/enpaul-resume.pdf" target="_blank">Download my resume!</a></p>
<p>&nbsp;</p>
<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 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>
</section>
<section id="network" class="section-padding wow fadeInUp delay-05s">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="title text-center">Let's <span class="deco">See</span> My Work</h2>
</div>
<div class="col-md-12">
<div id="myGrid" class="grid-padding">
<div class="col-md-4 col-sm-4 padding-right-zero">
<img src="img/portfolio01.jpg" class="img-responsive">
<img src="img/port01.jpg" class="img-responsive">
<img src="img/port02.jpg" class="img-responsive">
<img src="img/portfolio01.jpg" class="img-responsive">
</div>
<div class="col-md-4 col-sm-4 padding-right-zero">
<img src="img/portfolio02.jpg" class="img-responsive">
<img src="img/port01.jpg" class="img-responsive">
<img src="img/port02.jpg" class="img-responsive">
<img src="img/portfolio01.jpg" class="img-responsive">
<img src="img/port03.jpg" class="img-responsive">
</div>
<div class="col-md-4 col-sm-4 padding-right-zero">
<img src="img/port01.jpg" class="img-responsive">
<img src="img/portfolio01.jpg" class="img-responsive">
<img src="img/portfolio02.jpg" class="img-responsive">
<img src="img/port03.jpg" class="img-responsive">
<img src="img/portfolio02.jpg" class="img-responsive">
<img src="img/port02.jpg" class="img-responsive">
</div>
</div>
</div>
</div>
</div>
</section>
<!--<section id="testimonial" class="section-padding wow fadeInUp">
<div class="container">
<div class="row">
<h2 class="title text-center">See What Our <span class="deco">Client</span> Are Saying ?</h2>
<div class="test-sec">
<div class="col-sm-4">
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diamsed commodo nibh ante facilisis bibendum dolor feugiat at. </p>
</blockquote>
<div class="carousel-info">
<div class="pull-left"> <span class="testimonials-name">John Doe</span> <span class="testimonials-post">CEO, Company Inc.</span> </div>
</div>
</div>
<div class="col-sm-4">
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diamsed commodo nibh ante facilisis bibendum dolor feugiat at. </p>
</blockquote>
<div class="carousel-info">
<div class="pull-left"> <span class="testimonials-name">John Doe</span> <span class="testimonials-post">CEO, Company Inc.</span> </div>
</div>
</div>
<div class="col-sm-4">
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diamsed commodo nibh ante facilisis bibendum dolor feugiat at. </p>
</blockquote>
<div class="carousel-info">
<div class="pull-left"> <span class="testimonials-name">John Doe</span> <span class="testimonials-post">CEO, Company Inc.</span> </div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="section-padding wow fadeIn delay-05s">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="contact-sec text-center">
<h2>Want To <span class="deco">Hire</span> Me?</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
</div>
</div>
<div class="col-md-8 col-md-push-2">
<div id="sendmessage">Your message has been sent. Thank you!</div>
<div id="errormessage"></div>
<form action="" method="post" role="form" class="contactForm">
<div class="form-group">
<input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
<div class="validation"></div>
</div>
<div class="form-group">
<input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" />
<div class="validation"></div>
</div>
<div class="form-group">
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
<div class="validation"></div>
</div>
<div class="form-group">
<textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
<div class="validation"></div>
</div>
<div class="text-center"><button type="submit" class="btn btn-primary btn-lg">Send Message</button></div>
</form>
</div>
</div>
</div>
</section> -->
<footer class="footer-2 text-center-xs bg--white">
<div class="container">
<!--end row-->
<div class="row">
<div class="col-md-6">
<div class="footer">
© Copyright Laura Theme. All Rights Reserved
<div class="credits">
<!--
All the links in the footer should remain intact.
You can delete the links only if you purchased the pro version.
Licensing information: https://bootstrapmade.com/license/
Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=Laura
-->
Designed by <a href="https://bootstrapmade.com/">BootstrapMade.com</a>
</div>
</div>
</div>
<div class="col-md-6 text-right">
<ul class="social-list">
<li>
<a href="#"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-dribbble"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-vimeo"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-instagram"></i></a>
</li>
</ul>
</div>
</div>
<!--end row-->
</div>
</footer>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.bxslider.min.js"></script>
<script src="js/wow.js"></script>
<script src="js/custom.js"></script>
<script src="contactform/contactform.js"></script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Web crawler and search indexing meta -->
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="author" content="enpaul@enpaul.net"/>
<meta name="description" content="E N Paul personal landing page and Network Services website"/>
<meta name="keywords" content="enpaul, network, operations, networking, plex, media, server, adds, active, directory, wpi, worcester, polytechnic, institute, boston, mechanical, engineering, solidworks, home, lab, homelab, solid, works, autocad, cad, domain, windows, server"/>
<meta name="robots" content="index,follow"/>
<!-- Facebook integration meta -->
<meta property="og:title" content="E.N. Paul"/>
<meta property='og:locale' content="en_US"/>
<meta property='og:description' content="E N Paul personal landing page and Network Services website"/>
<meta property="og:type" content="Website"/>
<meta property='og:site_name' content="E.N. Paul"/>
<meta property="og:url" content="https://enpaul.net/"/>
<!-- Twitter integration meta -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="">
<meta name="twitter:title" content="E.N. Paul">
<meta name="twitter:description" content="">
<meta name="twitter:image" content="">
<!-- Page title and favicon definition -->
<title>E.N. Paul</title>
<link rel="shortcut icon" href="img\e-b.png">
<!-- Google Fonts loader -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800" rel="stylesheet">
<!-- CSS references -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- JavaScript references -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/superfish.hoverIntent.js"></script>
<script src="js/superfish.min.js"></script>
<script src="js/morphext.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/sticky.js"></script>
<script src="js/easing.min.js"></script>
<script src="js/custom.js"></script>
</head>
<body>
<div id="preloader"></div>
<section id="hero">
<div class="hero-container">
<div class="wow fadeIn">
<div class="hero-logo">
<img class="" src="img/e-w.png" alt="E. N. Paul">
</div>
<h1>Ethan N. Paul</h1>
<h2>I am an engineering <span class="rotating">student, tinkerer, programmer, designer</span></h2>
<div class="actions">
<a href="#about" class="btn-get-started">About Me</a>
<a href="#network" class="btn-services">Network Services</a>
</div>
</div>
</div>
</section>
<header id="header">
<div class="container">
<div id="logo" class="pull-left">
<a href="#hero"><img src="img/e-w.png" alt="ENPaul" title="" /></img></a>
</div>
<nav id="nav-menu-container">
<ul class="nav-menu">
<li class="menu-active"><a href="#hero">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
<li class="menu-has-children"><a href="#network">Network</a>
<ul>
<li><a href="https://gitlab.enpaul.net/">GitLab</a></li>
<li><a href="https://storage.enpaul.net/">Web Storage</a></li>
<li><a href="https://plex.enpaul.net/">Plex Media Server</a></li>
<li><a href="https://docs.enpaul.net/vpn/overview/">VPN</a></li>
</ul>
</li>
<li><a target="_blank" href="https://docs.enpaul.net/">Docs</a></li>
</ul>
</nav>
</div>
</header>
<section id="about">
<div class="container wow fadeInUp">
<div class="row">
<div class="col-md-12">
<h3 class="section-title">About Me</h3>
<div class="section-title-divider"></div>
<p class="section-description">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam</p>
</div>
</div>
</div>
<div class="container about-container wow fadeInUp">
<div class="row">
<div class="col-md-6 col-md-push-6 about-content">
<h2 class="about-title">We provide great services and ideass</h2>
<p class="about-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate
</p>
<p class="about-text">
Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim
id est laborum
</p>
<p class="about-text">
Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim
id est laborum
</p>
</div>
</div>
</div>
</section>
<section id="network">
<div class="container wow fadeInUp">
<div class="row">
<div class="col-md-12">
<h3 class="section-title">Network Services</h3>
<div class="section-title-divider"></div>
<p class="section-description">The ENPaul Network provides a number of services for entertainment, reference, security, and productivity.<br>To Learn more about the network as a whole, please <a href="https://docs.enpaul.net/">read the docs</a>.</p>
</div>
</div>
<div class="row">
<div class="col-md-4 service-item">
<div class="service-icon"><i class="fa fa-desktop"></i></div>
<h4 class="service-title"><a href="">Active Directory Domain</a></h4>
<p class="service-description">Voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident</p>
</div>
<div class="col-md-4 service-item">
<div class="service-icon"><i class="fa fa-bar-chart"></i></div>
<h4 class="service-title"><a href="">VPN</a></h4>
<p class="service-description">Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat tarad limino ata</p>
</div>
<div class="col-md-4 service-item">
<div class="service-icon"><i class="fa fa-paper-plane"></i></div>
<h4 class="service-title"><a href="">GitLab</a></h4>
<p class="service-description">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
</div>
<div class="col-md-4 service-item">
<div class="service-icon"><i class="fa fa-photo"></i></div>
<h4 class="service-title"><a href="">Plex Media Server</a></h4>
<p class="service-description">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
</div>
<div class="col-md-4 service-item">
<div class="service-icon"><i class="fa fa-road"></i></div>
<h4 class="service-title"><a href="">Cloud Storage</a></h4>
<p class="service-description">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque</p>
</div>
<div class="col-md-4 service-item">
<div class="service-icon"><i class="fa fa-shopping-bag"></i></div>
<h4 class="service-title"><a href="">Documentation</a></h4>
<p class="service-description">Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi</p>
</div>
</div>
</div>
</section>
<section id="status">
<div class="container wow fadeInUp">
<div class="row">
<div class="col-md-8">
<h3 class="status-title">Service Status</h3>
<p class="status-text">Having trouble accessing a network service? Check the status online and let me know if there are problems!</p>
</div>
<div class="col-md-4 status-btn-container">
<a class="disabled status-btn" href="#">Coming Soon!</a>
</div>
</div>
</div>
</section>
<!--==========================
Porfolio Section
============================
<section id="portfolio">
<div class="container wow fadeInUp">
<div class="row">
<div class="col-md-12">
<h3 class="section-title">Portfolio</h3>
<div class="section-title-divider"></div>
<p class="section-description">Si stante, hoc natura videlicet vult, salvam esse se, quod concedimus ses haec dicturum fuisse</p>
</div>
</div>
<div class="row">
<div class="col-md-3">
<a class="portfolio-item" style="background-image: url(img/portfolio-1.jpg);" href="">
<div class="details">
<h4>Portfolio 1</h4>
<span>Alored dono par</span>
</div>
</a>
</div>
<div class="col-md-3">
<a class="portfolio-item" style="background-image: url(img/portfolio-2.jpg);" href="">
<div class="details">
<h4>Portfolio 2</h4>
<span>Alored dono par</span>
</div>
</a>
</div>
<div class="col-md-3">
<a class="portfolio-item" style="background-image: url(img/portfolio-3.jpg);" href="">
<div class="details">
<h4>Portfolio 3</h4>
<span>Alored dono par</span>
</div>
</a>
</div>
<div class="col-md-3">
<a class="portfolio-item" style="background-image: url(img/portfolio-4.jpg);" href="">
<div class="details">
<h4>Portfolio 4</h4>
<span>Alored dono par</span>
</div>
</a>
</div>
<div class="col-md-3">
<a class="portfolio-item" style="background-image: url(img/portfolio-5.jpg);" href="">
<div class="details">
<h4>Portfolio 5</h4>
<span>Alored dono par</span>
</div>
</a>
</div>
<div class="col-md-3">
<a class="portfolio-item" style="background-image: url(img/portfolio-6.jpg);" href="">
<div class="details">
<h4>Portfolio 6</h4>
<span>Alored dono par</span>
</div>
</a>
</div>
<div class="col-md-3">
<a class="portfolio-item" style="background-image: url(img/portfolio-7.jpg);" href="">
<div class="details">
<h4>Portfolio 7</h4>
<span>Alored dono par</span>
</div>
</a>
</div>
<div class="col-md-3">
<a class="portfolio-item" style="background-image: url(img/portfolio-8.jpg);" href="">
<div class="details">
<h4>Portfolio 8</h4>
<span>Alored dono par</span>
</div>
</a>
</div>
</div>
</div>
</section>-->
<!--==========================
Testimonials Section
============================
<section id="testimonials">
<div class="container wow fadeInUp">
<div class="row">
<div class="col-md-12">
<h3 class="section-title">Testimonials</h3>
<div class="section-title-divider"></div>
<p class="section-description">Erdo lide, nora porodo filece, salvam esse se, quod concedimus ses haec dicturum fuisse</p>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="profile">
<div class="pic"><img src="img/client-1.jpg" alt=""></div>
<h4>Saul Goodman</h4>
<span>Lawless Inc</span>
</div>
</div>
<div class="col-md-9">
<div class="quote">
<b><img src="img/quote_sign_left.png" alt=""></b> Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper. <small><img src="img/quote_sign_right.png" alt=""></small>
</div>
</div>
</div>
<div class="row">
<div class="col-md-9">
<div class="quote">
<b><img src="img/quote_sign_left.png" alt=""></b> Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis architecto beatae. <small><img src="img/quote_sign_right.png" alt=""></small>
</div>
</div>
<div class="col-md-3">
<div class="profile">
<div class="pic"><img src="img/client-2.jpg" alt=""></div>
<h4>Sara Wilsson</h4>
<span>Odeo Inc</span>
</div>
</div>
</div>
</div>
</section>-->
<!--==========================
Team Section
============================
<section id="team">
<div class="container wow fadeInUp">
<div class="row">
<div class="col-md-12">
<h3 class="section-title">Our Team</h3>
<div class="section-title-divider"></div>
<p class="section-description">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque</p>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="member">
<div class="pic"><img src="img/team-1.jpg" alt=""></div>
<h4>Walter White</h4>
<span>Chief Executive Officer</span>
<div class="social">
<a href=""><i class="fa fa-twitter"></i></a>
<a href=""><i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-google-plus"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="member">
<div class="pic"><img src="img/team-2.jpg" alt=""></div>
<h4>Sarah Jhinson</h4>
<span>Product Manager</span>
<div class="social">
<a href=""><i class="fa fa-twitter"></i></a>
<a href=""><i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-google-plus"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="member">
<div class="pic"><img src="img/team-3.jpg" alt=""></div>
<h4>William Anderson</h4>
<span>CTO</span>
<div class="social">
<a href=""><i class="fa fa-twitter"></i></a>
<a href=""><i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-google-plus"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="member">
<div class="pic"><img src="img/team-4.jpg" alt=""></div>
<h4>Amanda Jepson</h4>
<span>Accountant</span>
<div class="social">
<a href=""><i class="fa fa-twitter"></i></a>
<a href=""><i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-google-plus"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>-->
<!--==========================
Contact Section
============================
<section id="contact">
<div class="container wow fadeInUp">
<div class="row">
<div class="col-md-12">
<h3 class="section-title">Contact Us</h3>
<div class="section-title-divider"></div>
<p class="section-description">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque</p>
</div>
</div>
<div class="row">
<div class="col-md-3 col-md-push-2">
<div class="info">
<div>
<i class="fa fa-map-marker"></i>
<p>A108 Adam Street<br>New York, NY 535022</p>
</div>
<div>
<i class="fa fa-envelope"></i>
<p>info@example.com</p>
</div>
<div>
<i class="fa fa-phone"></i>
<p>+1 5589 55488 55s</p>
</div>
</div>
</div>
<div class="col-md-5 col-md-push-2">
<div class="form">
<div id="sendmessage">Your message has been sent. Thank you!</div>
<div id="errormessage"></div>
<form action="" method="post" role="form" class="contactForm">
<div class="form-group">
<input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
<div class="validation"></div>
</div>
<div class="form-group">
<input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" />
<div class="validation"></div>
</div>
<div class="form-group">
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
<div class="validation"></div>
</div>
<div class="form-group">
<textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
<div class="validation"></div>
</div>
<div class="text-center"><button type="submit">Send Message</button></div>
</form>
</div>
</div>
</div>
</div>
</section>-->
<!--==========================
Footer
============================-->
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="copyright">
&copy;2018 <strong>Ethan N. Paul</strong>. All Rights Reserved
</div>
<div class="copyright">
This page was updated on <strong>2018-02-02</strong>
</div>
</div>
</div>
</div>
</footer>
<a href="#about" class="back-to-top"><span title="Back to top"><i class="fa fa-chevron-up"></i></span></a>
</body>
</html>

ファイルの表示

@ -1,51 +1,110 @@
(function ($) {
// Init Wow
wow = new WOW( {
animateClass: 'animated',
offset: 100
});
wow.init();
// Navigation scrolls
$('.navbar-nav li a').bind('click', function(event) {
$('.navbar-nav li').removeClass('active');
$(this).closest('li').addClass('active');
var $anchor = $(this);
var nav = $($anchor.attr('href'));
if (nav.length) {
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top
}, 1500, 'easeInOutExpo');
event.preventDefault();
}
});
// About section scroll
$(".overlay-detail a").on('click', function(event) {
event.preventDefault();
var hash = this.hash;
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 900, function(){
window.location.hash = hash;
});
});
//jQuery to collapse the navbar on scroll
$(window).scroll(function() {
if ($(".navbar-default").offset().top > 50) {
$(".navbar-fixed-top").addClass("top-nav-collapse");
} else {
$(".navbar-fixed-top").removeClass("top-nav-collapse");
}
});
// Testimonials Slider
$('.bxslider').bxSlider({
adaptiveHeight: true,
mode: 'fade'
});
})(jQuery);
jQuery(document).ready(function( $ ) {
// Preloader
$(window).on('load', function() {
$('#preloader').delay(100).fadeOut('slow',function(){$(this).remove();});
});
// Hero rotating texts
$("#hero .rotating").Morphext({
animation: "flipInX",
separator: ",",
speed: 3000
});
// Initiate the wowjs
new WOW().init();
// Initiate superfish on nav menu
$('.nav-menu').superfish({
animation: {opacity:'show'},
speed: 400
});
// Mobile Navigation
if( $('#nav-menu-container').length ) {
var $mobile_nav = $('#nav-menu-container').clone().prop({ id: 'mobile-nav'});
$mobile_nav.find('> ul').attr({ 'class' : '', 'id' : '' });
$('body').append( $mobile_nav );
$('body').prepend( '<button type="button" id="mobile-nav-toggle"><i class="fa fa-bars"></i></button>' );
$('body').append( '<div id="mobile-body-overly"></div>' );
$('#mobile-nav').find('.menu-has-children').prepend('<i class="fa fa-chevron-down"></i>');
$(document).on('click', '.menu-has-children i', function(e){
$(this).next().toggleClass('menu-item-active');
$(this).nextAll('ul').eq(0).slideToggle();
$(this).toggleClass("fa-chevron-up fa-chevron-down");
});
$(document).on('click', '#mobile-nav-toggle', function(e){
$('body').toggleClass('mobile-nav-active');
$('#mobile-nav-toggle i').toggleClass('fa-times fa-bars');
$('#mobile-body-overly').toggle();
});
$(document).click(function (e) {
var container = $("#mobile-nav, #mobile-nav-toggle");
if (!container.is(e.target) && container.has(e.target).length === 0) {
if ( $('body').hasClass('mobile-nav-active') ) {
$('body').removeClass('mobile-nav-active');
$('#mobile-nav-toggle i').toggleClass('fa-times fa-bars');
$('#mobile-body-overly').fadeOut();
}
}
});
} else if ( $("#mobile-nav, #mobile-nav-toggle").length ) {
$("#mobile-nav, #mobile-nav-toggle").hide();
}
// Stick the header at top on scroll
$("#header").sticky({topSpacing:0, zIndex: '50'});
// Smoth scroll on page hash links
$('a[href*="#"]:not([href="#"])').on('click', function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
if (target.length) {
var top_space = 0;
if( $('#header').length ) {
top_space = $('#header').outerHeight();
}
$('html, body').animate({
scrollTop: target.offset().top - top_space
}, 1500, 'easeInOutExpo');
if ( $(this).parents('.nav-menu').length ) {
$('.nav-menu .menu-active').removeClass('menu-active');
$(this).closest('li').addClass('menu-active');
}
if ( $('body').hasClass('mobile-nav-active') ) {
$('body').removeClass('mobile-nav-active');
$('#mobile-nav-toggle i').toggleClass('fa-times fa-bars');
$('#mobile-body-overly').fadeOut();
}
return false;
}
}
});
// Back to top button
$(window).scroll(function() {
if ($(this).scrollTop() > 100) {
$('.back-to-top').fadeIn('slow');
} else {
$('.back-to-top').fadeOut('slow');
}
});
$('.back-to-top').click(function(){
$('html, body').animate({scrollTop : 0},1500, 'easeInOutExpo');
return false;
});
});

1
js/easing.min.js vendored ノーマルファイル
ファイルの表示

@ -0,0 +1 @@
(function(factory){if(typeof define==="function"&&define.amd){define(["jquery"],function($){return factory($)})}else if(typeof module==="object"&&typeof module.exports==="object"){exports=factory(require("jquery"))}else{factory(jQuery)}})(function($){$.easing["jswing"]=$.easing["swing"];var pow=Math.pow,sqrt=Math.sqrt,sin=Math.sin,cos=Math.cos,PI=Math.PI,c1=1.70158,c2=c1*1.525,c3=c1+1,c4=2*PI/3,c5=2*PI/4.5;function bounceOut(x){var n1=7.5625,d1=2.75;if(x<1/d1){return n1*x*x}else if(x<2/d1){return n1*(x-=1.5/d1)*x+.75}else if(x<2.5/d1){return n1*(x-=2.25/d1)*x+.9375}else{return n1*(x-=2.625/d1)*x+.984375}}$.extend($.easing,{def:"easeOutQuad",swing:function(x){return $.easing[$.easing.def](x)},easeInQuad:function(x){return x*x},easeOutQuad:function(x){return 1-(1-x)*(1-x)},easeInOutQuad:function(x){return x<.5?2*x*x:1-pow(-2*x+2,2)/2},easeInCubic:function(x){return x*x*x},easeOutCubic:function(x){return 1-pow(1-x,3)},easeInOutCubic:function(x){return x<.5?4*x*x*x:1-pow(-2*x+2,3)/2},easeInQuart:function(x){return x*x*x*x},easeOutQuart:function(x){return 1-pow(1-x,4)},easeInOutQuart:function(x){return x<.5?8*x*x*x*x:1-pow(-2*x+2,4)/2},easeInQuint:function(x){return x*x*x*x*x},easeOutQuint:function(x){return 1-pow(1-x,5)},easeInOutQuint:function(x){return x<.5?16*x*x*x*x*x:1-pow(-2*x+2,5)/2},easeInSine:function(x){return 1-cos(x*PI/2)},easeOutSine:function(x){return sin(x*PI/2)},easeInOutSine:function(x){return-(cos(PI*x)-1)/2},easeInExpo:function(x){return x===0?0:pow(2,10*x-10)},easeOutExpo:function(x){return x===1?1:1-pow(2,-10*x)},easeInOutExpo:function(x){return x===0?0:x===1?1:x<.5?pow(2,20*x-10)/2:(2-pow(2,-20*x+10))/2},easeInCirc:function(x){return 1-sqrt(1-pow(x,2))},easeOutCirc:function(x){return sqrt(1-pow(x-1,2))},easeInOutCirc:function(x){return x<.5?(1-sqrt(1-pow(2*x,2)))/2:(sqrt(1-pow(-2*x+2,2))+1)/2},easeInElastic:function(x){return x===0?0:x===1?1:-pow(2,10*x-10)*sin((x*10-10.75)*c4)},easeOutElastic:function(x){return x===0?0:x===1?1:pow(2,-10*x)*sin((x*10-.75)*c4)+1},easeInOutElastic:function(x){return x===0?0:x===1?1:x<.5?-(pow(2,20*x-10)*sin((20*x-11.125)*c5))/2:pow(2,-20*x+10)*sin((20*x-11.125)*c5)/2+1},easeInBack:function(x){return c3*x*x*x-c1*x*x},easeOutBack:function(x){return 1+c3*pow(x-1,3)+c1*pow(x-1,2)},easeInOutBack:function(x){return x<.5?pow(2*x,2)*((c2+1)*2*x-c2)/2:(pow(2*x-2,2)*((c2+1)*(x*2-2)+c2)+2)/2},easeInBounce:function(x){return 1-bounceOut(1-x)},easeOutBounce:bounceOut,easeInOutBounce:function(x){return x<.5?(1-bounceOut(1-2*x))/2:(1+bounceOut(2*x-1))/2}})});

1
js/morphext.min.js vendored ノーマルファイル
ファイルの表示

@ -0,0 +1 @@
/*! Morphext - v2.4.4 - 2015-05-21 */!function(a){"use strict";function b(b,c){this.element=a(b),this.settings=a.extend({},d,c),this._defaults=d,this._init()}var c="Morphext",d={animation:"bounceIn",separator:",",speed:2e3,complete:a.noop};b.prototype={_init:function(){var b=this;this.phrases=[],this.element.addClass("morphext"),a.each(this.element.text().split(this.settings.separator),function(c,d){b.phrases.push(a.trim(d))}),this.index=-1,this.animate(),this.start()},animate:function(){this.index=++this.index%this.phrases.length,this.element[0].innerHTML='<span class="animated '+this.settings.animation+'">'+this.phrases[this.index]+"</span>",a.isFunction(this.settings.complete)&&this.settings.complete.call(this)},start:function(){var a=this;this._interval=setInterval(function(){a.animate()},this.settings.speed)},stop:function(){this._interval=clearInterval(this._interval)}},a.fn[c]=function(d){return this.each(function(){a.data(this,"plugin_"+c)||a.data(this,"plugin_"+c,new b(this,d))})}}(jQuery);

287
js/sticky.js ノーマルファイル
ファイルの表示

@ -0,0 +1,287 @@
// Sticky Plugin v1.0.4 for jQuery
// =============
// Author: Anthony Garand
// Improvements by German M. Bravo (Kronuz) and Ruud Kamphuis (ruudk)
// Improvements by Leonardo C. Daronco (daronco)
// Created: 02/14/2011
// Date: 07/20/2015
// Website: http://stickyjs.com/
// Description: Makes an element on the page stick on the screen as you scroll
// It will only set the 'top' and 'position' of your element, you
// might need to adjust the width in some cases.
(function (factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module.
define(['jquery'], factory);
} else if (typeof module === 'object' && module.exports) {
// Node/CommonJS
module.exports = factory(require('jquery'));
} else {
// Browser globals
factory(jQuery);
}
}(function ($) {
var slice = Array.prototype.slice; // save ref to original slice()
var splice = Array.prototype.splice; // save ref to original slice()
var defaults = {
topSpacing: 0,
bottomSpacing: 0,
className: 'is-sticky',
wrapperClassName: 'sticky-wrapper',
center: false,
getWidthFrom: '',
widthFromWrapper: true, // works only when .getWidthFrom is empty
responsiveWidth: false,
zIndex: 'auto'
},
$window = $(window),
$document = $(document),
sticked = [],
windowHeight = $window.height(),
scroller = function() {
var scrollTop = $window.scrollTop(),
documentHeight = $document.height(),
dwh = documentHeight - windowHeight,
extra = (scrollTop > dwh) ? dwh - scrollTop : 0;
for (var i = 0, l = sticked.length; i < l; i++) {
var s = sticked[i],
elementTop = s.stickyWrapper.offset().top,
etse = elementTop - s.topSpacing - extra;
//update height in case of dynamic content
s.stickyWrapper.css('height', s.stickyElement.outerHeight());
if (scrollTop <= etse) {
if (s.currentTop !== null) {
s.stickyElement
.css({
'width': '',
'position': '',
'top': '',
'z-index': ''
});
s.stickyElement.parent().removeClass(s.className);
s.stickyElement.trigger('sticky-end', [s]);
s.currentTop = null;
}
}
else {
var newTop = documentHeight - s.stickyElement.outerHeight()
- s.topSpacing - s.bottomSpacing - scrollTop - extra;
if (newTop < 0) {
newTop = newTop + s.topSpacing;
} else {
newTop = s.topSpacing;
}
if (s.currentTop !== newTop) {
var newWidth;
if (s.getWidthFrom) {
newWidth = $(s.getWidthFrom).width() || null;
} else if (s.widthFromWrapper) {
newWidth = s.stickyWrapper.width();
}
if (newWidth == null) {
newWidth = s.stickyElement.width();
}
s.stickyElement
.css('width', newWidth)
.css('position', 'fixed')
.css('top', newTop)
.css('z-index', s.zIndex);
s.stickyElement.parent().addClass(s.className);
if (s.currentTop === null) {
s.stickyElement.trigger('sticky-start', [s]);
} else {
// sticky is started but it have to be repositioned
s.stickyElement.trigger('sticky-update', [s]);
}
if (s.currentTop === s.topSpacing && s.currentTop > newTop || s.currentTop === null && newTop < s.topSpacing) {
// just reached bottom || just started to stick but bottom is already reached
s.stickyElement.trigger('sticky-bottom-reached', [s]);
} else if(s.currentTop !== null && newTop === s.topSpacing && s.currentTop < newTop) {
// sticky is started && sticked at topSpacing && overflowing from top just finished
s.stickyElement.trigger('sticky-bottom-unreached', [s]);
}
s.currentTop = newTop;
}
// Check if sticky has reached end of container and stop sticking
var stickyWrapperContainer = s.stickyWrapper.parent();
var unstick = (s.stickyElement.offset().top + s.stickyElement.outerHeight() >= stickyWrapperContainer.offset().top + stickyWrapperContainer.outerHeight()) && (s.stickyElement.offset().top <= s.topSpacing);
if( unstick ) {
s.stickyElement
.css('position', 'absolute')
.css('top', '')
.css('bottom', 0)
.css('z-index', '');
} else {
s.stickyElement
.css('position', 'fixed')
.css('top', newTop)
.css('bottom', '')
.css('z-index', s.zIndex);
}
}
}
},
resizer = function() {
windowHeight = $window.height();
for (var i = 0, l = sticked.length; i < l; i++) {
var s = sticked[i];
var newWidth = null;
if (s.getWidthFrom) {
if (s.responsiveWidth) {
newWidth = $(s.getWidthFrom).width();
}
} else if(s.widthFromWrapper) {
newWidth = s.stickyWrapper.width();
}
if (newWidth != null) {
s.stickyElement.css('width', newWidth);
}
}
},
methods = {
init: function(options) {
return this.each(function() {
var o = $.extend({}, defaults, options);
var stickyElement = $(this);
var stickyId = stickyElement.attr('id');
var wrapperId = stickyId ? stickyId + '-' + defaults.wrapperClassName : defaults.wrapperClassName;
var wrapper = $('<div></div>')
.attr('id', wrapperId)
.addClass(o.wrapperClassName);
stickyElement.wrapAll(function() {
if ($(this).parent("#" + wrapperId).length == 0) {
return wrapper;
}
});
var stickyWrapper = stickyElement.parent();
if (o.center) {
stickyWrapper.css({width:stickyElement.outerWidth(),marginLeft:"auto",marginRight:"auto"});
}
if (stickyElement.css("float") === "right") {
stickyElement.css({"float":"none"}).parent().css({"float":"right"});
}
o.stickyElement = stickyElement;
o.stickyWrapper = stickyWrapper;
o.currentTop = null;
sticked.push(o);
methods.setWrapperHeight(this);
methods.setupChangeListeners(this);
});
},
setWrapperHeight: function(stickyElement) {
var element = $(stickyElement);
var stickyWrapper = element.parent();
if (stickyWrapper) {
stickyWrapper.css('height', element.outerHeight());
}
},
setupChangeListeners: function(stickyElement) {
if (window.MutationObserver) {
var mutationObserver = new window.MutationObserver(function(mutations) {
if (mutations[0].addedNodes.length || mutations[0].removedNodes.length) {
methods.setWrapperHeight(stickyElement);
}
});
mutationObserver.observe(stickyElement, {subtree: true, childList: true});
} else {
if (window.addEventListener) {
stickyElement.addEventListener('DOMNodeInserted', function() {
methods.setWrapperHeight(stickyElement);
}, false);
stickyElement.addEventListener('DOMNodeRemoved', function() {
methods.setWrapperHeight(stickyElement);
}, false);
} else if (window.attachEvent) {
stickyElement.attachEvent('onDOMNodeInserted', function() {
methods.setWrapperHeight(stickyElement);
});
stickyElement.attachEvent('onDOMNodeRemoved', function() {
methods.setWrapperHeight(stickyElement);
});
}
}
},
update: scroller,
unstick: function(options) {
return this.each(function() {
var that = this;
var unstickyElement = $(that);
var removeIdx = -1;
var i = sticked.length;
while (i-- > 0) {
if (sticked[i].stickyElement.get(0) === that) {
splice.call(sticked,i,1);
removeIdx = i;
}
}
if(removeIdx !== -1) {
unstickyElement.unwrap();
unstickyElement
.css({
'width': '',
'position': '',
'top': '',
'float': '',
'z-index': ''
})
;
}
});
}
};
// should be more efficient than using $window.scroll(scroller) and $window.resize(resizer):
if (window.addEventListener) {
window.addEventListener('scroll', scroller, false);
window.addEventListener('resize', resizer, false);
} else if (window.attachEvent) {
window.attachEvent('onscroll', scroller);
window.attachEvent('onresize', resizer);
}
$.fn.sticky = function(method) {
if (methods[method]) {
return methods[method].apply(this, slice.call(arguments, 1));
} else if (typeof method === 'object' || !method ) {
return methods.init.apply( this, arguments );
} else {
$.error('Method ' + method + ' does not exist on jQuery.sticky');
}
};
$.fn.unstick = function(method) {
if (methods[method]) {
return methods[method].apply(this, slice.call(arguments, 1));
} else if (typeof method === 'object' || !method ) {
return methods.unstick.apply( this, arguments );
} else {
$.error('Method ' + method + ' does not exist on jQuery.sticky');
}
};
$(function() {
setTimeout(scroller, 0);
});
}));

158
js/superfish.hoverIntent.js ノーマルファイル
ファイルの表示

@ -0,0 +1,158 @@
/*!
* hoverIntent v1.8.1 // 2014.08.11 // jQuery v1.9.1+
* http://briancherne.github.io/jquery-hoverIntent/
*
* You may use hoverIntent under the terms of the MIT license. Basically that
* means you are free to use hoverIntent as long as this header is left intact.
* Copyright 2007, 2014 Brian Cherne
*/
/* hoverIntent is similar to jQuery's built-in "hover" method except that
* instead of firing the handlerIn function immediately, hoverIntent checks
* to see if the user's mouse has slowed down (beneath the sensitivity
* threshold) before firing the event. The handlerOut function is only
* called after a matching handlerIn.
*
* // basic usage ... just like .hover()
* .hoverIntent( handlerIn, handlerOut )
* .hoverIntent( handlerInOut )
*
* // basic usage ... with event delegation!
* .hoverIntent( handlerIn, handlerOut, selector )
* .hoverIntent( handlerInOut, selector )
*
* // using a basic configuration object
* .hoverIntent( config )
*
* @param handlerIn function OR configuration object
* @param handlerOut function OR selector for delegation OR undefined
* @param selector selector OR undefined
* @author Brian Cherne <brian(at)cherne(dot)net>
*/
;(function(factory) {
'use strict';
if (typeof define === 'function' && define.amd) {
define(['jquery'], factory);
} else if (jQuery && !jQuery.fn.hoverIntent) {
factory(jQuery);
}
})(function($) {
'use strict';
// default configuration values
var _cfg = {
interval: 100,
sensitivity: 6,
timeout: 0
};
// counter used to generate an ID for each instance
var INSTANCE_COUNT = 0;
// current X and Y position of mouse, updated during mousemove tracking (shared across instances)
var cX, cY;
// saves the current pointer position coordinates based on the given mousemove event
var track = function(ev) {
cX = ev.pageX;
cY = ev.pageY;
};
// compares current and previous mouse positions
var compare = function(ev,$el,s,cfg) {
// compare mouse positions to see if pointer has slowed enough to trigger `over` function
if ( Math.sqrt( (s.pX-cX)*(s.pX-cX) + (s.pY-cY)*(s.pY-cY) ) < cfg.sensitivity ) {
$el.off(s.event,track);
delete s.timeoutId;
// set hoverIntent state as active for this element (permits `out` handler to trigger)
s.isActive = true;
// overwrite old mouseenter event coordinates with most recent pointer position
ev.pageX = cX; ev.pageY = cY;
// clear coordinate data from state object
delete s.pX; delete s.pY;
return cfg.over.apply($el[0],[ev]);
} else {
// set previous coordinates for next comparison
s.pX = cX; s.pY = cY;
// use self-calling timeout, guarantees intervals are spaced out properly (avoids JavaScript timer bugs)
s.timeoutId = setTimeout( function(){compare(ev, $el, s, cfg);} , cfg.interval );
}
};
// triggers given `out` function at configured `timeout` after a mouseleave and clears state
var delay = function(ev,$el,s,out) {
delete $el.data('hoverIntent')[s.id];
return out.apply($el[0],[ev]);
};
$.fn.hoverIntent = function(handlerIn,handlerOut,selector) {
// instance ID, used as a key to store and retrieve state information on an element
var instanceId = INSTANCE_COUNT++;
// extend the default configuration and parse parameters
var cfg = $.extend({}, _cfg);
if ( $.isPlainObject(handlerIn) ) {
cfg = $.extend(cfg, handlerIn);
if ( !$.isFunction(cfg.out) ) {
cfg.out = cfg.over;
}
} else if ( $.isFunction(handlerOut) ) {
cfg = $.extend(cfg, { over: handlerIn, out: handlerOut, selector: selector } );
} else {
cfg = $.extend(cfg, { over: handlerIn, out: handlerIn, selector: handlerOut } );
}
// A private function for handling mouse 'hovering'
var handleHover = function(e) {
// cloned event to pass to handlers (copy required for event object to be passed in IE)
var ev = $.extend({},e);
// the current target of the mouse event, wrapped in a jQuery object
var $el = $(this);
// read hoverIntent data from element (or initialize if not present)
var hoverIntentData = $el.data('hoverIntent');
if (!hoverIntentData) { $el.data('hoverIntent', (hoverIntentData = {})); }
// read per-instance state from element (or initialize if not present)
var state = hoverIntentData[instanceId];
if (!state) { hoverIntentData[instanceId] = state = { id: instanceId }; }
// state properties:
// id = instance ID, used to clean up data
// timeoutId = timeout ID, reused for tracking mouse position and delaying "out" handler
// isActive = plugin state, true after `over` is called just until `out` is called
// pX, pY = previously-measured pointer coordinates, updated at each polling interval
// event = string representing the namespaced event used for mouse tracking
// clear any existing timeout
if (state.timeoutId) { state.timeoutId = clearTimeout(state.timeoutId); }
// namespaced event used to register and unregister mousemove tracking
var mousemove = state.event = 'mousemove.hoverIntent.hoverIntent'+instanceId;
// handle the event, based on its type
if (e.type === 'mouseenter') {
// do nothing if already active
if (state.isActive) { return; }
// set "previous" X and Y position based on initial entry point
state.pX = ev.pageX; state.pY = ev.pageY;
// update "current" X and Y position based on mousemove
$el.off(mousemove,track).on(mousemove,track);
// start polling interval (self-calling timeout) to compare mouse coordinates over time
state.timeoutId = setTimeout( function(){compare(ev,$el,state,cfg);} , cfg.interval );
} else { // "mouseleave"
// do nothing if not already active
if (!state.isActive) { return; }
// unbind expensive mousemove event
$el.off(mousemove,track);
// if hoverIntent state is true, then call the mouseOut function after the specified delay
state.timeoutId = setTimeout( function(){delay(ev,$el,state,cfg.out);} , cfg.timeout );
}
};
// listen for mouseenter and mouseleave
return this.on({'mouseenter.hoverIntent':handleHover,'mouseleave.hoverIntent':handleHover}, cfg.selector);
};
});

10
js/superfish.min.js vendored ノーマルファイル
ファイルの表示

@ -0,0 +1,10 @@
/*
* jQuery Superfish Menu Plugin - v1.7.9
* Copyright (c) 2016 Joel Birch
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
;!function(a,b){"use strict";var c=function(){var c={bcClass:"sf-breadcrumb",menuClass:"sf-js-enabled",anchorClass:"sf-with-ul",menuArrowClass:"sf-arrows"},d=function(){var b=/^(?![\w\W]*Windows Phone)[\w\W]*(iPhone|iPad|iPod)/i.test(navigator.userAgent);return b&&a("html").css("cursor","pointer").on("click",a.noop),b}(),e=function(){var a=document.documentElement.style;return"behavior"in a&&"fill"in a&&/iemobile/i.test(navigator.userAgent)}(),f=function(){return!!b.PointerEvent}(),g=function(a,b,d){var e,f=c.menuClass;b.cssArrows&&(f+=" "+c.menuArrowClass),e=d?"addClass":"removeClass",a[e](f)},h=function(b,d){return b.find("li."+d.pathClass).slice(0,d.pathLevels).addClass(d.hoverClass+" "+c.bcClass).filter(function(){return a(this).children(d.popUpSelector).hide().show().length}).removeClass(d.pathClass)},i=function(a,b){var d=b?"addClass":"removeClass";a.children("a")[d](c.anchorClass)},j=function(a){var b=a.css("ms-touch-action"),c=a.css("touch-action");c=c||b,c="pan-y"===c?"auto":"pan-y",a.css({"ms-touch-action":c,"touch-action":c})},k=function(a){return a.closest("."+c.menuClass)},l=function(a){return k(a).data("sfOptions")},m=function(){var b=a(this),c=l(b);clearTimeout(c.sfTimer),b.siblings().superfish("hide").end().superfish("show")},n=function(b){b.retainPath=a.inArray(this[0],b.$path)>-1,this.superfish("hide"),this.parents("."+b.hoverClass).length||(b.onIdle.call(k(this)),b.$path.length&&a.proxy(m,b.$path)())},o=function(){var b=a(this),c=l(b);d?a.proxy(n,b,c)():(clearTimeout(c.sfTimer),c.sfTimer=setTimeout(a.proxy(n,b,c),c.delay))},p=function(b){var c=a(this),d=l(c),e=c.siblings(b.data.popUpSelector);return d.onHandleTouch.call(e)===!1?this:void(e.length>0&&e.is(":hidden")&&(c.one("click.superfish",!1),"MSPointerDown"===b.type||"pointerdown"===b.type?c.trigger("focus"):a.proxy(m,c.parent("li"))()))},q=function(b,c){var g="li:has("+c.popUpSelector+")";a.fn.hoverIntent&&!c.disableHI?b.hoverIntent(m,o,g):b.on("mouseenter.superfish",g,m).on("mouseleave.superfish",g,o);var h="MSPointerDown.superfish";f&&(h="pointerdown.superfish"),d||(h+=" touchend.superfish"),e&&(h+=" mousedown.superfish"),b.on("focusin.superfish","li",m).on("focusout.superfish","li",o).on(h,"a",c,p)};return{hide:function(b){if(this.length){var c=this,d=l(c);if(!d)return this;var e=d.retainPath===!0?d.$path:"",f=c.find("li."+d.hoverClass).add(this).not(e).removeClass(d.hoverClass).children(d.popUpSelector),g=d.speedOut;if(b&&(f.show(),g=0),d.retainPath=!1,d.onBeforeHide.call(f)===!1)return this;f.stop(!0,!0).animate(d.animationOut,g,function(){var b=a(this);d.onHide.call(b)})}return this},show:function(){var a=l(this);if(!a)return this;var b=this.addClass(a.hoverClass),c=b.children(a.popUpSelector);return a.onBeforeShow.call(c)===!1?this:(c.stop(!0,!0).animate(a.animation,a.speed,function(){a.onShow.call(c)}),this)},destroy:function(){return this.each(function(){var b,d=a(this),e=d.data("sfOptions");return e?(b=d.find(e.popUpSelector).parent("li"),clearTimeout(e.sfTimer),g(d,e),i(b),j(d),d.off(".superfish").off(".hoverIntent"),b.children(e.popUpSelector).attr("style",function(a,b){return b.replace(/display[^;]+;?/g,"")}),e.$path.removeClass(e.hoverClass+" "+c.bcClass).addClass(e.pathClass),d.find("."+e.hoverClass).removeClass(e.hoverClass),e.onDestroy.call(d),void d.removeData("sfOptions")):!1})},init:function(b){return this.each(function(){var d=a(this);if(d.data("sfOptions"))return!1;var e=a.extend({},a.fn.superfish.defaults,b),f=d.find(e.popUpSelector).parent("li");e.$path=h(d,e),d.data("sfOptions",e),g(d,e,!0),i(f,!0),j(d),q(d,e),f.not("."+c.bcClass).superfish("hide",!0),e.onInit.call(this)})}}}();a.fn.superfish=function(b,d){return c[b]?c[b].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof b&&b?a.error("Method "+b+" does not exist on jQuery.fn.superfish"):c.init.apply(this,arguments)},a.fn.superfish.defaults={popUpSelector:"ul,.sf-mega",hoverClass:"sfHover",pathClass:"overrideThisToUse",pathLevels:1,delay:800,animation:{opacity:"show"},animationOut:{opacity:"hide"},speed:"normal",speedOut:"fast",cssArrows:!0,disableHI:!1,onInit:a.noop,onBeforeShow:a.noop,onShow:a.noop,onBeforeHide:a.noop,onHide:a.noop,onIdle:a.noop,onDestroy:a.noop,onHandleTouch:a.noop}}(jQuery,window);

2
js/wow.min.js vendored ノーマルファイル

長すぎる行があるためファイル差分は表示されません