Palettize Labelle.
[labelle.git] / acnl-outfit.js
index 333335b..a09d645 100644 (file)
@@ -124,15 +124,48 @@ function litanize (names, link) {
     return names.join(names.length == 2 ? " " : ", ");        
 }
 
-function litanizeElement (eid, tid) {
+function updateTime () {
+    var date = new Date();
+    document.documentElement.className = "month" + date.getMonth()
+    document.body.className = "hour" + date.getHours();
+    if (window.navigator.standalone)
+        document.body.className += " standalone";
+}
+setInterval(updateTime, 20 * 60 * 1000);
+
+function update () {
     var o = outfit();
-    document.getElementById(eid).innerHTML = litanize(o, true) + "?";
+    var wearing = document.getElementById('wearing');
+    wearing.innerHTML = litanize(o, true) + "?";
     // TODO: This often generates > 140 characters. Do I care?
     // Maybe pick shorter prefixes if it would help.
-    var t = document.getElementById(tid);
-    t.href = t.href.replace(
+    var twitter = document.getElementById('twitter');
+    twitter.href = twitter.href.replace(
             /&text=[^&]+/, "&text=" + encodeURIComponent(
                 choice(["Going out in ",
                         "Labelle suggested ",
                         "I'll wear "]) + litanize(o, false) + "."));
+
+    var buttons = document.getElementById("buttons");
+    buttons.className = "";
+    setTimeout(function () {
+        buttons.className = "open";
+    }, 300);
+    updateTime();
 }
+
+window.addEventListener("DOMContentLoaded", update);
+
+window.addEventListener('load', function () {
+    if (typeof FastClick !== "undefined")
+        FastClick.attach(document.body, { tapDelay: 50 });
+
+    if (applicationCache && applicationCache.status) {
+        applicationCache.update();
+        applicationCache.addEventListener('updateready', function () {
+            if (applicationCache.status === applicationCache.UPDATEREADY) {
+                applicationCache.swapCache();
+            }
+        });
+    }
+});