index.php 8.06 KB
Newer Older
Freddy's avatar
Freddy committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153
<?php
if (getallheaders()['X-Forwarded-Proto'] == "http") {
	header("Location: https://".$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF']);
}
file_put_contents("../log.txt", date("d.m.Y - H:i") . " - " . getallheaders()['X-Forwarded-For'] . " - " . getallheaders()['user-agent'] . "\n", FILE_APPEND);
?>
<!DOCTYPE html>
<html>
	<head>
		<title>Hey, mach mit!</title>
            <meta name="description" content="Wikipedia fr Jugendliche">
            <meta name="author" content="Freddy2001">
		    <!-- and coded with love... -->
		    <!--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
            <link rel="stylesheet" type="text/css" href="style.css"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400|Noto+Serif|Lato:300" rel="stylesheet"> 
		    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
		    <script src="https://code.jquery.com/color/jquery.color-2.1.0.js"></script>
	</head>
	<body>
		<div id="background"></div>
			<div id="navigation"> 
				<div id="logo">Wikipedia fr Jugendliche</div>
				<div id="navi">
					<span id="navpoint">Startseite</span>
					<span class="navstop"></span>
					<span id="navpoint">Unterseite</span>
					<span class="navstop"></span>
					<span id="navpoint">Unterseite</span>
				</div>
			</div>
			<div id="navibackground"></div>
			<div id="bigimage">
				<div id="bigimageblur">
					<div id="text">
						<h1>Hey, mach mit!</h1>
						<h3>Neues Musikalbum drauen? Neuer Fuballspieler in der Bundesliga? Neuer Asteroid entdeckt? Neue Spielekonsole verffentlicht?<br />
						Endlich gibt es einen Platz, wo du diese Informationen sammeln und an andere weitergeben kannst.<br />
						Erstelle einen Artikel zu einem Thema, das dich wirklich interessiert. </h3>
					</div><a href="#content2">
					<div class="scrollcontent2" id="tellmemore">Erzhl mir mehr!</div>
					<div class="scrollcontent2" id="arrow"></div></a>
					<div id="imageattibution">DerHexer, Wikimedia Commons, CC-by-sa 4.0, <a href="https://commons.wikimedia.org/wiki/File:Jungwikipedianer-Treffen_2015_(DerHexer)_2015-06-06_01.jpg" target="_blank">Jungwikipedianer-Treffen 2015 (DerHexer)</a>, <a href="https://creativecommons.org/licenses/by-sa/4.0/legalcode" target="_blank">CC BY-SA 4.0</a> </div>
				</div>
			</div>
			<div id="content2">
				<div id="content2body">
					<h1 class="ueberschrift">Was macht Wikipedia?</h1>
					<div class="content">Wikipedia ist ein im Aufbau befindliches, frei zugngliches Online-Lexikon. Das Projekt wurde 2001 von Jimmy Wales gegrndet. Die deutschsprachige Version umfasst inzwischen mehr als zwei Millionen Artikel, welche von ehrenamtlichen und freiwilligen Autoren gepflegt werden.			</div>
					<h1 class="ueberschrift">Unsere Grundprinzipien</h1>
					<div class="content">Unser Projekt ist frei von Wertung, Selbstdarstellung und persnliche Betrachtungen. Wir stehen fr frei zugngliches Wissen, welches die kommerzielle Nachnutzung erlaubt. Persnliche Angriffe, Herabwrdigungen und sonstige Vorhaben, die dem Projekt schaden, werden nicht toleriert und geahndet. </div>
					<h1 class="ueberschrift">Wir brauchen Nachwuchs!</h1>
					<div class="content">Wie oft hast du schon mithilfe der Wikipedia einen Vortrag fr die Schule vorbereitet? Was wre, wenn es irgendwann Wikipedia nicht mehr gbe? Wo bekommt man dann all diese Informationen her?<br />
					<br />Fakt ist: Wir brauchen dringend Nachwuchs. Unsere aktiven Autoren werden immer weniger. Wer soll sich dann irgendwann um die Artikel kmmern?<br />
					<br />Auch ist es eine unbestreitbare Tatsache, dass in der Wikipedia fr jeden was dabei ist. Auch du kannst einen Artikel schreiben. <b>So schwer ist das doch gar nicht.</b> Wie das geht und wo du Hilfe bekommst, erfhrst du bei den untenstehenden Link. </div>
					<h1 class="ueberschrift"></h1>
					<div class="content"></div>
					<iframe id="youtube" width="1600" height="900" src="https://www.youtube-nocookie.com/embed/AcGdxuoVDJQ?rel=0" frameborder="0" allowfullscreen></iframe>
				</div>	
			</div>
			<div id="footer">
			Jungwikipedianer-Team 2016, <br />verantwortlich fr den Inhalt: <br />Namen hier...<br />(freddy2001@tools.wmflabs.org)
			</div>
        <script>
        $('a[href*="#"]:not([href="#"])').click(function() {
        if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
            var target = $(this.hash);
            target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
            if (target.length) {
            $('html, body').animate({
                scrollTop: target.offset().top
            }, 1000);
            return false;
            }
        }
        });

        $(window).scroll(function () {
            var scrollTop = $(window).scrollTop();
            var height = $(window).height();
            var opacity=((scrollTop - height) / height + 1);
            if(opacity>=1){
                $('#navibackground').css({
                'opacity': 1
                });
 		$('#logo').css({
                'opacity': 1
                });
            }else
            {
            $('#navibackground').css({
                'opacity': opacity
            });
		$('#logo').css({
                'opacity': opacity
                });

            }
        });

$(document).ready(function(){ 

	var youtubewidth = ($(window).width() / 100 * 80);
	var youtubeheight = (youtubewidth / 16 * 9);
		$('#youtube').css({
                'height': youtubeheight 
                });
		$('#youtube').css({
                'width': youtubewidth
                });


	

    //** notice we are including jquery and the color plugin at 
    //** http://code.jquery.com/color/jquery.color-2.1.0.js
    
    var scroll_pos = 0;
    var animation_begin_pos = 0; //where you want the animation to begin
    var animation_end_pos = $(window).height(); //where you want the animation to stop
    var beginning_color = new $.Color( 'rgb(255,255,255)' ); 	
    var beginning_color_navi = new $.Color( 'rgb(255,255,255)' );
    var ending_color = new $.Color( 'rgb(0,0,0)' ); ;
    var ending_color_navi = new $.Color( 'rgb(19, 156, 128)' ); ;
    $(document).scroll(function() {
        scroll_pos = $(this).scrollTop(); 
        if(scroll_pos >= animation_begin_pos && scroll_pos <= animation_end_pos ) { 
            //we want to calculate the relevant transitional rgb value
            var percentScrolled = scroll_pos / ( animation_end_pos - animation_begin_pos );
            var newRed = beginning_color.red() + ( ( ending_color.red() - beginning_color.red() ) * percentScrolled );
            var newRed_navi = beginning_color_navi.red() + ( ( ending_color_navi.red() - beginning_color_navi.red() ) * percentScrolled );
            var newGreen = beginning_color.green() + ( ( ending_color.green() - beginning_color.green() ) * percentScrolled );
            var newGreen_navi = beginning_color_navi.green() + ( ( ending_color_navi.green() - beginning_color_navi.green() ) * percentScrolled );
            var newBlue = beginning_color.blue() + ( ( ending_color.blue() - beginning_color.blue() ) * percentScrolled );
            var newBlue_navi = beginning_color_navi.blue() + ( ( ending_color_navi.blue() - beginning_color_navi.blue() ) * percentScrolled );
            var newColor = new $.Color( newRed, newGreen, newBlue );
            var newColor_navi = new $.Color( newRed_navi, newGreen_navi, newBlue_navi );
            //console.log( newColor.red(), newColor.green(), newColor.blue() );
            $('#navi').animate({ color: newColor }, 0);
	    $('.navstop').css({ 'border-left-color' : newColor_navi }, 0);
        } else if ( scroll_pos > animation_end_pos ) {
             $('#navi').animate({ color: ending_color }, 0);
	    $('.navstop').animate({ color: ending_color_navi }, 0);
        } else if ( scroll_pos < animation_begin_pos ) {
             $('#navi').animate({ color: beginning_color }, 0);
	    $('.navstop').animate({ color: beginning_color_navi }, 0);
        } else { }
    });
});
        </script>			
    </body>
</html>