Website templates
34
ace-responsive-coming-soon-template/css/jquery.vegas.css
Normal file
@@ -0,0 +1,34 @@
|
||||
.vegas-loading {
|
||||
border-radius: 10px;
|
||||
background: #000;
|
||||
background: rgba(0,0,0,0.7);
|
||||
background: url(images/loading.gif) no-repeat center center; /* Loading Gif by http://preloaders.net/ */
|
||||
height: 32px;
|
||||
left: 20px;
|
||||
position: fixed;
|
||||
top: 20px;
|
||||
width: 32px;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.vegas-overlay {
|
||||
background: transparent url(overlays/02.png);
|
||||
opacity: 0.5;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.vegas-background {
|
||||
-ms-interpolation-mode: bicubic;
|
||||
image-rendering: optimizeQuality;
|
||||
max-width: none !important; /* counteracts global img modification by twitter bootstrap library */
|
||||
z-index: -2;
|
||||
}
|
||||
|
||||
.vegas-overlay,
|
||||
.vegas-background {
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
1
ace-responsive-coming-soon-template/css/jquery.vegas.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.vegas-loading{border-radius:10px;background:#000;background:rgba(0,0,0,.7);background:url(images/loading.gif) no-repeat center center;height:32px;left:20px;position:fixed;top:20px;width:32px;z-index:0}.vegas-overlay{background:transparent url(overlays/01.png);opacity:.5;z-index:-1}.vegas-background{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;max-width:none!important;z-index:-2}.vegas-overlay,.vegas-background{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
|
||||
BIN
ace-responsive-coming-soon-template/css/overlays/01.png
Normal file
|
After Width: | Height: | Size: 213 B |
BIN
ace-responsive-coming-soon-template/css/overlays/02.png
Normal file
|
After Width: | Height: | Size: 211 B |
BIN
ace-responsive-coming-soon-template/css/overlays/03.png
Normal file
|
After Width: | Height: | Size: 209 B |
BIN
ace-responsive-coming-soon-template/css/overlays/04.png
Normal file
|
After Width: | Height: | Size: 211 B |
BIN
ace-responsive-coming-soon-template/css/overlays/05.png
Normal file
|
After Width: | Height: | Size: 213 B |
BIN
ace-responsive-coming-soon-template/css/overlays/06.png
Normal file
|
After Width: | Height: | Size: 211 B |
BIN
ace-responsive-coming-soon-template/css/overlays/07.png
Normal file
|
After Width: | Height: | Size: 215 B |
BIN
ace-responsive-coming-soon-template/css/overlays/08.png
Normal file
|
After Width: | Height: | Size: 146 B |
BIN
ace-responsive-coming-soon-template/css/overlays/09.png
Normal file
|
After Width: | Height: | Size: 208 B |
BIN
ace-responsive-coming-soon-template/css/overlays/10.png
Normal file
|
After Width: | Height: | Size: 137 B |
BIN
ace-responsive-coming-soon-template/css/overlays/11.png
Normal file
|
After Width: | Height: | Size: 124 B |
BIN
ace-responsive-coming-soon-template/css/overlays/12.png
Normal file
|
After Width: | Height: | Size: 130 B |
BIN
ace-responsive-coming-soon-template/css/overlays/13.png
Normal file
|
After Width: | Height: | Size: 142 B |
BIN
ace-responsive-coming-soon-template/css/overlays/14.png
Normal file
|
After Width: | Height: | Size: 126 B |
BIN
ace-responsive-coming-soon-template/css/overlays/15.png
Normal file
|
After Width: | Height: | Size: 137 B |
268
ace-responsive-coming-soon-template/css/styles.css
Normal file
@@ -0,0 +1,268 @@
|
||||
html {
|
||||
}
|
||||
body {
|
||||
background:#000;
|
||||
color:#FFF;
|
||||
font:12px 'PT Sans Narrow', sans-serif;
|
||||
text-shadow:0 2px 0px #000;
|
||||
min-width:960px;
|
||||
top:0;
|
||||
left:0;
|
||||
position:absolute;
|
||||
height:100%;
|
||||
width:100%;
|
||||
margin:0;
|
||||
}
|
||||
.ie body {
|
||||
filter: dropshadow(color=#000000, offx=0, offy=1);
|
||||
}
|
||||
h1 {
|
||||
font-size:68px;
|
||||
letter-spacing:-2px;
|
||||
line-height:60px;
|
||||
margin:25px 0;
|
||||
text-shadow:0 3px 3px #000;
|
||||
float: left;
|
||||
margin-left:15px;
|
||||
}
|
||||
.ie h1 {
|
||||
filter: dropshadow(color=#000000, offx=0, offy=3);
|
||||
padding-bottom:12px;
|
||||
}
|
||||
h2 {
|
||||
text-shadow:0 2px 2px #000;
|
||||
}
|
||||
.ie h2 {
|
||||
filter: dropshadow(color=#000000, offx=0, offy=3);
|
||||
}
|
||||
h3 {
|
||||
font-size:25px;
|
||||
margin:0.2em 0;
|
||||
text-shadow:0 2px 2px #000;
|
||||
}
|
||||
.ie h3 {
|
||||
filter: dropshadow(color=#000000, offx=0, offy=3);
|
||||
}
|
||||
h4 {
|
||||
margin-bottom:5px;
|
||||
}
|
||||
p, pre {
|
||||
margin:0 0 10px 0;
|
||||
}
|
||||
code {
|
||||
text-transform:uppercase !important;
|
||||
color:#EEE;
|
||||
border-bottom:1px dotted #666;
|
||||
}
|
||||
small {
|
||||
background:url(../images/alpha.png);
|
||||
background:rgba(0, 0, 0, 0.8) url();
|
||||
border:1px solid #111;
|
||||
font-size:15px;
|
||||
padding:0 5px;
|
||||
}
|
||||
a {
|
||||
color:#CF0;
|
||||
text-decoration:none;
|
||||
}
|
||||
a:hover {
|
||||
color:#BBB;
|
||||
}
|
||||
#Header {
|
||||
margin-bottom: 62px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 119px;
|
||||
line-height: 118px;
|
||||
z-index: 1;
|
||||
}
|
||||
.wrapper {
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
width: 920px;
|
||||
z-index: 1;
|
||||
}
|
||||
#Header ul {
|
||||
margin: 0px;
|
||||
position: relative;
|
||||
top: 46px;
|
||||
float: right;
|
||||
}
|
||||
#Header ul li {
|
||||
margin-right: 5px;
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
list-style-type: none;
|
||||
float: left;
|
||||
background: rgba(255, 255, 255, 0.44);
|
||||
}
|
||||
#Header ul li a{
|
||||
width:34px;
|
||||
height:34px;
|
||||
display: inline-block;
|
||||
}
|
||||
.twitterIcon, .facebookIcon, .linkedInIcon, .pintrestIcon{
|
||||
background: url('../images/social-icons.png') -74px 0px;
|
||||
}
|
||||
.facebookIcon{
|
||||
background-position: 10px 0px;
|
||||
}
|
||||
.linkedInIcon{
|
||||
background-position: -245px 0px;
|
||||
}
|
||||
.pintrestIcon{
|
||||
background-position: -331px 0px;
|
||||
}
|
||||
|
||||
#Content h2 {
|
||||
margin: 0px 0px 65px 0px;
|
||||
padding: 0px;
|
||||
text-align: center;
|
||||
font-size: 48px;
|
||||
font-weight: 300;
|
||||
}
|
||||
#WindowSlide {
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
width: 634px;
|
||||
height: 170px;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
}
|
||||
#Mail {
|
||||
position: absolute;
|
||||
width: 634px;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
#Content h3 {
|
||||
text-align: center;
|
||||
font-size: 24px;
|
||||
font-weight: normal;
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#subscribe p{
|
||||
text-align:center;
|
||||
}
|
||||
#subscribe input {
|
||||
background: rgba(255, 255, 255, 0.52);
|
||||
color: #000;
|
||||
font: bold 19px Arial, Helvetica, sans-serif;
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.68);
|
||||
vertical-align: middle;
|
||||
width: 293px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.76);
|
||||
padding: 10px;
|
||||
}
|
||||
#subscribe input[type="button"]{
|
||||
background: rgba(255, 255, 255, 1);
|
||||
width:auto;
|
||||
padding:10px 25px;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
|
||||
.callback,
|
||||
.simple {
|
||||
font-size: 20px;
|
||||
background: #27ae60;
|
||||
padding: 0.5em 0.7em;
|
||||
color: #ecf0f1;
|
||||
margin-bottom: 50px;
|
||||
-webkit-transition: background 0.5s ease-out;
|
||||
transition: background 0.5s ease-out;
|
||||
}
|
||||
.callback{
|
||||
cursor: pointer;
|
||||
}
|
||||
.ended {
|
||||
background: #c0392b;
|
||||
}
|
||||
.countdown {
|
||||
text-align:center;
|
||||
}
|
||||
.styled{
|
||||
margin-bottom: 90px;
|
||||
}
|
||||
.styled div {
|
||||
display: inline-block;
|
||||
margin-left: 10px;
|
||||
font-size: 80px;
|
||||
font-weight: 100;
|
||||
line-height: 1;
|
||||
text-align: right;
|
||||
margin:0 25px;
|
||||
}
|
||||
/* IE7 inline-block hack */
|
||||
*+html .styled div{
|
||||
display: inline;
|
||||
zoom: 1;
|
||||
}
|
||||
.styled div:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
.styled div span {
|
||||
display: block;
|
||||
border-top: 1px solid #cecece;
|
||||
padding-top: 3px;
|
||||
font-size: 19px;
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
}
|
||||
footer{
|
||||
width:100%;
|
||||
height:30px;
|
||||
background:rgba(0, 0, 0, 0.64);
|
||||
position:absolute;
|
||||
bottom:0px;
|
||||
}
|
||||
footer span{
|
||||
float:right;
|
||||
margin:10px;
|
||||
}
|
||||
@media(max-width:768px){
|
||||
body {
|
||||
min-width: initial !important;
|
||||
}
|
||||
.wrapper{width:100%;}
|
||||
}
|
||||
@media(max-width:420px){
|
||||
h1{
|
||||
float:initial;
|
||||
text-align: center;
|
||||
margin-left:0px;
|
||||
margin-bottom:0px;
|
||||
}
|
||||
#Header ul{
|
||||
top: 0px;
|
||||
float: initial;
|
||||
margin: 0 auto;
|
||||
position:none;
|
||||
display: block;
|
||||
clear: both;
|
||||
text-align: center;
|
||||
padding: 0px;
|
||||
}
|
||||
#Header ul li{
|
||||
float:initial;
|
||||
display: inline-block;
|
||||
}
|
||||
#Content h2 {
|
||||
margin: 0px 0px 0px 0px;
|
||||
padding: 0px;
|
||||
text-align: center;
|
||||
font-size: 29px;
|
||||
font-weight: 300;
|
||||
}
|
||||
.styled {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#subscribe input{
|
||||
width:80%;
|
||||
}
|
||||
footer{
|
||||
position:relative !important;
|
||||
}
|
||||
}
|
||||
BIN
ace-responsive-coming-soon-template/images/background1.jpg
Normal file
|
After Width: | Height: | Size: 70 KiB |
BIN
ace-responsive-coming-soon-template/images/background2.jpg
Normal file
|
After Width: | Height: | Size: 75 KiB |
BIN
ace-responsive-coming-soon-template/images/background3.jpg
Normal file
|
After Width: | Height: | Size: 51 KiB |
BIN
ace-responsive-coming-soon-template/images/background4.jpg
Normal file
|
After Width: | Height: | Size: 112 KiB |
BIN
ace-responsive-coming-soon-template/images/loading.gif
Normal file
|
After Width: | Height: | Size: 4.4 KiB |
BIN
ace-responsive-coming-soon-template/images/social-icons.png
Normal file
|
After Width: | Height: | Size: 19 KiB |
55
ace-responsive-coming-soon-template/index.html
Normal file
@@ -0,0 +1,55 @@
|
||||
<!--
|
||||
Theme by: WebThemez.com
|
||||
Title: Ace Page under construction!!!
|
||||
Note: Please use our back link in your site (webthemez.com)
|
||||
-->
|
||||
<!DOCTYPE HTML>
|
||||
<!--[if lt IE 7 ]> <html lang="en" class="ie ie6"> <![endif]-->
|
||||
<!--[if IE 7 ]> <html lang="en" class="ie ie7"> <![endif]-->
|
||||
<!--[if IE 8 ]> <html lang="en" class="ie ie8"> <![endif]-->
|
||||
<!--[if IE 9 ]> <html lang="en" class="ie ie9"> <![endif]-->
|
||||
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>AceCorp - Comming Soon!!!</title>
|
||||
<meta name="description" content="Ace Page under construction">
|
||||
<meta http-equiv="X-UA-Compatible" content="chrome=1">
|
||||
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:regular,bold">
|
||||
<link rel="stylesheet" type="text/css" href="css/jquery.vegas.css">
|
||||
<link rel="stylesheet" type="text/css" href="css/styles.css">
|
||||
</head>
|
||||
|
||||
<body id="home">
|
||||
<div id="Header">
|
||||
<div class="wrapper">
|
||||
<h1>AceCorp</h1>
|
||||
<ul>
|
||||
<li><a href="" title="Twitter" class="twitterIcon"></a></li>
|
||||
<li><a href="" title="facebook" class="facebookIcon"></a></li>
|
||||
<li><a href="" title="linkedIn" class="linkedInIcon"></a></li>
|
||||
<li><a href="" title="Pintrest" class="pintrestIcon"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="Content" class="wrapper">
|
||||
<h2>We are under construction</h2>
|
||||
<br/><br/>
|
||||
<div class="countdown styled"></div>
|
||||
<div id="subscribe">
|
||||
<h3>Stay in touch</h3>
|
||||
<form action="" method="post" onsubmit="">
|
||||
<p><input name="" value="Enter your e-mail" type="text" id=""/>
|
||||
<input type="button" value="Submit"/></p>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<footer><span>Template by: <a href="http://webthemez.com" alt="webthemez">WebThemez.com</a></span></footer>
|
||||
<div id="overlay"></div>
|
||||
|
||||
<!--Scripts-->
|
||||
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
|
||||
<script type="text/javascript" src="js/jquery.vegas.min.js"></script>
|
||||
<script type="text/javascript" src="js/jquery.countdown.js"></script>
|
||||
<script type="text/javascript" src="js/global.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
40
ace-responsive-coming-soon-template/js/global.js
Normal file
@@ -0,0 +1,40 @@
|
||||
/*
|
||||
Theme by: WebThemez.com
|
||||
Note: Please use our back link in your site
|
||||
*/
|
||||
$( function() {
|
||||
$.vegas( 'slideshow', {
|
||||
delay: 8000,
|
||||
backgrounds: [
|
||||
{ src: 'images/background4.jpg', fade: 4000 },
|
||||
{ src: 'images/background3.jpg', fade: 4000 },
|
||||
{ src: 'images/background2.jpg', fade: 4000 },
|
||||
{ src: 'images/background1.jpg', fade: 4000 }
|
||||
]
|
||||
} )( 'overlay' );
|
||||
|
||||
var endDate = "December 01, 2024 15:03:25";
|
||||
|
||||
$('.countdown.simple').countdown({ date: endDate });
|
||||
|
||||
$('.countdown.styled').countdown({
|
||||
date: endDate,
|
||||
render: function(data) {
|
||||
$(this.el).html("<div>" + this.leadingZeros(data.days, 3) + " <span>days</span></div><div>" + this.leadingZeros(data.hours, 2) + " <span>hrs</span></div><div>" + this.leadingZeros(data.min, 2) + " <span>min</span></div><div>" + this.leadingZeros(data.sec, 2) + " <span>sec</span></div>");
|
||||
}
|
||||
});
|
||||
|
||||
$('.countdown.callback').countdown({
|
||||
date: +(new Date) + 10000,
|
||||
render: function(data) {
|
||||
$(this.el).text(this.leadingZeros(data.sec, 2) + " sec");
|
||||
},
|
||||
onEnd: function() {
|
||||
$(this.el).addClass('ended');
|
||||
}
|
||||
}).on("click", function() {
|
||||
$(this).removeClass('ended').data('countdown').update(+(new Date) + 10000).start();
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
5
ace-responsive-coming-soon-template/js/jquery-1.9.1.min.js
vendored
Normal file
133
ace-responsive-coming-soon-template/js/jquery.countdown.js
Normal file
@@ -0,0 +1,133 @@
|
||||
// Generated by CoffeeScript 1.4.0
|
||||
|
||||
/*
|
||||
countdown is a simple jquery plugin for countdowns
|
||||
|
||||
Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
|
||||
and GPL-3.0 (http://opensource.org/licenses/GPL-3.0) licenses.
|
||||
|
||||
@source: http://github.com/rendro/countdown/
|
||||
@autor: Robert Fleischmann
|
||||
@version: 1.0.1
|
||||
*/
|
||||
|
||||
|
||||
(function() {
|
||||
|
||||
(function($) {
|
||||
$.countdown = function(el, options) {
|
||||
var getDateData,
|
||||
_this = this;
|
||||
this.el = el;
|
||||
this.$el = $(el);
|
||||
this.$el.data("countdown", this);
|
||||
this.init = function() {
|
||||
_this.options = $.extend({}, $.countdown.defaultOptions, options);
|
||||
if (_this.options.refresh) {
|
||||
_this.interval = setInterval(function() {
|
||||
return _this.render();
|
||||
}, _this.options.refresh);
|
||||
}
|
||||
_this.render();
|
||||
return _this;
|
||||
};
|
||||
getDateData = function(endDate) {
|
||||
var dateData, diff;
|
||||
endDate = Date.parse($.isPlainObject(_this.options.date) ? _this.options.date : new Date(_this.options.date));
|
||||
diff = (endDate - Date.parse(new Date)) / 1000;
|
||||
if (diff <= 0) {
|
||||
diff = 0;
|
||||
if (_this.interval) {
|
||||
_this.stop();
|
||||
}
|
||||
_this.options.onEnd.apply(_this);
|
||||
}
|
||||
dateData = {
|
||||
years: 0,
|
||||
days: 0,
|
||||
hours: 0,
|
||||
min: 0,
|
||||
sec: 0,
|
||||
millisec: 0
|
||||
};
|
||||
if (diff >= (365.25 * 86400)) {
|
||||
dateData.years = Math.floor(diff / (365.25 * 86400));
|
||||
diff -= dateData.years * 365.25 * 86400;
|
||||
}
|
||||
if (diff >= 86400) {
|
||||
dateData.days = Math.floor(diff / 86400);
|
||||
diff -= dateData.days * 86400;
|
||||
}
|
||||
if (diff >= 3600) {
|
||||
dateData.hours = Math.floor(diff / 3600);
|
||||
diff -= dateData.hours * 3600;
|
||||
}
|
||||
if (diff >= 60) {
|
||||
dateData.min = Math.floor(diff / 60);
|
||||
diff -= dateData.min * 60;
|
||||
}
|
||||
dateData.sec = diff;
|
||||
return dateData;
|
||||
};
|
||||
this.leadingZeros = function(num, length) {
|
||||
if (length == null) {
|
||||
length = 2;
|
||||
}
|
||||
num = String(num);
|
||||
while (num.length < length) {
|
||||
num = "0" + num;
|
||||
}
|
||||
return num;
|
||||
};
|
||||
this.update = function(newDate) {
|
||||
_this.options.date = newDate;
|
||||
return _this;
|
||||
};
|
||||
this.render = function() {
|
||||
_this.options.render.apply(_this, [getDateData(_this.options.date)]);
|
||||
return _this;
|
||||
};
|
||||
this.stop = function() {
|
||||
if (_this.interval) {
|
||||
clearInterval(_this.interval);
|
||||
}
|
||||
_this.interval = null;
|
||||
return _this;
|
||||
};
|
||||
this.start = function(refresh) {
|
||||
if (refresh == null) {
|
||||
refresh = _this.options.refresh || $.countdown.defaultOptions.refresh;
|
||||
}
|
||||
if (_this.interval) {
|
||||
clearInterval(_this.interval);
|
||||
}
|
||||
_this.render();
|
||||
_this.options.refresh = refresh;
|
||||
_this.interval = setInterval(function() {
|
||||
return _this.render();
|
||||
}, _this.options.refresh);
|
||||
return _this;
|
||||
};
|
||||
return this.init();
|
||||
};
|
||||
$.countdown.defaultOptions = {
|
||||
date: "June 7, 2087 15:03:25",
|
||||
refresh: 1000,
|
||||
onEnd: $.noop,
|
||||
render: function(date) {
|
||||
return $(this.el).html("" + date.years + " years, " + date.days + " days, " + (this.leadingZeros(date.hours)) + " hours, " + (this.leadingZeros(date.min)) + " min and " + (this.leadingZeros(date.sec)) + " sec");
|
||||
}
|
||||
};
|
||||
$.fn.countdown = function(options) {
|
||||
return $.each(this, function(i, el) {
|
||||
var $el;
|
||||
$el = $(el);
|
||||
if (!$el.data('countdown')) {
|
||||
return $el.data('countdown', new $.countdown(el, options));
|
||||
}
|
||||
});
|
||||
};
|
||||
return void 0;
|
||||
})(jQuery);
|
||||
|
||||
}).call(this);
|
||||
319
ace-responsive-coming-soon-template/js/jquery.vegas.js
Normal file
@@ -0,0 +1,319 @@
|
||||
// ----------------------------------------------------------------------------
|
||||
// Vegas - Fullscreen Backgrounds and Slideshows with jQuery.
|
||||
// v1.3.4 - released 2013-12-16 13:28
|
||||
// Licensed under the MIT license.
|
||||
// http://vegas.jaysalvat.com/
|
||||
// ----------------------------------------------------------------------------
|
||||
// Copyright (C) 2010-2013 Jay Salvat
|
||||
// http://jaysalvat.com/
|
||||
// ----------------------------------------------------------------------------
|
||||
|
||||
(function($) {
|
||||
var $background = $("<img />").addClass("vegas-background"), $overlay = $("<div />").addClass("vegas-overlay"), $loading = $("<div />").addClass("vegas-loading"), $current = $(), paused = null, backgrounds = [], step = 0, delay = 5e3, walk = function() {}, timer, methods = {
|
||||
init: function(settings) {
|
||||
var options = {
|
||||
src: getBackground(),
|
||||
align: "center",
|
||||
valign: "center",
|
||||
fade: 0,
|
||||
loading: true,
|
||||
load: function() {},
|
||||
complete: function() {}
|
||||
};
|
||||
$.extend(options, $.vegas.defaults.background, settings);
|
||||
if (options.loading) {
|
||||
loading();
|
||||
}
|
||||
var $new = $background.clone();
|
||||
$new.css({
|
||||
position: "fixed",
|
||||
left: "0px",
|
||||
top: "0px"
|
||||
}).bind("load", function() {
|
||||
if ($new == $current) {
|
||||
return;
|
||||
}
|
||||
$(window).bind("load resize.vegas", function(e) {
|
||||
resize($new, options);
|
||||
});
|
||||
if ($current.is("img")) {
|
||||
$current.stop();
|
||||
$new.hide().insertAfter($current).fadeIn(options.fade, function() {
|
||||
$(".vegas-background").not(this).remove();
|
||||
$("body").trigger("vegascomplete", [ this, step - 1 ]);
|
||||
options.complete.apply($new, [ step - 1 ]);
|
||||
});
|
||||
} else {
|
||||
$new.hide().prependTo("body").fadeIn(options.fade, function() {
|
||||
$("body").trigger("vegascomplete", [ this, step - 1 ]);
|
||||
options.complete.apply(this, [ step - 1 ]);
|
||||
});
|
||||
}
|
||||
$current = $new;
|
||||
resize($current, options);
|
||||
if (options.loading) {
|
||||
loaded();
|
||||
}
|
||||
$("body").trigger("vegasload", [ $current.get(0), step - 1 ]);
|
||||
options.load.apply($current.get(0), [ step - 1 ]);
|
||||
if (step) {
|
||||
$("body").trigger("vegaswalk", [ $current.get(0), step - 1 ]);
|
||||
options.walk.apply($current.get(0), [ step - 1 ]);
|
||||
}
|
||||
}).attr("src", options.src);
|
||||
return $.vegas;
|
||||
},
|
||||
destroy: function(what) {
|
||||
if (!what || what == "background") {
|
||||
$(".vegas-background, .vegas-loading").remove();
|
||||
$(window).unbind("*.vegas");
|
||||
$current = $();
|
||||
}
|
||||
if (!what || what == "overlay") {
|
||||
$(".vegas-overlay").remove();
|
||||
}
|
||||
clearInterval(timer);
|
||||
return $.vegas;
|
||||
},
|
||||
overlay: function(settings) {
|
||||
var options = {
|
||||
src: null,
|
||||
opacity: null
|
||||
};
|
||||
$.extend(options, $.vegas.defaults.overlay, settings);
|
||||
$overlay.remove();
|
||||
$overlay.css({
|
||||
margin: "0",
|
||||
padding: "0",
|
||||
position: "fixed",
|
||||
left: "0px",
|
||||
top: "0px",
|
||||
width: "100%",
|
||||
height: "100%"
|
||||
});
|
||||
if (options.src === false) {
|
||||
$overlay.css("backgroundImage", "none");
|
||||
}
|
||||
if (options.src) {
|
||||
$overlay.css("backgroundImage", "url(" + options.src + ")");
|
||||
}
|
||||
if (options.opacity) {
|
||||
$overlay.css("opacity", options.opacity);
|
||||
}
|
||||
$overlay.prependTo("body");
|
||||
return $.vegas;
|
||||
},
|
||||
slideshow: function(settings, keepPause) {
|
||||
var options = {
|
||||
step: step,
|
||||
delay: delay,
|
||||
preload: false,
|
||||
loading: true,
|
||||
backgrounds: backgrounds,
|
||||
walk: walk
|
||||
};
|
||||
$.extend(options, $.vegas.defaults.slideshow, settings);
|
||||
if (options.backgrounds != backgrounds) {
|
||||
if (!settings.step) {
|
||||
options.step = 0;
|
||||
}
|
||||
if (!settings.walk) {
|
||||
options.walk = function() {};
|
||||
}
|
||||
if (options.preload) {
|
||||
$.vegas("preload", options.backgrounds);
|
||||
}
|
||||
}
|
||||
backgrounds = options.backgrounds;
|
||||
delay = options.delay;
|
||||
step = options.step;
|
||||
walk = options.walk;
|
||||
clearInterval(timer);
|
||||
if (!backgrounds.length) {
|
||||
return $.vegas;
|
||||
}
|
||||
var doSlideshow = function() {
|
||||
if (step < 0) {
|
||||
step = backgrounds.length - 1;
|
||||
}
|
||||
if (step >= backgrounds.length || !backgrounds[step - 1]) {
|
||||
step = 0;
|
||||
}
|
||||
var settings = backgrounds[step++];
|
||||
settings.walk = options.walk;
|
||||
settings.loading = options.loading;
|
||||
if (typeof settings.fade == "undefined") {
|
||||
settings.fade = options.fade;
|
||||
}
|
||||
if (settings.fade > options.delay) {
|
||||
settings.fade = options.delay;
|
||||
}
|
||||
$.vegas(settings);
|
||||
};
|
||||
doSlideshow();
|
||||
if (!keepPause) {
|
||||
paused = false;
|
||||
$("body").trigger("vegasstart", [ $current.get(0), step - 1 ]);
|
||||
}
|
||||
if (!paused) {
|
||||
timer = setInterval(doSlideshow, options.delay);
|
||||
}
|
||||
return $.vegas;
|
||||
},
|
||||
next: function() {
|
||||
var from = step;
|
||||
if (step) {
|
||||
$.vegas("slideshow", {
|
||||
step: step
|
||||
}, true);
|
||||
$("body").trigger("vegasnext", [ $current.get(0), step - 1, from - 1 ]);
|
||||
}
|
||||
return $.vegas;
|
||||
},
|
||||
previous: function() {
|
||||
var from = step;
|
||||
if (step) {
|
||||
$.vegas("slideshow", {
|
||||
step: step - 2
|
||||
}, true);
|
||||
$("body").trigger("vegasprevious", [ $current.get(0), step - 1, from - 1 ]);
|
||||
}
|
||||
return $.vegas;
|
||||
},
|
||||
jump: function(s) {
|
||||
var from = step;
|
||||
if (step) {
|
||||
$.vegas("slideshow", {
|
||||
step: s
|
||||
}, true);
|
||||
$("body").trigger("vegasjump", [ $current.get(0), step - 1, from - 1 ]);
|
||||
}
|
||||
return $.vegas;
|
||||
},
|
||||
stop: function() {
|
||||
var from = step;
|
||||
step = 0;
|
||||
paused = null;
|
||||
clearInterval(timer);
|
||||
$("body").trigger("vegasstop", [ $current.get(0), from - 1 ]);
|
||||
return $.vegas;
|
||||
},
|
||||
pause: function() {
|
||||
paused = true;
|
||||
clearInterval(timer);
|
||||
$("body").trigger("vegaspause", [ $current.get(0), step - 1 ]);
|
||||
return $.vegas;
|
||||
},
|
||||
get: function(what) {
|
||||
if (what === null || what == "background") {
|
||||
return $current.get(0);
|
||||
}
|
||||
if (what == "overlay") {
|
||||
return $overlay.get(0);
|
||||
}
|
||||
if (what == "step") {
|
||||
return step - 1;
|
||||
}
|
||||
if (what == "paused") {
|
||||
return paused;
|
||||
}
|
||||
},
|
||||
preload: function(backgrounds) {
|
||||
var cache = [];
|
||||
for (var i in backgrounds) {
|
||||
if (backgrounds[i].src) {
|
||||
var cacheImage = document.createElement("img");
|
||||
cacheImage.src = backgrounds[i].src;
|
||||
cache.push(cacheImage);
|
||||
}
|
||||
}
|
||||
return $.vegas;
|
||||
}
|
||||
};
|
||||
function resize($img, settings) {
|
||||
var options = {
|
||||
align: "center",
|
||||
valign: "center"
|
||||
};
|
||||
$.extend(options, settings);
|
||||
if ($img.height() === 0) {
|
||||
$img.load(function() {
|
||||
resize($(this), settings);
|
||||
});
|
||||
return;
|
||||
}
|
||||
var vp = getViewportSize(), ww = vp.width, wh = vp.height, iw = $img.width(), ih = $img.height(), rw = wh / ww, ri = ih / iw, newWidth, newHeight, newLeft, newTop, properties;
|
||||
if (rw > ri) {
|
||||
newWidth = wh / ri;
|
||||
newHeight = wh;
|
||||
} else {
|
||||
newWidth = ww;
|
||||
newHeight = ww * ri;
|
||||
}
|
||||
properties = {
|
||||
width: newWidth + "px",
|
||||
height: newHeight + "px",
|
||||
top: "auto",
|
||||
bottom: "auto",
|
||||
left: "auto",
|
||||
right: "auto"
|
||||
};
|
||||
if (!isNaN(parseInt(options.valign, 10))) {
|
||||
properties.top = 0 - (newHeight - wh) / 100 * parseInt(options.valign, 10) + "px";
|
||||
} else if (options.valign == "top") {
|
||||
properties.top = 0;
|
||||
} else if (options.valign == "bottom") {
|
||||
properties.bottom = 0;
|
||||
} else {
|
||||
properties.top = (wh - newHeight) / 2;
|
||||
}
|
||||
if (!isNaN(parseInt(options.align, 10))) {
|
||||
properties.left = 0 - (newWidth - ww) / 100 * parseInt(options.align, 10) + "px";
|
||||
} else if (options.align == "left") {
|
||||
properties.left = 0;
|
||||
} else if (options.align == "right") {
|
||||
properties.right = 0;
|
||||
} else {
|
||||
properties.left = (ww - newWidth) / 2;
|
||||
}
|
||||
$img.css(properties);
|
||||
}
|
||||
function loading() {
|
||||
$loading.prependTo("body").fadeIn();
|
||||
}
|
||||
function loaded() {
|
||||
$loading.fadeOut("fast", function() {
|
||||
$(this).remove();
|
||||
});
|
||||
}
|
||||
function getBackground() {
|
||||
if ($("body").css("backgroundImage")) {
|
||||
return $("body").css("backgroundImage").replace(/url\("?(.*?)"?\)/i, "$1");
|
||||
}
|
||||
}
|
||||
function getViewportSize() {
|
||||
var elmt = window, prop = "inner";
|
||||
if (!("innerWidth" in window)) {
|
||||
elmt = document.documentElement || document.body;
|
||||
prop = "client";
|
||||
}
|
||||
return {
|
||||
width: elmt[prop + "Width"],
|
||||
height: elmt[prop + "Height"]
|
||||
};
|
||||
}
|
||||
$.vegas = function(method) {
|
||||
if (methods[method]) {
|
||||
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
|
||||
} else if (typeof method === "object" || !method) {
|
||||
return methods.init.apply(this, arguments);
|
||||
} else {
|
||||
$.error("Method " + method + " does not exist");
|
||||
}
|
||||
};
|
||||
$.vegas.defaults = {
|
||||
background: {},
|
||||
slideshow: {},
|
||||
overlay: {}
|
||||
};
|
||||
})(jQuery);
|
||||
11
ace-responsive-coming-soon-template/js/jquery.vegas.min.js
vendored
Normal file
@@ -0,0 +1,11 @@
|
||||
// ----------------------------------------------------------------------------
|
||||
// Vegas - Fullscreen Backgrounds and Slideshows with jQuery.
|
||||
// v1.3.4 - released 2013-12-16 13:28
|
||||
// Licensed under the MIT license.
|
||||
// http://vegas.jaysalvat.com/
|
||||
// ----------------------------------------------------------------------------
|
||||
// Copyright (C) 2010-2013 Jay Salvat
|
||||
// http://jaysalvat.com/
|
||||
// ----------------------------------------------------------------------------
|
||||
|
||||
(function(e){function t(a,n){var o={align:"center",valign:"center"};if(e.extend(o,n),0===a.height())return a.load(function(){t(e(this),n)}),void 0;var i,s,g,d=r(),l=d.width,u=d.height,c=a.width(),v=a.height(),p=u/l,f=v/c;p>f?(i=u/f,s=u):(i=l,s=l*f),g={width:i+"px",height:s+"px",top:"auto",bottom:"auto",left:"auto",right:"auto"},isNaN(parseInt(o.valign,10))?"top"==o.valign?g.top=0:"bottom"==o.valign?g.bottom=0:g.top=(u-s)/2:g.top=0-(s-u)/100*parseInt(o.valign,10)+"px",isNaN(parseInt(o.align,10))?"left"==o.align?g.left=0:"right"==o.align?g.right=0:g.left=(l-i)/2:g.left=0-(i-l)/100*parseInt(o.align,10)+"px",a.css(g)}function a(){d.prependTo("body").fadeIn()}function n(){d.fadeOut("fast",function(){e(this).remove()})}function o(){return e("body").css("backgroundImage")?e("body").css("backgroundImage").replace(/url\("?(.*?)"?\)/i,"$1"):void 0}function r(){var e=window,t="inner";return"innerWidth"in window||(e=document.documentElement||document.body,t="client"),{width:e[t+"Width"],height:e[t+"Height"]}}var i,s=e("<img />").addClass("vegas-background"),g=e("<div />").addClass("vegas-overlay"),d=e("<div />").addClass("vegas-loading"),l=e(),u=null,c=[],v=0,p=5e3,f=function(){},h={init:function(r){var i={src:o(),align:"center",valign:"center",fade:0,loading:!0,load:function(){},complete:function(){}};e.extend(i,e.vegas.defaults.background,r),i.loading&&a();var g=s.clone();return g.css({position:"fixed",left:"0px",top:"0px"}).bind("load",function(){g!=l&&(e(window).bind("load resize.vegas",function(){t(g,i)}),l.is("img")?(l.stop(),g.hide().insertAfter(l).fadeIn(i.fade,function(){e(".vegas-background").not(this).remove(),e("body").trigger("vegascomplete",[this,v-1]),i.complete.apply(g,[v-1])})):g.hide().prependTo("body").fadeIn(i.fade,function(){e("body").trigger("vegascomplete",[this,v-1]),i.complete.apply(this,[v-1])}),l=g,t(l,i),i.loading&&n(),e("body").trigger("vegasload",[l.get(0),v-1]),i.load.apply(l.get(0),[v-1]),v&&(e("body").trigger("vegaswalk",[l.get(0),v-1]),i.walk.apply(l.get(0),[v-1])))}).attr("src",i.src),e.vegas},destroy:function(t){return t&&"background"!=t||(e(".vegas-background, .vegas-loading").remove(),e(window).unbind("*.vegas"),l=e()),t&&"overlay"!=t||e(".vegas-overlay").remove(),clearInterval(i),e.vegas},overlay:function(t){var a={src:null,opacity:null};return e.extend(a,e.vegas.defaults.overlay,t),g.remove(),g.css({margin:"0",padding:"0",position:"fixed",left:"0px",top:"0px",width:"100%",height:"100%"}),a.src===!1&&g.css("backgroundImage","none"),a.src&&g.css("backgroundImage","url("+a.src+")"),a.opacity&&g.css("opacity",a.opacity),g.prependTo("body"),e.vegas},slideshow:function(t,a){var n={step:v,delay:p,preload:!1,loading:!0,backgrounds:c,walk:f};if(e.extend(n,e.vegas.defaults.slideshow,t),n.backgrounds!=c&&(t.step||(n.step=0),t.walk||(n.walk=function(){}),n.preload&&e.vegas("preload",n.backgrounds)),c=n.backgrounds,p=n.delay,v=n.step,f=n.walk,clearInterval(i),!c.length)return e.vegas;var o=function(){0>v&&(v=c.length-1),(v>=c.length||!c[v-1])&&(v=0);var t=c[v++];t.walk=n.walk,t.loading=n.loading,t.fade===void 0&&(t.fade=n.fade),t.fade>n.delay&&(t.fade=n.delay),e.vegas(t)};return o(),a||(u=!1,e("body").trigger("vegasstart",[l.get(0),v-1])),u||(i=setInterval(o,n.delay)),e.vegas},next:function(){var t=v;return v&&(e.vegas("slideshow",{step:v},!0),e("body").trigger("vegasnext",[l.get(0),v-1,t-1])),e.vegas},previous:function(){var t=v;return v&&(e.vegas("slideshow",{step:v-2},!0),e("body").trigger("vegasprevious",[l.get(0),v-1,t-1])),e.vegas},jump:function(t){var a=v;return v&&(e.vegas("slideshow",{step:t},!0),e("body").trigger("vegasjump",[l.get(0),v-1,a-1])),e.vegas},stop:function(){var t=v;return v=0,u=null,clearInterval(i),e("body").trigger("vegasstop",[l.get(0),t-1]),e.vegas},pause:function(){return u=!0,clearInterval(i),e("body").trigger("vegaspause",[l.get(0),v-1]),e.vegas},get:function(e){return null===e||"background"==e?l.get(0):"overlay"==e?g.get(0):"step"==e?v-1:"paused"==e?u:void 0},preload:function(t){var a=[];for(var n in t)if(t[n].src){var o=document.createElement("img");o.src=t[n].src,a.push(o)}return e.vegas}};e.vegas=function(t){return h[t]?h[t].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof t&&t?(e.error("Method "+t+" does not exist"),void 0):h.init.apply(this,arguments)},e.vegas.defaults={background:{},slideshow:{},overlay:{}}})(jQuery);
|
||||
14
ace-responsive-coming-soon-template/readme.txt
Normal file
@@ -0,0 +1,14 @@
|
||||
Note
|
||||
====
|
||||
|
||||
Responsive Mobile First Web Template
|
||||
Author URI: http://webthemez.com/
|
||||
Description: Ace is a responsive coming soon template, It is lightweight template comes with image slideshow background overlay pattern.
|
||||
License: Free to use for personal and commercial, but you need to place back link in the bottom of the template(Template by: webthemez.com).
|
||||
|
||||
|
||||
Credits
|
||||
=======
|
||||
Slider - http://vegas.jaysalvat.com/
|
||||
Images Unsplash (http://unsplash.com - CC0 licensed)
|
||||
|
||||