sorted javascript, moved all libs, removed old stuff

This commit is contained in:
Ulf Gebhardt 2017-11-17 13:55:34 +01:00
parent 8256928f9c
commit 3927f12265
15 changed files with 208 additions and 2505 deletions

View File

@ -1,3 +1,62 @@
function init_start(){
function init_help(){
$(".w3-banner").css("display", "none");
$(".banner").addClass("banner_nonpure2");
$(".banner").removeClass("banner_nonpure");
$("#content").css('position', 'relative').css("right", "-3500px");
$("#content").animate({"right":"0"}, 500);
// txt zeichen zählen
$("#exampleTextarea").keyup(function(){
var txt = parseInt( $("#exampleTextarea").val().length);
// console.log( txt < 120);
// console.log( "txt= "+ txt );
if ( txt < 120 ) {
$("#txtsincebox").html(' ( -<span id="txtsince">'+ (120 - txt) +'</span> Zeichen )');
$("#submitx").removeClass("btn-success");
} else {
$("#txtsincebox").html("ok");
$("#submitx").addClass("btn-success");
}
});
$("#submitx").click(function(){
var formserial = $("#form").serialize();
var fvorname = $("#fvorname").val();
var fnachname = $("#fnachname").val();
var femail = $("#femail").val();
var txt = $("#exampleTextarea").val();
if (fvorname == "" || fvorname.length < 3 ){
alert( "bitte einen Vornamen eingeben");
$("#fvorname").focus();
return null;
}
if (fnachname == "" || fnachname.length < 3 ){
alert( "bitte einen Nachname eingeben");
$("#fnachname").focus();
return null;
}
if (femail == "" || femail.length < 11 ){
alert( "bitte einen E-Mail eingeben");
$("#femail").focus();
return null;
}
if (txt == "" || txt.length < 120 ){
alert( "bitte einen Text eingeben");
$("#exampleTextarea").focus();
return null;
}
$.ajax({
method: "POST",
url: "sendmail.php",
data: formserial
}).done(function( msg ) {
if ( msg == "Message sent") {
$('#form').trigger("reset");
alert("Danke! Deine Nachricht wurde versendet.");
} else {
alert("Deine Nachricht konnte nicht versendet weden. Bitte versuche es später noch einmal. Danke.")
}
});
});
}

View File

@ -1,3 +1,7 @@
function init_start(){
function init_medien(){
$(".w3-banner").css("display", "none");
$(".banner").addClass("banner_nonpure2");
$(".banner").removeClass("banner_nonpure");
$("#content").css('position', 'relative').css("right", "-3500px");
$("#content").animate({"right":"0"}, 500);
}

View File

@ -5,11 +5,11 @@ class default_page implements \SYSTEM\PAGE\DefaultPage {
\LIB\lib_jquery::js(),
\LIB\lib_bootstrap::js(),
\LIB\lib_system::js(),
new PPAGE('default_page/js/responsiveslides.min.js'),
new PPAGE('default_page/js/jarallax.js'),
new PPAGE('default_page/js/SmoothScroll.min.js'),
new PPAGE('default_page/js/move-top.js'),
new PPAGE('default_page/js/easing.js'),
new PLIB('responsiveslides/responsiveslides.min.js'),
new PLIB('jarallax/jarallax.js'),
new PLIB('smooth_scroll/SmoothScroll.min.js'),
new PLIB('move_top/move-top.min.js'),
new PLIB('easing/easing.js'),
new PPAGE('default_page/js/default_page.js')
)));
}
@ -23,8 +23,6 @@ class default_page implements \SYSTEM\PAGE\DefaultPage {
new PPAGE('default_page/css/style.css'),
new PPAGE('default_page/css/default_page.css')
)));
// <link href="" rel="stylesheet">
// <link href="" rel="stylesheet">
}
public function html($_escaped_fragment_ = null){

View File

@ -3,169 +3,17 @@ $(document).ready(function() {
/* init Jarallax */
$('.jarallax').jarallax({
speed: 0.5,
imgWidth: 1366,
imgHeight: 768
speed: 0.5,
imgWidth: 1366,
imgHeight: 768
});
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
$().UItoTop({ easingType: 'easeOutQuart' });
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
/*
setTimeout(function(){
$("#iframe").attr("src","https://projects.invisionapp.com//share/XHCNO67CA#/screens");
},1000);
*/
var prepareSwitch = function() {
$(".w3-banner ").css("display", "none");
$(".m_mm").removeClass("active");
$(".m_mm").css("color","#fff");
$(this).addClass("active");
$("#wrapperx").css('position', 'relative').css("right", "-3500px");
$("#wrapperx").animate({"right":"0"}, 500);
setTimeout( function() {
var toggler = $(".navbar-toggle")
if ( toggler.attr( 'aria-expanded' ) == 'true' ) {
toggler.click();
}
}, 500);
};
$("#m_idee").click(function(){
prepareSwitch();
$(".w3-banner ").css("display", "block");
$("#wrapperx").load("m_idee.html");
$(".banner")
.addClass("banner_nonpure")
.removeClass("banner_nonpure2");
$(".footer").addClass("footer_bg_grey");
});
$("#m_wir").click(function(){
prepareSwitch();
$("#wrapperx").load("m_wir.html");
// $(".banner").removeClass("banner_nonpure");
$(".banner").addClass("banner_nonpure2");
});
$("#m_medien").click(function(){
prepareSwitch();
$("#wrapperx").load("m_medien.html");
$(".banner").addClass("banner_nonpure2");
});
$("#m_proto").click(function(){
prepareSwitch();
$("#wrapperx").load("m_proto.html");
$(".banner").removeClass("banner_nonpure");
$(".banner").addClass("banner_nonpure2");
});
$("#m_help").click(function(){
prepareSwitch();
$(".banner").removeClass("banner_nonpure");
$(".banner").addClass("banner_nonpure2");
$("#wrapperx").load("m_help.html", function(){
// txt zeichen zählen
$("#exampleTextarea").keyup(function(){
var txt = parseInt( $("#exampleTextarea").val().length);
// console.log( txt < 120);
// console.log( "txt= "+ txt );
if ( txt < 120 ) {
$("#txtsincebox").html(' ( -<span id="txtsince">'+ (120 - txt) +'</span> Zeichen )');
$("#submitx").removeClass("btn-success");
} else {
$("#txtsincebox").html("ok");
$("#submitx").addClass("btn-success");
}
});
$("#submitx").click(function(){
var formserial = $("#form").serialize();
var fvorname = $("#fvorname").val();
var fnachname = $("#fnachname").val();
var femail = $("#femail").val();
var txt = $("#exampleTextarea").val();
if (fvorname == "" || fvorname.length < 3 ){
alert( "bitte einen Vornamen eingeben");
$("#fvorname").focus();
return null;
}
if (fnachname == "" || fnachname.length < 3 ){
alert( "bitte einen Nachname eingeben");
$("#fnachname").focus();
return null;
}
if (femail == "" || femail.length < 11 ){
alert( "bitte einen E-Mail eingeben");
$("#femail").focus();
return null;
}
if (txt == "" || txt.length < 120 ){
alert( "bitte einen Text eingeben");
$("#exampleTextarea").focus();
return null;
}
$.ajax({
method: "POST",
url: "sendmail.php",
data: formserial
})
.done(function( msg ) {
// console.log( msg );
if ( msg == "Message sent") {
$('#form').trigger("reset");
alert("Danke! Deine Nachricht wurde versendet.");
} else {
alert("Deine Nachricht konnte nicht versendet weden. Bitte versuche es später noch einmal. Danke.")
}
});
});
});
});
//start
var hash = window.location.hash;
switch(hash){
case "#idee" :
$("#m_idee").click();
break;
case "#wir" :
$("#m_wir").click();
break;
case "#medien" :
$("#m_medien").click();
break;
case "#prototyp" :
$("#m_proto").click();
break;
case "#mithelfen" :
$("#m_help").click();
break;
default:
$("#m_idee").click();
}
//<script type="application/x-javascript">addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }</script>
});

View File

@ -1,142 +1,123 @@
<!-- ::::::::::::::::::::::::::::::::::::::: -->
<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="de">
<head>
<title>DEMOCRACY Deutschland</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
${css}
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-109296340-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-109296340-1');
</script>
<title>DEMOCRACY Deutschland</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
${css}
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-109296340-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
<meta name="author" content="Democracy Deutschland e.V.">
<meta name="publisher" content="Democracy Deutschland e.V.">
<meta name="copyright" content="Democracy Deutschland e.V.">
<meta name="description" content="DEMOCRACY ist eine Initiative für mehr Basisdemokratie in Deutschland.">
<meta name="keywords" content="Volksabstimmung, Mitbestimmung, Basisdemokratie, Bundestag, Bundestagsabstimmungen,Abstimmungsinitiativen, Demokratie,Bürgerwünsche,Politik,Stimme,Diskussionsforum,Wahlstimmen,abstimmen">
<meta name="page-topic" content="Gesellschaft">
<meta name="page-type" content="Bericht Reportage">
<meta name="audience" content="Anfänger, Azubis, Erwachsene, Experten, Fortgeschrittene, Frauen, Jugendliche, Männer, Profis, Schüler, Studenten">
<meta name="robots" content="index, follow">
<meta name="DC.Creator" content="Democracy Deutschland e.V.">
<meta name="DC.Publisher" content="Democracy Deutschland e.V.">
<meta name="DC.Rights" content="Democracy Deutschland e.V.">
<meta name="DC.Description" content="DEMOCRACY ist eine Initiative für mehr Basisdemokratie in Deutschland.">
<meta name="DC.Language" content="de">
<meta name="revisit-after" content="3 DAYS" />
<!-- Volksabstimmung, Bundestagsabstimmung, Bürgerbefragung -->
<meta property="og:url" content="https://www.democracy-deutschland.de/" />
<meta property="og:type" content="article" />
<meta property="og:title" content="DEMOCRACY - Demokratie_live" />
<meta property="og:description" content="DEMOCRACY ist eine Initiative für mehr Basisdemokratie in Deutschland." />
<meta property="og:image" content="https://www.democracy-deutschland.de/images/forfb2.png" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<style>
/*@font-face {
font-family: 'helvetica';
src: url('./files/font/HelveticaLt.ttf') format('truetype');
}*/
/* font-family: 'helvetica', serif; */
gtag('config', 'UA-109296340-1');
</script>
@font-face {
font-family: 'isabelle_layne';
src: url('./files/font/Isabelle_Layne_Bold.ttf') format('truetype');
}
/* font-family: 'isabelle_layne', serif; */
<meta name="author" content="Democracy Deutschland e.V.">
<meta name="publisher" content="Democracy Deutschland e.V.">
<meta name="copyright" content="Democracy Deutschland e.V.">
<meta name="description" content="DEMOCRACY ist eine Initiative für mehr Basisdemokratie in Deutschland.">
<meta name="keywords" content="Volksabstimmung, Mitbestimmung, Basisdemokratie, Bundestag, Bundestagsabstimmungen, Abstimmungsinitiativen, Demokratie,Bürgerwünsche, Politik, Stimme, Diskussionsforum, Wahlstimmen, abstimmen, appstimmen">
<meta name="page-topic" content="Gesellschaft">
<meta name="page-type" content="Bericht Reportage">
<meta name="audience" content="Anfänger, Azubis, Erwachsene, Experten, Fortgeschrittene, Frauen, Jugendliche, Männer, Profis, Schüler, Studenten">
<meta name="robots" content="index, follow">
<meta name="DC.Creator" content="Democracy Deutschland e.V.">
<meta name="DC.Publisher" content="Democracy Deutschland e.V.">
<meta name="DC.Rights" content="Democracy Deutschland e.V.">
<meta name="DC.Description" content="DEMOCRACY ist eine Initiative für mehr Basisdemokratie in Deutschland.">
<meta name="DC.Language" content="de">
<meta name="revisit-after" content="3 DAYS" />
<meta property="og:url" content="https://www.democracy-deutschland.de/" />
<meta property="og:type" content="article" />
<meta property="og:title" content="DEMOCRACY - Demokratie_live" />
<meta property="og:description" content="DEMOCRACY ist eine Initiative für mehr Basisdemokratie in Deutschland." />
<meta property="og:image" content="https://www.democracy-deutschland.de/images/forfb2.png" />
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
@font-face {
font-family: 'raleway';
src: url('fonts/Raleway-Light.ttf') format('truetype');
}
/* font-family: 'raleway', serif; */
<style>
/*@font-face {
font-family: 'helvetica';
src: url('./files/font/HelveticaLt.ttf') format('truetype');
}*/
/* font-family: 'helvetica', serif; */
@font-face {
font-family: 'playfair_display';
src: url('./files/font/playfair_display.tff') format('truetype');
}
/* font-family: 'playfair_display', serif; */
@font-face {
font-family: 'isabelle_layne';
src: url('./files/font/Isabelle_Layne_Bold.ttf') format('truetype');
}
/* font-family: 'isabelle_layne', serif; */
@font-face {
font-family: 'edosz';
src: url('./files/font/edosz.ttf') format('truetype');
}
/* font-family: 'edosz', serif; */
@font-face {
font-family: 'raleway';
src: url('fonts/Raleway-Light.ttf') format('truetype');
}
/* font-family: 'raleway', serif; */
@font-face {
font-family: 'TravelingTypewriter';
src: url('./files/font/TravelingTypewriter.ttf') format('truetype');
}
/* font-family: 'TravelingTypewriter', serif; */
.callbacks_nav {
background:transparent url(./files/images/arrows.png) no-repeat right top;
}
#toTop {
background:url(./files/images/arrow.png) no-repeat 0 0;
}
</style>
<!-- //font -->
@font-face {
font-family: 'playfair_display';
src: url('./files/font/playfair_display.tff') format('truetype');
}
/* font-family: 'playfair_display', serif; */
@font-face {
font-family: 'edosz';
src: url('./files/font/edosz.ttf') format('truetype');
}
/* font-family: 'edosz', serif; */
@font-face {
font-family: 'TravelingTypewriter';
src: url('./files/font/TravelingTypewriter.ttf') format('truetype');
}
/* font-family: 'TravelingTypewriter', serif; */
.callbacks_nav {
background:transparent url(./files/images/arrows.png) no-repeat right top;
}
#toTop {
background:url(./files/images/arrow.png) no-repeat 0 0;
}
</style>
<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" href="./favicon.ico" type="image/x-icon" />
<link rel="icon" type="image/x-icon" sizes="192x192" href="./files/icons/android-icon-192x192.png">
<link rel="icon" type="image/x-icon" sizes="32x32" href="./files/icons/favicon-32x32.png">
<link rel="icon" type="image/x-icon" sizes="96x96" href="./files/icons/favicon-96x96.png">
<link rel="icon" type="image/x-icon" sizes="16x16" href="./favicon.ico">
<link rel="manifest" href="/manifest.json">
<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" href="./favicon.ico" type="image/x-icon" />
<link rel="icon" type="image/x-icon" sizes="192x192" href="./files/icons/android-icon-192x192.png">
<link rel="icon" type="image/x-icon" sizes="32x32" href="./files/icons/favicon-32x32.png">
<link rel="icon" type="image/x-icon" sizes="96x96" href="./files/icons/favicon-96x96.png">
<link rel="icon" type="image/x-icon" sizes="16x16" href="./favicon.ico">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<!-- banner -->
<div id="banner" class="banner">
<div class="header">
<div class="container">
<div class="header-left">
<div class="w3layouts-logo">
<h1>
<img class="logox" src="./files/images/logo.png" alt="DEMOCRACY Deutschland Logo">
</h1>
</div>
<!-- banner -->
<div id="banner" class="banner banner_nonpure">
<div class="header">
<div class="container">
<div class="header-left">
<div class="w3layouts-logo">
<h1><img class="logox" src="./files/images/logo.png" alt="DEMOCRACY Deutschland Logo"></h1>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header-bottom">
<div class="container">
<div class="top-nav">
<nav class="navbar navbar-default">
<div class="header-bottom">
<div class="container">
<div class="top-nav">
<nav class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
@ -159,7 +140,7 @@ License URL: http://creativecommons.org/licenses/by/3.0/
</nav>
</div>
<!-- w3-banner -->
<div class="w3-banner">
<div class="w3-banner" style="position: relative; right: -3500px">
<h1 class="headtxt" >DEMOCRACY</h1>
<div class="isabelle_layne" >Demokratie_live</div>
<p class="crowdfunding_details">
@ -277,8 +258,8 @@ License URL: http://creativecommons.org/licenses/by/3.0/
Deutschland e.V.</p>
</div>
</div>
</div>
<!-- //footer -->
${js}
</div>
<!-- //footer -->
${js}
</body>
</html>

View File

@ -1,3 +1,7 @@
function init_start(){
function init_prototyp(){
$(".w3-banner").css("display", "none");
$(".banner").addClass("banner_nonpure2");
$(".banner").removeClass("banner_nonpure");
$("#content").css('position', 'relative').css("right", "-3500px");
$("#content").animate({"right":"0"}, 500);
}

View File

@ -1,3 +1,11 @@
function init_start(){
$(".w3-banner").css('position', 'relative').css("right", "-3500px");
$(".w3-banner").css("display", "block");
$(".w3-banner").animate({"right":"0"}, 500);
$(".banner").addClass("banner_nonpure");
$(".banner").removeClass("banner_nonpure2");
$(".m_mm").removeClass("active");
$(".m_mm").css("color","#fff");
$(".footer").addClass("footer_bg_grey");
}

View File

@ -1,3 +1,7 @@
function init_start(){
function init_wir(){
$(".w3-banner").css("display", "none");
$(".banner").addClass("banner_nonpure2");
$(".banner").removeClass("banner_nonpure");
$("#content").css('position', 'relative').css("right", "-3500px");
$("#content").animate({"right":"0"}, 500);
}

2199
old/css/font-awesome.css vendored

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long