Commit c7b55a63 authored by Cédric Van Rompay's avatar Cédric Van Rompay

first commit

parents
A hipster timer for exam supervision
# Usage
* edit the HTML file with the exam name, some info and the ending time.
* open it in your web browser
* don't forget you can zoom in/out with your browser with `ctrl +` and `ctrl -`
# Credits
takes advantage of:
* [jQuery Countdown](http://www.keith-wood.name/countdown.html)
* [Twitter Bootstrap](http://getbootstrap.com/)
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
/* http://keith-wood.name/countdown.html
* Ukrainian initialisation for the jQuery countdown extension
* Written by Goloborodko M misha.gm@gmail.com (2009), corrections by Iгор Kоновал */
(function($) {
$.countdown.regionalOptions['uk'] = {
labels: ['Років', 'Місяців', 'Тижнів', 'Днів', 'Годин', 'Хвилин', 'Секунд'],
labels1: ['Рік', 'Місяць', 'Тиждень', 'День', 'Година', 'Хвилина', 'Секунда'],
labels2: ['Роки', 'Місяці', 'Тижні', 'Дні', 'Години', 'Хвилини', 'Секунди'],
compactLabels: ['r', 'm', 't', 'd'],
whichLabels: function(amount) {
return (amount == 1 ? 1 : (amount >=2 && amount <= 4 ? 2 : 0));
},
digits: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
timeSeparator: ':', isRTL: false};
$.countdown.setDefaults($.countdown.regionalOptions['uk']);
})(jQuery);
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
// This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.
require('../../js/transition.js')
require('../../js/alert.js')
require('../../js/button.js')
require('../../js/carousel.js')
require('../../js/collapse.js')
require('../../js/dropdown.js')
require('../../js/modal.js')
require('../../js/tooltip.js')
require('../../js/popover.js')
require('../../js/scrollspy.js')
require('../../js/tab.js')
require('../../js/affix.js')
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery Countdown</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="jquery.plugin.js"></script>
<script src="jquery.countdown.js"></script>
<script>
$(function () {
// Set exam end date-time here
// CAUTION: January is 0 !
var endExam = new Date(2015,6-1,26,12,09);
$('#defaultCountdown').countdown({until: endExam, format: "HM", expiryText:"<span class='label label-danger'>finished</span>"});
});
</script>
<style type="text/css" media="all">
.is-countdown{font-size:4em}
.countdown-section{margin:0px 1em; display:inline-block; }
.countdown-section span{display:block}
.countdown-period{font-size:50%}
</style>
</head>
<body>
<div class='container'>
<div class='jumbotron text-center v-center'style='margin-top:5%' >
<h1>Exam name</h1>
<p>[start] - [end]<p>
<p>[info]</p>
<div id="defaultCountdown"></div>
</div>
</div>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment