125 |
126 |
--------------------------------------------------------------------------------
/public/scripts/adapter.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2014 The WebRTC project authors. All Rights Reserved.
3 | *
4 | * Use of this source code is governed by a BSD-style license
5 | * that can be found in the LICENSE file in the root of the source
6 | * tree.
7 | */
8 |
9 | /* More information about these options at jshint.com/docs/options */
10 |
11 | /* jshint browser: true, camelcase: true, curly: true, devel: true,
12 | eqeqeq: true, forin: false, globalstrict: true, quotmark: single,
13 | undef: true, unused: strict */
14 |
15 | /* global mozRTCIceCandidate, mozRTCPeerConnection,
16 | mozRTCSessionDescription, webkitRTCPeerConnection */
17 |
18 | /* exported trace */
19 |
20 | 'use strict';
21 |
22 | var RTCPeerConnection = null;
23 | var getUserMedia = null;
24 | var attachMediaStream = null;
25 | var reattachMediaStream = null;
26 | var webrtcDetectedBrowser = null;
27 | var webrtcDetectedVersion = null;
28 | var isChrome=false;
29 | function trace(text) {
30 | // This function is used for logging.
31 | if (text[text.length - 1] === '\n') {
32 | text = text.substring(0, text.length - 1);
33 | }
34 | console.log((window.performance.now() / 1000).toFixed(3) + ': ' + text);
35 | }
36 |
37 | function maybeFixConfiguration(pcConfig) {
38 | if (!pcConfig) {
39 | return;
40 | }
41 | for (var i = 0; i < pcConfig.iceServers.length; i++) {
42 | if (pcConfig.iceServers[i].hasOwnProperty('urls')) {
43 | pcConfig.iceServers[i].url = pcConfig.iceServers[i].urls;
44 | delete pcConfig.iceServers[i].urls;
45 | }
46 | }
47 | }
48 |
49 | if (navigator.mozGetUserMedia) {
50 | console.log('This appears to be Firefox');
51 |
52 | webrtcDetectedBrowser = 'firefox';
53 |
54 | webrtcDetectedVersion =
55 | parseInt(navigator.userAgent.match(/Firefox\/([0-9]+)\./)[1], 10);
56 |
57 | // The RTCPeerConnection object.
58 | RTCPeerConnection = function(pcConfig, pcConstraints) {
59 | // .urls is not supported in FF yet.
60 | maybeFixConfiguration(pcConfig);
61 | return new mozRTCPeerConnection(pcConfig, pcConstraints);
62 | };
63 |
64 | // The RTCSessionDescription object.
65 | window.RTCSessionDescription = mozRTCSessionDescription;
66 |
67 | // The RTCIceCandidate object.
68 | window.RTCIceCandidate = mozRTCIceCandidate;
69 |
70 | // getUserMedia shim (only difference is the prefix).
71 | // Code from Adam Barth.
72 | getUserMedia = navigator.mozGetUserMedia.bind(navigator);
73 | navigator.getUserMedia = getUserMedia;
74 |
75 | // Creates ICE server from the URL for FF.
76 | window.createIceServer = function(url, username, password) {
77 | var iceServer = null;
78 | var urlParts = url.split(':');
79 | if (urlParts[0].indexOf('stun') === 0) {
80 | // Create ICE server with STUN URL.
81 | iceServer = {
82 | 'url': url
83 | };
84 | } else if (urlParts[0].indexOf('turn') === 0) {
85 | if (webrtcDetectedVersion < 27) {
86 | // Create iceServer with turn url.
87 | // Ignore the transport parameter from TURN url for FF version <=27.
88 | var turnUrlParts = url.split('?');
89 | // Return null for createIceServer if transport=tcp.
90 | if (turnUrlParts.length === 1 ||
91 | turnUrlParts[1].indexOf('transport=udp') === 0) {
92 | iceServer = {
93 | 'url': turnUrlParts[0],
94 | 'credential': password,
95 | 'username': username
96 | };
97 | }
98 | } else {
99 | // FF 27 and above supports transport parameters in TURN url,
100 | // So passing in the full url to create iceServer.
101 | iceServer = {
102 | 'url': url,
103 | 'credential': password,
104 | 'username': username
105 | };
106 | }
107 | }
108 | return iceServer;
109 | };
110 |
111 | window.createIceServers = function(urls, username, password) {
112 | var iceServers = [];
113 | // Use .url for FireFox.
114 | for (var i = 0; i < urls.length; i++) {
115 | var iceServer =
116 | window.createIceServer(urls[i], username, password);
117 | if (iceServer !== null) {
118 | iceServers.push(iceServer);
119 | }
120 | }
121 | return iceServers;
122 | };
123 |
124 | // Attach a media stream to an element.
125 | attachMediaStream = function(element, stream) {
126 | console.log('Attaching media stream');
127 | element.mozSrcObject = stream;
128 | };
129 |
130 | reattachMediaStream = function(to, from) {
131 | console.log('Reattaching media stream');
132 | to.mozSrcObject = from.mozSrcObject;
133 | };
134 |
135 | } else if (navigator.webkitGetUserMedia) {
136 | console.log('This appears to be Chrome');
137 | isChrome = true;
138 | webrtcDetectedBrowser = 'chrome';
139 | // Temporary fix until crbug/374263 is fixed.
140 | // Setting Chrome version to 999, if version is unavailable.
141 | var result = navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./);
142 | if (result !== null) {
143 | webrtcDetectedVersion = parseInt(result[2], 10);
144 | } else {
145 | webrtcDetectedVersion = 999;
146 | }
147 |
148 | // Creates iceServer from the url for Chrome M33 and earlier.
149 | window.createIceServer = function(url, username, password) {
150 | var iceServer = null;
151 | var urlParts = url.split(':');
152 | if (urlParts[0].indexOf('stun') === 0) {
153 | // Create iceServer with stun url.
154 | iceServer = {
155 | 'url': url
156 | };
157 | } else if (urlParts[0].indexOf('turn') === 0) {
158 | // Chrome M28 & above uses below TURN format.
159 | iceServer = {
160 | 'url': url,
161 | 'credential': password,
162 | 'username': username
163 | };
164 | }
165 | return iceServer;
166 | };
167 |
168 | // Creates iceServers from the urls for Chrome M34 and above.
169 | window.createIceServers = function(urls, username, password) {
170 | var iceServers = [];
171 | if (webrtcDetectedVersion >= 34) {
172 | // .urls is supported since Chrome M34.
173 | iceServers = {
174 | 'urls': urls,
175 | 'credential': password,
176 | 'username': username
177 | };
178 | } else {
179 | for (var i = 0; i < urls.length; i++) {
180 | var iceServer =
181 | window.createIceServer(urls[i], username, password);
182 | if (iceServer !== null) {
183 | iceServers.push(iceServer);
184 | }
185 | }
186 | }
187 | return iceServers;
188 | };
189 |
190 | // The RTCPeerConnection object.
191 | RTCPeerConnection = function(pcConfig, pcConstraints) {
192 | // .urls is supported since Chrome M34.
193 | if (webrtcDetectedVersion < 34) {
194 | maybeFixConfiguration(pcConfig);
195 | }
196 | return new webkitRTCPeerConnection(pcConfig, pcConstraints);
197 | };
198 |
199 | // Get UserMedia (only difference is the prefix).
200 | // Code from Adam Barth.
201 | getUserMedia = navigator.webkitGetUserMedia.bind(navigator);
202 | navigator.getUserMedia = getUserMedia;
203 |
204 | // Attach a media stream to an element.
205 | attachMediaStream = function(element, stream) {
206 | if (typeof element.srcObject !== 'undefined') {
207 | element.srcObject = stream;
208 | } else if (typeof element.mozSrcObject !== 'undefined') {
209 | element.mozSrcObject = stream;
210 | } else if (typeof element.src !== 'undefined') {
211 | element.src = URL.createObjectURL(stream);
212 | } else {
213 | console.log('Error attaching stream to element.');
214 | }
215 | };
216 |
217 | reattachMediaStream = function(to, from) {
218 | to.src = from.src;
219 | };
220 | } else {
221 | console.log('Browser does not appear to be WebRTC-capable');
222 | }
--------------------------------------------------------------------------------
/public/scripts/chat-solo.js:
--------------------------------------------------------------------------------
1 | $(window).load(function(){
2 | var height = window.innerHeight - 81;
3 | var firstHeight = $('#first-section').height()/height;
4 | var thirdHeight = $('#third-section').height()/height;
5 | var fourthHeight = $('#fourth-section').height()/height;
6 | var secondHeight = (1 - firstHeight - thirdHeight - fourthHeight)*100;
7 | var percentage = secondHeight + '%';
8 | $('#second-section').css({
9 | height: percentage
10 | });
11 | var btm;
12 | // if(window.innerHeight < 659 && isChrome)
13 | // {
14 | // btm = 95;
15 | // }
16 | // else
17 | // {
18 | // if(isChrome)
19 | // {
20 | // btm = 116;
21 | // }
22 | // else
23 | // {
24 | // btm = 130;
25 | // $('#third-section form textarea').css({
26 | // 'height': 133
27 | // });
28 | // }
29 | // }
30 | // if(window)
31 | // $('#sidebar-right').css({
32 | // 'height': height,
33 | // 'bottom': btm
34 | // });
35 | // $('#sidebar-chat-right').css({
36 | // 'bottom': btm
37 | // });
38 |
39 | var left = (window.innerWidth - main_width)/2;
40 | var top = 3;
41 | $('#sidebar-right').css({
42 | 'height': height,
43 | 'left': -left,
44 | 'top': -top
45 | });
46 | $('#sidebar-chat-right').css({
47 | 'bottom': btm,
48 | 'left': -left,
49 | 'top': -top
50 | });
51 |
52 | oldHeight = $('#second-section').height();
53 | $('#second-section-form').submit(function(e){
54 | e.preventDefault();
55 | var data = $('#first-chat').val();
56 | var trimmed = $.trim(data);
57 | if(trimmed!='')
58 | {
59 | socket.emit('this-chat-data',data);
60 | $('#first-chat').val('');
61 | $('#second-section').append('
'+data+'
');
62 | animateChatData();
63 | }
64 | });
65 |
66 | $('#first-plane').click(function(){
67 | $('#second-section-form').submit();
68 | });
69 |
70 | $('#second-section-form textarea').keyup(function (event) {
71 | if (event.keyCode == 13 && event.shiftKey) {
72 | var content = this.value;
73 | var caret = getCaret(this);
74 | this.value = content.substring(0,caret)+"\n"+content.substring(carent,content.length-1);
75 | event.stopPropagation();
76 |
77 | }else if(event.keyCode == 13)
78 | {
79 | $('#second-section-form').submit();
80 | }
81 | });
82 |
83 | $('#first-right-icons img').eq(0).click(function(){
84 | resetChatBuffer();
85 | $('#sidebar-right').fadeOut(200);
86 | $('#local-chat-arrow').fadeIn(200);
87 | });
88 | });
89 |
90 | function getCaret(el) {
91 | if (el.selectionStart) {
92 | return el.selectionStart;
93 | } else if (document.selection) {
94 | el.focus();
95 |
96 | var r = document.selection.createRange();
97 | if (r == null) {
98 | return 0;
99 | }
100 |
101 | var re = el.createTextRange(),
102 | rc = re.duplicate();
103 | re.moveToBookmark(r.getBookmark());
104 | rc.setEndPoint('EndToStart', re);
105 |
106 | return rc.text.length;
107 | }
108 | return 0;
109 | }
--------------------------------------------------------------------------------
/public/scripts/chat.js:
--------------------------------------------------------------------------------
1 | $(document).ready(function(){
2 | var height = $(window).height();
3 | var margin = height/2 - 219/2-55;
4 | $('#get-user').css({
5 | 'margin-top': margin
6 | });
7 | });
--------------------------------------------------------------------------------
/public/scripts/countdown-logic.js:
--------------------------------------------------------------------------------
1 | $(function(){
2 | var seconds = 0, minutes = 0, hours = 0, t, append;
3 | function add() {
4 | seconds++;
5 | if (seconds >= 60) {
6 | seconds = 0;
7 | minutes++;
8 | if (minutes >= 60) {
9 | minutes = 0;
10 | hours++;
11 | }
12 | }
13 |
14 | append = (hours ? (hours > 9 ? hours : "0" + hours) : "00") + ":" + (minutes ? (minutes > 9 ? minutes : "0" + minutes) : "00") + ":" + (seconds > 9 ? seconds : "0" + seconds);
15 | $('#timer').html( append );
16 | timer();
17 | }
18 | function timer() {
19 | t = setTimeout(add, 1000);
20 | }
21 | timer();
22 | });
--------------------------------------------------------------------------------
/public/scripts/countdown/CSS/jquery.countdownTimer.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | * Author - Harshen Amarnath Pandey
4 | * Version - 1.0.5
5 | * Release - 09th June 2014
6 | * Copyright (c) 2014 - 2018 Harshen Pandey
7 | */
8 |
9 | /* jquery.countdownTimer.css*/
10 |
11 | .style {
12 | width: 100%;
13 | font-family: sans-serif;
14 | font-weight: bold;
15 | border-style: solid;
16 | }
17 |
18 | .colorDefinition {
19 | background: #000000;
20 | color : #FFFFFF;
21 | border-color: #F0068E;
22 | }
23 |
24 | .size_xl {
25 | font-size:50px;
26 | border-width: 8px;
27 | border-radius: 6px;
28 | }
29 |
30 | .size_lg {
31 | font-size:40px;
32 | border-width: 7px;
33 | border-radius: 5px;
34 | }
35 |
36 | .size_md {
37 | font-size:30px;
38 | border-width: 5px;
39 | border-radius: 4px;
40 | }
41 |
42 | .size_sm {
43 | font-size:20px;
44 | border-width: 3px;
45 | border-radius: 3px;
46 | }
47 |
48 | .size_xs {
49 | font-size:15px;
50 | border-width: 2px;
51 | border-radius: 2px;
52 | }
53 |
--------------------------------------------------------------------------------
/public/scripts/countdown/DOCS/jQuery_countdownTimer_Documentation:
--------------------------------------------------------------------------------
1 | jquery-countdownTimer Plugin
2 | ============================
3 |
4 | (http://plugins.jquery.com/countdownTimer/)
5 |
6 | Reverse count down jQuery plugin.
7 |
8 | --------------
9 | Introduction:-
10 | --------------
11 |
12 | CountdownTimer is a reverse count down jQuery plugin for displaying countdown as per your need. It also displays current local time.
13 |
14 | -------------
15 | Description:-
16 | -------------
17 |
18 | CountdownTimer is a reverse count down jQuery plugin for displaying countdown as per your need. You can set a future date for reverse count down till that date from today or set start date and end date for reverse count down or you can set time in hours, minutes and seconds for reverse countdown to zero. Also it provides the functionality of displaying current local time.
19 |
20 | -----------------
21 | Getting Started:-
22 | -----------------
23 |
24 | Include jQuery, the plugin and its css on a page.
25 |
26 |
27 |
28 |
29 |
30 | Add a div and span element.
31 |
32 |
33 |
34 | Then call the countdowntimer method with the required options on the span element id.
35 |
36 |
44 |
45 | ----------
46 | Overview:-
47 | ----------
48 |
49 | Following are the different options provided for call to the "countdownTimer" method with their default values.
50 |
51 | hours : 0,
52 | minutes : 0,
53 | seconds : 60,
54 | startDate : new Date(),
55 | dateAndTime : new Date("0000/00/00 00:00:00"),
56 | currentTime : false,
57 | size : "sm",
58 | borderColor : "#F0068E",
59 | fontColor : "#FFFFFF",
60 | backgroundColor : "#000000",
61 | timeSeparator : ":",
62 | tickInterval : 1,
63 | timeUp : null
64 |
65 | Following are the different cases for using "countdownTimer" method with their settings.
66 |
67 | 1) Reverse countdown till a specific future date from today. (for eg:- 2015/01/01 00:00:00):-
68 |
69 | $(function(){
70 | $("#future_date").countdowntimer({
71 | dateAndTime : "2015/01/01 00:00:00"‚
72 | size : "lg"
73 | });
74 | });
75 |
76 | "dateAndTime" takes value in format "YYYY/MM/DD HH:MM:SS" where HH is a 24 - hours format.
77 |
78 | You may be wondering how to set the "size" option. Well, It's discussed at the end in "Display Settings".
79 |
80 | 2) Reverse countdown to zero from time set to hours, minutes & seconds.
81 |
82 | $(function(){
83 | $("#hms_timer").countdowntimer({
84 | hours : 3‚
85 | minutes : 10‚
86 | seconds : 10‚
87 | size : "lg"
88 | });
89 | });
90 |
91 | "hours" can take positive values starting from 0. "minutes", "seconds" takes values from 0 to 59.
92 |
93 | 3) Reverse countdown to zero from time set to hours and minutes.
94 |
95 | $(function(){
96 | $("#hm_timer").countdowntimer({
97 | hours : 3‚
98 | minutes : 10‚
99 | size : "lg"
100 | });
101 | });
102 |
103 | "hours" can take positive values starting from 0. "minutes" takes values from 0 to 59.
104 |
105 | 4) Reverse countdown to zero from time set to minutes and seconds.
106 |
107 | $(function(){
108 | $("#ms_timer").countdowntimer({
109 | minutes : 20‚
110 | seconds : 10‚
111 | size : "lg"
112 | });
113 | });
114 |
115 | "minutes" takes positive values starting from 0. "seconds" takes values from 0 to 59.
116 |
117 | 5) Reverse countdown to zero from time set to hours and seconds.
118 |
119 | $(function(){
120 | $("#hs_timer").countdowntimer({
121 | hours : 2‚
122 | seconds : 10‚
123 | size : "lg"
124 | });
125 | });
126 |
127 | "hours" takes positive values starting from 0. "seconds" takes values from 0 to 59.
128 |
129 | 6) Reverse countdown to zero from time set to only hours.
130 |
131 | $(function(){
132 | $("#h_timer").countdowntimer({
133 | hours : 2‚
134 | size : "lg"
135 | });
136 | });
137 |
138 | "hours" takes positive values starting from 0.
139 |
140 | 7) Reverse countdown to zero from time set to only minutes.
141 |
142 | $(function(){
143 | $("#m_timer").countdowntimer({
144 | minutes : 2‚
145 | size : "lg"
146 | });
147 | });
148 |
149 | "minutes" takes positive values starting from 0.
150 |
151 | 8) Reverse countdown to zero from time set to only seconds.
152 |
153 | $(function(){
154 | $("#s_timer").countdowntimer({
155 | seconds : 25‚
156 | size : "lg"
157 | });
158 | });
159 |
160 | "seconds" takes positive values starting from 0.
161 |
162 | 9) Display current time.
163 |
164 | $(function(){
165 | $("#current_timer").countdowntimer({
166 | currentTime : true‚
167 | size : "lg"
168 | });
169 | });
170 |
171 | "currentTime" takes either true or false.
172 |
173 | 10) Reverse countdown between a given start date (which can be server date and time or any given date) and end date.
174 |
175 | $(function(){
176 | $("#start_timer").countdowntimer({
177 | startDate : "2014/10/10 12:00:00",
178 | dateAndTime : "2015/10/10 12:00:00",
179 | size : "lg"
180 | });
181 | });
182 |
183 | For taking "startDate" as current server date and time.
184 |
185 | $(function(){
186 | $("#start_timer").countdowntimer({
187 | startDate : "", //Please note the format of date.
188 | dateAndTime : "2015/10/10 12:00:00", //End date
189 | size : "lg"
190 | });
191 | });
192 |
193 | 11) If no options provided.
194 |
195 | If no options are provided, by default timer of 60 seconds is displayed in small size.
196 |
197 | $(function(){
198 | $("#seconds_timer").countdowntimer({
199 | });
200 | });
201 |
202 |
203 | Some other configuration options:-
204 | ----------------------------------
205 |
206 | timeSeparator => The separator between the various parts of the countdown timer. By default it is ":".
207 |
208 | eg - timeSeparator : ":"
209 |
210 | tickInterval => The time interval in which you want countdown to tick. Set the interval in seconds. Note that you should only use intervals that are multiples of a minute (60) and for only seconds timer, in the multiples of the seconds set for timer. By default it is 1.
211 |
212 | eg - tickInterval : 1
213 |
214 | timeUp => The name of the callback function that is invoked when the countdown reaches zero. Within the function this refers to the division that holds the widget. No parameters are passed in. Provide the name to this option without quotes.
215 |
216 | eg - timeUp : timeisUp
217 |
218 |
219 | Display Settings:-
220 | ------------------
221 |
222 | Sizes (use bootstrap sizes notation).
223 |
224 | $(function(){
225 | $("#xlarge").countdowntimer({
226 | dateAndTime : "2015/01/01 00:00:00"‚
227 | size : "lg"
228 | });
229 | });
230 |
231 | The "size" option can be set to below values.
232 |
233 | xl-Extra large
234 |
235 | lg-Large
236 |
237 | md-Medium
238 |
239 | sm-Small
240 |
241 | xs-Extra small
242 |
243 | What else, you can also set the border color, background and font color. See below.
244 |
245 | => Setting border color, background and font color.
246 |
247 | $(function(){
248 | $("#current_timer").countdowntimer({
249 | currentTime : true‚
250 | size : "lg"‚
251 | borderColor : "#5D09FA"‚
252 | backgroundColor : "#FAF209"‚
253 | fontColor : "#FA0909"
254 | });
255 | });
256 |
257 | By default "borderColor" is "#F0068E", "fontColor" is "#FFFFFF" and "backgroundColor" is "#000000".
258 |
259 |
260 | ------
261 | Note:-
262 | ------
263 |
264 | Please take care not to use timer options(hours, minutes, seconds), dateAndTime and currentTime simultaneously as all these options display different time.
265 |
266 | Refer the demos for more clarity.
267 |
268 | --------------
269 | Dependencies:-
270 | --------------
271 |
272 | jQuery greater than or equal to version 1.5.
273 |
274 | ---------
275 | Support:-
276 | ---------
277 |
278 | Please post bug reports and other contributions (enhancements, features) to the GitHub issue tracker.
279 |
280 | Copyright (c) 2014 Harshen Pandey
281 | Licensed under the MIT and GPLv3 license.
282 |
--------------------------------------------------------------------------------
/public/scripts/countdown/LICENSE-MIT:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2014 Harshen Pandey
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in
13 | all copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21 | THE SOFTWARE.
22 |
--------------------------------------------------------------------------------
/public/scripts/countdown/README.md:
--------------------------------------------------------------------------------
1 | [jquery-countdownTimer Plugin](http://plugins.jquery.com/countdownTimer/)- Reverse count down jQuery plugin.
2 | ===============================
3 |
4 | ## Introduction
5 |
6 | **countdownTimer** is a reverse count down jQuery plugin for displaying countdown as per your need. It also displays current local time.
7 |
8 | ## [Help the project](https://pledgie.com/campaigns/23663)
9 |
10 |
11 |
12 | This project is looking for help! [You can donate to the ongoing pledgie campaign](https://pledgie.com/campaigns/23663)
13 | and help spread the word. If you've used the plugin, or plan to use, consider a donation - any amount will help.
14 |
15 | You can find the plan for how to spend the money on the [pledgie page](https://pledgie.com/campaigns/23663).
16 |
17 | ## Getting Started
18 |
19 | Include jQuery, the plugin and its css file on a page. Add a div and span element. Then call the `countdowntimer` method with the required options on the span element id.
20 |
21 | ```html
22 |
23 |
24 |
25 |
26 |
20 |
21 | 
111 | 
112 | 
113 | 
114 | 
135 | 
136 | 
11 |
12 | This project is looking for help! [You can donate to the ongoing pledgie campaign](https://pledgie.com/campaigns/23663)
13 | and help spread the word. If you've used the plugin, or plan to use, consider a donation - any amount will help.
14 |
15 | You can find the plan for how to spend the money on the [pledgie page](https://pledgie.com/campaigns/23663).
16 |
17 | ## Getting Started
18 |
19 | Include jQuery, the plugin and its css file on a page. Add a div and span element. Then call the `countdowntimer` method with the required options on the span element id.
20 |
21 | ```html
22 |
23 |
24 |
25 |
26 | 
83 | 
84 | 
85 |
86 | 
87 | 
88 | 
89 |
90 | 
91 | 
92 | 
93 |
94 | 
95 | 
96 | 
97 |