Changed my mind again. Completely new style and design overhaul
This commit is contained in:
Ethan N. Paul
3340
_archive/5.5/css/animate.css
vendored
Normal file
3340
_archive/5.5/css/animate.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
6
_archive/5.5/css/bootstrap.min.css
vendored
Normal file
6
_archive/5.5/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
4
_archive/5.5/css/font-awesome.min.css
vendored
Normal file
4
_archive/5.5/css/font-awesome.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
12
_archive/5.5/css/hexagons.min.css
vendored
Normal file
12
_archive/5.5/css/hexagons.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
349
_archive/5.5/css/style.css
Normal file
349
_archive/5.5/css/style.css
Normal file
@@ -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;
|
||||
}
|
||||
}
|
||||
BIN
_archive/5.5/fonts/FontAwesome.otf
Normal file
BIN
_archive/5.5/fonts/FontAwesome.otf
Normal file
Binary file not shown.
BIN
_archive/5.5/fonts/fontawesome-webfont.eot
Normal file
BIN
_archive/5.5/fonts/fontawesome-webfont.eot
Normal file
Binary file not shown.
2671
_archive/5.5/fonts/fontawesome-webfont.svg
Normal file
2671
_archive/5.5/fonts/fontawesome-webfont.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 434 KiB |
BIN
_archive/5.5/fonts/fontawesome-webfont.ttf
Normal file
BIN
_archive/5.5/fonts/fontawesome-webfont.ttf
Normal file
Binary file not shown.
BIN
_archive/5.5/fonts/fontawesome-webfont.woff
Normal file
BIN
_archive/5.5/fonts/fontawesome-webfont.woff
Normal file
Binary file not shown.
BIN
_archive/5.5/fonts/fontawesome-webfont.woff2
Normal file
BIN
_archive/5.5/fonts/fontawesome-webfont.woff2
Normal file
Binary file not shown.
BIN
_archive/5.5/img/about-banner.jpg
Normal file
BIN
_archive/5.5/img/about-banner.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
_archive/5.5/img/e-b.png
Normal file
BIN
_archive/5.5/img/e-b.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
_archive/5.5/img/e-longform.png
Normal file
BIN
_archive/5.5/img/e-longform.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
_archive/5.5/img/e-w.png
Normal file
BIN
_archive/5.5/img/e-w.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
BIN
_archive/5.5/img/network.jpg
Normal file
BIN
_archive/5.5/img/network.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 190 KiB |
BIN
_archive/5.5/img/port01.jpg
Normal file
BIN
_archive/5.5/img/port01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 198 KiB |
BIN
_archive/5.5/img/port02.jpg
Normal file
BIN
_archive/5.5/img/port02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 166 KiB |
BIN
_archive/5.5/img/port03.jpg
Normal file
BIN
_archive/5.5/img/port03.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 225 KiB |
BIN
_archive/5.5/img/portfolio01.jpg
Normal file
BIN
_archive/5.5/img/portfolio01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
BIN
_archive/5.5/img/portfolio02.jpg
Normal file
BIN
_archive/5.5/img/portfolio02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
274
_archive/5.5/index.html
Normal file
274
_archive/5.5/index.html
Normal file
@@ -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;"> 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> </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> </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
Normal file
7
_archive/5.5/js/bootstrap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
51
_archive/5.5/js/custom.js
Normal file
51
_archive/5.5/js/custom.js
Normal file
@@ -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);
|
||||
44
_archive/5.5/js/jquery.easing.min.js
vendored
Normal file
44
_archive/5.5/js/jquery.easing.min.js
vendored
Normal file
@@ -0,0 +1,44 @@
|
||||
/*
|
||||
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
|
||||
*
|
||||
* Uses the built in easing capabilities added In jQuery 1.1
|
||||
* to offer multiple easing options
|
||||
*
|
||||
* TERMS OF USE - EASING EQUATIONS
|
||||
*
|
||||
* Open source under the BSD License.
|
||||
*
|
||||
* Copyright © 2001 Robert Penner
|
||||
* All rights reserved.
|
||||
*
|
||||
* TERMS OF USE - jQuery Easing
|
||||
*
|
||||
* Open source under the BSD License.
|
||||
*
|
||||
* Copyright © 2008 George McGinley Smith
|
||||
* All rights reserved.
|
||||
*
|
||||
* Redistribution and use in source and binary forms, with or without modification,
|
||||
* are permitted provided that the following conditions are met:
|
||||
*
|
||||
* Redistributions of source code must retain the above copyright notice, this list of
|
||||
* conditions and the following disclaimer.
|
||||
* Redistributions in binary form must reproduce the above copyright notice, this list
|
||||
* of conditions and the following disclaimer in the documentation and/or other materials
|
||||
* provided with the distribution.
|
||||
*
|
||||
* Neither the name of the author nor the names of contributors may be used to endorse
|
||||
* or promote products derived from this software without specific prior written permission.
|
||||
*
|
||||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
||||
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
||||
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
||||
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
||||
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
||||
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
||||
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
||||
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
*
|
||||
*/
|
||||
jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(e,f,a,h,g){return jQuery.easing[jQuery.easing.def](e,f,a,h,g)},easeInQuad:function(e,f,a,h,g){return h*(f/=g)*f+a},easeOutQuad:function(e,f,a,h,g){return -h*(f/=g)*(f-2)+a},easeInOutQuad:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f+a}return -h/2*((--f)*(f-2)-1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a},easeInQuart:function(e,f,a,h,g){return h*(f/=g)*f*f*f+a},easeOutQuart:function(e,f,a,h,g){return -h*((f=f/g-1)*f*f*f-1)+a},easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a},easeInQuint:function(e,f,a,h,g){return h*(f/=g)*f*f*f*f+a},easeOutQuint:function(e,f,a,h,g){return h*((f=f/g-1)*f*f*f*f+1)+a},easeInOutQuint:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f*f+a}return h/2*((f-=2)*f*f*f*f+2)+a},easeInSine:function(e,f,a,h,g){return -h*Math.cos(f/g*(Math.PI/2))+h+a},easeOutSine:function(e,f,a,h,g){return h*Math.sin(f/g*(Math.PI/2))+a},easeInOutSine:function(e,f,a,h,g){return -h/2*(Math.cos(Math.PI*f/g)-1)+a},easeInExpo:function(e,f,a,h,g){return(f==0)?a:h*Math.pow(2,10*(f/g-1))+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a},easeInOutExpo:function(e,f,a,h,g){if(f==0){return a}if(f==g){return a+h}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a}return h/2*(-Math.pow(2,-10*--f)+2)+a},easeInCirc:function(e,f,a,h,g){return -h*(Math.sqrt(1-(f/=g)*f)-1)+a},easeOutCirc:function(e,f,a,h,g){return h*Math.sqrt(1-(f=f/g-1)*f)+a},easeInOutCirc:function(e,f,a,h,g){if((f/=g/2)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},easeInElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return -(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e},easeOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return g*Math.pow(2,-10*h)*Math.sin((h*k-i)*(2*Math.PI)/j)+l+e},easeInOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k/2)==2){return e+l}if(!j){j=k*(0.3*1.5)}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}if(h<1){return -0.5*(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e}return g*Math.pow(2,-10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j)*0.5+l+e},easeInBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*(f/=h)*f*((g+1)*f-g)+a},easeOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*((f=f/h-1)*f*((g+1)*f+g)+1)+a},easeInOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}if((f/=h/2)<1){return i/2*(f*f*(((g*=(1.525))+1)*f-g))+a}return i/2*((f-=2)*f*(((g*=(1.525))+1)*f+g)+2)+a},easeInBounce:function(e,f,a,h,g){return h-jQuery.easing.easeOutBounce(e,g-f,0,h,g)+a},easeOutBounce:function(e,f,a,h,g){if((f/=g)<(1/2.75)){return h*(7.5625*f*f)+a}else{if(f<(2/2.75)){return h*(7.5625*(f-=(1.5/2.75))*f+0.75)+a}else{if(f<(2.5/2.75)){return h*(7.5625*(f-=(2.25/2.75))*f+0.9375)+a}else{return h*(7.5625*(f-=(2.625/2.75))*f+0.984375)+a}}}},easeInOutBounce:function(e,f,a,h,g){if(f<g/2){return jQuery.easing.easeInBounce(e,f*2,0,h,g)*0.5+a}return jQuery.easing.easeOutBounce(e,f*2-g,0,h,g)*0.5+h*0.5+a}});
|
||||
5
_archive/5.5/js/jquery.min.js
vendored
Normal file
5
_archive/5.5/js/jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
402
_archive/5.5/js/wow.js
Normal file
402
_archive/5.5/js/wow.js
Normal file
@@ -0,0 +1,402 @@
|
||||
(function() {
|
||||
var MutationObserver, Util, WeakMap,
|
||||
__bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },
|
||||
__indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };
|
||||
|
||||
Util = (function() {
|
||||
function Util() {}
|
||||
|
||||
Util.prototype.extend = function(custom, defaults) {
|
||||
var key, value;
|
||||
for (key in defaults) {
|
||||
value = defaults[key];
|
||||
if (custom[key] == null) {
|
||||
custom[key] = value;
|
||||
}
|
||||
}
|
||||
return custom;
|
||||
};
|
||||
|
||||
Util.prototype.isMobile = function(agent) {
|
||||
return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(agent);
|
||||
};
|
||||
|
||||
return Util;
|
||||
|
||||
})();
|
||||
|
||||
WeakMap = this.WeakMap || this.MozWeakMap || (WeakMap = (function() {
|
||||
function WeakMap() {
|
||||
this.keys = [];
|
||||
this.values = [];
|
||||
}
|
||||
|
||||
WeakMap.prototype.get = function(key) {
|
||||
var i, item, _i, _len, _ref;
|
||||
_ref = this.keys;
|
||||
for (i = _i = 0, _len = _ref.length; _i < _len; i = ++_i) {
|
||||
item = _ref[i];
|
||||
if (item === key) {
|
||||
return this.values[i];
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
WeakMap.prototype.set = function(key, value) {
|
||||
var i, item, _i, _len, _ref;
|
||||
_ref = this.keys;
|
||||
for (i = _i = 0, _len = _ref.length; _i < _len; i = ++_i) {
|
||||
item = _ref[i];
|
||||
if (item === key) {
|
||||
this.values[i] = value;
|
||||
return;
|
||||
}
|
||||
}
|
||||
this.keys.push(key);
|
||||
return this.values.push(value);
|
||||
};
|
||||
|
||||
return WeakMap;
|
||||
|
||||
})());
|
||||
|
||||
MutationObserver = this.MutationObserver || this.WebkitMutationObserver || this.MozMutationObserver || (MutationObserver = (function() {
|
||||
function MutationObserver() {
|
||||
console.warn('MutationObserver is not supported by your browser.');
|
||||
console.warn('WOW.js cannot detect dom mutations, please call .sync() after loading new content.');
|
||||
}
|
||||
|
||||
MutationObserver.notSupported = true;
|
||||
|
||||
MutationObserver.prototype.observe = function() {};
|
||||
|
||||
return MutationObserver;
|
||||
|
||||
})());
|
||||
|
||||
this.WOW = (function() {
|
||||
WOW.prototype.defaults = {
|
||||
boxClass: 'wow',
|
||||
animateClass: 'animated',
|
||||
offset: 0,
|
||||
mobile: true,
|
||||
live: true
|
||||
};
|
||||
|
||||
function WOW(options) {
|
||||
if (options == null) {
|
||||
options = {};
|
||||
}
|
||||
this.scrollCallback = __bind(this.scrollCallback, this);
|
||||
this.scrollHandler = __bind(this.scrollHandler, this);
|
||||
this.start = __bind(this.start, this);
|
||||
this.scrolled = true;
|
||||
this.config = this.util().extend(options, this.defaults);
|
||||
this.animationNameCache = new WeakMap();
|
||||
}
|
||||
|
||||
WOW.prototype.init = function() {
|
||||
var _ref;
|
||||
this.element = window.document.documentElement;
|
||||
if ((_ref = document.readyState) === "interactive" || _ref === "complete") {
|
||||
this.start();
|
||||
} else {
|
||||
document.addEventListener('DOMContentLoaded', this.start);
|
||||
}
|
||||
return this.finished = [];
|
||||
};
|
||||
|
||||
WOW.prototype.start = function() {
|
||||
var box, _i, _len, _ref;
|
||||
this.stopped = false;
|
||||
this.boxes = (function() {
|
||||
var _i, _len, _ref, _results;
|
||||
_ref = this.element.getElementsByClassName(this.config.boxClass);
|
||||
_results = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
box = _ref[_i];
|
||||
_results.push(box);
|
||||
}
|
||||
return _results;
|
||||
}).call(this);
|
||||
this.all = (function() {
|
||||
var _i, _len, _ref, _results;
|
||||
_ref = this.boxes;
|
||||
_results = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
box = _ref[_i];
|
||||
_results.push(box);
|
||||
}
|
||||
return _results;
|
||||
}).call(this);
|
||||
if (this.boxes.length) {
|
||||
if (this.disabled()) {
|
||||
this.resetStyle();
|
||||
} else {
|
||||
_ref = this.boxes;
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
box = _ref[_i];
|
||||
this.applyStyle(box, true);
|
||||
}
|
||||
window.addEventListener('scroll', this.scrollHandler, false);
|
||||
window.addEventListener('resize', this.scrollHandler, false);
|
||||
this.interval = setInterval(this.scrollCallback, 50);
|
||||
}
|
||||
}
|
||||
if (this.config.live) {
|
||||
return new MutationObserver((function(_this) {
|
||||
return function(records) {
|
||||
var node, record, _j, _len1, _results;
|
||||
_results = [];
|
||||
for (_j = 0, _len1 = records.length; _j < _len1; _j++) {
|
||||
record = records[_j];
|
||||
_results.push((function() {
|
||||
var _k, _len2, _ref1, _results1;
|
||||
_ref1 = record.addedNodes || [];
|
||||
_results1 = [];
|
||||
for (_k = 0, _len2 = _ref1.length; _k < _len2; _k++) {
|
||||
node = _ref1[_k];
|
||||
_results1.push(this.doSync(node));
|
||||
}
|
||||
return _results1;
|
||||
}).call(_this));
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
})(this)).observe(document.body, {
|
||||
childList: true,
|
||||
subtree: true
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
WOW.prototype.stop = function() {
|
||||
this.stopped = true;
|
||||
window.removeEventListener('scroll', this.scrollHandler, false);
|
||||
window.removeEventListener('resize', this.scrollHandler, false);
|
||||
if (this.interval != null) {
|
||||
return clearInterval(this.interval);
|
||||
}
|
||||
};
|
||||
|
||||
WOW.prototype.sync = function(element) {
|
||||
if (MutationObserver.notSupported) {
|
||||
return this.doSync(this.element);
|
||||
}
|
||||
};
|
||||
|
||||
WOW.prototype.doSync = function(element) {
|
||||
var box, _i, _len, _ref, _results;
|
||||
if (!this.stopped) {
|
||||
if (element == null) {
|
||||
element = this.element;
|
||||
}
|
||||
if (element.nodeType !== 1) {
|
||||
return;
|
||||
}
|
||||
element = element.parentNode || element;
|
||||
_ref = element.getElementsByClassName(this.config.boxClass);
|
||||
_results = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
box = _ref[_i];
|
||||
if (__indexOf.call(this.all, box) < 0) {
|
||||
this.applyStyle(box, true);
|
||||
this.boxes.push(box);
|
||||
this.all.push(box);
|
||||
_results.push(this.scrolled = true);
|
||||
} else {
|
||||
_results.push(void 0);
|
||||
}
|
||||
}
|
||||
return _results;
|
||||
}
|
||||
};
|
||||
|
||||
WOW.prototype.show = function(box) {
|
||||
this.applyStyle(box);
|
||||
return box.className = "" + box.className + " " + this.config.animateClass;
|
||||
};
|
||||
|
||||
WOW.prototype.applyStyle = function(box, hidden) {
|
||||
var delay, duration, iteration;
|
||||
duration = box.getAttribute('data-wow-duration');
|
||||
delay = box.getAttribute('data-wow-delay');
|
||||
iteration = box.getAttribute('data-wow-iteration');
|
||||
return this.animate((function(_this) {
|
||||
return function() {
|
||||
return _this.customStyle(box, hidden, duration, delay, iteration);
|
||||
};
|
||||
})(this));
|
||||
};
|
||||
|
||||
WOW.prototype.animate = (function() {
|
||||
if ('requestAnimationFrame' in window) {
|
||||
return function(callback) {
|
||||
return window.requestAnimationFrame(callback);
|
||||
};
|
||||
} else {
|
||||
return function(callback) {
|
||||
return callback();
|
||||
};
|
||||
}
|
||||
})();
|
||||
|
||||
WOW.prototype.resetStyle = function() {
|
||||
var box, _i, _len, _ref, _results;
|
||||
_ref = this.boxes;
|
||||
_results = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
box = _ref[_i];
|
||||
_results.push(box.setAttribute('style', 'visibility: visible;'));
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
WOW.prototype.customStyle = function(box, hidden, duration, delay, iteration) {
|
||||
if (hidden) {
|
||||
this.cacheAnimationName(box);
|
||||
}
|
||||
box.style.visibility = hidden ? 'hidden' : 'visible';
|
||||
if (duration) {
|
||||
this.vendorSet(box.style, {
|
||||
animationDuration: duration
|
||||
});
|
||||
}
|
||||
if (delay) {
|
||||
this.vendorSet(box.style, {
|
||||
animationDelay: delay
|
||||
});
|
||||
}
|
||||
if (iteration) {
|
||||
this.vendorSet(box.style, {
|
||||
animationIterationCount: iteration
|
||||
});
|
||||
}
|
||||
this.vendorSet(box.style, {
|
||||
animationName: hidden ? 'none' : this.cachedAnimationName(box)
|
||||
});
|
||||
return box;
|
||||
};
|
||||
|
||||
WOW.prototype.vendors = ["moz", "webkit"];
|
||||
|
||||
WOW.prototype.vendorSet = function(elem, properties) {
|
||||
var name, value, vendor, _results;
|
||||
_results = [];
|
||||
for (name in properties) {
|
||||
value = properties[name];
|
||||
elem["" + name] = value;
|
||||
_results.push((function() {
|
||||
var _i, _len, _ref, _results1;
|
||||
_ref = this.vendors;
|
||||
_results1 = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
vendor = _ref[_i];
|
||||
_results1.push(elem["" + vendor + (name.charAt(0).toUpperCase()) + (name.substr(1))] = value);
|
||||
}
|
||||
return _results1;
|
||||
}).call(this));
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
|
||||
WOW.prototype.vendorCSS = function(elem, property) {
|
||||
var result, style, vendor, _i, _len, _ref;
|
||||
style = window.getComputedStyle(elem);
|
||||
result = style.getPropertyCSSValue(property);
|
||||
_ref = this.vendors;
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
vendor = _ref[_i];
|
||||
result = result || style.getPropertyCSSValue("-" + vendor + "-" + property);
|
||||
}
|
||||
return result;
|
||||
};
|
||||
|
||||
WOW.prototype.animationName = function(box) {
|
||||
var animationName;
|
||||
try {
|
||||
animationName = this.vendorCSS(box, 'animation-name').cssText;
|
||||
} catch (_error) {
|
||||
animationName = window.getComputedStyle(box).getPropertyValue('animation-name');
|
||||
}
|
||||
if (animationName === 'none') {
|
||||
return '';
|
||||
} else {
|
||||
return animationName;
|
||||
}
|
||||
};
|
||||
|
||||
WOW.prototype.cacheAnimationName = function(box) {
|
||||
return this.animationNameCache.set(box, this.animationName(box));
|
||||
};
|
||||
|
||||
WOW.prototype.cachedAnimationName = function(box) {
|
||||
return this.animationNameCache.get(box);
|
||||
};
|
||||
|
||||
WOW.prototype.scrollHandler = function() {
|
||||
return this.scrolled = true;
|
||||
};
|
||||
|
||||
WOW.prototype.scrollCallback = function() {
|
||||
var box;
|
||||
if (this.scrolled) {
|
||||
this.scrolled = false;
|
||||
this.boxes = (function() {
|
||||
var _i, _len, _ref, _results;
|
||||
_ref = this.boxes;
|
||||
_results = [];
|
||||
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||
box = _ref[_i];
|
||||
if (!(box)) {
|
||||
continue;
|
||||
}
|
||||
if (this.isVisible(box)) {
|
||||
this.show(box);
|
||||
continue;
|
||||
}
|
||||
_results.push(box);
|
||||
}
|
||||
return _results;
|
||||
}).call(this);
|
||||
if (!(this.boxes.length || this.config.live)) {
|
||||
return this.stop();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
WOW.prototype.offsetTop = function(element) {
|
||||
var top;
|
||||
while (element.offsetTop === void 0) {
|
||||
element = element.parentNode;
|
||||
}
|
||||
top = element.offsetTop;
|
||||
while (element = element.offsetParent) {
|
||||
top += element.offsetTop;
|
||||
}
|
||||
return top;
|
||||
};
|
||||
|
||||
WOW.prototype.isVisible = function(box) {
|
||||
var bottom, offset, top, viewBottom, viewTop;
|
||||
offset = box.getAttribute('data-wow-offset') || this.config.offset;
|
||||
viewTop = window.pageYOffset;
|
||||
viewBottom = viewTop + Math.min(this.element.clientHeight, innerHeight) - offset;
|
||||
top = this.offsetTop(box);
|
||||
bottom = top + box.clientHeight;
|
||||
return top <= viewBottom && bottom >= viewTop;
|
||||
};
|
||||
|
||||
WOW.prototype.util = function() {
|
||||
return this._util != null ? this._util : this._util = new Util();
|
||||
};
|
||||
|
||||
WOW.prototype.disabled = function() {
|
||||
return !this.config.mobile && this.util().isMobile(navigator.userAgent);
|
||||
};
|
||||
|
||||
return WOW;
|
||||
|
||||
})();
|
||||
|
||||
}).call(this);
|
||||
Reference in New Issue
Block a user