<?php
    // ini_set( 'date.timezone', 'Europe/Berlin' );
    date_default_timezone_set( 'Europe/Berlin' );
?>
<!DOCTYPE html>
<html lang="de" dir="ltr" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:profile="http://ogp.me/ns/profile#">
<head>
  <title>Wetterdaten Falkensee</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>

  <meta property="og:title" content="Wetterdaten für Falkensee"/>
  <meta property="og:type" content="website"/>
  <meta property="og:url" content="http://fks.birth-online.de/"/>
  <meta property="og:image" content="http://fks.birth-online.de/falkensee.png"/>
  <meta property="og:description" content="Wetterdaten für Falkensee seit 2009."/>
  <meta property="og:latitude" content="52.574202"/>
  <meta property="og:longitude" content="13.127534"/>
  <meta property="og:street-address" content="Lortzingallee 16"/>
  <meta property="og:locality" content="Falkensee"/>
  <meta property="og:region" content="BR"/>
  <meta property="og:postal-code" content="14612"/>
  <meta property="og:country-name" content="Germany"/>
  <meta property="og:phone_number" content="+49 3322 3198"/>
  <meta property="og:fax_number" content="+49 3322 289547"/>

  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"/>
  <link rel="stylesheet" href="https://code.getmdl.io/1.2.0/material.indigo-pink.min.css"/>
  <script defer src="https://code.getmdl.io/1.2.0/material.min.js"></script>
  <style type="text/css">
    .mdl-layout__drawer img {
      width: 16px;
      height: 16px;
      vertical-align: middle;
    }

    img {
      max-width: 100%;
    }

    .mdl-layout__drawer div {
      width: 70%;
      margin: 0 auto;
    }

    .mdl-layout__drawer div img {
      width: 100%;
      height: 100%;
    }
  </style>
</head>
<body>
<!-- Simple header with scrollable tabs. -->
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
  <header class="mdl-layout__header">
    <div class="mdl-layout__header-row">
      <!-- Title -->
      <span class="mdl-layout-title">Wetterdaten für Falkensee (Stand: <?php echo date( 'Y-m-d H:i.s', filemtime( '6hrs.txt' ) ); ?>)</span>
    </div>
    <!-- Tabs -->
    <div class="mdl-layout__tab-bar mdl-js-ripple-effect">
      <a href="#scroll-tab-1" class="mdl-layout__tab is-active">6 Std.</a>
      <a href="#scroll-tab-2" class="mdl-layout__tab">24 Std.</a>
      <a href="#scroll-tab-3" class="mdl-layout__tab">7 Tage</a>
      <a href="#scroll-tab-4" class="mdl-layout__tab">28 Tage</a>
      <a href="#scroll-tab-5" class="mdl-layout__tab">12 Monate</a>
      <a href="#scroll-tab-6" class="mdl-layout__tab">Alle Monate</a>
      <a href="#scroll-tab-7" class="mdl-layout__tab">2009</a>
      <a href="#scroll-tab-8" class="mdl-layout__tab">2010</a>
      <a href="#scroll-tab-9" class="mdl-layout__tab">2011</a>
      <a href="#scroll-tab-10" class="mdl-layout__tab">2012</a>
      <a href="#scroll-tab-11" class="mdl-layout__tab">2016</a>
      <a href="#scroll-tab-12" class="mdl-layout__tab">WUnderground</a>
    </div>
  </header>
  <div class="mdl-layout__drawer">
    <span class="mdl-layout-title">Über…</span>
    <div><img src="img/falkensee.svg"/></div>
    <nav class="mdl-navigation">
      <a class="mdl-navigation__link" href="https://github.com/jim-easterbrook/pywws">powered by pywws</a>
      <a class="mdl-navigation__link" href="https://twitter.com/_FalkenseeDE"><img src="img/icon_twitter.png"/> Twitter</a>
      <a class="mdl-navigation__link" rel="author" href="https://plus.google.com/+GottfriedBirth"><img src="//ssl.gstatic.com/images/icons/gplus-16.png"/> Google+</a>
      <a class="mdl-navigation__link" href="https://github.com/mbirth/pywws-page"><img src="//github.com/favicon.ico"/> GitHub</a>
      <a class="mdl-navigation__link" href="http://markus.birth-online.de/">Kontakt / Impressum</a>
    </nav>
  </div>
  <main class="mdl-layout__content">
    <section class="mdl-layout__tab-panel is-active" id="scroll-tab-1">
      <div class="page-content"><!-- letzte 6 Stunden -->
        <?php include('6hrs.txt'); ?>
      </div>
    </section>
    <section class="mdl-layout__tab-panel" id="scroll-tab-2">
      <div class="page-content"><!-- letzte 24 Stunden -->
        <img src="24hrs_temp.svg" />
        <img src="24hrs_wind.svg" />
        <img src="24hrs_rain.svg" />
        <img src="24hrs_baro.svg" />
        <img src="24hrs_clouds.svg" />
        <?php include('24hrs.txt'); ?>
        <img src="rose_24hrs.svg" />
      </div>
    </section>
    <section class="mdl-layout__tab-panel" id="scroll-tab-3">
      <div class="page-content"><!-- letzte 7 Tage -->
        <img src="7days_temp.svg" />
        <img src="7days_wind.svg" />
        <img src="7days_rain.svg" />
        <img src="7days_baro.svg" />
        <img src="7days_clouds.svg" />
        <?php include('7days.txt'); ?>
        <img src="rose_7days_nights.svg" />
      </div>
    </section>
    <section class="mdl-layout__tab-panel" id="scroll-tab-4">
      <div class="page-content"><!-- letzte 28 Tage -->
        <img src="28days.svg" />
      </div>
    </section>
    <section class="mdl-layout__tab-panel" id="scroll-tab-5">
      <div class="page-content"><!-- letzte 12 Monate -->
        <?php include('12months.txt'); ?>
      </div>
    </section>
    <section class="mdl-layout__tab-panel" id="scroll-tab-6">
      <div class="page-content"><!-- alle Monate -->
        <?php include('allmonths.txt'); ?>
      </div>
    </section>
    <section class="mdl-layout__tab-panel" id="scroll-tab-7">
      <div class="page-content"><!-- 2009 -->
        <img src="2009.svg" />
      </div>
    </section>
    <section class="mdl-layout__tab-panel" id="scroll-tab-8">
      <div class="page-content"><!-- 2010 -->
        <img src="2010.svg" />
      </div>
    </section>
    <section class="mdl-layout__tab-panel" id="scroll-tab-9">
      <div class="page-content"><!-- 2011 -->
        <img src="2011.svg" />
      </div>
    </section>
    <section class="mdl-layout__tab-panel" id="scroll-tab-10">
      <div class="page-content"><!-- 2012 -->
        <img src="2012.svg" />
      </div>
    </section>
    <section class="mdl-layout__tab-panel" id="scroll-tab-11">
      <div class="page-content"><!-- 2016 -->
        <img src="2016.svg" />
      </div>
    </section>
    <section class="mdl-layout__tab-panel" id="scroll-tab-12">
      <div class="page-content"><!-- WUnderground -->
        <p>
          <a href="http://www.wunderground.com/weatherstation/WXDailyHistory.asp?ID=IBRANDEN17&amp;graphspan=week" target="_blank">
            Diese Station bei <em>Weather Underground</em>:<br />
            <img src="http://banners.wunderground.com/cgi-bin/banner/ban/wxBanner?bannertype=pws250_metric&amp;weatherstationcount=IBRANDEN17" />
            <img src="http://banners.wunderground.com/cgi-bin/banner/ban/wxBanner?bannertype=WeatherStationCount&amp;weatherstationcount=IBRANDEN17" height="160" width="163" border="0" alt="Weather Underground PWS IBRANDEN17" />

          </a>
          <object width="290" height="130">
            <param name="movie" value="http://www.wunderground.com/swf/pws_mini_rf_nc.swf?station=IBRANDEN17&amp;freq=&amp;units=metric&amp;lang=EN" />
            <embed src="http://www.wunderground.com/swf/pws_mini_rf_nc.swf?station=IBRANDEN17&amp;freq=&amp;units=metric&amp;lang=EN" type="application/x-shockwave-flash" width="290" height="130" />
          </object>
        </p>
        <p>
          <object width="600" height="400">
            <param name="movie" value="http://www.wunderground.com/swf/Rapid_Fire.swf?units=metric&amp;station=IBRANDEN17" />
            <embed src="http://www.wunderground.com/swf/Rapid_Fire.swf?units=metric&amp;station=IBRANDEN17" type="application/x-shockwave-flash" width="600" height="400" />
          </object>
        </p>
      </div>
    </section>
  </main>
</div>
<!-- BEGIN Google Analytics -->
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-259868-13', 'auto');
  ga('require', 'displayfeatures');
  ga('require', 'linkid');
  ga('send', 'pageview');
</script>
<!-- END Google Analytics -->
</body>
</html>