You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
98 lines
2.1 KiB
98 lines
2.1 KiB
semantic.home = {};
|
|
|
|
// ready event
|
|
semantic.home.ready = function() {
|
|
|
|
var
|
|
$themeDropdown = $('.theme.dropdown'),
|
|
$header = $('.masthead'),
|
|
$ui = $header.find('h1 b'),
|
|
$phrase = $header.find('h1 span'),
|
|
$download = $header.find('.download'),
|
|
$library = $header.find('.library'),
|
|
$version = $header.find('.version'),
|
|
handler
|
|
;
|
|
|
|
handler = {
|
|
endAnimation: function() {
|
|
$header
|
|
.addClass('stopped')
|
|
;
|
|
},
|
|
introduction: function() {
|
|
// zoom out
|
|
setTimeout(function() {
|
|
$header
|
|
.removeClass('zoomed')
|
|
;
|
|
}, 1500);
|
|
|
|
$ui.typed({
|
|
replaceBaseText : true,
|
|
strings : [
|
|
$ui.data('text')
|
|
],
|
|
showCursor : false,
|
|
typeSpeed : 120,
|
|
backSpeed : 120,
|
|
backDelay : 500
|
|
});
|
|
setTimeout(function() {
|
|
$library.transition('scale in', 1000);
|
|
}, 6400);
|
|
setTimeout(function() {
|
|
$version.transition('fade', 600);
|
|
}, 7000);
|
|
}
|
|
};
|
|
|
|
$('.email.stripe form')
|
|
.form({
|
|
email: {
|
|
identifier : 'email',
|
|
rules: [
|
|
{
|
|
type : 'empty',
|
|
prompt : 'Please enter an e-mail'
|
|
},
|
|
{
|
|
type : 'email',
|
|
prompt : 'Please enter a valid e-mail address'
|
|
}
|
|
]
|
|
}
|
|
})
|
|
;
|
|
|
|
|
|
$('.masthead')
|
|
.visibility({
|
|
onPassing : handler.introduction,
|
|
onBottomPassed : handler.endAnimation
|
|
})
|
|
;
|
|
|
|
$themeDropdown
|
|
.dropdown('setting', 'transition', 'drop')
|
|
.dropdown('setting', 'duration', 350)
|
|
.dropdown('setting', 'action', 'activate')
|
|
;
|
|
|
|
|
|
window.Transifex.live.onTranslatePage(function(countryCode){
|
|
var fullName = $('.language.dropdown .item[data-value=' + countryCode + ']').eq(0).text();
|
|
$('.language.dropdown > .text').html(fullName);
|
|
});
|
|
|
|
$('.ui.sidebar')
|
|
.sidebar('setting', 'transition', 'slide along')
|
|
;
|
|
|
|
};
|
|
|
|
|
|
// attach ready event
|
|
$(document)
|
|
.ready(semantic.home.ready)
|
|
;
|