add isitmycakeday.html

This commit is contained in:
Sami Samhuri 2013-03-06 18:48:04 -08:00
parent 95f506ec28
commit 0bbde6c6d2
2 changed files with 64 additions and 40 deletions

55
public/isitmycakeday.html Normal file
View file

@ -0,0 +1,55 @@
<!doctype html>
<title>is it my cake day?</title>
<style>
h1, h3, p, footer { text-align: center }
</style>
<h1>is it my cake day?</h1>
<p>
reddit name:
<input id=user placeholder=spez>
</p>
<h3 id=answer></h3>
<footer>made by <a href=http://reddit.com/user/sjs>sjs</a></footer>
<script>
(function() {
$user = null, $answer = null;
document.addEventListener('DOMContentLoaded', function() {
$user = document.getElementById('user');
$answer = document.getElementById('answer');
$user.addEventListener('change', setRequestTimer);
$user.addEventListener('keyup', setRequestTimer);
});
var timer;
function setRequestTimer() {
$answer.innerText = '';
if (!timer) {
timer = setTimeout(checkForCakeDay, 300);
}
}
function checkForCakeDay() {
timer = null;
var user = encodeURIComponent($user.value);
var r = document.createElement('script');
r.async = true;
r.src = 'http://reddit.com/user/' + user + '/about.json?jsonp=redditCb';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(r, s);
}
window.redditCb = function(res) {
try {
var d = new Date(res.data.created_utc * 1000);
var now = new Date();
var isCakeDay = d.getMonth() == now.getMonth() && d.getDate() == now.getDate();
var n = now.getFullYear() - d.getFullYear();
var ord = 'th';
if (n % 10 == 1 && n % 100 != 11) ord = 'st';
if (n % 10 == 2 && n % 100 != 12) ord = 'nd';
if (n % 10 == 3 && n % 100 != 13) ord = 'rd';
$answer.innerText = isCakeDay ? 'happy ' + n + ord + ' cake day!' : 'nope';
} catch (e) {
$answer.innerText = 'maybe';
console.log(e);
}
};
}());
</script>

View file

@ -3,7 +3,7 @@
<plist version="1.0">
<dict>
<key>currentDocument</key>
<string>assets/js/proj.js</string>
<string>assets/css/mobile.css</string>
<key>documents</key>
<array>
<dict>
@ -105,7 +105,7 @@
<key>firstVisibleColumn</key>
<integer>0</integer>
<key>firstVisibleLine</key>
<integer>63</integer>
<integer>62</integer>
</dict>
<key>assets/css/proj-common.css</key>
<dict>
@ -179,20 +179,6 @@
<key>firstVisibleLine</key>
<integer>0</integer>
</dict>
<key>assets/js/gitter.js</key>
<dict>
<key>caret</key>
<dict>
<key>column</key>
<integer>0</integer>
<key>line</key>
<integer>6</integer>
</dict>
<key>firstVisibleColumn</key>
<integer>0</integer>
<key>firstVisibleLine</key>
<integer>0</integer>
</dict>
<key>assets/js/proj.js</key>
<dict>
<key>caret</key>
@ -200,28 +186,12 @@
<key>column</key>
<integer>0</integer>
<key>line</key>
<integer>15</integer>
<integer>111</integer>
</dict>
<key>columnSelection</key>
<false/>
<key>firstVisibleColumn</key>
<integer>0</integer>
<key>firstVisibleLine</key>
<integer>0</integer>
<key>selectFrom</key>
<dict>
<key>column</key>
<integer>0</integer>
<key>line</key>
<integer>10</integer>
</dict>
<key>selectTo</key>
<dict>
<key>column</key>
<integer>0</integer>
<key>line</key>
<integer>15</integer>
</dict>
</dict>
<key>assets/js/request.js</key>
<dict>
@ -544,21 +514,21 @@
<key>column</key>
<integer>0</integer>
<key>line</key>
<integer>0</integer>
<integer>137</integer>
</dict>
<key>firstVisibleColumn</key>
<integer>0</integer>
<integer>85</integer>
<key>firstVisibleLine</key>
<integer>15</integer>
<integer>80</integer>
</dict>
<key>templates/proj/project.html</key>
<dict>
<key>caret</key>
<dict>
<key>column</key>
<integer>0</integer>
<integer>47</integer>
<key>line</key>
<integer>67</integer>
<integer>61</integer>
</dict>
<key>firstVisibleColumn</key>
<integer>0</integer>
@ -573,7 +543,6 @@
<string>templates/blog/archive.html</string>
<string>assets/css/style.css</string>
<string>assets/css/mobile.css</string>
<string>assets/js/gitter.js</string>
<string>Gemfile</string>
<string>.gitignore</string>
<string>assets/js/blog.js</string>
@ -604,6 +573,6 @@
<key>showFileHierarchyDrawer</key>
<false/>
<key>windowFrame</key>
<string>{{0, 4}, {1277, 1174}}</string>
<string>{{0, 4}, {960, 1174}}</string>
</dict>
</plist>