genuineparts/funchat
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Design updates

Browse source
This commit is contained in:
genuineparts 2025-06-04 14:04:26 +02:00
parent ac623a4eee
commit 3a7f36261d
6 changed files with 277 additions and 183 deletions
Download patch file Download diff file Expand all files Collapse all files

186
themes/austria/css/fonts.css
View file

@ -6,81 +6,81 @@
@font-face {
font-family: 'merriweather-heavy';
src: url('fonts/merriweather/merriweather-black-webfont.eot');
src: url('fonts/merriweather/merriweather-black-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/merriweather/merriweather-black-webfont.woff') format('woff'),
url('fonts/merriweather/merriweather-black-webfont.ttf') format('truetype'),
url('fonts/merriweather/merriweather-black-webfont.svg#merriweatherheavy') format('svg');
src: url('/themes/austria/css/fonts/merriweather/merriweather-black-webfont.eot');
src: url('/themes/austria/css/fonts/merriweather/merriweather-black-webfont.eot?#iefix') format('embedded-opentype'),
url('/themes/austria/css/fonts/merriweather/merriweather-black-webfont.woff') format('woff'),
url('/themes/austria/css/fonts/merriweather/merriweather-black-webfont.ttf') format('truetype'),
url('/themes/austria/css/fonts/merriweather/merriweather-black-webfont.svg#merriweatherheavy') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'merriweather-bold';
src: url('fonts/merriweather/merriweather-bold-webfont.eot');
src: url('fonts/merriweather/merriweather-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/merriweather/merriweather-bold-webfont.woff') format('woff'),
url('fonts/merriweather/merriweather-bold-webfont.ttf') format('truetype'),
url('fonts/merriweather/merriweather-bold-webfont.svg#merriweatherbold') format('svg');
src: url('/themes/austria/css/fonts/merriweather/merriweather-bold-webfont.eot');
src: url('/themes/austria/css/fonts/merriweather/merriweather-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/themes/austria/css/fonts/merriweather/merriweather-bold-webfont.woff') format('woff'),
url('/themes/austria/css/fonts/merriweather/merriweather-bold-webfont.ttf') format('truetype'),
url('/themes/austria/css/fonts/merriweather/merriweather-bold-webfont.svg#merriweatherbold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'merriweather-bold-italic';
src: url('fonts/merriweather/merriweather-bolditalic-webfont.eot');
src: url('fonts/merriweather/merriweather-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/merriweather/merriweather-bolditalic-webfont.woff') format('woff'),
url('fonts/merriweather/merriweather-bolditalic-webfont.ttf') format('truetype'),
url('fonts/merriweather/merriweather-bolditalic-webfont.svg#merriweatherbold_italic') format('svg');
src: url('/themes/austria/css/fonts/merriweather/merriweather-bolditalic-webfont.eot');
src: url('/themes/austria/css/fonts/merriweather/merriweather-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
url('/themes/austria/css/fonts/merriweather/merriweather-bolditalic-webfont.woff') format('woff'),
url('/themes/austria/css/fonts/merriweather/merriweather-bolditalic-webfont.ttf') format('truetype'),
url('/themes/austria/css/fonts/merriweather/merriweather-bolditalic-webfont.svg#merriweatherbold_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'merriweather-heavy-italic';
src: url('fonts/merriweather/merriweather-heavyitalic-webfont.eot');
src: url('fonts/merriweather/merriweather-heavyitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/merriweather/merriweather-heavyitalic-webfont.woff') format('woff'),
url('fonts/merriweather/merriweather-heavyitalic-webfont.ttf') format('truetype'),
url('fonts/merriweather/merriweather-heavyitalic-webfont.svg#merriweatherheavy_italic') format('svg');
src: url('/themes/austria/css/fonts/merriweather/merriweather-heavyitalic-webfont.eot');
src: url('/themes/austria/css/fonts/merriweather/merriweather-heavyitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('/themes/austria/css/fonts/merriweather/merriweather-heavyitalic-webfont.woff') format('woff'),
url('/themes/austria/css/fonts/merriweather/merriweather-heavyitalic-webfont.ttf') format('truetype'),
url('/themes/austria/css/fonts/merriweather/merriweather-heavyitalic-webfont.svg#merriweatherheavy_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'merriweather-italic';
src: url('fonts/merriweather/merriweather-italic-webfont.eot');
src: url('fonts/merriweather/merriweather-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/merriweather/merriweather-italic-webfont.woff') format('woff'),
url('fonts/merriweather/merriweather-italic-webfont.ttf') format('truetype'),
url('fonts/merriweather/merriweather-italic-webfont.svg#merriweatheritalic') format('svg');
src: url('/themes/austria/css/fonts/merriweather/merriweather-italic-webfont.eot');
src: url('/themes/austria/css/fonts/merriweather/merriweather-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('/themes/austria/css/fonts/merriweather/merriweather-italic-webfont.woff') format('woff'),
url('/themes/austria/css/fonts/merriweather/merriweather-italic-webfont.ttf') format('truetype'),
url('/themes/austria/css/fonts/merriweather/merriweather-italic-webfont.svg#merriweatheritalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'merriweather-light';
src: url('fonts/merriweather/merriweather-light-webfont.eot');
src: url('fonts/merriweather/merriweather-light-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/merriweather/merriweather-light-webfont.woff') format('woff'),
url('fonts/merriweather/merriweather-light-webfont.ttf') format('truetype'),
url('fonts/merriweather/merriweather-light-webfont.svg#merriweatherlight') format('svg');
src: url('/themes/austria/css/fonts/merriweather/merriweather-light-webfont.eot');
src: url('/themes/austria/css/fonts/merriweather/merriweather-light-webfont.eot?#iefix') format('embedded-opentype'),
url('/themes/austria/css/fonts/merriweather/merriweather-light-webfont.woff') format('woff'),
url('/themes/austria/css/fonts/merriweather/merriweather-light-webfont.ttf') format('truetype'),
url('/themes/austria/css/fonts/merriweather/merriweather-light-webfont.svg#merriweatherlight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'merriweather-light-italic';
src: url('fonts/merriweather/merriweather-lightitalic-webfont.eot');
src: url('fonts/merriweather/merriweather-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/merriweather/merriweather-lightitalic-webfont.woff') format('woff'),
url('fonts/merriweather/merriweather-lightitalic-webfont.ttf') format('truetype'),
url('fonts/merriweather/merriweather-lightitalic-webfont.svg#merriweatherlight_italic') format('svg');
src: url('/themes/austria/css/fonts/merriweather/merriweather-lightitalic-webfont.eot');
src: url('/themes/austria/css/fonts/merriweather/merriweather-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('/themes/austria/css/fonts/merriweather/merriweather-lightitalic-webfont.woff') format('woff'),
url('/themes/austria/css/fonts/merriweather/merriweather-lightitalic-webfont.ttf') format('truetype'),
url('/themes/austria/css/fonts/merriweather/merriweather-lightitalic-webfont.svg#merriweatherlight_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'merriweather-regular';
src: url('fonts/merriweather/merriweather-regular-webfont.eot');
src: url('fonts/merriweather/merriweather-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/merriweather/merriweather-regular-webfont.woff') format('woff'),
url('fonts/merriweather/merriweather-regular-webfont.ttf') format('truetype'),
url('fonts/merriweather/merriweather-regular-webfont.svg#merriweatherregular') format('svg');
src: url('/themes/austria/css/fonts/merriweather/merriweather-regular-webfont.eot');
src: url('/themes/austria/css/fonts/merriweather/merriweather-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/themes/austria/css/fonts/merriweather/merriweather-regular-webfont.woff') format('woff'),
url('/themes/austria/css/fonts/merriweather/merriweather-regular-webfont.ttf') format('truetype'),
url('/themes/austria/css/fonts/merriweather/merriweather-regular-webfont.svg#merriweatherregular') format('svg');
font-weight: normal;
font-style: normal;
}
@ -90,101 +90,101 @@
================================================================================ */
@font-face {
font-family: 'opensans-regular';
src: url('fonts/opensans/OpenSans-Regular-webfont.eot');
src: url('fonts/opensans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans/OpenSans-Regular-webfont.woff') format('woff'),
url('fonts/opensans/OpenSans-Regular-webfont.ttf') format('truetype'),
url('fonts/opensans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
src: url('/themes/austria/css/fonts/opensans/OpenSans-Regular-webfont.eot');
src: url('/themes/austria/css/fonts/opensans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/themes/austria/css/fonts/opensans/OpenSans-Regular-webfont.woff') format('woff'),
url('/themes/austria/css/fonts/opensans/OpenSans-Regular-webfont.ttf') format('truetype'),
url('/themes/austria/css/fonts/opensans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'opensans-italic';
src: url('fonts/opensans/OpenSans-Italic-webfont.eot');
src: url('fonts/opensans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans/OpenSans-Italic-webfont.woff') format('woff'),
url('fonts/opensans/OpenSans-Italic-webfont.ttf') format('truetype'),
url('fonts/opensans/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
src: url('/themes/austria/css/fonts/opensans/OpenSans-Italic-webfont.eot');
src: url('/themes/austria/css/fonts/opensans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('/themes/austria/css/fonts/opensans/OpenSans-Italic-webfont.woff') format('woff'),
url('/themes/austria/css/fonts/opensans/OpenSans-Italic-webfont.ttf') format('truetype'),
url('/themes/austria/css/fonts/opensans/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'opensans-light';
src: url('fonts/opensans/OpenSans-Light-webfont.eot');
src: url('fonts/opensans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans/OpenSans-Light-webfont.woff') format('woff'),
url('fonts/opensans/OpenSans-Light-webfont.ttf') format('truetype'),
url('fonts/opensans/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
src: url('/themes/austria/css/fonts/opensans/OpenSans-Light-webfont.eot');
src: url('/themes/austria/css/fonts/opensans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('/themes/austria/css/fonts/opensans/OpenSans-Light-webfont.woff') format('woff'),
url('/themes/austria/css/fonts/opensans/OpenSans-Light-webfont.ttf') format('truetype'),
url('/themes/austria/css/fonts/opensans/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'opensans-light-italic';
src: url('fonts/opensans/OpenSans-LightItalic-webfont.eot');
src: url('fonts/opensans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans/OpenSans-LightItalic-webfont.woff') format('woff'),
url('fonts/opensans/OpenSans-LightItalic-webfont.ttf') format('truetype'),
url('fonts/opensans/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg');
src: url('/themes/austria/css/fonts/opensans/OpenSans-LightItalic-webfont.eot');
src: url('/themes/austria/css/fonts/opensans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('/themes/austria/css/fonts/opensans/OpenSans-LightItalic-webfont.woff') format('woff'),
url('/themes/austria/css/fonts/opensans/OpenSans-LightItalic-webfont.ttf') format('truetype'),
url('/themes/austria/css/fonts/opensans/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'opensans-semibold';
src: url('fonts/opensans/OpenSans-Semibold-webfont.eot');
src: url('fonts/opensans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans/OpenSans-Semibold-webfont.woff') format('woff'),
url('fonts/opensans/OpenSans-Semibold-webfont.ttf') format('truetype'),
url('fonts/opensans/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
src: url('/themes/austria/css/fonts/opensans/OpenSans-Semibold-webfont.eot');
src: url('/themes/austria/css/fonts/opensans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('/themes/austria/css/fonts/opensans/OpenSans-Semibold-webfont.woff') format('woff'),
url('/themes/austria/css/fonts/opensans/OpenSans-Semibold-webfont.ttf') format('truetype'),
url('/themes/austria/css/fonts/opensans/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'opensans-semibold-italic';
src: url('fonts/opensans/OpenSans-SemiboldItalic-webfont.eot');
src: url('fonts/opensans/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
url('fonts/opensans/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
url('fonts/opensans/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg');
src: url('/themes/austria/css/fonts/opensans/OpenSans-SemiboldItalic-webfont.eot');
src: url('/themes/austria/css/fonts/opensans/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('/themes/austria/css/fonts/opensans/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
url('/themes/austria/css/fonts/opensans/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
url('/themes/austria/css/fonts/opensans/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'opensans-bold';
src: url('fonts/opensans/OpenSans-Bold-webfont.eot');
src: url('fonts/opensans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans/OpenSans-Bold-webfont.woff') format('woff'),
url('fonts/opensans/OpenSans-Bold-webfont.ttf') format('truetype'),
url('fonts/opensans/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
src: url('/themes/austria/css/fonts/opensans/OpenSans-Bold-webfont.eot');
src: url('/themes/austria/css/fonts/opensans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/themes/austria/css/fonts/opensans/OpenSans-Bold-webfont.woff') format('woff'),
url('/themes/austria/css/fonts/opensans/OpenSans-Bold-webfont.ttf') format('truetype'),
url('/themes/austria/css/fonts/opensans/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'opensans-bold-italic';
src: url('fonts/opensans/OpenSans-BoldItalic-webfont.eot');
src: url('fonts/opensans/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans/OpenSans-BoldItalic-webfont.woff') format('woff'),
url('fonts/opensans/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
url('fonts/opensans/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
src: url('/themes/austria/css/fonts/opensans/OpenSans-BoldItalic-webfont.eot');
src: url('/themes/austria/css/fonts/opensans/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('/themes/austria/css/fonts/opensans/OpenSans-BoldItalic-webfont.woff') format('woff'),
url('/themes/austria/css/fonts/opensans/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
url('/themes/austria/css/fonts/opensans/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'opensans-extrabold';
src: url('fonts/opensans/OpenSans-ExtraBold-webfont.eot');
src: url('fonts/opensans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans/OpenSans-ExtraBold-webfont.woff') format('woff'),
url('fonts/opensans/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
url('fonts/opensans/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
src: url('/themes/austria/css/fonts/opensans/OpenSans-ExtraBold-webfont.eot');
src: url('/themes/austria/css/fonts/opensans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
url('/themes/austria/css/fonts/opensans/OpenSans-ExtraBold-webfont.woff') format('woff'),
url('/themes/austria/css/fonts/opensans/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
url('/themes/austria/css/fonts/opensans/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'opensans-extrabold-italic';
src: url('fonts/opensans/OpenSans-ExtraBoldItalic-webfont.eot');
src: url('fonts/opensans/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
url('fonts/opensans/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
url('fonts/opensans/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic') format('svg');
src: url('/themes/austria/css/fonts/opensans/OpenSans-ExtraBoldItalic-webfont.eot');
src: url('/themes/austria/css/fonts/opensans/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('/themes/austria/css/fonts/opensans/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
url('/themes/austria/css/fonts/opensans/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
url('/themes/austria/css/fonts/opensans/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@ -198,13 +198,13 @@
@font-face {
font-family: 'opensans-semibold';
src: url('fonts/opensans/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
src: url('/themes/austria/css/fonts/opensans/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
}
@font-face {
font-family: 'merriweather-bold';
src: url('fonts/merriweather/merriweather-bold-webfont.svg#merriweatherbold') format('svg');
src: url('/themes/austria/css/fonts/merriweather/merriweather-bold-webfont.svg#merriweatherbold') format('svg');
}
}
}

14
themes/austria/header.tpl
View file

@ -1,13 +1,10 @@
<!DOCTYPE html>
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]><html class="no-js ie ie9" lang="en"> <![endif]-->
<!--[if (gte IE 8)|!(IE)]><!--><html class="no-js" lang="de"> <!--<![endif]-->
<html class="no-js" lang="de">
<head>
<!--- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<!--- basic page needs
================================================== -->
<meta charset="utf-8">
<title>Funch.at - Die &Ouml;sterreichische Chatcommunity</title>
<meta content="Funch.at - Die &Ouml;sterreichische Chatcommunity" property="og:title" />
<meta name="keywords" content="oe3 &Ouml;3 chat sms.at uboot.com chatcommunity webchat austria oesterreich forum" />
@ -29,7 +26,8 @@
<!-- Script
================================================== -->
<script src="js/modernizr.js"></script>
<script src="{$themepath}/js/modernizr.js"></script>
<script defer src="{$themepath}/js/fontawesome/all.min.js"></script>
<!-- Favicons
================================================== -->

5
themes/austria/js/fontawesome/all.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

4
themes/austria/js/jquery-3.2.1.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

244
themes/austria/js/main.js
View file

@ -1,79 +1,167 @@
/*-----------------------------------------------------------------------------------
/*
/* Main JS
/*
----------------------------------------------------------------------------------- */
(function($) {
/* Mobile Menu
------------------------------------------------------ */
var toggle_button = $("<a>", {
id: "toggle-btn",
html : "Menu",
title: "Menu",
href : "#" }
);
var nav_wrap = $('nav#nav-wrap')
var nav = $("ul#nav");
/* if JS is enabled, remove the two a.mobile-btns
and dynamically prepend a.toggle-btn to #nav-wrap */
nav_wrap.find('a.mobile-btn').remove();
nav_wrap.prepend(toggle_button);
toggle_button.on("click", function(e) {
e.preventDefault();
nav.slideToggle("fast");
});
if (toggle_button.is(':visible')) nav.addClass('mobile');
$(window).resize(function(){
if (toggle_button.is(':visible')) nav.addClass('mobile');
else nav.removeClass('mobile');
});
$('ul#nav li a').on("click", function(){
if (nav.hasClass('mobile')) nav.fadeOut('fast');
});
/* Smooth Scrolling
------------------------------------------------------ */
$('.smoothscroll').on('click', function (e) {
e.preventDefault();
var target = this.hash,
$target = $(target);
$('html, body').stop().animate({
'scrollTop': $target.offset().top
}, 800, 'swing', function () {
window.location.hash = target;
});
});
/* Back To Top Button
------------------------------------------------------- */
var pxShow = 300; //height on which the button will show
var fadeInTime = 400; //how slow/fast you want the button to show
var fadeOutTime = 400; //how slow/fast you want the button to hide
var scrollSpeed = 300; //how slow/fast you want the button to scroll to top. can be a value, 'slow', 'normal' or 'fast'
// Show or hide the sticky footer button
$(window).scroll(function() {
if ($(window).scrollTop() >= pxShow) {
$("#go-top").fadeIn(fadeInTime);
} else {
$("#go-top").fadeOut(fadeOutTime);
}
});
/* ===================================================================
* Keep It Simple 3.0.0 - Main JS
*
* ------------------------------------------------------------------- */
(function($) {
"use strict";
const cfg = {
scrollDuration : 800, // smoothscroll duration
mailChimpURL : '' // mailchimp url
};
const $WIN = $(window);
// Add the User Agent to the <html>
// will be used for IE10/IE11 detection (Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0; rv:11.0))
const doc = document.documentElement;
doc.setAttribute('data-useragent', navigator.userAgent);
/* preloader
* -------------------------------------------------- */
const ssPreloader = function() {
$("html").addClass('ss-preload');
$WIN.on('load', function() {
// force page scroll position to top at page refresh
// $('html, body').animate({ scrollTop: 0 }, 'normal');
// will first fade out the loading animation
$("#loader").fadeOut("slow", function() {
// will fade out the whole DIV that covers the website.
$("#preloader").delay(300).fadeOut("slow");
});
// for hero content animations
$("html").removeClass('ss-preload');
$("html").addClass('ss-loaded');
});
};
/* mobile menu
* ---------------------------------------------------- */
const ssMobileMenu = function() {
const $toggleButton = $('.header-menu-toggle');
const $headerContent = $('.header-content');
const $siteBody = $("body");
$toggleButton.on('click', function(event){
event.preventDefault();
// at 800px and below
if (window.matchMedia('(max-width: 800px)').matches) {
$toggleButton.toggleClass('is-clicked');
$siteBody.toggleClass('menu-is-open');
}
});
$WIN.on('resize', function() {
// above 800px
if (window.matchMedia('(min-width: 801px)').matches) {
if ($siteBody.hasClass("menu-is-open")) $siteBody.removeClass("menu-is-open");
if ($toggleButton.hasClass("is-clicked")) $toggleButton.removeClass("is-clicked");
}
});
// open (or close) submenu items in mobile view menu.
// close all the other open submenu items.
$('.s-header__nav .has-children').children('a').on('click', function (e) {
e.preventDefault();
// at 800px and below
if (window.matchMedia('(max-width: 800px)').matches) {
$(this).toggleClass('sub-menu-is-open')
.next('ul')
.slideToggle(200)
.end()
.parent('.has-children')
.siblings('.has-children')
.children('a')
.removeClass('sub-menu-is-open')
.next('ul')
.slideUp(200);
}
});
};
/* alert boxes
* ------------------------------------------------------ */
const ssAlertBoxes = function() {
$('.alert-box').on('click', '.alert-box__close', function() {
$(this).parent().fadeOut(500);
});
};
/* smooth scrolling
* ------------------------------------------------------ */
const ssSmoothScroll = function() {
$('.smoothscroll').on('click', function (e) {
const target = this.hash;
const $target = $(target);
e.preventDefault();
e.stopPropagation();
$('html, body').stop().animate({
'scrollTop': $target.offset().top
}, cfg.scrollDuration, 'swing').promise().done(function () {
window.location.hash = target;
});
});
};
/* back to top
* ------------------------------------------------------ */
const ssBackToTop = function() {
const pxShow = 800;
const $goTopButton = $(".ss-go-top")
// Show or hide the button
if ($(window).scrollTop() >= pxShow) $goTopButton.addClass('link-is-visible');
$(window).on('scroll', function() {
if ($(window).scrollTop() >= pxShow) {
if(!$goTopButton.hasClass('link-is-visible')) $goTopButton.addClass('link-is-visible')
} else {
$goTopButton.removeClass('link-is-visible')
}
});
};
/* initialize
* ------------------------------------------------------ */
(function ssInit() {
ssPreloader();
ssMobileMenu();
ssAlertBoxes();
ssSmoothScroll();
ssBackToTop();
})();
})(jQuery);

7
themes/austria/js/modernizr.js
View file

File diff suppressed because one or more lines are too long