A generic web based timer to use on your brew day! http://brewtimer.brett.is
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
8 lines
5.2 KiB
8 lines
5.2 KiB
<!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/foundation.select.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="warning-enabled" class="right">Enable Warning</label></div><div class="five columns end"><div class="switch radius"><input id="off" type="radio" name="enable"><label for="off">Off</label><input id="on" type="radio" checked="true" name="enable"><label for="on">On</label></div></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">×</a></div></div><script type="text/javascript">var _gaq = _gaq || [];
|
|
_gaq.push(['_setAccount', 'UA-34513423-2']);
|
|
_gaq.push(['_trackPageview']);
|
|
(function() {
|
|
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
|
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
|
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
|
})();</script></body></html>
|