<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <title>DieWaldseite</title> <!-- Bootstrap Core CSS --> <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <!-- Custom Fonts --> <!--link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'--> <!-- Theme CSS --> <link href="/css/waldseite.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body id="page-top"> <nav id="mainNav" class="navbar navbar-default navbar-fixed-top"> <div class="container"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#dienavbar"> Menü<i class="fa fa-bars"></i> </button> <a class="navbar-brand" href="/">DieWaldseite<!--img src="img/logo.png" width="200" height="60" alt="Die Waldseite" id="logo"--></a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="dienavbar"> <ul class="nav navbar-nav navbar-right"> <li> <a href="/">Start</a> </li> <li> <a class="" href="/info2">Hintergrund</a> </li> <li> <a class="" href="/faq">Fragen & Antworten</a> </li> <li> <a class="" href="/aktiv">Aktiv werden</a> </li> </ul> </div> <!-- /.navbar-collapse --> </div> <!-- /.container --> </nav> <script>window.onload = function() { var qm = 0; setInterval(function() { if (self.stopp) return; qm += 137; for (var zeros="", i=6; qm<Math.pow(10,i); i--, zeros+="0"); $('#zaehler').text(zeros+qm); }, 20); $('#stopbtn').bind('click', function(event) { self.stopp = 1; console.log(curProjNr); setTimeout('location.href="danke?projekt='+curProjNr+'"',100); event.preventDefault(); });} var curProjNr = 2;function show_proj(nr) { document.getElementById('projekt'+curProjNr).style.display = "none"; document.getElementById('projekt'+nr).style.display = "block"; curProjNr = nr; return false;} </script> <div id="splash"> <div class="splash-content-inner" id="start1"> <h3>Seit Du auf dieser Seite bist wurden weltweit <span id='zaehler'>0000000</span> Quadratmeter Wald zerstört.</h3> <a href="danke?projekt=2" id="stopbtn" class="btn btn-primary btn-xl">Stop!</a> </div> <div class="splash-content-inner panel panel-default" id="projekt"> <div id="projekt1" style="display:none"> <p>Mit einem Klick auf den Stop-Button unterstützt Du durch eine Spende unserer Werbepartner das Projekt <a href="proj1">Mapping</a>, das den Ureinwohner in Sarawak (Malaysia) hilft, ihre Landrechte durchzusetzen.</p> <div id="projektwahl">Anderes Projekt wählen: <a href="danke?projekt=2" onclick="return show_proj(2)">Aufforstung</a> — <a href="danke?projekt=3" onclick="return show_proj(3)">Umweltarbeiter</a> — <a href="danke?projekt=4" onclick="return show_proj(4)">Lobby-Arbeit</a> </div> </div> <div id="projekt2" style="display:block"> <p>Mit einem Klick auf den Stop-Button unterstützt Du durch eine Spende unserer Werbepartner das Projekt <a href="proj2">Aufforstung</a>, mit dem in Costa Rica Quellgebiete und kahle Hänge wieder beflanzt werden.</p> <div id="projektwahl">Anderes Projekt wählen: <a href="danke?projekt=1" onclick="return show_proj(1)">Mapping</a> — <a href="danke?projekt=3" onclick="return show_proj(3)">Umweltarbeiter</a> — <a href="danke?projekt=4" onclick="return show_proj(4)">Lobby-Arbeit</a> </div> </div> <div id="projekt3" style="display:none"> <p>Mit einem Klick auf den Stop-Button unterstützt Du durch eine Spende unserer Werbepartner das Projekt <a href="proj3">Umweltarbeiter</a>, das Menschen hilft, für die Erhaltung oder Wiederherstellung von Wald zu kämpfen.</p> <div id="projektwahl">Anderes Projekt wählen: <a href="danke?projekt=1" onclick="return show_proj(1)">Mapping</a> — <a href="danke?projekt=2" onclick="return show_proj(2)">Aufforstung</a> — <a href="danke?projekt=4" onclick="return show_proj(4)">Lobby-Arbeit</a> </div> </div> <div id="projekt4" style="display:none"> <p>Mit einem Klick auf den Stop-Button unterstützt Du durch eine Spende unserer Werbepartner das Projekt <a href="proj4">Lobby-Arbeit</a>, das politische Entscheidungen verhindern soll.</p> <div id="projektwahl">Anderes Projekt wählen: <a href="danke?projekt=1" onclick="return show_proj(1)">Mapping</a> — <a href="danke?projekt=2" onclick="return show_proj(2)">Aufforstung</a> — <a href="danke?projekt=3" onclick="return show_proj(3)">Umweltarbeiter</a> </div> </div> </div></div> <script src="jquery/jquery.min.js"></script> <script src="bootstrap/js/bootstrap.min.js"></script> <script src="js/waldseite.js"></script> </body></html> 
