mbirth/pywws-page
Archived
1
0
Fork 0
Code

Merge branch 'master' of github.com:mbirth/pywws-page

Browse Source
This commit is contained in:
Markus Birth 2016-10-20 17:19:54 +02:00
commit 957a5fc423
9 changed files with 96 additions and 131 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/material.indigo-pink.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

BIN
css/materialicons-regular.ttf Normal file
View File

Binary file not shown.

20
css/materialicons.css Normal file
View File

@ -0,0 +1,20 @@
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: local('Material Icons'), local('MaterialIcons-Regular'), url(materialicons-regular.ttf) format('truetype');
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
}

59
css/tabs-no-images.css
View File

@ -1,59 +0,0 @@
/* root element for tabs */
ul.tabs {
margin:0 !important;
padding:0;
height:30px;
border-bottom:1px solid #666;
}
/* single tab */
ul.tabs li {
float:left;
padding:0;
margin:0;
list-style-type:none;
}
/* link inside the tab. uses a background image */
ul.tabs a {
float:left;
font-size:13px;
display:block;
padding:5px 30px;
text-decoration:none;
border:1px solid #666;
border-bottom:0px;
height:18px;
background-color:#efefef;
color:#777;
margin-right:2px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright:4px;
position:relative;
top:1px;
}
ul.tabs a:hover {
background-color:#ddd;
color:#333;
}
/* selected tab */
ul.tabs a.current {
background-color:#f7f7f7;
border-bottom:2px solid #f7f7f7;
color:#000;
cursor:default;
}
/* tab pane */
div.panes div {
display:none;
border:1px solid #666;
border-width:0 1px 1px 1px;
min-height:150px;
padding:15px 20px;
background-color:#f7f7f7;
}

BIN
img/icon_github.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1023 B

BIN
img/icon_gplus.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 737 B

BIN
img/icon_wunderground.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 943 B

130
index.php
View File

@ -24,9 +24,9 @@
<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>
<link rel="stylesheet" href="css/materialicons.css"/>
<link rel="stylesheet" href="css/material.indigo-pink.min.css"/>
<script defer src="js/material.min.js"></script>
<style type="text/css">
.mdl-layout__drawer img {
width: 16px;
@ -47,6 +47,14 @@
width: 100%;
height: 100%;
}
.mdl-layout__tab-panel {
display: none;
}
.mdl-layout__tab-panel.is-active {
display: block;
}
</style>
</head>
<body>
@ -59,18 +67,17 @@
</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>
<a href="#scroll-tab-6hrs" class="mdl-layout__tab is-active">6 Std.</a>
<a href="#scroll-tab-24hrs" class="mdl-layout__tab">24 Std.</a>
<a href="#scroll-tab-7days" class="mdl-layout__tab">7 Tage</a>
<a href="#scroll-tab-28days" class="mdl-layout__tab">28 Tage</a>
<a href="#scroll-tab-12mo" class="mdl-layout__tab">12 Monate</a>
<a href="#scroll-tab-2016" class="mdl-layout__tab">2016</a>
<a href="#scroll-tab-2012" class="mdl-layout__tab">2012</a>
<a href="#scroll-tab-2011" class="mdl-layout__tab">2011</a>
<a href="#scroll-tab-2010" class="mdl-layout__tab">2010</a>
<a href="#scroll-tab-2009" class="mdl-layout__tab">2009</a>
<a href="#scroll-tab-alldata" class="mdl-layout__tab">Alle Monate</a>
</div>
</header>
<div class="mdl-layout__drawer">
@ -78,19 +85,20 @@
<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://www.wunderground.com/weatherstation/WXDailyHistory.asp?ID=IBRANDEN17"><img src="img/icon_wunderground.png"/> WUnderground</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" rel="author" href="https://plus.google.com/+GottfriedBirth"><img src="img/icon_gplus.png"/> Google+</a>
<a class="mdl-navigation__link" href="https://github.com/mbirth/pywws-page"><img src="img/icon_github.png"/> GitHub</a>
<a class="mdl-navigation__link" href="https://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">
<section class="mdl-layout__tab-panel is-active" id="scroll-tab-6hrs">
<div class="page-content"><!-- letzte 6 Stunden -->
<?php include('6hrs.txt'); ?>
</div>
</section>
<section class="mdl-layout__tab-panel" id="scroll-tab-2">
<section class="mdl-layout__tab-panel" id="scroll-tab-24hrs">
<div class="page-content"><!-- letzte 24 Stunden -->
<img src="24hrs_temp.svg" />
<img src="24hrs_wind.svg" />
@ -101,7 +109,7 @@
<img src="rose_24hrs.svg" />
</div>
</section>
<section class="mdl-layout__tab-panel" id="scroll-tab-3">
<section class="mdl-layout__tab-panel" id="scroll-tab-7days">
<div class="page-content"><!-- letzte 7 Tage -->
<img src="7days_temp.svg" />
<img src="7days_wind.svg" />
@ -112,7 +120,7 @@
<img src="rose_7days_nights.svg" />
</div>
</section>
<section class="mdl-layout__tab-panel" id="scroll-tab-4">
<section class="mdl-layout__tab-panel" id="scroll-tab-28days">
<div class="page-content"><!-- letzte 28 Tage -->
<img src="28days_temp.svg" />
<img src="28days_wind.svg" />
@ -121,66 +129,44 @@
<img src="28days_clouds.svg" />
</div>
</section>
<section class="mdl-layout__tab-panel" id="scroll-tab-5">
<section class="mdl-layout__tab-panel" id="scroll-tab-12mo">
<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_temp.svg" /><br />
<img src="2009_rain.svg" />
</div>
</section>
<section class="mdl-layout__tab-panel" id="scroll-tab-8">
<div class="page-content"><!-- 2010 -->
<img src="2010_temp.svg" /><br />
<img src="2010_rain.svg" />
</div>
</section>
<section class="mdl-layout__tab-panel" id="scroll-tab-9">
<div class="page-content"><!-- 2011 -->
<img src="2011_temp.svg" /><br />
<img src="2011_rain.svg" />
</div>
</section>
<section class="mdl-layout__tab-panel" id="scroll-tab-10">
<div class="page-content"><!-- 2012 -->
<img src="2012_temp.svg" /><br />
<img src="2012_rain.svg" />
</div>
</section>
<section class="mdl-layout__tab-panel" id="scroll-tab-11">
<section class="mdl-layout__tab-panel" id="scroll-tab-2016">
<div class="page-content"><!-- 2016 -->
<img src="2016_temp.svg" /><br />
<img src="2016_rain.svg" />
</div>
</section>
<section class="mdl-layout__tab-panel" id="scroll-tab-12">
<div class="page-content"><!-- WUnderground -->
<p>
<a href="//www.wunderground.com/weatherstation/WXDailyHistory.asp?ID=IBRANDEN17" 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="//www.wunderground.com/swf/pws_mini_rf_nc.swf?station=IBRANDEN17&amp;freq=&amp;units=metric&amp;lang=EN" />
<embed src="//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="//www.wunderground.com/swf/Rapid_Fire.swf?units=metric&amp;station=IBRANDEN17" />
<embed src="//www.wunderground.com/swf/Rapid_Fire.swf?units=metric&amp;station=IBRANDEN17" type="application/x-shockwave-flash" width="600" height="400" />
</object>
</p>
<section class="mdl-layout__tab-panel" id="scroll-tab-2012">
<div class="page-content"><!-- 2012 -->
<img src="2012_temp.svg" /><br />
<img src="2012_rain.svg" />
</div>
</section>
<section class="mdl-layout__tab-panel" id="scroll-tab-2011">
<div class="page-content"><!-- 2011 -->
<img src="2011_temp.svg" /><br />
<img src="2011_rain.svg" />
</div>
</section>
<section class="mdl-layout__tab-panel" id="scroll-tab-2010">
<div class="page-content"><!-- 2010 -->
<img src="2010_temp.svg" /><br />
<img src="2010_rain.svg" />
</div>
</section>
<section class="mdl-layout__tab-panel" id="scroll-tab-2009">
<div class="page-content"><!-- 2009 -->
<img src="2009_temp.svg" /><br />
<img src="2009_rain.svg" />
</div>
</section>
<section class="mdl-layout__tab-panel" id="scroll-tab-alldata">
<div class="page-content"><!-- alle Monate -->
<?php include('allmonths.txt'); ?>
</div>
</section>
</main>

10
js/material.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long