brettlangdon
/
brewtimer
mirror of https://github.com/brettlangdon/brewtimer.git
1
0
Fork 0
Code Issues 0 Projects 0 Releases 0 Wiki Activity
Browse Source

added settings panel to set warning time and modify sound effects

gh-pages
Brett Langdon 13 years ago
parent
58f598a9f8
commit
df6321365a
15 changed files with 531 additions and 17 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +8
    -0
      Makefile
  2. BIN
      fonts/general_foundicons.eot
  3. +15
    -0
      fonts/general_foundicons.svg
  4. BIN
      fonts/general_foundicons.ttf
  5. BIN
      fonts/general_foundicons.woff
  6. +1
    -1
      index.html
  7. +46
    -8
      index.jade
  8. +43
    -6
      scripts/main.js
  9. +1
    -1
      scripts/main.min.js
  10. +216
    -0
      styles/general_foundicons.css
  11. +1
    -0
      styles/general_foundicons.min.css
  12. +194
    -0
      styles/general_foundicons_ie7.css
  13. +1
    -0
      styles/general_foundicons_ie7.min.css
  14. +4
    -0
      styles/main.css
  15. +1
    -1
      styles/main.min.css

+ 8
- 0
Makefile View File

@ -0,0 +1,8 @@
all: compile
compile:
jade index.jade
cleancss styles/main.css -o styles/main.min.css
cleancss styles/general_foundicons.css -o styles/general_foundicons.min.css
cleancss styles/general_foundicons_ie7.css -o styles/general_foundicons_ie7.min.css
uglifyjs scripts/main.js -o scripts/main.min.js

BIN
fonts/general_foundicons.eot View File


+ 15
- 0
fonts/general_foundicons.svg View File

@ -0,0 +1,15 @@
<?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" > <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
<defs >
<font id="generalfoundicons" horiz-adv-x="955" ><font-face
font-family="General Foundicons"
units-per-em="1000"
panose-1="0 0 0 0 0 0 0 0 0 0"
ascent="1000"
descent="0"
alphabetic="0" />
<missing-glyph horiz-adv-x="250" />
<glyph unicode=" " glyph-name="space" horiz-adv-x="250" />
<glyph unicode="~" glyph-name="asciitilde" horiz-adv-x="1000" />
</font>
</defs>
</svg>

BIN
fonts/general_foundicons.ttf View File


BIN
fonts/general_foundicons.woff View File


+ 1
- 1
index.html View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title>Brew Timer</title><link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Offside"><link rel="stylesheet" href="styles/foundation.min.css"><link rel="stylesheet" href="styles/main.min.css"><script src="scripts/jquery.min.js"></script><script src="scripts/foundation.min.js"></script><script src="scripts/modernizr.foundation.js"></script><script src="scripts/main.min.js"></script></head><body><audio id="completed" preload="auto"><source src="sounds/clinking.mp3" type="audio/mpeg"><source src="sounds/clinking.wav" type="audio/wav"></audio><audio id="warning" preload="auto"><source src="sounds/answering_machine.mp3" type="audio/mpeg"><source src="sounds/answering_machine.wav" type="audio/wav"></audio><audio id="finished" preload="auto"><source src="sounds/beep.mp3" type="audio/mpeg"><source src="sounds/beep.wav" type="audio/wav"></audio><div id="wrapper" class="block-grid"><div id="header" class="row"><div class="ten columns centered"><h1>Brew Timer</h1></div></div><div id="timers" class="row"><div id="remaining" class="six columns"><div class="block-grid"><h3 class="four columns offset-by-eight">00:00:00</h3></div></div><div id="elapsed" class="six columns"><h3 class="four column">-00:00:00</h3></div></div><div id="set-timer" class="row"><div class="three columns offset-by-five"><input id="total" placeholder="Total Time (mins)" type="text"></div><div class="two columns end"><button id="set" class="button">Start Timer</button></div></div><div id="stop-timer" class="row"><div class="two columns offset-by-eight end"><button id="stop" class="button">Stop Timer</button></div></div><div id="warning-row" class="row"><div class="three columns offset-by-five"><input id="warning-time" placeholder="Warning Time (mins)" type="text"></div><div class="two columns end"><button id="set-warning" class="button">Set Warning</button></div></div><div id="add-step" class="row"><div class="four columns offset-by-two"><input id="name" placeholder="Step Name" type="text"></div><div class="two columns"><input id="time" placeholder="Alert At (mins left)" type="text"></div><div class="two columns end"><button id="add" class="button">Add Step</button></div></div><div id="steps" class="row"><div id="list" class="block grid"><div class="header row"><div class="six columns"><h5 class="name">Step Name</h5></div><div class="two columns end"><h5 class="at">Alert At</h5></div></div></div></div><div id="footer" class="row"><div class="six columns">Brought to you by: <a href="//www.brett.is" target="_blank">Brett Langdon</a></div><div class="six columns">Sound Effects (<a href="//creativecommons.org/licenses/by/3.0/" target="_blank">Attribution 3.0</a>): <br><a href="//soundbible.com/1806-Censored-Beep.html" target="_blank">Censored Beep</a>, <a href="//soundbible.com/1967-Clinking-Teaspoon.html" target="_blank">Clinking Teaspoon</a>, <a href="//soundbible.com/5-Answering-Machine-Beep.html" target="_blank">Answering Machine Beep</a></div></div></div><script type="text/javascript">var _gaq = _gaq || [];
<!DOCTYPE html><html><head><title>Brew Timer</title><link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Offside"><link rel="stylesheet" href="styles/foundation.min.css"><link rel="stylesheet" href="styles/general_foundicons.min.css"><!--[if lt IE 8]><link><![endif]--><link rel="stylesheet" href="styles/main.min.css"><script src="scripts/jquery.min.js"></script><script src="scripts/foundation.min.js"></script><script src="scripts/modernizr.foundation.js"></script><script src="scripts/main.min.js"></script></head><body><audio id="clinking" preload="auto"><source src="sounds/clinking.mp3" type="audio/mpeg"><source src="sounds/clinking.wav" type="audio/wav"></audio><audio id="answering-machine" preload="auto"><source src="sounds/answering_machine.mp3" type="audio/mpeg"><source src="sounds/answering_machine.wav" type="audio/wav"></audio><audio id="beep" preload="auto"><source src="sounds/beep.mp3" type="audio/mpeg"><source src="sounds/beep.wav" type="audio/wav"></audio><div id="wrapper" class="block-grid"><div id="header" class="row"><div class="ten columns centered"><h1>Brew Timer</h1></div></div><div id="toolbar" class="row"><div class="three columns offset-by-eight"><a href="#" data-reveal-id="settings" id="open-settings" class="button"><span class="foundicon-settings"></span> Settings</a></div></div><div id="timers" class="row"><div id="remaining" class="six columns"><div class="block-grid"><h3 class="four columns offset-by-eight">00:00:00</h3></div></div><div id="elapsed" class="six columns"><h3 class="four column">-00:00:00</h3></div></div><div id="set-timer" class="row"><div class="three columns offset-by-five"><input id="total" placeholder="Total Time (mins)" type="text"></div><div class="two columns end"><button id="set" class="button">Start Timer</button></div></div><div id="stop-timer" class="row"><div class="two columns offset-by-eight end"><button id="stop" class="button">Stop Timer</button></div></div><div id="add-step" class="row"><div class="four columns offset-by-two"><input id="name" placeholder="Step Name" type="text"></div><div class="two columns"><input id="time" placeholder="Alert At (mins left)" type="text"></div><div class="two columns end"><button id="add" class="button">Add Step</button></div></div><div id="steps" class="row"><div id="list" class="block grid"><div class="header row"><div class="six columns"><h5 class="name">Step Name</h5></div><div class="two columns end"><h5 class="at">Alert At</h5></div></div></div></div><div id="footer" class="row"><div class="six columns">Brought to you by: <a href="//www.brett.is" target="_blank">Brett Langdon</a></div><div class="six columns">Sound Effects (<a href="//creativecommons.org/licenses/by/3.0/" target="_blank">Attribution 3.0</a>): <br><a href="//soundbible.com/1806-Censored-Beep.html" target="_blank">Censored Beep</a>, <a href="//soundbible.com/1967-Clinking-Teaspoon.html" target="_blank">Clinking Teaspoon</a>, <a href="//soundbible.com/5-Answering-Machine-Beep.html" target="_blank">Answering Machine Beep</a></div></div><div id="settings" class="reveal-modal"><div class="block-grid"><div class="row"><div class="six columns"><label for="warning-time" class="right">Warning Time (mins)</label></div><div class="five columns end"><input id="warning-time" type="text"></div></div><div class="row"><div class="six columns"><label for="finished-audio" class="right">Finished Audio</label></div><div class="five columns end"><select id="finished-audio"><option value="#clinking">Clinking</option><option value="#beep">Beep</option><option value="#answering-machine">Answering machine</option></select></div></div><div class="row"><div class="six columns"><label for="warning-audio" class="right">Warning Audio</label></div><div class="five columns end"><select id="warning-audio"><option value="#clinking">Clinking</option><option value="#beep">Beep</option><option value="#answering-machine">Answering machine</option></select></div></div><div class="row"><div class="six columns"><label for="step-audio" class="right">Step Audio</label></div><div class="five columns end"><select id="step-audio"><option value="#clinking">Clinking</option><option value="#beep">Beep</option><option value="#answering-machine">Answering machine</option></select></div></div><div class="row"><div id="save" class="two columns offset-by-ten button end">Save</div></div></div><a class="close-reveal-modal">&#215;</a></div></div><script type="text/javascript">var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-34513423-2']);
_gaq.push(['_trackPageview']);
(function() {


+ 46
- 8
index.jade View File

@ -4,25 +4,34 @@ html
title Brew Timer
link(rel="stylesheet", href="http://fonts.googleapis.com/css?family=Offside")
link(rel="stylesheet", href="styles/foundation.min.css")
link(rel="stylesheet", href="styles/general_foundicons.min.css")
//if lt IE 8
link(rel='styleheet", href="styles/general_foundicons_ie7.min.css")
link(rel="stylesheet", href="styles/main.min.css")
script(src="scripts/jquery.min.js")
script(src="scripts/foundation.min.js")
script(src="scripts/modernizr.foundation.js")
script(src="scripts/main.min.js")
body
audio#completed(preload="auto")
audio#clinking(preload="auto")
source(src="sounds/clinking.mp3", type="audio/mpeg")
source(src="sounds/clinking.wav", type="audio/wav")
audio#warning(preload="auto")
audio#answering-machine(preload="auto")
source(src="sounds/answering_machine.mp3", type="audio/mpeg")
source(src="sounds/answering_machine.wav", type="audio/wav")
audio#finished(preload="auto")
audio#beep(preload="auto")
source(src="sounds/beep.mp3", type="audio/mpeg")
source(src="sounds/beep.wav", type="audio/wav")
#wrapper.block-grid
#header.row
.ten.columns.centered
h1 Brew Timer
#toolbar.row
.three.columns.offset-by-eight
a(href="#", data-reveal-id="settings")#open-settings.button
span.foundicon-settings
=" Settings"
#timers.row
#remaining.six.columns
.block-grid
@ -37,11 +46,6 @@ html
#stop-timer.row
.two.columns.offset-by-eight.end
button#stop.button Stop Timer
#warning-row.row
.three.columns.offset-by-five
input#warning-time(placeholder="Warning Time (mins)", type="text")
.two.columns.end
button#set-warning.button Set Warning
#add-step.row
.four.columns.offset-by-two
input#name(placeholder="Step Name", type="text")
@ -70,6 +74,40 @@ html
a(href="//soundbible.com/1967-Clinking-Teaspoon.html", target="_blank") Clinking Teaspoon
=", "
a(href="//soundbible.com/5-Answering-Machine-Beep.html", target="_blank") Answering Machine Beep
#settings.reveal-modal
.block-grid
.row
.six.columns
label.right(for="warning-time") Warning Time (mins)
.five.columns.end
input#warning-time(type="text")
.row
.six.columns
label.right(for="finished-audio") Finished Audio
.five.columns.end
select#finished-audio
option(value="#clinking") Clinking
option(value="#beep") Beep
option(value="#answering-machine") Answering machine
.row
.six.columns
label.right(for="warning-audio") Warning Audio
.five.columns.end
select#warning-audio
option(value="#clinking") Clinking
option(value="#beep") Beep
option(value="#answering-machine") Answering machine
.row
.six.columns
label.right(for="step-audio") Step Audio
.five.columns.end
select#step-audio
option(value="#clinking") Clinking
option(value="#beep") Beep
option(value="#answering-machine") Answering machine
.row
#save.two.columns.offset-by-ten.button.end Save
a.close-reveal-modal &#215;
script(type="text/javascript")
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-34513423-2']);


+ 43
- 6
scripts/main.js View File

@ -1,4 +1,7 @@
var warning_time = 60;
var finished_audio = '#answering-machine';
var warning_audio = '#beep';
var completed_audio = '#clinking';
var started = false;
var update_timeout = null;
var start_time = null;
@ -12,8 +15,8 @@ $(document).ready(function(){
$('#set').click(start_timer);
$('#stop').click(stop_timer);
$('#add').click(add_step);
$('#set-warning').click(set_warning);
$('#warning-time').val(round(warning_time / 60, 2))
$('#open-settings').click(open_settings);
$('#settings #save').click(save_settings);
});
var start_timer = function(){
@ -49,7 +52,7 @@ var update_timers = function(){
if(remaining_time > 0){
update_timeout = setTimeout(update_timers, 1000);
} else{
$('#finished').trigger('play');
$(finished_audio).trigger('play');
$('#set-timer').show();
$('#stop-timer').hide();
}
@ -163,10 +166,10 @@ var check_steps = function(time){
} else if(at == time){
$(this).removeClass('warning');
$(this).addClass('current');
$('#completed').trigger('play');
$(completed_audio).trigger('play');
} else if(warning_time && (at + warning_time) == time){
$(this).addClass('warning');
$('#warning').trigger('play');
$(warning_audio).trigger('play');
} else{
$(this).removeClass('current');
$(this).removeClass('completed');
@ -180,6 +183,40 @@ var round = function(num, num_places){
};
var set_warning = function(){
var save_settings = function(){
warning_time = parseFloat($('#warning-time').val()) * 60;
finished_audio = $('#finished-audio').val();
completed_audio = $('#step-audio').val();
warning_audio = $('#warning-audio').val();
$('#settings a.close-reveal-modal').click();
};
var open_settings = function(){
$('#warning-time').val(round(warning_time / 60, 2));
$('#settings #finished-audio').children('option').each(function(){
if($(this).val() == finished_audio){
$(this).prop('selected', true);
} else{
$(this).removeAttr('selected');
}
});
$('#settings #warning-audio').children('option').each(function(){
if($(this).val() == warning_audio){
$(this).prop('selected', true);
} else{
$(this).removeAttr('selected');
}
});
$('#settings #step-audio').children('option').each(function(){
if($(this).val() == completed_audio){
$(this).prop('selected', true);
} else{
$(this).removeAttr('selected');
}
});
};

+ 1
- 1
scripts/main.min.js View File

@ -1 +1 @@
var warning_time=60;var started=false;var update_timeout=null;var start_time=null;var stop_time=null;var remaining_time=null;var elapsed_time=null;var steps=[];$(document).ready(function(){$("#set").click(start_timer);$("#stop").click(stop_timer);$("#add").click(add_step);$("#set-warning").click(set_warning);$("#warning-time").val(round(warning_time/60,2))});var start_timer=function(){remaining_time=parseFloat($("#total").val());elapsed_time=0;if(!remaining_time){alert("invalid number: "+$("#total").val());return false}remaining_time*=60;start_time=(new Date).getTime();stop_time=start_time+remaining_time*1e3;update_timers();$("#set-timer").hide();$("#stop-timer").show()};var stop_timer=function(){$("#total").val(round(remaining_time/60,2));if(update_timeout){clearTimeout(update_timeout)}$("#set-timer").show();$("#stop-timer").hide()};var update_timers=function(){remaining_time-=1;elapsed_time-=1;if(remaining_time>0){update_timeout=setTimeout(update_timers,1e3)}else{$("#finished").trigger("play");$("#set-timer").show();$("#stop-timer").hide()}$("#remaining h3").html(format_time(remaining_time));$("#elapsed h3").html("-"+format_time(elapsed_time));var now=(new Date).getTime();var true_total=Math.floor((stop_time-start_time)/1e3);var true_elapsed=Math.floor((start_time-now)/1e3);var true_remaining=Math.floor((stop_time-now)/1e3);if(true_elapsed!=elapsed_time||true_remaining!=remaining_time||elapsed_time+remaining_time!=true_total){remaining_time=Math.floor((stop_time-now)/1e3);elapsed_time=true_elapsed}check_steps(true_remaining)};var format_time=function(time){time=Math.abs(time);var hours=Math.floor(time/3600);time-=hours*3600;var minutes=Math.floor(time/60);time-=minutes*60;var seconds=round(time,0);return less_than_ten(hours)+":"+less_than_ten(minutes)+":"+less_than_ten(seconds)};var less_than_ten=function(time){return time<10?"0"+time:time};var add_step=function(){var step={at:round(parseFloat($("#add-step #time").val()),2),name:$("#add-step #name").val()};if(!step.at){alert("invalid number: "+$("#add-step #time").val());return false}if(!step.name||step.name==""){alert("invalid name: "+step.name);return false}step.at*=60;steps.push(step);write_steps();$("#add-step #time").val("");$("#add-step #name").val("")};var write_steps=function(){steps.sort(function(a,b){return a.at<b.at});$("#steps .step").remove();for(var i in steps){var step=steps[i];var html=$('<div class="step row"/>');html.append('<div class="six columns"><h5 class="name">'+step.name+"</h5></div>");html.append('<div class="two columns"><h5 class="at">'+format_time(step.at)+"</h5></div>");html.append('<div class="two columns end"><button class="remove button">Remove Step</button></div>');$("#steps #list").append(html)}$("#steps #list .remove").click(remove_step)};var remove_step=function(){var step=$(this).parent().parent();var columns=step.children(".columns");var name=columns.children(".name").html();var at=parseFloat(columns.children(".at").html())*60;var remove=null;for(var i in steps){var step=steps[i];if(step.at==at&&step.name==name){remove=i;break}}if(remove>=0){steps.splice(i,1)}write_steps()};var check_steps=function(time){$("#steps #list .step").each(function(){var columns=$(this).children(".columns");var at=columns.children(".at").html();var matches=at.match("([0-9]+):([0-9]+):([0-9]+)");at=parseInt(matches[1])*3600;at+=parseInt(matches[2]*60);at+=parseInt(matches[3]);if(at>time){$(this).addClass("completed");$(this).removeClass("current")}else if(at==time){$(this).removeClass("warning");$(this).addClass("current");$("#completed").trigger("play")}else if(warning_time&&at+warning_time==time){$(this).addClass("warning");$("#warning").trigger("play")}else{$(this).removeClass("current");$(this).removeClass("completed")}})};var round=function(num,num_places){num_places=Math.pow(10,num_places);return Math.round(num*num_places)/num_places};var set_warning=function(){warning_time=parseFloat($("#warning-time").val())*60};
var warning_time=60;var finished_audio="#answering-machine";var warning_audio="#beep";var completed_audio="#clinking";var started=false;var update_timeout=null;var start_time=null;var stop_time=null;var remaining_time=null;var elapsed_time=null;var steps=[];$(document).ready(function(){$("#set").click(start_timer);$("#stop").click(stop_timer);$("#add").click(add_step);$("#open-settings").click(open_settings);$("#settings #save").click(save_settings)});var start_timer=function(){remaining_time=parseFloat($("#total").val());elapsed_time=0;if(!remaining_time){alert("invalid number: "+$("#total").val());return false}remaining_time*=60;start_time=(new Date).getTime();stop_time=start_time+remaining_time*1e3;update_timers();$("#set-timer").hide();$("#stop-timer").show()};var stop_timer=function(){$("#total").val(round(remaining_time/60,2));if(update_timeout){clearTimeout(update_timeout)}$("#set-timer").show();$("#stop-timer").hide()};var update_timers=function(){remaining_time-=1;elapsed_time-=1;if(remaining_time>0){update_timeout=setTimeout(update_timers,1e3)}else{$(finished_audio).trigger("play");$("#set-timer").show();$("#stop-timer").hide()}$("#remaining h3").html(format_time(remaining_time));$("#elapsed h3").html("-"+format_time(elapsed_time));var now=(new Date).getTime();var true_total=Math.floor((stop_time-start_time)/1e3);var true_elapsed=Math.floor((start_time-now)/1e3);var true_remaining=Math.floor((stop_time-now)/1e3);if(true_elapsed!=elapsed_time||true_remaining!=remaining_time||elapsed_time+remaining_time!=true_total){remaining_time=Math.floor((stop_time-now)/1e3);elapsed_time=true_elapsed}check_steps(true_remaining)};var format_time=function(time){time=Math.abs(time);var hours=Math.floor(time/3600);time-=hours*3600;var minutes=Math.floor(time/60);time-=minutes*60;var seconds=round(time,0);return less_than_ten(hours)+":"+less_than_ten(minutes)+":"+less_than_ten(seconds)};var less_than_ten=function(time){return time<10?"0"+time:time};var add_step=function(){var step={at:round(parseFloat($("#add-step #time").val()),2),name:$("#add-step #name").val()};if(!step.at){alert("invalid number: "+$("#add-step #time").val());return false}if(!step.name||step.name==""){alert("invalid name: "+step.name);return false}step.at*=60;steps.push(step);write_steps();$("#add-step #time").val("");$("#add-step #name").val("")};var write_steps=function(){steps.sort(function(a,b){return a.at<b.at});$("#steps .step").remove();for(var i in steps){var step=steps[i];var html=$('<div class="step row"/>');html.append('<div class="six columns"><h5 class="name">'+step.name+"</h5></div>");html.append('<div class="two columns"><h5 class="at">'+format_time(step.at)+"</h5></div>");html.append('<div class="two columns end"><button class="remove button">Remove Step</button></div>');$("#steps #list").append(html)}$("#steps #list .remove").click(remove_step)};var remove_step=function(){var step=$(this).parent().parent();var columns=step.children(".columns");var name=columns.children(".name").html();var at=parseFloat(columns.children(".at").html())*60;var remove=null;for(var i in steps){var step=steps[i];if(step.at==at&&step.name==name){remove=i;break}}if(remove>=0){steps.splice(i,1)}write_steps()};var check_steps=function(time){$("#steps #list .step").each(function(){var columns=$(this).children(".columns");var at=columns.children(".at").html();var matches=at.match("([0-9]+):([0-9]+):([0-9]+)");at=parseInt(matches[1])*3600;at+=parseInt(matches[2]*60);at+=parseInt(matches[3]);if(at>time){$(this).addClass("completed");$(this).removeClass("current")}else if(at==time){$(this).removeClass("warning");$(this).addClass("current");$(completed_audio).trigger("play")}else if(warning_time&&at+warning_time==time){$(this).addClass("warning");$(warning_audio).trigger("play")}else{$(this).removeClass("current");$(this).removeClass("completed")}})};var round=function(num,num_places){num_places=Math.pow(10,num_places);return Math.round(num*num_places)/num_places};var save_settings=function(){warning_time=parseFloat($("#warning-time").val())*60;finished_audio=$("#finished-audio").val();completed_audio=$("#step-audio").val();warning_audio=$("#warning-audio").val();$("#settings a.close-reveal-modal").click()};var open_settings=function(){$("#warning-time").val(round(warning_time/60,2));$("#settings #finished-audio").children("option").each(function(){if($(this).val()==finished_audio){$(this).prop("selected",true)}else{$(this).removeAttr("selected")}});$("#settings #warning-audio").children("option").each(function(){if($(this).val()==warning_audio){$(this).prop("selected",true)}else{$(this).removeAttr("selected")}});$("#settings #step-audio").children("option").each(function(){if($(this).val()==completed_audio){$(this).prop("selected",true)}else{$(this).removeAttr("selected")}})};

+ 216
- 0
styles/general_foundicons.css View File

@ -0,0 +1,216 @@
/* font-face */
@font-face {
font-family: "GeneralFoundicons";
src: url("/fonts/general_foundicons.eot");
src: url("/fonts/general_foundicons.eot?#iefix") format("embedded-opentype"), url("/fonts/general_foundicons.woff") format("woff"), url("/fonts/general_foundicons.ttf") format("truetype"), url("/fonts/general_foundicons.svg#GeneralFoundicons") format("svg");
font-weight: normal;
font-style: normal;
}
/* global foundicon styles */
[class*="foundicon-"] {
display: inline;
width: auto;
height: auto;
line-height: inherit;
vertical-align: baseline;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
}
[class*="foundicon-"]:before {
font-family: "GeneralFoundicons";
font-weight: normal;
font-style: normal;
text-decoration: inherit;
}
/* icons */
.foundicon-settings:before {
content: "\f000";
}
.foundicon-heart:before {
content: "\f001";
}
.foundicon-star:before {
content: "\f002";
}
.foundicon-plus:before {
content: "\f003";
}
.foundicon-minus:before {
content: "\f004";
}
.foundicon-checkmark:before {
content: "\f005";
}
.foundicon-remove:before {
content: "\f006";
}
.foundicon-mail:before {
content: "\f007";
}
.foundicon-calendar:before {
content: "\f008";
}
.foundicon-page:before {
content: "\f009";
}
.foundicon-tools:before {
content: "\f00a";
}
.foundicon-globe:before {
content: "\f00b";
}
.foundicon-home:before {
content: "\f00c";
}
.foundicon-quote:before {
content: "\f00d";
}
.foundicon-people:before {
content: "\f00e";
}
.foundicon-monitor:before {
content: "\f00f";
}
.foundicon-laptop:before {
content: "\f010";
}
.foundicon-phone:before {
content: "\f011";
}
.foundicon-cloud:before {
content: "\f012";
}
.foundicon-error:before {
content: "\f013";
}
.foundicon-right-arrow:before {
content: "\f014";
}
.foundicon-left-arrow:before {
content: "\f015";
}
.foundicon-up-arrow:before {
content: "\f016";
}
.foundicon-down-arrow:before {
content: "\f017";
}
.foundicon-trash:before {
content: "\f018";
}
.foundicon-add-doc:before {
content: "\f019";
}
.foundicon-edit:before {
content: "\f01a";
}
.foundicon-lock:before {
content: "\f01b";
}
.foundicon-unlock:before {
content: "\f01c";
}
.foundicon-refresh:before {
content: "\f01d";
}
.foundicon-paper-clip:before {
content: "\f01e";
}
.foundicon-video:before {
content: "\f01f";
}
.foundicon-photo:before {
content: "\f020";
}
.foundicon-graph:before {
content: "\f021";
}
.foundicon-idea:before {
content: "\f022";
}
.foundicon-mic:before {
content: "\f023";
}
.foundicon-cart:before {
content: "\f024";
}
.foundicon-address-book:before {
content: "\f025";
}
.foundicon-compass:before {
content: "\f026";
}
.foundicon-flag:before {
content: "\f027";
}
.foundicon-location:before {
content: "\f028";
}
.foundicon-clock:before {
content: "\f029";
}
.foundicon-folder:before {
content: "\f02a";
}
.foundicon-inbox:before {
content: "\f02b";
}
.foundicon-website:before {
content: "\f02c";
}
.foundicon-smiley:before {
content: "\f02d";
}
.foundicon-search:before {
content: "\f02e";
}

+ 1
- 0
styles/general_foundicons.min.css View File

@ -0,0 +1 @@
@font-face{font-family:GeneralFoundicons;src:url(/fonts/general_foundicons.eot);src:url(/fonts/general_foundicons.eot?#iefix) format("embedded-opentype"),url(/fonts/general_foundicons.woff) format("woff"),url(/fonts/general_foundicons.ttf) format("truetype"),url(/fonts/general_foundicons.svg#GeneralFoundicons) format("svg");font-weight:400;font-style:normal}[class*=foundicon-]{display:inline;width:auto;height:auto;line-height:inherit;vertical-align:baseline;background-image:none;background-position:0 0;background-repeat:repeat}[class*=foundicon-]:before{font-family:GeneralFoundicons;font-weight:400;font-style:normal;text-decoration:inherit}.foundicon-settings:before{content:"\f000"}.foundicon-heart:before{content:"\f001"}.foundicon-star:before{content:"\f002"}.foundicon-plus:before{content:"\f003"}.foundicon-minus:before{content:"\f004"}.foundicon-checkmark:before{content:"\f005"}.foundicon-remove:before{content:"\f006"}.foundicon-mail:before{content:"\f007"}.foundicon-calendar:before{content:"\f008"}.foundicon-page:before{content:"\f009"}.foundicon-tools:before{content:"\f00a"}.foundicon-globe:before{content:"\f00b"}.foundicon-home:before{content:"\f00c"}.foundicon-quote:before{content:"\f00d"}.foundicon-people:before{content:"\f00e"}.foundicon-monitor:before{content:"\f00f"}.foundicon-laptop:before{content:"\f010"}.foundicon-phone:before{content:"\f011"}.foundicon-cloud:before{content:"\f012"}.foundicon-error:before{content:"\f013"}.foundicon-right-arrow:before{content:"\f014"}.foundicon-left-arrow:before{content:"\f015"}.foundicon-up-arrow:before{content:"\f016"}.foundicon-down-arrow:before{content:"\f017"}.foundicon-trash:before{content:"\f018"}.foundicon-add-doc:before{content:"\f019"}.foundicon-edit:before{content:"\f01a"}.foundicon-lock:before{content:"\f01b"}.foundicon-unlock:before{content:"\f01c"}.foundicon-refresh:before{content:"\f01d"}.foundicon-paper-clip:before{content:"\f01e"}.foundicon-video:before{content:"\f01f"}.foundicon-photo:before{content:"\f020"}.foundicon-graph:before{content:"\f021"}.foundicon-idea:before{content:"\f022"}.foundicon-mic:before{content:"\f023"}.foundicon-cart:before{content:"\f024"}.foundicon-address-book:before{content:"\f025"}.foundicon-compass:before{content:"\f026"}.foundicon-flag:before{content:"\f027"}.foundicon-location:before{content:"\f028"}.foundicon-clock:before{content:"\f029"}.foundicon-folder:before{content:"\f02a"}.foundicon-inbox:before{content:"\f02b"}.foundicon-website:before{content:"\f02c"}.foundicon-smiley:before{content:"\f02d"}.foundicon-search:before{content:"\f02e"}

+ 194
- 0
styles/general_foundicons_ie7.css View File

@ -0,0 +1,194 @@
/* general icons for IE7 */
[class*="foundicon-"] {
font-family: "GeneralFoundicons";
font-weight: normal;
font-style: normal;
}
.foundicon-settings {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf000;");
}
.foundicon-heart {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf001;");
}
.foundicon-star {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf002;");
}
.foundicon-plus {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf003;");
}
.foundicon-minus {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf004;");
}
.foundicon-checkmark {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf005;");
}
.foundicon-remove {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf006;");
}
.foundicon-mail {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf007;");
}
.foundicon-calendar {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf008;");
}
.foundicon-page {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf009;");
}
.foundicon-tools {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf00a;");
}
.foundicon-globe {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf00b;");
}
.foundicon-home {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf00c;");
}
.foundicon-quote {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf00d;");
}
.foundicon-people {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf00e;");
}
.foundicon-monitor {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf00f;");
}
.foundicon-laptop {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf010;");
}
.foundicon-phone {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf011;");
}
.foundicon-cloud {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf012;");
}
.foundicon-error {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf013;");
}
.foundicon-right-arrow {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf014;");
}
.foundicon-left-arrow {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf015;");
}
.foundicon-up-arrow {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf016;");
}
.foundicon-down-arrow {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf017;");
}
.foundicon-trash {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf018;");
}
.foundicon-add-doc {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf019;");
}
.foundicon-edit {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf01a;");
}
.foundicon-lock {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf01b;");
}
.foundicon-unlock {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf01c;");
}
.foundicon-refresh {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf01d;");
}
.foundicon-paper-clip {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf01e;");
}
.foundicon-video {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf01f;");
}
.foundicon-photo {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf020;");
}
.foundicon-graph {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf021;");
}
.foundicon-idea {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf022;");
}
.foundicon-mic {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf023;");
}
.foundicon-cart {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf024;");
}
.foundicon-address-book {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf025;");
}
.foundicon-compass {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf026;");
}
.foundicon-flag {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf027;");
}
.foundicon-location {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf028;");
}
.foundicon-clock {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf029;");
}
.foundicon-folder {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf02a;");
}
.foundicon-inbox {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf02b;");
}
.foundicon-website {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf02c;");
}
.foundicon-smiley {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf02d;");
}
.foundicon-search {
*zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf02e;");
}

+ 1
- 0
styles/general_foundicons_ie7.min.css View File

@ -0,0 +1 @@
[class*=foundicon-]{font-family:GeneralFoundicons;font-weight:400;font-style:normal}.foundicon-settings{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf000;")}.foundicon-heart{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf001;")}.foundicon-star{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf002;")}.foundicon-plus{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf003;")}.foundicon-minus{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf004;")}.foundicon-checkmark{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf005;")}.foundicon-remove{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf006;")}.foundicon-mail{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf007;")}.foundicon-calendar{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf008;")}.foundicon-page{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf009;")}.foundicon-tools{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf00a;")}.foundicon-globe{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf00b;")}.foundicon-home{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf00c;")}.foundicon-quote{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf00d;")}.foundicon-people{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf00e;")}.foundicon-monitor{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf00f;")}.foundicon-laptop{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf010;")}.foundicon-phone{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf011;")}.foundicon-cloud{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf012;")}.foundicon-error{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf013;")}.foundicon-right-arrow{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf014;")}.foundicon-left-arrow{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf015;")}.foundicon-up-arrow{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf016;")}.foundicon-down-arrow{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf017;")}.foundicon-trash{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf018;")}.foundicon-add-doc{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf019;")}.foundicon-edit{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf01a;")}.foundicon-lock{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf01b;")}.foundicon-unlock{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf01c;")}.foundicon-refresh{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf01d;")}.foundicon-paper-clip{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf01e;")}.foundicon-video{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf01f;")}.foundicon-photo{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf020;")}.foundicon-graph{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf021;")}.foundicon-idea{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf022;")}.foundicon-mic{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf023;")}.foundicon-cart{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf024;")}.foundicon-address-book{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf025;")}.foundicon-compass{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf026;")}.foundicon-flag{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf027;")}.foundicon-location{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf028;")}.foundicon-clock{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf029;")}.foundicon-folder{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf02a;")}.foundicon-inbox{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf02b;")}.foundicon-website{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf02c;")}.foundicon-smiley{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf02d;")}.foundicon-search{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf02e;")}

+ 4
- 0
styles/main.css View File

@ -52,4 +52,8 @@
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
}
#settings label{
line-height: 32px;
}

+ 1
- 1
styles/main.min.css View File

@ -1 +1 @@
#timers h3{font-family:Offside,cursive;font-weight:100}#add-step input,#add-step button,#set-timer input,#set-timer button,#stop-timer button{margin-top:6px;height:35px;width:100%}#stop-timer button{margin-bottom:12px}#stop-timer{display:none}.remove{font-size:12px}#list{min-height:200px}#list .header h5{text-decoration:underline}#list h5{margin:0;padding:0;line-height:35px;text-align:center}.completed{background-color:rgba(200,150,150,.8)}.current{background-color:rgba(150,200,150,.8)}.warning{background-color:rgba(255,255,150,.8)}#footer .columns{padding-top:2px;padding-bottom:2px;text-align:center}
#timers h3{font-family:Offside,cursive;font-weight:100}#add-step input,#add-step button,#set-timer input,#set-timer button,#stop-timer button{margin-top:6px;height:35px;width:100%}#stop-timer button{margin-bottom:12px}#stop-timer{display:none}.remove{font-size:12px}#list{min-height:200px}#list .header h5{text-decoration:underline}#list h5{margin:0;padding:0;line-height:35px;text-align:center}.completed{background-color:rgba(200,150,150,.8)}.current{background-color:rgba(150,200,150,.8)}.warning{background-color:rgba(255,255,150,.8)}#footer .columns{padding-top:2px;padding-bottom:2px;text-align:center}#settings label{line-height:32px}

Write Preview
Loading…
Cancel
Save