Commit c205f492 authored by Nandaja Varma's avatar Nandaja Varma
Browse files

Merge branch 'master' of gitlab.com:stultus/savepoderry

parents 3e824c68 46c1b526
(function($) {
var version = '1.4.10',
defaults = {
exclude: [],
excludeWithin:[],
offset: 0,
// one of 'top' or 'left'
direction: 'top',
// jQuery set of elements you wish to scroll (for $.smoothScroll).
// if null (default), $('html, body').firstScrollable() is used.
scrollElement: null,
// only use if you want to override default behavior
scrollTarget: null,
// fn(opts) function to be called before scrolling occurs.
// `this` is the element(s) being scrolled
beforeScroll: function() {},
// fn(opts) function to be called after scrolling occurs.
// `this` is the triggering element
afterScroll: function() {},
easing: 'swing',
speed: 400,
// coefficient for "auto" speed
autoCoefficent: 2
},
getScrollable = function(opts) {
var scrollable = [],
scrolled = false,
dir = opts.dir && opts.dir == 'left' ? 'scrollLeft' : 'scrollTop';
this.each(function() {
if (this == document || this == window) { return; }
var el = $(this);
if ( el[dir]() > 0 ) {
scrollable.push(this);
} else {
// if scroll(Top|Left) === 0, nudge the element 1px and see if it moves
el[dir](1);
scrolled = el[dir]() > 0;
if ( scrolled ) {
scrollable.push(this);
}
// then put it back, of course
el[dir](0);
}
});
// If no scrollable elements, fall back to <body>,
// if it's in the jQuery collection
// (doing this because Safari sets scrollTop async,
// so can't set it to 1 and immediately get the value.)
if (!scrollable.length) {
this.each(function(index) {
if (this.nodeName === 'BODY') {
scrollable = [this];
}
});
}
// Use the first scrollable element if we're calling firstScrollable()
if ( opts.el === 'first' && scrollable.length > 1 ) {
scrollable = [ scrollable[0] ];
}
return scrollable;
},
isTouch = 'ontouchend' in document;
$.fn.extend({
scrollable: function(dir) {
var scrl = getScrollable.call(this, {dir: dir});
return this.pushStack(scrl);
},
firstScrollable: function(dir) {
var scrl = getScrollable.call(this, {el: 'first', dir: dir});
return this.pushStack(scrl);
},
smoothScroll: function(options) {
options = options || {};
var opts = $.extend({}, $.fn.smoothScroll.defaults, options),
locationPath = $.smoothScroll.filterPath(location.pathname);
this
.unbind('click.smoothscroll')
.bind('click.smoothscroll', function(event) {
var link = this,
$link = $(this),
exclude = opts.exclude,
excludeWithin = opts.excludeWithin,
elCounter = 0, ewlCounter = 0,
include = true,
clickOpts = {},
hostMatch = ((location.hostname === link.hostname) || !link.hostname),
pathMatch = opts.scrollTarget || ( $.smoothScroll.filterPath(link.pathname) || locationPath ) === locationPath,
thisHash = escapeSelector(link.hash);
if ( !opts.scrollTarget && (!hostMatch || !pathMatch || !thisHash) ) {
include = false;
} else {
while (include && elCounter < exclude.length) {
if ($link.is(escapeSelector(exclude[elCounter++]))) {
include = false;
}
}
while ( include && ewlCounter < excludeWithin.length ) {
if ($link.closest(excludeWithin[ewlCounter++]).length) {
include = false;
}
}
}
if ( include ) {
event.preventDefault();
$.extend( clickOpts, opts, {
scrollTarget: opts.scrollTarget || thisHash,
link: link
});
$.smoothScroll( clickOpts );
}
});
return this;
}
});
$.smoothScroll = function(options, px) {
var opts, $scroller, scrollTargetOffset, speed,
scrollerOffset = 0,
offPos = 'offset',
scrollDir = 'scrollTop',
aniProps = {},
aniOpts = {},
scrollprops = [];
if (typeof options === 'number') {
opts = $.fn.smoothScroll.defaults;
scrollTargetOffset = options;
} else {
opts = $.extend({}, $.fn.smoothScroll.defaults, options || {});
if (opts.scrollElement) {
offPos = 'position';
if (opts.scrollElement.css('position') == 'static') {
opts.scrollElement.css('position', 'relative');
}
}
}
opts = $.extend({link: null}, opts);
scrollDir = opts.direction == 'left' ? 'scrollLeft' : scrollDir;
if ( opts.scrollElement ) {
$scroller = opts.scrollElement;
scrollerOffset = $scroller[scrollDir]();
} else {
$scroller = $('html, body').firstScrollable();
}
// beforeScroll callback function must fire before calculating offset
opts.beforeScroll.call($scroller, opts);
scrollTargetOffset = (typeof options === 'number') ? options :
px ||
( $(opts.scrollTarget)[offPos]() &&
$(opts.scrollTarget)[offPos]()[opts.direction] ) ||
0;
aniProps[scrollDir] = scrollTargetOffset + scrollerOffset + opts.offset;
speed = opts.speed;
// automatically calculate the speed of the scroll based on distance / coefficient
if (speed === 'auto') {
// if aniProps[scrollDir] == 0 then we'll use scrollTop() value instead
speed = aniProps[scrollDir] || $scroller.scrollTop();
// divide the speed by the coefficient
speed = speed / opts.autoCoefficent;
}
aniOpts = {
duration: speed,
easing: opts.easing,
complete: function() {
opts.afterScroll.call(opts.link, opts);
}
};
if (opts.step) {
aniOpts.step = opts.step;
}
if ($scroller.length) {
$scroller.stop().animate(aniProps, aniOpts);
} else {
opts.afterScroll.call(opts.link, opts);
}
};
$.smoothScroll.version = version;
$.smoothScroll.filterPath = function(string) {
return string
.replace(/^\//,'')
.replace(/(index|default).[a-zA-Z]{3,4}$/,'')
.replace(/\/$/,'');
};
// default options
$.fn.smoothScroll.defaults = defaults;
function escapeSelector (str) {
return str.replace(/(:|\.)/g,'\\$1');
}
})(jQuery);
No preview for this file type
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
Base styles: opinionated defaults Base styles: opinionated defaults
========================================================================== */ ========================================================================== */
html,button,input,select,textarea { html,button,input,select,textarea {
color: #000000; color: #222222;
} }
body { body {
...@@ -84,7 +84,7 @@ Author's custom styles ...@@ -84,7 +84,7 @@ Author's custom styles
========================================================================== */ ========================================================================== */
/* ====Structure and Utility Classes==== */ /* ====Structure and Utility Classes==== */
body { body {
background: #eee; background: #F4F4F4;
color: #222; color: #222;
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
font-weight: 300; font-weight: 300;
...@@ -131,7 +131,8 @@ article.info p { ...@@ -131,7 +131,8 @@ article.info p {
hgroup h1 { hgroup h1 {
font-weight: 400; font-weight: 400;
font-size: 1.5em; font-size: 2em;
font-family: serif;
margin-bottom: 0; margin-bottom: 0;
padding-top: 0; padding-top: 0;
} }
...@@ -146,7 +147,7 @@ hgroup h2 { ...@@ -146,7 +147,7 @@ hgroup h2 {
/* ====Header==== */ /* ====Header==== */
header { header {
margin-top: 1.8em; margin-top: 1.8em;
background: #96C8A2; background: #00b3ff;
height: 2.5em; height: 2.5em;
} }
...@@ -181,7 +182,7 @@ header nav ul li:last-child:after { ...@@ -181,7 +182,7 @@ header nav ul li:last-child:after {
} }
header nav ul li a { header nav ul li a {
color: #ffffff; color: #f2f2f2;
font-size: 0.8em; font-size: 0.8em;
padding: 0.20em 0.5em; padding: 0.20em 0.5em;
line-height: 2.8em; line-height: 2.8em;
...@@ -192,35 +193,30 @@ header nav ul li a { ...@@ -192,35 +193,30 @@ header nav ul li a {
header nav ul li a:hover { header nav ul li a:hover {
color: #fff; color: #fff;
text-shadow: #f2f2f2 -1px 1px 1px;
} }
/* ====Main Body==== */ /* ====Main Body==== */
p.intro { p.intro {
margin-top: 1.05em; margin-top: 1.05em;
color: #000000; color: #76778A;
font-size: 4em; font-size: 4em;
font-weight: 700; font-weight: 700;
width: 8em; width: 8em;
} }
.text {
color:#222;
}
.red {
color: #c57482;
}
/* ====Meter==== */ /* ====Meter==== */
#meter { #meter {
margin: 5em 3.2em 0 1.5em; margin: 5em 3.2em 0 1.5em;
width: 22em; width: 22em;
color: #6D7B8D ; color: #fff;
font-size: 1em; font-size: 1em;
} }
#meter .wrap { #meter .wrap {
padding: 1em 2em; padding: 1em 2em;
background-color:#E8E8E8 ; background-color: #76777A;
} }
#meter img { #meter img {
...@@ -228,23 +224,17 @@ p.intro { ...@@ -228,23 +224,17 @@ p.intro {
padding-bottom: 0.2em; padding-bottom: 0.2em;
} }
#meter ul li {
width: 22em;
color: #6D7B8D ;
}
.time-left { .time-left {
text-align: right; text-align: right;
font-weight: 300; font-weight: 300;
margin: 0; margin: 0;
font-size: 0.9em; font-size: 0.9em;
padding: 0; padding: 0;
color: #000000; color: #f4f4f4;
} }
.time-left span.amount { .time-left span.amount {
color: #000; color: #fff;
font-weight: 700; font-weight: 700;
} }
...@@ -279,20 +269,20 @@ width: 22em; ...@@ -279,20 +269,20 @@ width: 22em;
font-size: 1.3em; font-size: 1.3em;
font-weight: 300; font-weight: 300;
margin-bottom: 0; margin-bottom: 0;
color: #000; color: #eee;
} }
.money-goal span { .money-goal span {
font-weight: 400; font-weight: 400;
color: #f70000; color: #fff;
} }
a.donate { a.donate {
width: 100%; width: 100%;
display: block; display: block;
text-align: center; text-align: center;
background-color: #96C8A2; background-color: #00b3ff;
color: #A34041; color: #fff;
font-weight: 300; font-weight: 300;
border: none; border: none;
font-size: 1.3em; font-size: 1.3em;
...@@ -302,33 +292,18 @@ a.donate { ...@@ -302,33 +292,18 @@ a.donate {
border-bottom-right-radius: 0.425em; border-bottom-right-radius: 0.425em;
border-bottom-left-radius: 0.425em; border-bottom-left-radius: 0.425em;
-webkit-box-shadow: 0 0.1em 0.1em #ddd; -webkit-box-shadow: 0 0.1em 0.1em #ddd;
box-shadow: 0 0.1em 0.1em #ddd; box-shadow: 0 0.1em 0.5em #aaa;
text-decoration: none; text-decoration: none;
} }
a.donate2 {
width: 10em; a.donate.variant {
height: 5em; width: 8em;
display: block; border-radius: 0.425em;
text-align: center;
background-color: #96C8A2;
color: #A34041;
font-weight: 300;
border: none;
font-size: 1.3em;
line-height: 5em;
padding: 0.15em 0.15em 0.15em 0.15em;
margin-top: 0em;
border-bottom-right-radius: 0.425em;
border-bottom-left-radius: 0.425em;
border-top-left-radius: 0.425em;
border-top-right-radius: 0.425em;
-webkit-box-shadow: 0 0.1em 0.1em #ddd;
box-shadow: 0 0.1em 0.1em #ddd;
text-decoration: none;
} }
a.donate:hover { a.donate:hover {
background-color: #acd7ca; background-color: #33d0ff;
box-shadow: 0 0.1em 0.1em #aaa;
} }
/* Video */ /* Video */
...@@ -352,10 +327,10 @@ a.donate:hover { ...@@ -352,10 +327,10 @@ a.donate:hover {
/* paragraph after who*/ /* paragraph after who*/
#who .person { #who .person {
width: 6em; width: 7em;
height: 6em; height: 7em;
background: #ddd; background: #ddd;
margin: 1em; margin: 0.5em;
float:left; float:left;
} }
...@@ -372,8 +347,8 @@ a.donate:hover { ...@@ -372,8 +347,8 @@ a.donate:hover {
} }
#who .person img { #who .person img {
width: 6em; width: 100%;
height: 6em; height: 7em;
} }
#perks .pull-right{ #perks .pull-right{
...@@ -396,7 +371,7 @@ article.info p { ...@@ -396,7 +371,7 @@ article.info p {
/* Footer*/ /* Footer*/
footer:before { footer:before {
margin-top: 5em; margin-top: 1em;
content: "***"; content: "***";
display: block; display: block;
font-size: 2em; font-size: 2em;
...@@ -528,7 +503,7 @@ Inlined to avoid required HTTP connection: h5bp.com/r ...@@ -528,7 +503,7 @@ Inlined to avoid required HTTP connection: h5bp.com/r
text-shadow: none !important; text-shadow: none !important;
} }
a,a:visited { a, a:visited {
text-decoration: underline; text-decoration: underline;
} }
...@@ -586,12 +561,12 @@ h2,h3 { ...@@ -586,12 +561,12 @@ h2,h3 {
line-height: 20px; line-height: 20px;
border: 1px solid #e6e6e6; border: 1px solid #e6e6e6;
border-radius: 4px; border-radius: 4px;
} }
#gBtn:hover { #gBtn:hover {
background-color: #cc3732; background-color: #cc3732;
color: #fff; color: #fff;
border: 1px solid #dd4b39; border: 1px solid #dd4b39;
} }
img/loader.gif

23.3 KB | W: | H:

img/loader.gif

23.4 KB | W: | H:

img/loader.gif
img/loader.gif
img/loader.gif
img/loader.gif
  • 2-up
  • Swipe
  • Onion skin
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
<li><a href="#who">Who are we?</a></li> <li><a href="#who">Who are we?</a></li>
<li><a href="#impact">The Impact</a></li> <li><a href="#impact">The Impact</a></li>
<li><a href="#needs">What we want?</a></li> <li><a href="#needs">What we want?</a></li>
<li><a href="#perks">What you get?</a></li> <li><a href="#perks">What you get?</a></li>
<li><a href="#spread">Spread the word</a></li> <li><a href="#spread">Spread the word</a></li>
</ul> </ul>
</nav> </nav>
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
<section id="main"> <section id="main">
<!-- Introduction --> <!-- Introduction -->
<article id="intro" class="page-width"> <article id="intro" class="page-width">
<p class="intro pull-left"><span class="text">Help us keep diaspora live at</span> <span class="red">poddery.com</span></p> <p class="intro pull-left">Help us keep diaspora live at poddery.com</p>
<aside id="meter" class="pull-right"> <aside id="meter" class="pull-right">
<div class="wrap"> <div class="wrap">
<p class="time-left"><i class="icon-time"></i> <span><img src="img/loader.gif" alt="Loading..." /></span></p> <p class="time-left"><i class="icon-time"></i> <span><img src="img/loader.gif" alt="Loading..." /></span></p>
...@@ -110,8 +110,10 @@ ...@@ -110,8 +110,10 @@
</div> </div>
<div class="person"> <div class="person">
<wrap>
<wrap>
<a href="https://joindiaspora.com/u/akshayramesh"/><img src="Team/akshay.png" alt="Akshay"></a> <a href="https://joindiaspora.com/u/akshayramesh"/><img src="Team/akshay.png" alt="Akshay"></a>
</img> </img>
</wrap> </wrap>
</div> </div>
...@@ -152,7 +154,7 @@ ...@@ -152,7 +154,7 @@
<a href="https://joindiaspora.com/u/jay_aurabind"><img src="Team/Aurobindonew.png" alt="Aurabindo"></a> <a href="https://joindiaspora.com/u/jay_aurabind"><img src="Team/Aurobindonew.png" alt="Aurabindo"></a>
</img> </img>
</wrap> </wrap>
</div> </div>
<div class="person"> <div class="person">
<wrap> <wrap>
<a href="https://joindiaspora.com/u/balasankarc"><img src="Team/balu.png" alt="Balasankar"></a> <a href="https://joindiaspora.com/u/balasankarc"><img src="Team/balu.png" alt="Balasankar"></a>
...@@ -344,7 +346,7 @@ ...@@ -344,7 +346,7 @@
</p> </p>
</div> </div>
<div class="pull-right"> <div class="pull-right">
<a href="http://www.indiegogo.com/projects/keep-diaspora-service-at-poddery-com-live" class="donate2" width=30>Donate Now</a> <a href="http://www.indiegogo.com/projects/keep-diaspora-service-at-poddery-com-live" class="donate variant">Donate Now</a>
</div> </div>
<div class="clearfix"></div>