Initial Commit with the current state of the website
This commit is contained in:
Magnus Rembold
commit
c909dd824d
34
_ceta.html
Normal file
34
_ceta.html
Normal file
@ -0,0 +1,34 @@
|
||||
<!-- single -->
|
||||
<div class="single">
|
||||
<div class="container">
|
||||
<div class="agileits-single-img">
|
||||
<img src="images/landing/ceta.jpg" alt="" />
|
||||
|
||||
<h4>CETA ist das Freihandelsabkommen mit Kanada. Stimme darüber ab, ob der Bundestag CETA zustimmen oder ablehnen soll.</h4>
|
||||
<div class="agileinfo-single-icons">
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa fa-user" aria-hidden="true"></i> <span>Marius Krüger</span></a></li>
|
||||
<li><i class="fa fa-calendar" aria-hidden="true"></i><span>07.Nov.2017</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<p>"CETA ist das TTIP für Kanada. Ziel des Abkommens ist die Förderung des Freihandels, also des Verkehrs von Waren, Dienstleistungen und Kapitals, zwischen der EU und Kanada durch den Abbau von Handelshemmnissen.</p>
|
||||
<p>Dem Verständnis der CETA-Architekten nach, stellen insbesondere soziale, ökologische und kulturelle gesetzliche Schutzstandards solche Hemmnisse dar, und müssen im Interesse des Freihandels abgebaut werden. Mit der Einrichtung eines Investor-Staat-Schiedsmechanismus schafft CETA darüber hinaus für Unternehmen die Voraussetzungen, Staaten die durch ihr gesetzgeberisches Wirken ihre Gewinne beeinträchtigen, vor nichtstaatlichen Privatgerichten auf Entschädigung zu verklagen.</p>
|
||||
<p>Es ist zu befürchten, dass die Demokratie so zur reinen Fassade verkommt, was unser Grundgesetz ausschließt.“ — <em>Marianne Grimmenstein</em></p>
|
||||
<p>Trotzdem wurde CETA vom Deutschen Bundestag am 22.09.16 ratifiziert und dessen vorläufigen Anwendung beschlossen (vgl. <a href="https://www.bundestag.de/parlament/plenum/abstimmung/abstimmung?id=418">Bundestagsdrucksache 18/9663</a>)</p>
|
||||
|
||||
<h5>Was wir dagegen tun können?</h5>
|
||||
<p>DEMOCRACY ist der Versuch, unsere Bürgerinteressen deutlich und pragmatisch gegenüber unseren Abgeordneten zu vertreten. Warum nicht eine gemeinnützige Plattform aufbauen, die alle Bürgerinnen und Bürger, unabhängig von Ort, Zeit und Alter zu diesem Zweck verbindet.</p>
|
||||
<p>Technisch gesehen, haben wir dazu alle Möglichkeiten in der Hand.<br>
|
||||
Die App DEMOCRACY ist der Vorschlag, diese zu nutzen.<br>
|
||||
Entscheide DU.</p>
|
||||
|
||||
<a href="http://startnext.com/democracy" class="call_to_action">
|
||||
Unterstütze unser Projekt auf<br>
|
||||
<img src="images/startnext_logo.png" alt="startnext_logo">
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- //single -->
|
||||
33
_euro.html
Normal file
33
_euro.html
Normal file
@ -0,0 +1,33 @@
|
||||
<!-- single -->
|
||||
<div class="single">
|
||||
<div class="container">
|
||||
<div class="agileits-single-img">
|
||||
<img src="images/landing/euro.jpg" alt="" />
|
||||
|
||||
<h4>Der Euro ist die verbindliche Währung der soganannten Euro-Zone innerhalb der Europäischen Union. Stimme darüber ab, ob der Bundestag aus dem Euro aussteigen oder verbleiben soll.</h4>
|
||||
|
||||
<div class="agileinfo-single-icons">
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa fa-user" aria-hidden="true"></i> <span>Marius Krüger</span></a></li>
|
||||
<li><i class="fa fa-calendar" aria-hidden="true"></i><span>07.Nov.2017</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<p>Seit seiner Einführung hat der Euro viele Vereinfachungen gebracht. Nahezu überall in der EU mit einer Währung zu bezahlen, ist total praktisch. Und doch birgt eine gemeinsame Währung wirtschaftlich unterschiedlich starker Länder währungspolitische Probleme. Und diese Probleme tragen zur Zeit unerkannt eher zur Spaltung Europas als zu dessen Vereinigung bei.</p>
|
||||
<p>Wie lange dieser Zustand noch zu wirtschaftlichen Lasten der gesamten südlicheren und fiskalischen Lasten der nördlicheren europäischen Länder aufrechtzuerhalten ist, steht offen. Sicher ist, das dieses Konstruktionsproblem sich eher verschärft als vermindert.</p>
|
||||
|
||||
<h5>Was können wir jetzt tun?</h5>
|
||||
<p>DEMOCRACY ist der großangelegte Versuch, unsere Bürgerinteressen deutlich und pragmatisch gegenüber unseren Abgeordneten zu vertreten. Eine gemeinnützige Plattform aufbauen, die alle Bürgerinnen und Bürger, unabhängig von Ort, Zeit und Alter zu diesem Zweck verbindet?</p>
|
||||
<p>Technisch gesehen, haben wir dazu alle Möglichkeiten in der Hand.<br>
|
||||
Die App DEMOCRACY ist der Vorschlag, diese zu nutzen.<br>
|
||||
Entscheide DU.</p>
|
||||
|
||||
<a href="http://startnext.com/democracy" class="call_to_action">
|
||||
Unterstütze unser Projekt auf<br>
|
||||
<img src="images/startnext_logo.png" alt="startnext_logo">
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //single -->
|
||||
33
_gez.html
Normal file
33
_gez.html
Normal file
@ -0,0 +1,33 @@
|
||||
<!-- single -->
|
||||
<div class="single">
|
||||
<div class="container">
|
||||
<div class="agileits-single-img">
|
||||
<img src="images/landing/gez.jpg" alt="" />
|
||||
|
||||
<h4>Der Rundfunkbeitrag ist in der Bundesrepublik Deutschland das gegenwärtige Modell zur Finanzierung der öffentlich-rechtlichen Rundfunkanstalten. Stimme darüber ab, wie die Mittel daraus verwendet werden sollen.</h4>
|
||||
|
||||
<div class="agileinfo-single-icons">
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa fa-user" aria-hidden="true"></i><span>Marius Krüger</span></a></li>
|
||||
<li><i class="fa fa-calendar" aria-hidden="true"></i><span>07.Nov.2017</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<p>Der Rundfunkbeitrag ist in der Bundesrepublik Deutschland das gegenwärtige Modell zur Finanzierung der öffentlich-rechtlichen Rundfunkanstalten. Eingezogen wird er durch den sogenannten ARD ZDF Deutschlandradio Beitragsservice. Das jährliche Beitragsaufkommen misst 7,978 Milliarden Euro. Doch wer entscheidet eigentlich, welche Fernseh- und Radiosender respektive Onlineplattformen von diesem Geld finanziert werden?</p>
|
||||
<p>Ist die Verteilung transparant und demokratisch? Gerade vor dem Hintergrund, dass Berichte der geförderten Anstalten immer wieder sachliche Fehler, teilweise sogar grobe Unwahrheiten enthalten, ist die GEZ-Gebühr bei informierten BürgerInnen sehr umstritten. Dennoch wird die Beitragseinnahme juristisch durchgesetzt. Und doch gäbe es <a href="https://rundfunk-mitbestimmen.de">Modelle, den Rundfunk mitzubestimmen</a></p>
|
||||
|
||||
<h5>Warum also nicht dafür einsetzen, dass wir alle den Rundfunk mitbestimmen können. Mit DEMOCRACY wird diese Abstimmung möglich.</h5>
|
||||
<p>Denn DEMOCRACY ist der großangelegte Versuch, unsere Bürgerinteressen deutlich und pragmatisch gegenüber unseren Abgeordneten zu vertreten. Eine gemeinnützige Plattform aufbauen, die alle Bürgerinnen und Bürger, unabhängig von Ort, Zeit und Alter zu diesem Zweck verbindet?</p>
|
||||
<p>Technisch gesehen, haben wir dazu alle Möglichkeiten in der Hand.<br>
|
||||
Die App DEMOCRACY ist der Vorschlag, diese zu nutzen.<br>
|
||||
Entscheide DU.</p>
|
||||
|
||||
<a href="http://startnext.com/democracy" class="call_to_action">
|
||||
Unterstütze unser Projekt auf<br>
|
||||
<img src="images/startnext_logo.png" alt="startnext_logo">
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //single -->
|
||||
32
_staatstrojaner.html
Normal file
32
_staatstrojaner.html
Normal file
@ -0,0 +1,32 @@
|
||||
<!-- single -->
|
||||
<div class="single">
|
||||
<div class="container">
|
||||
<div class="agileits-single-img">
|
||||
<img src="images/landing/staatstrojaner.jpg" alt="" />
|
||||
|
||||
<h4>Der Staatstrojaner ist einer der schwerwiegendsten Eingriffe in die Grundrechte der Bürger. Stimme darüber ab, ob der Bundestag den Staatstrojaner erlauben oder ablehnen soll.</h4>
|
||||
<div class="agileinfo-single-icons">
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa fa-user" aria-hidden="true"></i> <span>Marius Krüger</span></a></li>
|
||||
<li><i class="fa fa-calendar" aria-hidden="true"></i><span>07.Nov.2017</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<p>Der Staatstrojaner ist einer der gravierendsten Grundrechtseingriffe seit Beginn der Bundesrepublik Deutschland. Faktisch erlaubt dieses Gesetz eine dauerhafte und systematische Überwachung aller Online-Aktionen jedes Bürgers auf Smartphone und Desktop. Denn ein Blick ins Gesetz zeigt, dass nicht nur schwere Straftaten verfolgt werden, sondern die Spionagesoftware auch für Dutzende gewöhnliche Straftaten vorgesehen ist.</p>
|
||||
<p>Der Deutsche Bundestag hat das Gesetz zur "effektiveren und praxistauglicheren Ausgestaltung des Strafverfahrens“ (<a href="http://dipbt.bundestag.de/doc/btd/18/112/1811277.pdf">Bundestagsdrucksache 18/11277</a>) übrigens am 22.06.17 in einem anderen Gesetz versteckt beschlossen, statt in einem ordentlichen Gesetzgebungsverfahrens, scheinbar um die öffentliche Debatte klein zu halten und den Bundesrat zu umgehen (vgl. <a href="https://www.startnext.com/democracy/blog/beitrag/eintrag-18--nachtrag-zum-staatstrojaner-p73140.html">Blog-Eintrag 18</a>)</p>
|
||||
|
||||
<h5>Was wir dagegen tun können?</h5>
|
||||
<p>DEMOCRACY ist der Versuch, unsere Bürgerinteressen deutlich und pragmatisch gegenüber unseren Abgeordneten zu vertreten. Warum nicht eine gemeinnützige Plattform aufbauen, die alle Bürgerinnen und Bürger, unabhängig von Ort, Zeit und Alter zu diesem Zweck verbindet.</p>
|
||||
<p>Technisch gesehen, haben wir dazu alle Möglichkeiten in der Hand.<br>
|
||||
Die App DEMOCRACY ist der Vorschlag, diese zu nutzen.<br>
|
||||
Entscheide DU.</p>
|
||||
|
||||
<a href="http://startnext.com/democracy" class="call_to_action">
|
||||
Unterstütze unser Projekt auf<br>
|
||||
<img src="images/startnext_logo.png" alt="startnext_logo">
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //single -->
|
||||
449
ceta.html
Normal file
449
ceta.html
Normal file
@ -0,0 +1,449 @@
|
||||
<!-- ::::::::::::::::::::::::::::::::::::::: -->
|
||||
<!--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="en">
|
||||
<head>
|
||||
<title>CETA | DEMOCRACY Deutschland</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<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 http-equiv="content-language" content="de">
|
||||
<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/ceta" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:title" content="App-stimmen über CETA - mit der DEMOCRACY App" />
|
||||
<meta property="og:description" content="CETA ist das Freihandelsabkommen mit Kanada. Stimme darüber ab, ob der Bundestag CETA zustimmen oder ablehnen soll." />
|
||||
<meta property="og:image" content="http://www.democracy-deutschland.de/images/landing/ceta.jpg" />
|
||||
|
||||
<meta http-equiv="cache-control" content="no-cache">
|
||||
<meta http-equiv="Pragma" content="no-cache">
|
||||
<meta http-equiv="Expires" content="0">
|
||||
|
||||
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
|
||||
|
||||
<!-- bootstrap-css -->
|
||||
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
|
||||
<!--// bootstrap-css -->
|
||||
|
||||
<!-- css -->
|
||||
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
|
||||
<!--// css -->
|
||||
|
||||
<!-- font -->
|
||||
<link href="//fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
|
||||
<link href="//fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
|
||||
<!-- //font -->
|
||||
<!-- custom fonts -->
|
||||
<link rel="stylesheet" href="css/fonts.css" type="text/css" media="all" />
|
||||
<!--// custom fonts -->
|
||||
<!-- custom css -->
|
||||
<link rel="stylesheet" href="css/index.css" type="text/css" media="all" />
|
||||
<!--// custom css -->
|
||||
|
||||
<!-- font-awesome icons -->
|
||||
<link href="css/font-awesome.css" rel="stylesheet">
|
||||
<!-- //font-awesome icons -->
|
||||
|
||||
<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="/android-icon-192x192.png">
|
||||
<link rel="icon" type="image/x-icon" sizes="32x32" href="/favicon-32x32.png">
|
||||
<link rel="icon" type="image/x-icon" sizes="96x96" href="/favicon-96x96.png">
|
||||
<link rel="icon" type="image/x-icon" sizes="16x16" href="/favicon.ico">
|
||||
<link rel="manifest" href="/manifest.json">
|
||||
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
|
||||
<script src="js/jquery-1.11.1.min.js"></script>
|
||||
<script src="js/bootstrap.js"></script>
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function($) {
|
||||
$(".scroll").click(function(event){
|
||||
event.preventDefault();
|
||||
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<!--[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="images/logo.png">
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
</div>
|
||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a id="m_idee" class="m_mm" href="#idee">Idee</a></li>
|
||||
<li><a id="m_wir" class="m_mm" href="#wir">Wir</a></li>
|
||||
<li><a id="m_medien" class="m_mm" href="#medien">Medien</a></li>
|
||||
<li><a id="m_proto" class="m_mm" href="#prototyp">Prototyp</a></li>
|
||||
<li><a id="m_help" class="m_mm" href="#mithelfen">Mithelfen</a></li>
|
||||
<!--
|
||||
<li class="dropdown">
|
||||
<a href="codes.html" class="dropdown-toggle" data-hover="Pages" data-toggle="dropdown">Pages <b class="caret"></b></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="icons.html">Icons</a></li>
|
||||
<li><a href="codes.html">Short Codes</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
-->
|
||||
|
||||
</ul>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- w3-banner -->
|
||||
<div class="w3-banner">
|
||||
<h1 class="headtxt" >DEMOCRACY</h1>
|
||||
<div class="isabelle_layne" >Demokratie_live</div>
|
||||
<p class="crowdfunding_details">
|
||||
Crowd-Funding auf
|
||||
<img src="images/startnext_logo.png" alt="startnext_logo"><br>
|
||||
<strong>397</strong> Unterstützerinnen<br>
|
||||
<strong>19.124€</strong> Spendensumme<br>
|
||||
Mach mit!
|
||||
</p>
|
||||
<a href="http://startnext.com/democracy" class="call_to_action">
|
||||
Unterstütze unser Projekt auf<br>
|
||||
<img src="images/startnext_logo.png" alt="startnext_logo">
|
||||
</a>
|
||||
</div>
|
||||
<!-- //w3-banner -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //banner -->
|
||||
|
||||
<section id="wrapperx">
|
||||
</section>
|
||||
|
||||
<!-- footer -->
|
||||
<div class="footer" >
|
||||
<div class="container" >
|
||||
<div class="w3agile_footer_grids" style="padding-left:20px">
|
||||
<div class="col-md-3 agileinfo_footer_grid">
|
||||
<div class="agileits_w3layouts_footer_logo">
|
||||
<div class="logobox">
|
||||
<div class="edzofont">DEMOCRACY</div>
|
||||
<div class="isabelle_layne">Demokratie_live</div>
|
||||
</div>
|
||||
|
||||
<div class="agileinfo-social-grids">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://www.youtube.com/channel/UC2R4cGTq1LjFZ2DvDaVhDyg" target="_blank" >
|
||||
<i id="youtube_" class="fa fa-youtube" ></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.facebook.com/democracygermany/" target="_blank" >
|
||||
<i id="facebook_" class="facebook_ fa fa-facebook" ></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://twitter.com/democracy_de" target="_blank" >
|
||||
<i id="twitter_" class="fa fa-twitter" ></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.instagram.com/democracy_deutschland/" target="_blank" >
|
||||
<i id="insta_" class="insta_ fa fa-instagram" ></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 agileinfo_footer_grid">
|
||||
<h3>Kontakt Info</h3>
|
||||
<h2 style="color: white; font-size: 18px"><span class="" >DEMOCRACY</span><br> <small style="font-size: 15px"> Deutschland e.V.</small> </h2>
|
||||
<small class="foot_gem" style="font-size: 15px">(gemeinnützig)</small>
|
||||
<br>
|
||||
|
||||
<div style="color:white">
|
||||
<div style="font-size: small">Industriestr. 10</div>
|
||||
<div style="font-size: small">37079 Göttingen </div>
|
||||
<div style="font-size: small">Deutschland</div>
|
||||
<div style="font-size: small">contact@democracy-deutschland.de</div>
|
||||
<div style="font-size: small">Fon: +49 176 470 40 213</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="col-md-3 agileinfo_footer_grid" >
|
||||
<h3>Impressum</h3>
|
||||
<div style="color:white">
|
||||
<div style="font-size: small">Amtsgericht Göttingen</div>
|
||||
<div style="font-size: small">VR 201924</div>
|
||||
<div></div>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
|
||||
|
||||
|
||||
<h3>Spenden</h3>
|
||||
<div style="color:white">
|
||||
|
||||
|
||||
<a href="https://www.startnext.com/democracy" target="_blank" >
|
||||
<img src="images/startnext_logo.png" width="120" style="margin-top: -7px">
|
||||
</a>
|
||||
|
||||
<!--
|
||||
<div style="font-size: small">Bank: Triodos Bank</div>
|
||||
<div style="font-size: small">IBAN:</div>
|
||||
<div style="font-size: small">BIC:</div>
|
||||
-->
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 agileinfo_footer_grid agileinfo_footer_grid1" style="padding-right:20px">
|
||||
<h3>Navigation</h3>
|
||||
<ul class="w3layouts_footer_nav">
|
||||
<li><a href="#idee" onclick="$('#m_idee,#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Idee</a></li>
|
||||
<li><a href="#wir" onclick="$('#m_wir,#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Wir</a></li>
|
||||
<li><a href="#prototyp" onclick="$('#m_proto,#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Prototyp</a></li>
|
||||
<li><a href="#mithelfen" onclick="$('#m_help,#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Mithelfen</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3_agileits_footer_copy">
|
||||
<div class="container">
|
||||
<p>
|
||||
<i class="fa fa-creative-commons"></i> BY NC ND 4.0
|
||||
— 2017
|
||||
<span class="edzofont">DEMOCRACY</span>
|
||||
Deutschland e.V.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //footer -->
|
||||
|
||||
<script src="js/responsiveslides.min.js"></script>
|
||||
<script src="js/jarallax.js"></script>
|
||||
<script src="js/SmoothScroll.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
/* init Jarallax */
|
||||
$('.jarallax').jarallax({
|
||||
speed: 0.5,
|
||||
imgWidth: 1366,
|
||||
imgHeight: 768
|
||||
})
|
||||
</script>
|
||||
|
||||
<script type="text/javascript" src="js/move-top.js"></script>
|
||||
<script type="text/javascript" src="js/easing.js"></script>
|
||||
|
||||
<!-- here starts scrolling icon -->
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
/*
|
||||
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");
|
||||
|
||||
$("#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.")
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
// --- hier: CETA
|
||||
prepareSwitch();
|
||||
$("#wrapperx").load("_ceta.html");
|
||||
$(".banner").addClass("banner_nonpure2")
|
||||
|
||||
}); // document ready
|
||||
</script>
|
||||
<!-- //here ends scrolling icon -->
|
||||
</body>
|
||||
</html>
|
||||
449
euro.html
Normal file
449
euro.html
Normal file
@ -0,0 +1,449 @@
|
||||
<!-- ::::::::::::::::::::::::::::::::::::::: -->
|
||||
<!--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="en">
|
||||
<head>
|
||||
<title>EURO AUSSTIEG | DEMOCRACY Deutschland</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<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 http-equiv="content-language" content="de">
|
||||
<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/euro.html" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:title" content="Verbleib oder Ausstieg aus dem Euro - Stimme darüber ab mit der DEMOCRACY App" />
|
||||
<meta property="og:description" content="Der Euro ist die verbindliche Währung der soganannten Euro-Zone innerhalb der Europäischen Union. Stimme darüber ab, ob der Bundestag aus dem Euro aussteigen oder verbleiben soll." />
|
||||
<meta property="og:image" content="https://www.democracy-deutschland.de/images/landing/euro.jpg" />
|
||||
|
||||
<meta http-equiv="cache-control" content="no-cache">
|
||||
<meta http-equiv="Pragma" content="no-cache">
|
||||
<meta http-equiv="Expires" content="0">
|
||||
|
||||
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
|
||||
|
||||
<!-- bootstrap-css -->
|
||||
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
|
||||
<!--// bootstrap-css -->
|
||||
|
||||
<!-- css -->
|
||||
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
|
||||
<!--// css -->
|
||||
|
||||
<!-- font -->
|
||||
<link href="//fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
|
||||
<link href="//fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
|
||||
<!-- //font -->
|
||||
<!-- custom fonts -->
|
||||
<link rel="stylesheet" href="css/fonts.css" type="text/css" media="all" />
|
||||
<!--// custom fonts -->
|
||||
<!-- custom css -->
|
||||
<link rel="stylesheet" href="css/index.css" type="text/css" media="all" />
|
||||
<!--// custom css -->
|
||||
|
||||
<!-- font-awesome icons -->
|
||||
<link href="css/font-awesome.css" rel="stylesheet">
|
||||
<!-- //font-awesome icons -->
|
||||
|
||||
<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="/android-icon-192x192.png">
|
||||
<link rel="icon" type="image/x-icon" sizes="32x32" href="/favicon-32x32.png">
|
||||
<link rel="icon" type="image/x-icon" sizes="96x96" href="/favicon-96x96.png">
|
||||
<link rel="icon" type="image/x-icon" sizes="16x16" href="/favicon.ico">
|
||||
<link rel="manifest" href="/manifest.json">
|
||||
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
|
||||
<script src="js/jquery-1.11.1.min.js"></script>
|
||||
<script src="js/bootstrap.js"></script>
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function($) {
|
||||
$(".scroll").click(function(event){
|
||||
event.preventDefault();
|
||||
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<!--[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="images/logo.png">
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
</div>
|
||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a id="m_idee" class="m_mm" href="#idee">Idee</a></li>
|
||||
<li><a id="m_wir" class="m_mm" href="#wir">Wir</a></li>
|
||||
<li><a id="m_medien" class="m_mm" href="#medien">Medien</a></li>
|
||||
<li><a id="m_proto" class="m_mm" href="#prototyp">Prototyp</a></li>
|
||||
<li><a id="m_help" class="m_mm" href="#mithelfen">Mithelfen</a></li>
|
||||
<!--
|
||||
<li class="dropdown">
|
||||
<a href="codes.html" class="dropdown-toggle" data-hover="Pages" data-toggle="dropdown">Pages <b class="caret"></b></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="icons.html">Icons</a></li>
|
||||
<li><a href="codes.html">Short Codes</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
-->
|
||||
|
||||
</ul>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- w3-banner -->
|
||||
<div class="w3-banner">
|
||||
<h1 class="headtxt" >DEMOCRACY</h1>
|
||||
<div class="isabelle_layne" >Demokratie_live</div>
|
||||
<p class="crowdfunding_details">
|
||||
Crowd-Funding auf
|
||||
<img src="images/startnext_logo.png" alt="startnext_logo"><br>
|
||||
<strong>397</strong> Unterstützerinnen<br>
|
||||
<strong>19.124€</strong> Spendensumme<br>
|
||||
Mach mit!
|
||||
</p>
|
||||
<a href="http://startnext.com/democracy" class="call_to_action">
|
||||
Unterstütze unser Projekt auf<br>
|
||||
<img src="images/startnext_logo.png" alt="startnext_logo">
|
||||
</a>
|
||||
</div>
|
||||
<!-- //w3-banner -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //banner -->
|
||||
|
||||
<section id="wrapperx">
|
||||
</section>
|
||||
|
||||
<!-- footer -->
|
||||
<div class="footer" >
|
||||
<div class="container" >
|
||||
<div class="w3agile_footer_grids" style="padding-left:20px">
|
||||
<div class="col-md-3 agileinfo_footer_grid">
|
||||
<div class="agileits_w3layouts_footer_logo">
|
||||
<div class="logobox">
|
||||
<div class="edzofont">DEMOCRACY</div>
|
||||
<div class="isabelle_layne">Demokratie_live</div>
|
||||
</div>
|
||||
|
||||
<div class="agileinfo-social-grids">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://www.youtube.com/channel/UC2R4cGTq1LjFZ2DvDaVhDyg" target="_blank" >
|
||||
<i id="youtube_" class="fa fa-youtube" ></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.facebook.com/democracygermany/" target="_blank" >
|
||||
<i id="facebook_" class="facebook_ fa fa-facebook" ></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://twitter.com/democracy_de" target="_blank" >
|
||||
<i id="twitter_" class="fa fa-twitter" ></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.instagram.com/democracy_deutschland/" target="_blank" >
|
||||
<i id="insta_" class="insta_ fa fa-instagram" ></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 agileinfo_footer_grid">
|
||||
<h3>Kontakt Info</h3>
|
||||
<h2 style="color: white; font-size: 18px"><span class="" >DEMOCRACY</span><br> <small style="font-size: 15px"> Deutschland e.V.</small> </h2>
|
||||
<small class="foot_gem" style="font-size: 15px">(gemeinnützig)</small>
|
||||
<br>
|
||||
|
||||
<div style="color:white">
|
||||
<div style="font-size: small">Industriestr. 10</div>
|
||||
<div style="font-size: small">37079 Göttingen </div>
|
||||
<div style="font-size: small">Deutschland</div>
|
||||
<div style="font-size: small">contact@democracy-deutschland.de</div>
|
||||
<div style="font-size: small">Fon: +49 176 470 40 213</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="col-md-3 agileinfo_footer_grid" >
|
||||
<h3>Impressum</h3>
|
||||
<div style="color:white">
|
||||
<div style="font-size: small">Amtsgericht Göttingen</div>
|
||||
<div style="font-size: small">VR 201924</div>
|
||||
<div></div>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
|
||||
|
||||
|
||||
<h3>Spenden</h3>
|
||||
<div style="color:white">
|
||||
|
||||
|
||||
<a href="https://www.startnext.com/democracy" target="_blank" >
|
||||
<img src="images/startnext_logo.png" width="120" style="margin-top: -7px">
|
||||
</a>
|
||||
|
||||
<!--
|
||||
<div style="font-size: small">Bank: Triodos Bank</div>
|
||||
<div style="font-size: small">IBAN:</div>
|
||||
<div style="font-size: small">BIC:</div>
|
||||
-->
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 agileinfo_footer_grid agileinfo_footer_grid1" style="padding-right:20px">
|
||||
<h3>Navigation</h3>
|
||||
<ul class="w3layouts_footer_nav">
|
||||
<li><a href="#idee" onclick="$('#m_idee,#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Idee</a></li>
|
||||
<li><a href="#wir" onclick="$('#m_wir,#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Wir</a></li>
|
||||
<li><a href="#prototyp" onclick="$('#m_proto,#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Prototyp</a></li>
|
||||
<li><a href="#mithelfen" onclick="$('#m_help,#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Mithelfen</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3_agileits_footer_copy">
|
||||
<div class="container">
|
||||
<p>
|
||||
<i class="fa fa-creative-commons"></i> BY NC ND 4.0
|
||||
— 2017
|
||||
<span class="edzofont">DEMOCRACY</span>
|
||||
Deutschland e.V.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //footer -->
|
||||
|
||||
<script src="js/responsiveslides.min.js"></script>
|
||||
<script src="js/jarallax.js"></script>
|
||||
<script src="js/SmoothScroll.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
/* init Jarallax */
|
||||
$('.jarallax').jarallax({
|
||||
speed: 0.5,
|
||||
imgWidth: 1366,
|
||||
imgHeight: 768
|
||||
})
|
||||
</script>
|
||||
|
||||
<script type="text/javascript" src="js/move-top.js"></script>
|
||||
<script type="text/javascript" src="js/easing.js"></script>
|
||||
|
||||
<!-- here starts scrolling icon -->
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
/*
|
||||
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");
|
||||
|
||||
$("#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.")
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
// --- hier: CETA
|
||||
prepareSwitch();
|
||||
$("#wrapperx").load("_euro.html");
|
||||
$(".banner").addClass("banner_nonpure2")
|
||||
|
||||
}); // document ready
|
||||
</script>
|
||||
<!-- //here ends scrolling icon -->
|
||||
</body>
|
||||
</html>
|
||||
BIN
favicon.ico
Normal file
BIN
favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
449
gez.html
Normal file
449
gez.html
Normal file
@ -0,0 +1,449 @@
|
||||
<!-- ::::::::::::::::::::::::::::::::::::::: -->
|
||||
<!--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="en">
|
||||
<head>
|
||||
<title>GEZ VERWENDUNG | DEMOCRACY Deutschland</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<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 http-equiv="content-language" content="de">
|
||||
<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/gez.html" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:title" content="Bei der Verwendung der GEZ Gebühr mitentscheiden - Stimme darüber ab mit der DEMOCRACY App" />
|
||||
<meta property="og:description" content="Der Rundfunkbeitrag ist in der Bundesrepublik Deutschland das gegenwärtige Modell zur Finanzierung der öffentlich-rechtlichen Rundfunkanstalten. Stimme darüber ab, wie die Mittel daraus verwendet werden sollen." />
|
||||
<meta property="og:image" content="https://www.democracy-deutschland.de/images/landing/gez.jpg" />
|
||||
|
||||
<meta http-equiv="cache-control" content="no-cache">
|
||||
<meta http-equiv="Pragma" content="no-cache">
|
||||
<meta http-equiv="Expires" content="0">
|
||||
|
||||
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
|
||||
|
||||
<!-- bootstrap-css -->
|
||||
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
|
||||
<!--// bootstrap-css -->
|
||||
|
||||
<!-- css -->
|
||||
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
|
||||
<!--// css -->
|
||||
|
||||
<!-- font -->
|
||||
<link href="//fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
|
||||
<link href="//fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
|
||||
<!-- //font -->
|
||||
<!-- custom fonts -->
|
||||
<link rel="stylesheet" href="css/fonts.css" type="text/css" media="all" />
|
||||
<!--// custom fonts -->
|
||||
<!-- custom css -->
|
||||
<link rel="stylesheet" href="css/index.css" type="text/css" media="all" />
|
||||
<!--// custom css -->
|
||||
|
||||
<!-- font-awesome icons -->
|
||||
<link href="css/font-awesome.css" rel="stylesheet">
|
||||
<!-- //font-awesome icons -->
|
||||
|
||||
<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="/android-icon-192x192.png">
|
||||
<link rel="icon" type="image/x-icon" sizes="32x32" href="/favicon-32x32.png">
|
||||
<link rel="icon" type="image/x-icon" sizes="96x96" href="/favicon-96x96.png">
|
||||
<link rel="icon" type="image/x-icon" sizes="16x16" href="/favicon.ico">
|
||||
<link rel="manifest" href="/manifest.json">
|
||||
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
|
||||
<script src="js/jquery-1.11.1.min.js"></script>
|
||||
<script src="js/bootstrap.js"></script>
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function($) {
|
||||
$(".scroll").click(function(event){
|
||||
event.preventDefault();
|
||||
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<!--[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="images/logo.png">
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
</div>
|
||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a id="m_idee" class="m_mm" href="#idee">Idee</a></li>
|
||||
<li><a id="m_wir" class="m_mm" href="#wir">Wir</a></li>
|
||||
<li><a id="m_medien" class="m_mm" href="#medien">Medien</a></li>
|
||||
<li><a id="m_proto" class="m_mm" href="#prototyp">Prototyp</a></li>
|
||||
<li><a id="m_help" class="m_mm" href="#mithelfen">Mithelfen</a></li>
|
||||
<!--
|
||||
<li class="dropdown">
|
||||
<a href="codes.html" class="dropdown-toggle" data-hover="Pages" data-toggle="dropdown">Pages <b class="caret"></b></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="icons.html">Icons</a></li>
|
||||
<li><a href="codes.html">Short Codes</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
-->
|
||||
|
||||
</ul>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- w3-banner -->
|
||||
<div class="w3-banner">
|
||||
<h1 class="headtxt" >DEMOCRACY</h1>
|
||||
<div class="isabelle_layne" >Demokratie_live</div>
|
||||
<p class="crowdfunding_details">
|
||||
Crowd-Funding auf
|
||||
<img src="images/startnext_logo.png" alt="startnext_logo"><br>
|
||||
<strong>397</strong> Unterstützerinnen<br>
|
||||
<strong>19.124€</strong> Spendensumme<br>
|
||||
Mach mit!
|
||||
</p>
|
||||
<a href="http://startnext.com/democracy" class="call_to_action">
|
||||
Unterstütze unser Projekt auf<br>
|
||||
<img src="images/startnext_logo.png" alt="startnext_logo">
|
||||
</a>
|
||||
</div>
|
||||
<!-- //w3-banner -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //banner -->
|
||||
|
||||
<section id="wrapperx">
|
||||
</section>
|
||||
|
||||
<!-- footer -->
|
||||
<div class="footer" >
|
||||
<div class="container" >
|
||||
<div class="w3agile_footer_grids" style="padding-left:20px">
|
||||
<div class="col-md-3 agileinfo_footer_grid">
|
||||
<div class="agileits_w3layouts_footer_logo">
|
||||
<div class="logobox">
|
||||
<div class="edzofont">DEMOCRACY</div>
|
||||
<div class="isabelle_layne">Demokratie_live</div>
|
||||
</div>
|
||||
|
||||
<div class="agileinfo-social-grids">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://www.youtube.com/channel/UC2R4cGTq1LjFZ2DvDaVhDyg" target="_blank" >
|
||||
<i id="youtube_" class="fa fa-youtube" ></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.facebook.com/democracygermany/" target="_blank" >
|
||||
<i id="facebook_" class="facebook_ fa fa-facebook" ></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://twitter.com/democracy_de" target="_blank" >
|
||||
<i id="twitter_" class="fa fa-twitter" ></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.instagram.com/democracy_deutschland/" target="_blank" >
|
||||
<i id="insta_" class="insta_ fa fa-instagram" ></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 agileinfo_footer_grid">
|
||||
<h3>Kontakt Info</h3>
|
||||
<h2 style="color: white; font-size: 18px"><span class="" >DEMOCRACY</span><br> <small style="font-size: 15px"> Deutschland e.V.</small> </h2>
|
||||
<small class="foot_gem" style="font-size: 15px">(gemeinnützig)</small>
|
||||
<br>
|
||||
|
||||
<div style="color:white">
|
||||
<div style="font-size: small">Industriestr. 10</div>
|
||||
<div style="font-size: small">37079 Göttingen </div>
|
||||
<div style="font-size: small">Deutschland</div>
|
||||
<div style="font-size: small">contact@democracy-deutschland.de</div>
|
||||
<div style="font-size: small">Fon: +49 176 470 40 213</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="col-md-3 agileinfo_footer_grid" >
|
||||
<h3>Impressum</h3>
|
||||
<div style="color:white">
|
||||
<div style="font-size: small">Amtsgericht Göttingen</div>
|
||||
<div style="font-size: small">VR 201924</div>
|
||||
<div></div>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
|
||||
|
||||
|
||||
<h3>Spenden</h3>
|
||||
<div style="color:white">
|
||||
|
||||
|
||||
<a href="https://www.startnext.com/democracy" target="_blank" >
|
||||
<img src="images/startnext_logo.png" width="120" style="margin-top: -7px">
|
||||
</a>
|
||||
|
||||
<!--
|
||||
<div style="font-size: small">Bank: Triodos Bank</div>
|
||||
<div style="font-size: small">IBAN:</div>
|
||||
<div style="font-size: small">BIC:</div>
|
||||
-->
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 agileinfo_footer_grid agileinfo_footer_grid1" style="padding-right:20px">
|
||||
<h3>Navigation</h3>
|
||||
<ul class="w3layouts_footer_nav">
|
||||
<li><a href="#idee" onclick="$('#m_idee,#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Idee</a></li>
|
||||
<li><a href="#wir" onclick="$('#m_wir,#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Wir</a></li>
|
||||
<li><a href="#prototyp" onclick="$('#m_proto,#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Prototyp</a></li>
|
||||
<li><a href="#mithelfen" onclick="$('#m_help,#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Mithelfen</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3_agileits_footer_copy">
|
||||
<div class="container">
|
||||
<p>
|
||||
<i class="fa fa-creative-commons"></i> BY NC ND 4.0
|
||||
— 2017
|
||||
<span class="edzofont">DEMOCRACY</span>
|
||||
Deutschland e.V.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //footer -->
|
||||
|
||||
<script src="js/responsiveslides.min.js"></script>
|
||||
<script src="js/jarallax.js"></script>
|
||||
<script src="js/SmoothScroll.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
/* init Jarallax */
|
||||
$('.jarallax').jarallax({
|
||||
speed: 0.5,
|
||||
imgWidth: 1366,
|
||||
imgHeight: 768
|
||||
})
|
||||
</script>
|
||||
|
||||
<script type="text/javascript" src="js/move-top.js"></script>
|
||||
<script type="text/javascript" src="js/easing.js"></script>
|
||||
|
||||
<!-- here starts scrolling icon -->
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
/*
|
||||
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");
|
||||
|
||||
$("#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.")
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
// --- hier: CETA
|
||||
prepareSwitch();
|
||||
$("#wrapperx").load("_gez.html");
|
||||
$(".banner").addClass("banner_nonpure2")
|
||||
|
||||
}); // document ready
|
||||
</script>
|
||||
<!-- //here ends scrolling icon -->
|
||||
</body>
|
||||
</html>
|
||||
BIN
images/1.jpg
Normal file
BIN
images/1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 210 KiB |
BIN
images/11.png
Normal file
BIN
images/11.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 156 KiB |
BIN
images/11060322_864908456911199_339610075041283276_n.jpg
Normal file
BIN
images/11060322_864908456911199_339610075041283276_n.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 105 KiB |
BIN
images/2.jpg
Normal file
BIN
images/2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
BIN
images/3.jpg
Normal file
BIN
images/3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
images/6.jpg
Normal file
BIN
images/6.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
images/8.jpg
Normal file
BIN
images/8.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
images/9.jpg
Normal file
BIN
images/9.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
images/app1.png
Normal file
BIN
images/app1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 187 KiB |
BIN
images/app2.png
Normal file
BIN
images/app2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 287 KiB |
BIN
images/app3.png
Normal file
BIN
images/app3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 692 KiB |
BIN
images/arrow.png
Normal file
BIN
images/arrow.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
BIN
images/aussenschatten_unten.png
Normal file
BIN
images/aussenschatten_unten.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 265 KiB |
BIN
images/aussenschatten_unten_small-2.png
Normal file
BIN
images/aussenschatten_unten_small-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
BIN
images/aussenschatten_unten_small.png
Normal file
BIN
images/aussenschatten_unten_small.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
BIN
images/bundestag-2.jpg
Normal file
BIN
images/bundestag-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 183 KiB |
BIN
images/bundestag-2463257-3.jpg
Normal file
BIN
images/bundestag-2463257-3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 130 KiB |
BIN
images/bundestag-3.jpg
Normal file
BIN
images/bundestag-3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 290 KiB |
BIN
images/close.png
Normal file
BIN
images/close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 280 B |
BIN
images/democracy_1.png
Normal file
BIN
images/democracy_1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
images/democracy_2.png
Normal file
BIN
images/democracy_2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
BIN
images/democracy_3.png
Normal file
BIN
images/democracy_3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
BIN
images/democracy_4.png
Normal file
BIN
images/democracy_4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
BIN
images/democracy_5.png
Normal file
BIN
images/democracy_5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
BIN
images/democracy_6.png
Normal file
BIN
images/democracy_6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
BIN
images/forfb.png
Normal file
BIN
images/forfb.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
images/forfb2.png
Normal file
BIN
images/forfb2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 292 KiB |
BIN
images/icons.png
Normal file
BIN
images/icons.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 729 B |
BIN
images/icons/android-icon-144x144.png
Normal file
BIN
images/icons/android-icon-144x144.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
images/icons/android-icon-192x192.png
Normal file
BIN
images/icons/android-icon-192x192.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
BIN
images/icons/android-icon-36x36.png
Normal file
BIN
images/icons/android-icon-36x36.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
images/icons/android-icon-48x48.png
Normal file
BIN
images/icons/android-icon-48x48.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
BIN
images/icons/android-icon-72x72.png
Normal file
BIN
images/icons/android-icon-72x72.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
BIN
images/icons/android-icon-96x96.png
Normal file
BIN
images/icons/android-icon-96x96.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
images/icons/apple-icon-114x114.png
Normal file
BIN
images/icons/apple-icon-114x114.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
images/icons/apple-icon-120x120.png
Normal file
BIN
images/icons/apple-icon-120x120.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
images/icons/apple-icon-144x144.png
Normal file
BIN
images/icons/apple-icon-144x144.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
images/icons/apple-icon-152x152.png
Normal file
BIN
images/icons/apple-icon-152x152.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
images/icons/apple-icon-180x180.png
Normal file
BIN
images/icons/apple-icon-180x180.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
BIN
images/icons/apple-icon-57x57.png
Normal file
BIN
images/icons/apple-icon-57x57.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.9 KiB |
BIN
images/icons/apple-icon-60x60.png
Normal file
BIN
images/icons/apple-icon-60x60.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
BIN
images/icons/apple-icon-72x72.png
Normal file
BIN
images/icons/apple-icon-72x72.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
BIN
images/icons/apple-icon-76x76.png
Normal file
BIN
images/icons/apple-icon-76x76.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.3 KiB |
BIN
images/icons/favicon-16x16.png
Normal file
BIN
images/icons/favicon-16x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
images/icons/favicon-32x32.png
Normal file
BIN
images/icons/favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
images/icons/favicon-96x96.png
Normal file
BIN
images/icons/favicon-96x96.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
images/landing/Kohleausstieg.jpg
Normal file
BIN
images/landing/Kohleausstieg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 91 KiB |
BIN
images/landing/ceta.jpg
Normal file
BIN
images/landing/ceta.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 87 KiB |
BIN
images/landing/diaeten.jpg
Normal file
BIN
images/landing/diaeten.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 104 KiB |
BIN
images/landing/euro.jpg
Normal file
BIN
images/landing/euro.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 96 KiB |
BIN
images/landing/gez.jpg
Normal file
BIN
images/landing/gez.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 97 KiB |
BIN
images/landing/glaesern.jpg
Normal file
BIN
images/landing/glaesern.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 95 KiB |
BIN
images/landing/glyphosat.jpg
Normal file
BIN
images/landing/glyphosat.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 95 KiB |
BIN
images/landing/offene_grenzen.jpg
Normal file
BIN
images/landing/offene_grenzen.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
BIN
images/landing/staatstrojaner.jpg
Normal file
BIN
images/landing/staatstrojaner.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 94 KiB |
BIN
images/landing/syrien_bw.jpg
Normal file
BIN
images/landing/syrien_bw.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 107 KiB |
BIN
images/landing/ttip.jpg
Normal file
BIN
images/landing/ttip.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 103 KiB |
BIN
images/line_aktivieren.png
Normal file
BIN
images/line_aktivieren.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
BIN
images/line_informieren.png
Normal file
BIN
images/line_informieren.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
BIN
images/logo+subtxt+s.png
Normal file
BIN
images/logo+subtxt+s.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
BIN
images/logo.png
Normal file
BIN
images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
BIN
images/medien/cf_laenger.jpg
Normal file
BIN
images/medien/cf_laenger.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 288 KiB |
BIN
images/medien/crowdfunding.jpg
Normal file
BIN
images/medien/crowdfunding.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 86 KiB |
BIN
images/medien/enorm.jpg
Normal file
BIN
images/medien/enorm.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 279 KiB |
BIN
images/medien/kenfm_pm.jpg
Normal file
BIN
images/medien/kenfm_pm.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 216 KiB |
BIN
images/medien/mweisband.jpg
Normal file
BIN
images/medien/mweisband.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 213 KiB |
BIN
images/medien/neue_debatte.jpg
Normal file
BIN
images/medien/neue_debatte.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 242 KiB |
BIN
images/next.png
Normal file
BIN
images/next.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
images/prev.png
Normal file
BIN
images/prev.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
images/startnext_logo.png
Normal file
BIN
images/startnext_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
BIN
images/story1.png
Normal file
BIN
images/story1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
BIN
images/story1_lg.png
Normal file
BIN
images/story1_lg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 264 KiB |
BIN
images/story2.png
Normal file
BIN
images/story2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 95 KiB |
BIN
images/story2_lg.png
Normal file
BIN
images/story2_lg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 374 KiB |
BIN
images/story3.png
Normal file
BIN
images/story3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 69 KiB |
BIN
images/story3_lg.png
Normal file
BIN
images/story3_lg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 305 KiB |
BIN
images/sz.png
Normal file
BIN
images/sz.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
images/sz1.png
Normal file
BIN
images/sz1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
images/wir/alexander_friedland.jpg
Normal file
BIN
images/wir/alexander_friedland.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
BIN
images/wir/annika_goetz.jpg
Normal file
BIN
images/wir/annika_goetz.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 74 KiB |
BIN
images/wir/julia_suciu.jpg
Normal file
BIN
images/wir/julia_suciu.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 105 KiB |
BIN
images/wir/magnus_rembold.jpg
Normal file
BIN
images/wir/magnus_rembold.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
BIN
images/wir/marius_krueger.jpg
Normal file
BIN
images/wir/marius_krueger.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
BIN
images/wir/ulf_gebhardt.jpg
Normal file
BIN
images/wir/ulf_gebhardt.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
images/wir/userdefault.jpg
Normal file
BIN
images/wir/userdefault.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
472
index.html
Normal file
472
index.html
Normal file
@ -0,0 +1,472 @@
|
||||
<!-- ::::::::::::::::::::::::::::::::::::::: -->
|
||||
<!--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="en">
|
||||
<head>
|
||||
<title>DEMOCRACY Deutschland</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<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 http-equiv="content-language" content="de">
|
||||
<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" />
|
||||
|
||||
<meta http-equiv="cache-control" content="no-cache">
|
||||
<meta http-equiv="Pragma" content="no-cache">
|
||||
<meta http-equiv="Expires" content="0">
|
||||
|
||||
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
|
||||
|
||||
<!-- bootstrap-css -->
|
||||
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
|
||||
<!--// bootstrap-css -->
|
||||
|
||||
<!-- css -->
|
||||
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
|
||||
<!--// css -->
|
||||
|
||||
<!-- font -->
|
||||
<link href="//fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
|
||||
<link href="//fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
|
||||
<!-- //font -->
|
||||
<!-- custom fonts -->
|
||||
<link rel="stylesheet" href="css/fonts.css" type="text/css" media="all" />
|
||||
<!--// custom fonts -->
|
||||
<!-- custom css -->
|
||||
<link rel="stylesheet" href="css/index.css" type="text/css" media="all" />
|
||||
<!--// custom css -->
|
||||
|
||||
<!-- font-awesome icons -->
|
||||
<link href="css/font-awesome.css" rel="stylesheet">
|
||||
<!-- //font-awesome icons -->
|
||||
|
||||
<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="/android-icon-192x192.png">
|
||||
<link rel="icon" type="image/x-icon" sizes="32x32" href="/favicon-32x32.png">
|
||||
<link rel="icon" type="image/x-icon" sizes="96x96" href="/favicon-96x96.png">
|
||||
<link rel="icon" type="image/x-icon" sizes="16x16" href="/favicon.ico">
|
||||
<link rel="manifest" href="/manifest.json">
|
||||
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
|
||||
<script src="js/jquery-1.11.1.min.js"></script>
|
||||
<script src="js/bootstrap.js"></script>
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function($) {
|
||||
$(".scroll").click(function(event){
|
||||
event.preventDefault();
|
||||
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<!--[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="images/logo.png">
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
</div>
|
||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a id="m_idee" class="m_mm active" href="#idee">Idee</a></li>
|
||||
<li><a id="m_wir" class="m_mm" href="#wir">Wir</a></li>
|
||||
<li><a id="m_medien" class="m_mm" href="#medien">Medien</a></li>
|
||||
<li><a id="m_proto" class="m_mm" href="#prototyp">Prototyp</a></li>
|
||||
<li><a id="m_help" class="m_mm" href="#mithelfen">Mithelfen</a></li>
|
||||
<!--
|
||||
<li class="dropdown">
|
||||
<a href="codes.html" class="dropdown-toggle" data-hover="Pages" data-toggle="dropdown">Pages <b class="caret"></b></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="icons.html">Icons</a></li>
|
||||
<li><a href="codes.html">Short Codes</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
-->
|
||||
|
||||
</ul>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- w3-banner -->
|
||||
<div class="w3-banner">
|
||||
<h1 class="headtxt" >DEMOCRACY</h1>
|
||||
<div class="isabelle_layne" >Demokratie_live</div>
|
||||
<p class="crowdfunding_details">
|
||||
Crowd-Funding auf
|
||||
<img src="images/startnext_logo.png" alt="startnext_logo"><br>
|
||||
<strong>397</strong> Unterstützerinnen<br>
|
||||
<strong>19.124€</strong> Spendensumme<br>
|
||||
Mach mit!
|
||||
</p>
|
||||
<a href="http://startnext.com/democracy" class="call_to_action">
|
||||
Unterstütze unser Projekt auf<br>
|
||||
<img src="images/startnext_logo.png" alt="startnext_logo">
|
||||
</a>
|
||||
</div>
|
||||
<!-- //w3-banner -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //banner -->
|
||||
|
||||
<section id="wrapperx">
|
||||
</section>
|
||||
|
||||
<!-- footer -->
|
||||
<div class="footer" >
|
||||
<div class="container" >
|
||||
<div class="w3agile_footer_grids" style="padding-left:20px">
|
||||
<div class="col-md-3 agileinfo_footer_grid">
|
||||
<div class="agileits_w3layouts_footer_logo">
|
||||
<div class="logobox">
|
||||
<div class="edzofont">DEMOCRACY</div>
|
||||
<div class="isabelle_layne">Demokratie_live</div>
|
||||
</div>
|
||||
|
||||
<div class="agileinfo-social-grids">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://www.youtube.com/channel/UC2R4cGTq1LjFZ2DvDaVhDyg" target="_blank" >
|
||||
<i id="youtube_" class="fa fa-youtube" ></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.facebook.com/democracygermany/" target="_blank" >
|
||||
<i id="facebook_" class="facebook_ fa fa-facebook" ></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://twitter.com/democracy_de" target="_blank" >
|
||||
<i id="twitter_" class="fa fa-twitter" ></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.instagram.com/democracy_deutschland/" target="_blank" >
|
||||
<i id="insta_" class="insta_ fa fa-instagram" ></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 agileinfo_footer_grid">
|
||||
<h3>Kontakt Info</h3>
|
||||
<h2 style="color: white; font-size: 18px"><span class="" >DEMOCRACY</span><br> <small style="font-size: 15px"> Deutschland e.V.</small> </h2>
|
||||
<small class="foot_gem" style="font-size: 15px">(gemeinnützig)</small>
|
||||
<br>
|
||||
|
||||
<div style="color:white">
|
||||
<div style="font-size: small">Industriestr. 10</div>
|
||||
<div style="font-size: small">37079 Göttingen </div>
|
||||
<div style="font-size: small">Deutschland</div>
|
||||
<div style="font-size: small">contact@democracy-deutschland.de</div>
|
||||
<div style="font-size: small">Fon: +49 176 470 40 213</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="col-md-3 agileinfo_footer_grid" >
|
||||
<h3>Impressum</h3>
|
||||
<div style="color:white">
|
||||
<div style="font-size: small">Amtsgericht Göttingen</div>
|
||||
<div style="font-size: small">VR 201924</div>
|
||||
<div></div>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
|
||||
|
||||
|
||||
<h3>Spenden</h3>
|
||||
<div style="color:white">
|
||||
|
||||
|
||||
<a href="https://www.startnext.com/democracy" target="_blank" >
|
||||
<img src="images/startnext_logo.png" width="120" style="margin-top: -7px">
|
||||
</a>
|
||||
|
||||
<!--
|
||||
<div style="font-size: small">Bank: Triodos Bank</div>
|
||||
<div style="font-size: small">IBAN:</div>
|
||||
<div style="font-size: small">BIC:</div>
|
||||
-->
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 agileinfo_footer_grid agileinfo_footer_grid1" style="padding-right:20px">
|
||||
<h3>Navigation</h3>
|
||||
<ul class="w3layouts_footer_nav">
|
||||
<li><a href="#idee" onclick="$('#m_idee,#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Idee</a></li>
|
||||
<li><a href="#wir" onclick="$('#m_wir,#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Wir</a></li>
|
||||
<li><a href="#prototyp" onclick="$('#m_proto,#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Prototyp</a></li>
|
||||
<li><a href="#mithelfen" onclick="$('#m_help,#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Mithelfen</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3_agileits_footer_copy">
|
||||
<div class="container">
|
||||
<p>
|
||||
<i class="fa fa-creative-commons"></i> BY NC ND 4.0
|
||||
— 2017
|
||||
<span class="edzofont">DEMOCRACY</span>
|
||||
Deutschland e.V.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //footer -->
|
||||
|
||||
<script src="js/responsiveslides.min.js"></script>
|
||||
<script src="js/jarallax.js"></script>
|
||||
<script src="js/SmoothScroll.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
/* init Jarallax */
|
||||
$('.jarallax').jarallax({
|
||||
speed: 0.5,
|
||||
imgWidth: 1366,
|
||||
imgHeight: 768
|
||||
})
|
||||
</script>
|
||||
|
||||
<script type="text/javascript" src="js/move-top.js"></script>
|
||||
<script type="text/javascript" src="js/easing.js"></script>
|
||||
<!-- here starts scrolling icon -->
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
/*
|
||||
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();
|
||||
}
|
||||
|
||||
}); // document ready
|
||||
</script>
|
||||
<!-- //here ends scrolling icon -->
|
||||
</body>
|
||||
</html>
|
||||
1
js/SmoothScroll.min.js
vendored
Normal file
1
js/SmoothScroll.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
2317
js/bootstrap.js
vendored
Normal file
2317
js/bootstrap.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
140
js/easing.js
Normal file
140
js/easing.js
Normal file
@ -0,0 +1,140 @@
|
||||
/*
|
||||
* jQuery EasIng v1.1.2 - http://gsgd.co.uk/sandbox/jquery.easIng.php
|
||||
*
|
||||
* Uses the built In easIng capabilities added In jQuery 1.1
|
||||
* to offer multiple easIng options
|
||||
*
|
||||
* Copyright (c) 2007 George Smith
|
||||
* Licensed under the MIT License:
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*/
|
||||
|
||||
// t: current time, b: begInnIng value, c: change In value, d: duration
|
||||
|
||||
jQuery.extend( jQuery.easing,
|
||||
{
|
||||
easeInQuad: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t + b;
|
||||
},
|
||||
easeOutQuad: function (x, t, b, c, d) {
|
||||
return -c *(t/=d)*(t-2) + b;
|
||||
},
|
||||
easeInOutQuad: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t + b;
|
||||
return -c/2 * ((--t)*(t-2) - 1) + b;
|
||||
},
|
||||
easeInCubic: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t + b;
|
||||
},
|
||||
easeOutCubic: function (x, t, b, c, d) {
|
||||
return c*((t=t/d-1)*t*t + 1) + b;
|
||||
},
|
||||
easeInOutCubic: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t + b;
|
||||
return c/2*((t-=2)*t*t + 2) + b;
|
||||
},
|
||||
easeInQuart: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t*t + b;
|
||||
},
|
||||
easeOutQuart: function (x, t, b, c, d) {
|
||||
return -c * ((t=t/d-1)*t*t*t - 1) + b;
|
||||
},
|
||||
easeInOutQuart: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
|
||||
return -c/2 * ((t-=2)*t*t*t - 2) + b;
|
||||
},
|
||||
easeInQuint: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t*t*t + b;
|
||||
},
|
||||
easeOutQuint: function (x, t, b, c, d) {
|
||||
return c*((t=t/d-1)*t*t*t*t + 1) + b;
|
||||
},
|
||||
easeInOutQuint: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
|
||||
return c/2*((t-=2)*t*t*t*t + 2) + b;
|
||||
},
|
||||
easeInSine: function (x, t, b, c, d) {
|
||||
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
|
||||
},
|
||||
easeOutSine: function (x, t, b, c, d) {
|
||||
return c * Math.sin(t/d * (Math.PI/2)) + b;
|
||||
},
|
||||
easeInOutSine: function (x, t, b, c, d) {
|
||||
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
|
||||
},
|
||||
easeInExpo: function (x, t, b, c, d) {
|
||||
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
|
||||
},
|
||||
easeOutExpo: function (x, t, b, c, d) {
|
||||
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
|
||||
},
|
||||
easeInOutExpo: function (x, t, b, c, d) {
|
||||
if (t==0) return b;
|
||||
if (t==d) return b+c;
|
||||
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
|
||||
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
|
||||
},
|
||||
easeInCirc: function (x, t, b, c, d) {
|
||||
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
|
||||
},
|
||||
easeOutCirc: function (x, t, b, c, d) {
|
||||
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
|
||||
},
|
||||
easeInOutCirc: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
|
||||
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
|
||||
},
|
||||
easeInElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
||||
},
|
||||
easeOutElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
|
||||
},
|
||||
easeInOutElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
||||
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
|
||||
},
|
||||
easeInBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
return c*(t/=d)*t*((s+1)*t - s) + b;
|
||||
},
|
||||
easeOutBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
|
||||
},
|
||||
easeInOutBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
|
||||
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
|
||||
},
|
||||
easeInBounce: function (x, t, b, c, d) {
|
||||
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
|
||||
},
|
||||
easeOutBounce: function (x, t, b, c, d) {
|
||||
if ((t/=d) < (1/2.75)) {
|
||||
return c*(7.5625*t*t) + b;
|
||||
} else if (t < (2/2.75)) {
|
||||
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
|
||||
} else if (t < (2.5/2.75)) {
|
||||
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
|
||||
} else {
|
||||
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
|
||||
}
|
||||
},
|
||||
easeInOutBounce: function (x, t, b, c, d) {
|
||||
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
|
||||
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
|
||||
}
|
||||
});
|
||||
433
js/jarallax.js
Normal file
433
js/jarallax.js
Normal file
@ -0,0 +1,433 @@
|
||||
/*!
|
||||
* Name : Just Another Parallax [Jarallax]
|
||||
* Version : 1.1.0
|
||||
* Author : _nK http://nkdev.info
|
||||
* GitHub : https://github.com/nk-o/jarallax
|
||||
*/
|
||||
(function(factory) {
|
||||
'use strict';
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
define(['jquery'], factory);
|
||||
} else if (typeof exports !== 'undefined') {
|
||||
module.exports = factory(require('jquery'));
|
||||
} else {
|
||||
factory(jQuery);
|
||||
}
|
||||
}(function($) {
|
||||
// Adapted from https://gist.github.com/paulirish/1579671
|
||||
if (!Date.now)
|
||||
Date.now = function() { return new Date().getTime(); };
|
||||
if(!window.requestAnimationFrame)
|
||||
(function() {
|
||||
'use strict';
|
||||
|
||||
var vendors = ['webkit', 'moz'];
|
||||
for (var i = 0; i < vendors.length && !window.requestAnimationFrame; ++i) {
|
||||
var vp = vendors[i];
|
||||
window.requestAnimationFrame = window[vp+'RequestAnimationFrame'];
|
||||
window.cancelAnimationFrame = (window[vp+'CancelAnimationFrame']
|
||||
|| window[vp+'CancelRequestAnimationFrame']);
|
||||
}
|
||||
if (/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent) // iOS6 is buggy
|
||||
|| !window.requestAnimationFrame || !window.cancelAnimationFrame) {
|
||||
var lastTime = 0;
|
||||
window.requestAnimationFrame = function(callback) {
|
||||
var now = Date.now();
|
||||
var nextTime = Math.max(lastTime + 16, now);
|
||||
return setTimeout(function() { callback(lastTime = nextTime); },
|
||||
nextTime - now);
|
||||
};
|
||||
window.cancelAnimationFrame = clearTimeout;
|
||||
}
|
||||
}());
|
||||
|
||||
var supportTransform = (function() {
|
||||
var prefixes = 'transform WebkitTransform MozTransform OTransform msTransform'.split(' ');
|
||||
var div = document.createElement('div');
|
||||
for(var i = 0; i < prefixes.length; i++) {
|
||||
if(div && div.style[prefixes[i]] !== undefined) {
|
||||
return prefixes[i];
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}());
|
||||
|
||||
var support3dtransform = (function() {
|
||||
if (!window.getComputedStyle) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var el = document.createElement('p'),
|
||||
has3d,
|
||||
transforms = {
|
||||
'webkitTransform':'-webkit-transform',
|
||||
'OTransform':'-o-transform',
|
||||
'msTransform':'-ms-transform',
|
||||
'MozTransform':'-moz-transform',
|
||||
'transform':'transform'
|
||||
};
|
||||
|
||||
// Add it to the body to get the computed style.
|
||||
(document.body || document.documentElement).insertBefore(el, null);
|
||||
|
||||
for (var t in transforms) {
|
||||
if (el.style[t] !== undefined) {
|
||||
el.style[t] = "translate3d(1px,1px,1px)";
|
||||
has3d = window.getComputedStyle(el).getPropertyValue(transforms[t]);
|
||||
}
|
||||
}
|
||||
|
||||
(document.body || document.documentElement).removeChild(el);
|
||||
|
||||
return (has3d !== undefined && has3d.length > 0 && has3d !== "none");
|
||||
}());
|
||||
|
||||
var isAndroid = navigator.userAgent.toLowerCase().indexOf('android') > -1;
|
||||
|
||||
// list with all jarallax instances
|
||||
// need to render all in one scroll/resize event
|
||||
var jarallaxList = [];
|
||||
|
||||
// Jarallax instance
|
||||
var Jarallax = (function() {
|
||||
var instanceID = 0;
|
||||
|
||||
function Jarallax(item, userOptions) {
|
||||
var _this = this,
|
||||
dataOptions;
|
||||
|
||||
_this.$item = $(item);
|
||||
|
||||
_this.defaults = {
|
||||
speed : 0.5,
|
||||
imgSrc : null,
|
||||
imgWidth : null,
|
||||
imgHeight : null,
|
||||
enableTransform : true,
|
||||
zIndex : -100
|
||||
};
|
||||
dataOptions = _this.$item.data('jarallax') || {};
|
||||
_this.options = $.extend({}, _this.defaults, dataOptions, userOptions);
|
||||
|
||||
// fix speed option [0.0, 1.0]
|
||||
_this.options.speed = Math.min(1, Math.max(0, parseFloat(_this.options.speed)));
|
||||
|
||||
_this.instanceID = instanceID++;
|
||||
|
||||
_this.image = {
|
||||
src : _this.options.imgSrc || null,
|
||||
$container : null,
|
||||
$item : null,
|
||||
width : _this.options.imgWidth || null,
|
||||
height : _this.options.imgHeight || null,
|
||||
// fix for Android devices
|
||||
// use <img> instead background image - more smoothly
|
||||
useImgTag : isAndroid
|
||||
}
|
||||
|
||||
if(_this.initImg()) {
|
||||
_this.init();
|
||||
|
||||
jarallaxList.push(_this);
|
||||
}
|
||||
}
|
||||
|
||||
return Jarallax;
|
||||
}());
|
||||
|
||||
Jarallax.prototype.initImg = function() {
|
||||
var _this = this;
|
||||
|
||||
// get image src
|
||||
if(_this.image.src === null) {
|
||||
_this.image.src = _this.$item.css('background-image').replace(/^url\(['"]?/g,'').replace(/['"]?\)$/g,'');
|
||||
}
|
||||
if(!_this.image.src || _this.image.src === 'none') {
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
Jarallax.prototype.init = function() {
|
||||
var _this = this,
|
||||
containerStyles = {
|
||||
position : 'absolute',
|
||||
top : 0,
|
||||
left : 0,
|
||||
width : '100%',
|
||||
height : '100%',
|
||||
overflow : 'hidden',
|
||||
'pointer-events' : 'none',
|
||||
'transition' : 'transform linear -1ms, -webkit-transform linear -1ms'
|
||||
},
|
||||
imageStyles = {
|
||||
position : 'fixed'
|
||||
};
|
||||
|
||||
// container for parallax image
|
||||
_this.image.$container = $('<div>')
|
||||
.css(containerStyles)
|
||||
.css({
|
||||
visibility : 'hidden',
|
||||
'z-index' : _this.options.zIndex
|
||||
})
|
||||
.attr('id', 'jarallax-container-' + _this.instanceID)
|
||||
.prependTo(_this.$item);
|
||||
|
||||
// use img tag
|
||||
if(_this.image.useImgTag) {
|
||||
_this.image.$item = $('<img>').attr('src', _this.image.src);
|
||||
imageStyles = $.extend({}, containerStyles, imageStyles)
|
||||
}
|
||||
|
||||
// use div with background image
|
||||
else {
|
||||
_this.image.$item = $('<div>');
|
||||
imageStyles = $.extend({
|
||||
'background-position' : '50% 50%',
|
||||
'background-repeat' : 'no-repeat no-repeat',
|
||||
'background-image' : 'url(' + _this.image.src + ')'
|
||||
}, containerStyles, imageStyles)
|
||||
}
|
||||
|
||||
// parallax image
|
||||
_this.image.$item.css(imageStyles)
|
||||
.prependTo(_this.image.$container);
|
||||
|
||||
// cover image and init parallax position after image load
|
||||
_this.getImageSize(_this.image.src, function(width, height) {
|
||||
_this.image.width = width;
|
||||
_this.image.height = height;
|
||||
|
||||
window.requestAnimationFrame(function() {
|
||||
_this.coverImage();
|
||||
_this.clipContainer();
|
||||
_this.onScroll();
|
||||
})
|
||||
|
||||
// remove default user background
|
||||
_this.$item.data('jarallax-original-styles', _this.$item.attr('style'));
|
||||
|
||||
// timeout to fix IE blinking
|
||||
setTimeout(function() {
|
||||
_this.$item.css({
|
||||
'background-image' : 'none',
|
||||
'background-attachment' : 'scroll',
|
||||
'background-size' : 'auto'
|
||||
});
|
||||
}, 0);
|
||||
});
|
||||
};
|
||||
|
||||
Jarallax.prototype.destroy = function() {
|
||||
var _this = this;
|
||||
|
||||
// remove from instances list
|
||||
for(var k = 0, len = jarallaxList.length; k < len; k++) {
|
||||
if(jarallaxList[k].instanceID === _this.instanceID) {
|
||||
jarallaxList.splice(k, 1);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
// remove additional styles for clip
|
||||
$('head #jarallax-clip-' + _this.instanceID).remove();
|
||||
|
||||
_this.$item.attr('style', _this.$item.data('jarallax-original-styles'));
|
||||
_this.$item.removeData('jarallax-original-styles');
|
||||
|
||||
_this.image.$container.remove();
|
||||
|
||||
delete _this.$item[0].jarallax;
|
||||
}
|
||||
|
||||
// round to 2 decimals
|
||||
Jarallax.prototype.round = function(num) {
|
||||
return Math.floor(num * 100) / 100;
|
||||
}
|
||||
|
||||
Jarallax.prototype.getImageSize = function(src, callback) {
|
||||
if(!src || !callback) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var tempImg = new Image();
|
||||
tempImg.onload = function() {
|
||||
callback(tempImg.width, tempImg.height)
|
||||
}
|
||||
tempImg.src = src;
|
||||
}
|
||||
|
||||
// it will remove some image overlapping
|
||||
// overlapping occur due to an image position fixed inside absolute possition element (webkit based browsers works without any fix)
|
||||
Jarallax.prototype.clipContainer = function() {
|
||||
var _this = this,
|
||||
width = _this.image.$container.outerWidth(true),
|
||||
height = _this.image.$container.outerHeight(true);
|
||||
|
||||
var $styles = $('head #jarallax-clip-' + _this.instanceID);
|
||||
if(!$styles.length) {
|
||||
$('head').append('<style type="text/css" id="jarallax-clip-' + _this.instanceID + '"></style>');
|
||||
$styles = $('head #jarallax-clip-' + _this.instanceID);
|
||||
}
|
||||
|
||||
var css = [
|
||||
'#jarallax-container-' + _this.instanceID + ' {',
|
||||
' clip: rect(0px ' + width + 'px ' + height + 'px 0);',
|
||||
' clip: rect(0px, ' + width + 'px, ' + height + 'px, 0);',
|
||||
'}'
|
||||
].join('\n');
|
||||
|
||||
// add clip styles inline (this method need for support IE8 and less browsers)
|
||||
if ($styles[0].styleSheet) {
|
||||
$styles[0].styleSheet.cssText = css;
|
||||
} else {
|
||||
$styles.html(css);
|
||||
}
|
||||
}
|
||||
|
||||
Jarallax.prototype.coverImage = function() {
|
||||
var _this = this;
|
||||
|
||||
if(!_this.image.width || !_this.image.height) {
|
||||
return;
|
||||
}
|
||||
|
||||
var contW = _this.image.$container.outerWidth(true),
|
||||
contH = _this.image.$container.outerHeight(true),
|
||||
wndW = $(window).outerWidth(true),
|
||||
whdH = $(window).outerHeight(true),
|
||||
imgW = _this.image.width,
|
||||
imgH = _this.image.height,
|
||||
resultWidth, resultHeight;
|
||||
|
||||
var css = {
|
||||
width : Math.max(wndW, contW) * Math.max(_this.options.speed, 1),
|
||||
height : Math.max(whdH, contH) * Math.max(_this.options.speed, 1)
|
||||
};
|
||||
|
||||
// cover by width
|
||||
if(css.width / css.height > imgW / imgH) {
|
||||
resultWidth = css.width;
|
||||
resultHeight = css.width * imgH / imgW;
|
||||
}
|
||||
|
||||
// cover by height
|
||||
else {
|
||||
resultWidth = css.height * imgW / imgH;
|
||||
resultHeight = css.height;
|
||||
}
|
||||
|
||||
// for img tag
|
||||
if(_this.image.useImgTag) {
|
||||
css.width = _this.round(resultWidth);
|
||||
css.height = _this.round(resultHeight);
|
||||
css.marginLeft = _this.round(- (resultWidth - contW) / 2);
|
||||
css.marginTop = _this.round(- (resultHeight - contH) / 2);
|
||||
}
|
||||
|
||||
// for div with background image
|
||||
else {
|
||||
css.backgroundSize = _this.round(resultWidth) + 'px ' + _this.round(resultHeight) + 'px';
|
||||
}
|
||||
|
||||
// apply to item
|
||||
_this.image.$item.css(css);
|
||||
};
|
||||
|
||||
Jarallax.prototype.onScroll = function() {
|
||||
var _this = this;
|
||||
|
||||
if(!_this.image.width || !_this.image.height) {
|
||||
return;
|
||||
}
|
||||
|
||||
var scrollTop = $(window).scrollTop(),
|
||||
wndHeight = $(window).height(),
|
||||
// starting position of each element to have parallax applied to it
|
||||
sectionTop = _this.$item.offset().top,
|
||||
sectionHeight = _this.$item.outerHeight(true),
|
||||
css = {
|
||||
visibility : 'visible',
|
||||
backgroundPosition : '50% 50%'
|
||||
};
|
||||
|
||||
// Check if totally above or totally below viewport
|
||||
if (sectionTop + sectionHeight < scrollTop || sectionTop > scrollTop + wndHeight) {
|
||||
return;
|
||||
}
|
||||
|
||||
// calculate parallax
|
||||
var position = - (scrollTop - sectionTop) * _this.options.speed;
|
||||
position = _this.round(position);
|
||||
|
||||
if(supportTransform && _this.options.enableTransform) {
|
||||
css.transform = 'translateY(' + position + 'px)';
|
||||
if(support3dtransform) {
|
||||
css.transform = 'translate3d(0, ' + position + 'px, 0)';
|
||||
}
|
||||
} else {
|
||||
css.backgroundPosition = '50% ' + position + 'px';
|
||||
}
|
||||
|
||||
_this.image.$item.css(css);
|
||||
};
|
||||
|
||||
// init events
|
||||
(function() {
|
||||
$(window).on('scroll.jarallax', function() {
|
||||
window.requestAnimationFrame(function() {
|
||||
for(var k = 0, len = jarallaxList.length; k < len; k++) {
|
||||
jarallaxList[k].onScroll();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
var timeout;
|
||||
$(window).on('resize.jarallax load.jarallax', function() {
|
||||
clearTimeout(timeout);
|
||||
timeout = setTimeout(function() {
|
||||
window.requestAnimationFrame(function() {
|
||||
for(var k = 0, len = jarallaxList.length; k < len; k++) {
|
||||
var _this = jarallaxList[k];
|
||||
_this.coverImage();
|
||||
_this.clipContainer();
|
||||
_this.onScroll();
|
||||
}
|
||||
});
|
||||
}, 100);
|
||||
});
|
||||
}());
|
||||
|
||||
var oldJarallax = $.fn.jarallax;
|
||||
|
||||
$.fn.jarallax = function() {
|
||||
var items = this,
|
||||
options = arguments[0],
|
||||
args = Array.prototype.slice.call(arguments, 1),
|
||||
len = items.length,
|
||||
k = 0,
|
||||
ret;
|
||||
|
||||
for (k; k < len; k++) {
|
||||
if (typeof options === 'object' || typeof options === 'undefined')
|
||||
items[k].jarallax = new Jarallax(items[k], options);
|
||||
else
|
||||
ret = items[k].jarallax[options].apply(items[k].jarallax, args);
|
||||
if (typeof ret !== 'undefined') return ret;
|
||||
}
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
// no conflict
|
||||
$.fn.jarallax.noConflict = function () {
|
||||
$.fn.jarallax = oldJarallax;
|
||||
return this;
|
||||
};
|
||||
|
||||
// data-jarallax initialization
|
||||
$(document).on('ready.data-jarallax', function () {
|
||||
$('[data-jarallax]').jarallax();
|
||||
});
|
||||
}));
|
||||
4
js/jquery-1.11.1.min.js
vendored
Normal file
4
js/jquery-1.11.1.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
2
js/jquery.swipebox.min.js
vendored
Normal file
2
js/jquery.swipebox.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user