diff --git a/README.md b/README.md index 5948d0d..1c7aa74 100644 --- a/README.md +++ b/README.md @@ -6,8 +6,8 @@ Du willst Bärneruhr auf deiner Website verwenden? Dank des jQuery-Plugins geht 1. Benötigte Dateien einbinden ------------------------------ * Binde folgende Javascript-Dateien im HTML-Dokument ein: - * jquery-2.0.3.min.js (Falls nicht bereits vorhanden) - * jquery-ui-1.10.3.custom.min.js (Falls nicht bereits vorhanden) + * jquery-2.1.0.min.js (Falls nicht bereits vorhanden) + * jquery-ui-1.10.4.custom.min.js (Falls nicht bereits vorhanden) * Von jquery-ui werden die Komponenten 'core' und 'widget' benötigt. * jquery-cookie-1.4.0.js (Falls nicht bereits vorhanden) * uhr.js @@ -29,6 +29,7 @@ Du willst Bärneruhr auf deiner Website verwenden? Dank des jQuery-Plugins geht Erstelle ein leeres `
` mit einer ID:
+ 3. Uhr per Javascript konfigurieren ----------------------------------- Initialisiere die Uhr mit einer einzigen Zeile Javascript: @@ -49,7 +50,7 @@ Es kann natürlich auch eine Collection von Elementen übergeben werden. Mit jQuery('div').uhr(); -würde also jedes `
`-Element der Seite in eine Uhr umgewandelt +würde also jedes `
`-Element der Seite in eine Uhr umgewandelt. 4. Weitere Optionen ------------------- diff --git a/apple-touch-icon-precomposed.png b/apple-touch-icon-precomposed.png new file mode 100644 index 0000000..6282eae Binary files /dev/null and b/apple-touch-icon-precomposed.png differ diff --git a/index.html b/index.html index a631540..5b95933 100644 --- a/index.html +++ b/index.html @@ -15,7 +15,7 @@ along with this program. If not, see . --> - Die Zeit im Wort + Bärneruhr - Die Zeit im Wort @@ -28,12 +28,15 @@ along with this program. If not, see . + + + + + - -
- -

Created by fritteli, inspired by QLOCKTWO. +

+

Created by fritteli, inspired by QLOCKTWO. Read more!

@@ -32,6 +32,7 @@ along with this program. If not, see . +

Die Zeit im Wort

@@ -107,7 +108,7 @@ along with this program. If not, see . }); </script>

-

Die Uhr wird so in der Standardkonfiguration angezeigt, das heisst: Berndeutsche sprache, schwarzer Hintergrund, eingeschaltet, Breite 100% des Elternelementes. Wenn dies nicht deinen Bedürfnissen entspricht, lässt sich die Uhr wie im folgenden Abschnitt beschrieben konfigurieren. Die Konfiguration wird der .uhr()-Methode als JSON-Objekt übergeben, beispielsweise so:
+

Die Uhr wird so in der Standardkonfiguration angezeigt, das heisst: Berndeutsche Sprache, schwarzer Hintergrund, eingeschaltet, Breite 100% des Elternelementes. Wenn dies nicht deinen Bedürfnissen entspricht, lässt sich die Uhr wie im folgenden Abschnitt beschrieben konfigurieren. Die Konfiguration wird der .uhr()-Methode als JSON-Objekt übergeben, beispielsweise so:
jQuery('#uhr').uhr({ width: '200px', theme: 'red' @@ -117,7 +118,7 @@ along with this program. If not, see .

Es existieren die folgenden Konfigurationsoptionen:

width
-
Die Breite der Uhr als CSS-String, z.B. '50%', '120px' oder '2.8em'. Die Höhe passt sich automatisch der Breite an, so dass die Uhr immer Quadratisch ist. +
Die Breite der Uhr als CSS-String, z.B. '50%', '120px' oder '2.8em'. Die Höhe passt sich automatisch der Breite an, so dass die Uhr immer quadratisch ist.
Typ: String
Default: '100%'
status
@@ -155,7 +156,7 @@ along with this program. If not, see .

Informationen

Programmiert von Manuel Friedli mit Inspiration von QLOCKTWO.
Diese Uhr ist aus Freude am Programmieren und am Konzept einer die Zeit in Worten ausdrückenden Uhr entstanden. Sollte daraus jemandem Schaden oder ein gravierender Nachteil erwachsen, so soll sich diese Person bei mir melden und wir werden bestimmt eine Lösung finden, die für alle beteiligten angemessen ist. Allen anderen Personen wünsche ich viel Freude mit der Zeit im Wort.

-

Der Quellcode ist frei zugänglich unter https://git.friedli.info/manuel/uhr

+

Der Quellcode ist frei zugänglich unter https://git.friedli.info/manuel/uhr.

Lizenzbestimmungen

Der komplette Sourcecode ist unter der GNU GPL 3.0 lizenziert und darf nach deren Vorgaben verwendet, kopiert, weitergegeben und verändert werden. Die GNU GPL 3.0 findest Du unter folgendem Link: GNU GPL 3.0. Und direkt hier:

GNU GENERAL PUBLIC LICENSE

diff --git a/info/info.css b/info/info.css index 4650f30..a8cca17 100644 --- a/info/info.css +++ b/info/info.css @@ -1,3 +1,6 @@ +body { + font-size: 120%; +} code { white-space: pre; } diff --git a/manifest.appcache b/manifest.appcache index 309a319..ded0731 100644 --- a/manifest.appcache +++ b/manifest.appcache @@ -1,8 +1,9 @@ CACHE MANIFEST -# 4.2.2 +# 5.0 COPYING README.md +apple-touch-icon-precomposed.png favicon.png index.html jquery-2.1.0.min.js @@ -20,4 +21,4 @@ uhr.css uhr.js uhr.woff info/index.html -info/info.css \ No newline at end of file +info/info.css diff --git a/uhr.js b/uhr.js index 8cef4eb..74f0213 100644 --- a/uhr.js +++ b/uhr.js @@ -21,7 +21,7 @@ along with this program. If not, see . window._uhr = { id: 0, - languages: new Array() + languages: [] }; $.widget("fritteli.uhr", { options: { @@ -195,7 +195,7 @@ along with this program. If not, see . e.append('
'); e.append('
'); e.css('width', this.options.width); - var realWidth = e.width() + var realWidth = e.width(); e.width(realWidth); e.height(realWidth); e.css('font-size', (realWidth / 40) + 'px'); @@ -211,7 +211,7 @@ along with this program. If not, see . e.after(toggleSwitch); // language chooser - var languageChooser = $('') + var languageChooser = $(''); for (var code in window._uhr.languages) { if (window._uhr.languages.hasOwnProperty(code)) { var language = window._uhr.languages[code]; @@ -231,7 +231,6 @@ along with this program. If not, see . } }, _wireFunctionality: function() { - var e = this.element; var uhr = this; // on/off switch @@ -306,7 +305,7 @@ UhrRenderer.prototype.render = function(uhr, beforeshow) { } renderer.renderarea.fadeIn('fast'); }); -} +}; /** * Ein Buchstabe. Hilfsklasse für den Renderer und Inhalt der Layout-Arrays. * @param value Der Buchstabe, der Dargestellt werden soll. @@ -317,18 +316,19 @@ function Letter(value, style) { this.style = style || ''; this.getStyle = function() { return 'item letter ' + style; - } + }; this.getValue = function() { return value; } } Letter.prototype.toString = function letterToString() { return '' + this.getValue() + ''; -} +}; /** * Hilfsfunktion, um einen Buchstaben zu erzeugen. * * @param letter string: Der Buchstabe, der angezeigt werden soll + * @param style string: CSS-Klasse(n) als String * @example l('I', 'is') erzeugt den Buchstaben 'I' mit der CSS-Styleklasse 'is' */ function l(letter, style) {