2013-11-19 16:55:01 +01:00
<!DOCTYPE html>
2013-11-27 11:12:50 +01:00
<!--
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see < http: / / www . gnu . org / licenses / > .
-->
2013-11-19 16:55:01 +01:00
< html manifest = "manifest.appcache" >
< head >
2014-05-09 14:45:06 +02:00
< title > Bärneruhr - Die Zeit im Wort< / title >
2014-06-28 02:09:48 +02:00
< meta http-equiv = "content-type" content = "text/html; charset=UTF-8" / >
< meta name = "apple-mobile-web-app-capable" content = "yes" / >
< meta name = "apple-mobile-web-app-status-bar-style" content = "black" / >
< meta name = "apple-mobile-web-app-title" content = "Bärneruhr" / >
< meta name = "viewport" content = "width=device-width,user-scalable=no,initial-scale=1" / >
2014-07-03 16:53:07 +02:00
< link rel = "stylesheet" type = "text/css" href = "css/uhr.css" / >
2014-08-11 17:36:53 +02:00
< link rel = "stylesheet" type = "text/css" href = "css/uhr-black.css" data-class = "black" data-name = "Schwarz" / >
< link rel = "stylesheet" type = "text/css" href = "css/uhr-white.css" data-class = "white" data-name = "Weiss" / >
< link rel = "stylesheet" type = "text/css" href = "css/uhr-red.css" data-class = "red" data-name = "Rot" / >
< link rel = "stylesheet" type = "text/css" href = "css/uhr-yellow.css" data-class = "yellow" data-name = "Gelb" / >
< link rel = "stylesheet" type = "text/css" href = "css/uhr-green.css" data-class = "green" data-name = "Grün" / >
< link rel = "stylesheet" type = "text/css" href = "css/uhr-blue.css" data-class = "blue" data-name = "Blau" / >
< link rel = "stylesheet" type = "text/css" href = "css/uhr-pink.css" data-class = "pink" data-name = "Pink" / >
2014-07-03 16:53:07 +02:00
< link rel = "shortcut icon" type = "image/png" href = "resources/favicon.png" / >
< link rel = "apple-touch-icon-precomposed" href = "resources/apple-touch-icon-precomposed.png" / >
< script type = "text/javascript" src = "lib/jquery-2.1.0.min.js" > < / script >
< script type = "text/javascript" src = "lib/jquery-ui-1.10.4.custom.min.js" > < / script >
< script type = "text/javascript" src = "lib/jquery-cookie-1.4.0.js" > < / script >
< script type = "text/javascript" src = "js/uhr.js" > < / script >
2014-08-09 12:15:01 +02:00
< script type = "text/javascript" src = "js/uhr-de_CH.js" > < / script >
2014-08-11 17:36:53 +02:00
< script type = "text/javascript" src = "js/uhr-de_CH_genau.js" > < / script >
2014-08-09 12:15:01 +02:00
< script type = "text/javascript" src = "js/uhr-de.js" > < / script >
2014-08-11 17:36:53 +02:00
< script type = "text/javascript" src = "js/uhr-en.js" > < / script >
< script type = "text/javascript" src = "js/uhr-fr.js" > < / script >
< script type = "text/javascript" src = "js/uhr-it.js" > < / script >
2013-11-19 16:55:01 +01:00
< / head >
2013-12-17 21:50:28 +01:00
< body style = "padding:0;margin:0;" >
2014-05-15 15:20:48 +02:00
< div id = "uhr" > < / div >
2014-06-28 15:52:48 +02:00
< p id = "disclaimer" > Created by < a href = "http://www.fritteli.ch/" > fritteli< / a > , inspired by < a href = "http://www.qlocktwo.com/" > QLOCKTWO< / a > . < a href = "info/" > Read more!< / a > - < a href = "showcase" > View full showcase!< / a > < / p >
2013-11-19 16:55:01 +01:00
< script type = "text/javascript" >
2014-01-11 23:16:20 +01:00
(function($) {
var width = $(window).width();
var height = $(window).height();
2014-08-11 19:19:11 +02:00
var size = Math.min(width, height) + 'px';
2014-01-11 23:16:20 +01:00
$('#uhr').uhr({
2014-02-28 22:52:38 +01:00
width: size,
color: 'black',
language: 'de_CH',
2014-08-09 12:15:01 +02:00
controls: true
2014-01-11 23:16:20 +01:00
});
2014-08-11 19:19:11 +02:00
$(window).on('resize', function (event) {
var $uhr = $('#uhr');
var $parent = $uhr.parent();
var $window = $(window);
var parentWidth = $parent.width();
var parentHeight = $parent.height();
var windowWidth = $window.width();
var windowHeight = $window.height();
var size = Math.min(parentWidth, parentHeight, windowWidth, windowHeight) + 'px';
$uhr.uhr("width", size);
});
2014-01-11 23:16:20 +01:00
})(jQuery);
2013-11-19 16:55:01 +01:00
< / script >
< / body >
< / html >
