├── CONTRIBUTING.md
├── LICENSE
├── README.md
├── index.html
├── jackbox.css
├── jackbox.js
├── jackbox.min.js
├── jackbox.polyfills.js
├── params.json
├── preview.gif
├── source
    ├── images-png
    │   ├── icon-dismiss.png
    │   ├── icon-error.png
    │   ├── icon-information.png
    │   ├── icon-success.png
    │   └── icon-warning.png
    └── images-svg
    │   ├── icon-dismiss.svg
    │   ├── icon-error.svg
    │   ├── icon-information.svg
    │   ├── icon-success.svg
    │   └── icon-warning.svg
└── stylesheets
    ├── github-light.css
    ├── normalize.css
    └── stylesheet.css


/CONTRIBUTING.md:
--------------------------------------------------------------------------------
 1 | The core philosophy of Jackbox is *easy to add, easy to use*
 2 | 
 3 | CONTRIBUTING
 4 | ============
 5 | 
 6 | I've got an idea for an improvement or new feature
 7 | --------------------------------
 8 | 
 9 | Just [open an issue](https://github.com/ja1984/jackbox/issues) with your suggestion, label it appropriately.
10 | 
11 | I've found an bug, how can I report it?
12 | -------------------------------
13 | 
14 | Just [open an issue](https://github.com/ja1984/jackbox/issues)
15 | 
16 | * Make sure to add affected device (computer/phone/tablet)
17 | * What browser you used, and what version.
18 | * Steps to reproduc (if possible)
19 | 
20 | Before making a pull request
21 | -----------------------
22 | If it's a new feature, make sure that it's easy for the user to use, try staying true to the core philosophy of Jackbox.
23 | 
24 | Comments in code are optional, we rather have self-explanatory code than complex code with comments.
25 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
  1 |                     GNU GENERAL PUBLIC LICENSE
  2 |                        Version 3, 29 June 2007
  3 | 
  4 |  Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
  5 |  Everyone is permitted to copy and distribute verbatim copies
  6 |  of this license document, but changing it is not allowed.
  7 | 
  8 |                             Preamble
  9 | 
 10 |   The GNU General Public License is a free, copyleft license for
 11 | software and other kinds of works.
 12 | 
 13 |   The licenses for most software and other practical works are designed
 14 | to take away your freedom to share and change the works.  By contrast,
 15 | the GNU General Public License is intended to guarantee your freedom to
 16 | share and change all versions of a program--to make sure it remains free
 17 | software for all its users.  We, the Free Software Foundation, use the
 18 | GNU General Public License for most of our software; it applies also to
 19 | any other work released this way by its authors.  You can apply it to
 20 | your programs, too.
 21 | 
 22 |   When we speak of free software, we are referring to freedom, not
 23 | price.  Our General Public Licenses are designed to make sure that you
 24 | have the freedom to distribute copies of free software (and charge for
 25 | them if you wish), that you receive source code or can get it if you
 26 | want it, that you can change the software or use pieces of it in new
 27 | free programs, and that you know you can do these things.
 28 | 
 29 |   To protect your rights, we need to prevent others from denying you
 30 | these rights or asking you to surrender the rights.  Therefore, you have
 31 | certain responsibilities if you distribute copies of the software, or if
 32 | you modify it: responsibilities to respect the freedom of others.
 33 | 
 34 |   For example, if you distribute copies of such a program, whether
 35 | gratis or for a fee, you must pass on to the recipients the same
 36 | freedoms that you received.  You must make sure that they, too, receive
 37 | or can get the source code.  And you must show them these terms so they
 38 | know their rights.
 39 | 
 40 |   Developers that use the GNU GPL protect your rights with two steps:
 41 | (1) assert copyright on the software, and (2) offer you this License
 42 | giving you legal permission to copy, distribute and/or modify it.
 43 | 
 44 |   For the developers' and authors' protection, the GPL clearly explains
 45 | that there is no warranty for this free software.  For both users' and
 46 | authors' sake, the GPL requires that modified versions be marked as
 47 | changed, so that their problems will not be attributed erroneously to
 48 | authors of previous versions.
 49 | 
 50 |   Some devices are designed to deny users access to install or run
 51 | modified versions of the software inside them, although the manufacturer
 52 | can do so.  This is fundamentally incompatible with the aim of
 53 | protecting users' freedom to change the software.  The systematic
 54 | pattern of such abuse occurs in the area of products for individuals to
 55 | use, which is precisely where it is most unacceptable.  Therefore, we
 56 | have designed this version of the GPL to prohibit the practice for those
 57 | products.  If such problems arise substantially in other domains, we
 58 | stand ready to extend this provision to those domains in future versions
 59 | of the GPL, as needed to protect the freedom of users.
 60 | 
 61 |   Finally, every program is threatened constantly by software patents.
 62 | States should not allow patents to restrict development and use of
 63 | software on general-purpose computers, but in those that do, we wish to
 64 | avoid the special danger that patents applied to a free program could
 65 | make it effectively proprietary.  To prevent this, the GPL assures that
 66 | patents cannot be used to render the program non-free.
 67 | 
 68 |   The precise terms and conditions for copying, distribution and
 69 | modification follow.
 70 | 
 71 |                        TERMS AND CONDITIONS
 72 | 
 73 |   0. Definitions.
 74 | 
 75 |   "This License" refers to version 3 of the GNU General Public License.
 76 | 
 77 |   "Copyright" also means copyright-like laws that apply to other kinds of
 78 | works, such as semiconductor masks.
 79 | 
 80 |   "The Program" refers to any copyrightable work licensed under this
 81 | License.  Each licensee is addressed as "you".  "Licensees" and
 82 | "recipients" may be individuals or organizations.
 83 | 
 84 |   To "modify" a work means to copy from or adapt all or part of the work
 85 | in a fashion requiring copyright permission, other than the making of an
 86 | exact copy.  The resulting work is called a "modified version" of the
 87 | earlier work or a work "based on" the earlier work.
 88 | 
 89 |   A "covered work" means either the unmodified Program or a work based
 90 | on the Program.
 91 | 
 92 |   To "propagate" a work means to do anything with it that, without
 93 | permission, would make you directly or secondarily liable for
 94 | infringement under applicable copyright law, except executing it on a
 95 | computer or modifying a private copy.  Propagation includes copying,
 96 | distribution (with or without modification), making available to the
 97 | public, and in some countries other activities as well.
 98 | 
 99 |   To "convey" a work means any kind of propagation that enables other
100 | parties to make or receive copies.  Mere interaction with a user through
101 | a computer network, with no transfer of a copy, is not conveying.
102 | 
103 |   An interactive user interface displays "Appropriate Legal Notices"
104 | to the extent that it includes a convenient and prominently visible
105 | feature that (1) displays an appropriate copyright notice, and (2)
106 | tells the user that there is no warranty for the work (except to the
107 | extent that warranties are provided), that licensees may convey the
108 | work under this License, and how to view a copy of this License.  If
109 | the interface presents a list of user commands or options, such as a
110 | menu, a prominent item in the list meets this criterion.
111 | 
112 |   1. Source Code.
113 | 
114 |   The "source code" for a work means the preferred form of the work
115 | for making modifications to it.  "Object code" means any non-source
116 | form of a work.
117 | 
118 |   A "Standard Interface" means an interface that either is an official
119 | standard defined by a recognized standards body, or, in the case of
120 | interfaces specified for a particular programming language, one that
121 | is widely used among developers working in that language.
122 | 
123 |   The "System Libraries" of an executable work include anything, other
124 | than the work as a whole, that (a) is included in the normal form of
125 | packaging a Major Component, but which is not part of that Major
126 | Component, and (b) serves only to enable use of the work with that
127 | Major Component, or to implement a Standard Interface for which an
128 | implementation is available to the public in source code form.  A
129 | "Major Component", in this context, means a major essential component
130 | (kernel, window system, and so on) of the specific operating system
131 | (if any) on which the executable work runs, or a compiler used to
132 | produce the work, or an object code interpreter used to run it.
133 | 
134 |   The "Corresponding Source" for a work in object code form means all
135 | the source code needed to generate, install, and (for an executable
136 | work) run the object code and to modify the work, including scripts to
137 | control those activities.  However, it does not include the work's
138 | System Libraries, or general-purpose tools or generally available free
139 | programs which are used unmodified in performing those activities but
140 | which are not part of the work.  For example, Corresponding Source
141 | includes interface definition files associated with source files for
142 | the work, and the source code for shared libraries and dynamically
143 | linked subprograms that the work is specifically designed to require,
144 | such as by intimate data communication or control flow between those
145 | subprograms and other parts of the work.
146 | 
147 |   The Corresponding Source need not include anything that users
148 | can regenerate automatically from other parts of the Corresponding
149 | Source.
150 | 
151 |   The Corresponding Source for a work in source code form is that
152 | same work.
153 | 
154 |   2. Basic Permissions.
155 | 
156 |   All rights granted under this License are granted for the term of
157 | copyright on the Program, and are irrevocable provided the stated
158 | conditions are met.  This License explicitly affirms your unlimited
159 | permission to run the unmodified Program.  The output from running a
160 | covered work is covered by this License only if the output, given its
161 | content, constitutes a covered work.  This License acknowledges your
162 | rights of fair use or other equivalent, as provided by copyright law.
163 | 
164 |   You may make, run and propagate covered works that you do not
165 | convey, without conditions so long as your license otherwise remains
166 | in force.  You may convey covered works to others for the sole purpose
167 | of having them make modifications exclusively for you, or provide you
168 | with facilities for running those works, provided that you comply with
169 | the terms of this License in conveying all material for which you do
170 | not control copyright.  Those thus making or running the covered works
171 | for you must do so exclusively on your behalf, under your direction
172 | and control, on terms that prohibit them from making any copies of
173 | your copyrighted material outside their relationship with you.
174 | 
175 |   Conveying under any other circumstances is permitted solely under
176 | the conditions stated below.  Sublicensing is not allowed; section 10
177 | makes it unnecessary.
178 | 
179 |   3. Protecting Users' Legal Rights From Anti-Circumvention Law.
180 | 
181 |   No covered work shall be deemed part of an effective technological
182 | measure under any applicable law fulfilling obligations under article
183 | 11 of the WIPO copyright treaty adopted on 20 December 1996, or
184 | similar laws prohibiting or restricting circumvention of such
185 | measures.
186 | 
187 |   When you convey a covered work, you waive any legal power to forbid
188 | circumvention of technological measures to the extent such circumvention
189 | is effected by exercising rights under this License with respect to
190 | the covered work, and you disclaim any intention to limit operation or
191 | modification of the work as a means of enforcing, against the work's
192 | users, your or third parties' legal rights to forbid circumvention of
193 | technological measures.
194 | 
195 |   4. Conveying Verbatim Copies.
196 | 
197 |   You may convey verbatim copies of the Program's source code as you
198 | receive it, in any medium, provided that you conspicuously and
199 | appropriately publish on each copy an appropriate copyright notice;
200 | keep intact all notices stating that this License and any
201 | non-permissive terms added in accord with section 7 apply to the code;
202 | keep intact all notices of the absence of any warranty; and give all
203 | recipients a copy of this License along with the Program.
204 | 
205 |   You may charge any price or no price for each copy that you convey,
206 | and you may offer support or warranty protection for a fee.
207 | 
208 |   5. Conveying Modified Source Versions.
209 | 
210 |   You may convey a work based on the Program, or the modifications to
211 | produce it from the Program, in the form of source code under the
212 | terms of section 4, provided that you also meet all of these conditions:
213 | 
214 |     a) The work must carry prominent notices stating that you modified
215 |     it, and giving a relevant date.
216 | 
217 |     b) The work must carry prominent notices stating that it is
218 |     released under this License and any conditions added under section
219 |     7.  This requirement modifies the requirement in section 4 to
220 |     "keep intact all notices".
221 | 
222 |     c) You must license the entire work, as a whole, under this
223 |     License to anyone who comes into possession of a copy.  This
224 |     License will therefore apply, along with any applicable section 7
225 |     additional terms, to the whole of the work, and all its parts,
226 |     regardless of how they are packaged.  This License gives no
227 |     permission to license the work in any other way, but it does not
228 |     invalidate such permission if you have separately received it.
229 | 
230 |     d) If the work has interactive user interfaces, each must display
231 |     Appropriate Legal Notices; however, if the Program has interactive
232 |     interfaces that do not display Appropriate Legal Notices, your
233 |     work need not make them do so.
234 | 
235 |   A compilation of a covered work with other separate and independent
236 | works, which are not by their nature extensions of the covered work,
237 | and which are not combined with it such as to form a larger program,
238 | in or on a volume of a storage or distribution medium, is called an
239 | "aggregate" if the compilation and its resulting copyright are not
240 | used to limit the access or legal rights of the compilation's users
241 | beyond what the individual works permit.  Inclusion of a covered work
242 | in an aggregate does not cause this License to apply to the other
243 | parts of the aggregate.
244 | 
245 |   6. Conveying Non-Source Forms.
246 | 
247 |   You may convey a covered work in object code form under the terms
248 | of sections 4 and 5, provided that you also convey the
249 | machine-readable Corresponding Source under the terms of this License,
250 | in one of these ways:
251 | 
252 |     a) Convey the object code in, or embodied in, a physical product
253 |     (including a physical distribution medium), accompanied by the
254 |     Corresponding Source fixed on a durable physical medium
255 |     customarily used for software interchange.
256 | 
257 |     b) Convey the object code in, or embodied in, a physical product
258 |     (including a physical distribution medium), accompanied by a
259 |     written offer, valid for at least three years and valid for as
260 |     long as you offer spare parts or customer support for that product
261 |     model, to give anyone who possesses the object code either (1) a
262 |     copy of the Corresponding Source for all the software in the
263 |     product that is covered by this License, on a durable physical
264 |     medium customarily used for software interchange, for a price no
265 |     more than your reasonable cost of physically performing this
266 |     conveying of source, or (2) access to copy the
267 |     Corresponding Source from a network server at no charge.
268 | 
269 |     c) Convey individual copies of the object code with a copy of the
270 |     written offer to provide the Corresponding Source.  This
271 |     alternative is allowed only occasionally and noncommercially, and
272 |     only if you received the object code with such an offer, in accord
273 |     with subsection 6b.
274 | 
275 |     d) Convey the object code by offering access from a designated
276 |     place (gratis or for a charge), and offer equivalent access to the
277 |     Corresponding Source in the same way through the same place at no
278 |     further charge.  You need not require recipients to copy the
279 |     Corresponding Source along with the object code.  If the place to
280 |     copy the object code is a network server, the Corresponding Source
281 |     may be on a different server (operated by you or a third party)
282 |     that supports equivalent copying facilities, provided you maintain
283 |     clear directions next to the object code saying where to find the
284 |     Corresponding Source.  Regardless of what server hosts the
285 |     Corresponding Source, you remain obligated to ensure that it is
286 |     available for as long as needed to satisfy these requirements.
287 | 
288 |     e) Convey the object code using peer-to-peer transmission, provided
289 |     you inform other peers where the object code and Corresponding
290 |     Source of the work are being offered to the general public at no
291 |     charge under subsection 6d.
292 | 
293 |   A separable portion of the object code, whose source code is excluded
294 | from the Corresponding Source as a System Library, need not be
295 | included in conveying the object code work.
296 | 
297 |   A "User Product" is either (1) a "consumer product", which means any
298 | tangible personal property which is normally used for personal, family,
299 | or household purposes, or (2) anything designed or sold for incorporation
300 | into a dwelling.  In determining whether a product is a consumer product,
301 | doubtful cases shall be resolved in favor of coverage.  For a particular
302 | product received by a particular user, "normally used" refers to a
303 | typical or common use of that class of product, regardless of the status
304 | of the particular user or of the way in which the particular user
305 | actually uses, or expects or is expected to use, the product.  A product
306 | is a consumer product regardless of whether the product has substantial
307 | commercial, industrial or non-consumer uses, unless such uses represent
308 | the only significant mode of use of the product.
309 | 
310 |   "Installation Information" for a User Product means any methods,
311 | procedures, authorization keys, or other information required to install
312 | and execute modified versions of a covered work in that User Product from
313 | a modified version of its Corresponding Source.  The information must
314 | suffice to ensure that the continued functioning of the modified object
315 | code is in no case prevented or interfered with solely because
316 | modification has been made.
317 | 
318 |   If you convey an object code work under this section in, or with, or
319 | specifically for use in, a User Product, and the conveying occurs as
320 | part of a transaction in which the right of possession and use of the
321 | User Product is transferred to the recipient in perpetuity or for a
322 | fixed term (regardless of how the transaction is characterized), the
323 | Corresponding Source conveyed under this section must be accompanied
324 | by the Installation Information.  But this requirement does not apply
325 | if neither you nor any third party retains the ability to install
326 | modified object code on the User Product (for example, the work has
327 | been installed in ROM).
328 | 
329 |   The requirement to provide Installation Information does not include a
330 | requirement to continue to provide support service, warranty, or updates
331 | for a work that has been modified or installed by the recipient, or for
332 | the User Product in which it has been modified or installed.  Access to a
333 | network may be denied when the modification itself materially and
334 | adversely affects the operation of the network or violates the rules and
335 | protocols for communication across the network.
336 | 
337 |   Corresponding Source conveyed, and Installation Information provided,
338 | in accord with this section must be in a format that is publicly
339 | documented (and with an implementation available to the public in
340 | source code form), and must require no special password or key for
341 | unpacking, reading or copying.
342 | 
343 |   7. Additional Terms.
344 | 
345 |   "Additional permissions" are terms that supplement the terms of this
346 | License by making exceptions from one or more of its conditions.
347 | Additional permissions that are applicable to the entire Program shall
348 | be treated as though they were included in this License, to the extent
349 | that they are valid under applicable law.  If additional permissions
350 | apply only to part of the Program, that part may be used separately
351 | under those permissions, but the entire Program remains governed by
352 | this License without regard to the additional permissions.
353 | 
354 |   When you convey a copy of a covered work, you may at your option
355 | remove any additional permissions from that copy, or from any part of
356 | it.  (Additional permissions may be written to require their own
357 | removal in certain cases when you modify the work.)  You may place
358 | additional permissions on material, added by you to a covered work,
359 | for which you have or can give appropriate copyright permission.
360 | 
361 |   Notwithstanding any other provision of this License, for material you
362 | add to a covered work, you may (if authorized by the copyright holders of
363 | that material) supplement the terms of this License with terms:
364 | 
365 |     a) Disclaiming warranty or limiting liability differently from the
366 |     terms of sections 15 and 16 of this License; or
367 | 
368 |     b) Requiring preservation of specified reasonable legal notices or
369 |     author attributions in that material or in the Appropriate Legal
370 |     Notices displayed by works containing it; or
371 | 
372 |     c) Prohibiting misrepresentation of the origin of that material, or
373 |     requiring that modified versions of such material be marked in
374 |     reasonable ways as different from the original version; or
375 | 
376 |     d) Limiting the use for publicity purposes of names of licensors or
377 |     authors of the material; or
378 | 
379 |     e) Declining to grant rights under trademark law for use of some
380 |     trade names, trademarks, or service marks; or
381 | 
382 |     f) Requiring indemnification of licensors and authors of that
383 |     material by anyone who conveys the material (or modified versions of
384 |     it) with contractual assumptions of liability to the recipient, for
385 |     any liability that these contractual assumptions directly impose on
386 |     those licensors and authors.
387 | 
388 |   All other non-permissive additional terms are considered "further
389 | restrictions" within the meaning of section 10.  If the Program as you
390 | received it, or any part of it, contains a notice stating that it is
391 | governed by this License along with a term that is a further
392 | restriction, you may remove that term.  If a license document contains
393 | a further restriction but permits relicensing or conveying under this
394 | License, you may add to a covered work material governed by the terms
395 | of that license document, provided that the further restriction does
396 | not survive such relicensing or conveying.
397 | 
398 |   If you add terms to a covered work in accord with this section, you
399 | must place, in the relevant source files, a statement of the
400 | additional terms that apply to those files, or a notice indicating
401 | where to find the applicable terms.
402 | 
403 |   Additional terms, permissive or non-permissive, may be stated in the
404 | form of a separately written license, or stated as exceptions;
405 | the above requirements apply either way.
406 | 
407 |   8. Termination.
408 | 
409 |   You may not propagate or modify a covered work except as expressly
410 | provided under this License.  Any attempt otherwise to propagate or
411 | modify it is void, and will automatically terminate your rights under
412 | this License (including any patent licenses granted under the third
413 | paragraph of section 11).
414 | 
415 |   However, if you cease all violation of this License, then your
416 | license from a particular copyright holder is reinstated (a)
417 | provisionally, unless and until the copyright holder explicitly and
418 | finally terminates your license, and (b) permanently, if the copyright
419 | holder fails to notify you of the violation by some reasonable means
420 | prior to 60 days after the cessation.
421 | 
422 |   Moreover, your license from a particular copyright holder is
423 | reinstated permanently if the copyright holder notifies you of the
424 | violation by some reasonable means, this is the first time you have
425 | received notice of violation of this License (for any work) from that
426 | copyright holder, and you cure the violation prior to 30 days after
427 | your receipt of the notice.
428 | 
429 |   Termination of your rights under this section does not terminate the
430 | licenses of parties who have received copies or rights from you under
431 | this License.  If your rights have been terminated and not permanently
432 | reinstated, you do not qualify to receive new licenses for the same
433 | material under section 10.
434 | 
435 |   9. Acceptance Not Required for Having Copies.
436 | 
437 |   You are not required to accept this License in order to receive or
438 | run a copy of the Program.  Ancillary propagation of a covered work
439 | occurring solely as a consequence of using peer-to-peer transmission
440 | to receive a copy likewise does not require acceptance.  However,
441 | nothing other than this License grants you permission to propagate or
442 | modify any covered work.  These actions infringe copyright if you do
443 | not accept this License.  Therefore, by modifying or propagating a
444 | covered work, you indicate your acceptance of this License to do so.
445 | 
446 |   10. Automatic Licensing of Downstream Recipients.
447 | 
448 |   Each time you convey a covered work, the recipient automatically
449 | receives a license from the original licensors, to run, modify and
450 | propagate that work, subject to this License.  You are not responsible
451 | for enforcing compliance by third parties with this License.
452 | 
453 |   An "entity transaction" is a transaction transferring control of an
454 | organization, or substantially all assets of one, or subdividing an
455 | organization, or merging organizations.  If propagation of a covered
456 | work results from an entity transaction, each party to that
457 | transaction who receives a copy of the work also receives whatever
458 | licenses to the work the party's predecessor in interest had or could
459 | give under the previous paragraph, plus a right to possession of the
460 | Corresponding Source of the work from the predecessor in interest, if
461 | the predecessor has it or can get it with reasonable efforts.
462 | 
463 |   You may not impose any further restrictions on the exercise of the
464 | rights granted or affirmed under this License.  For example, you may
465 | not impose a license fee, royalty, or other charge for exercise of
466 | rights granted under this License, and you may not initiate litigation
467 | (including a cross-claim or counterclaim in a lawsuit) alleging that
468 | any patent claim is infringed by making, using, selling, offering for
469 | sale, or importing the Program or any portion of it.
470 | 
471 |   11. Patents.
472 | 
473 |   A "contributor" is a copyright holder who authorizes use under this
474 | License of the Program or a work on which the Program is based.  The
475 | work thus licensed is called the contributor's "contributor version".
476 | 
477 |   A contributor's "essential patent claims" are all patent claims
478 | owned or controlled by the contributor, whether already acquired or
479 | hereafter acquired, that would be infringed by some manner, permitted
480 | by this License, of making, using, or selling its contributor version,
481 | but do not include claims that would be infringed only as a
482 | consequence of further modification of the contributor version.  For
483 | purposes of this definition, "control" includes the right to grant
484 | patent sublicenses in a manner consistent with the requirements of
485 | this License.
486 | 
487 |   Each contributor grants you a non-exclusive, worldwide, royalty-free
488 | patent license under the contributor's essential patent claims, to
489 | make, use, sell, offer for sale, import and otherwise run, modify and
490 | propagate the contents of its contributor version.
491 | 
492 |   In the following three paragraphs, a "patent license" is any express
493 | agreement or commitment, however denominated, not to enforce a patent
494 | (such as an express permission to practice a patent or covenant not to
495 | sue for patent infringement).  To "grant" such a patent license to a
496 | party means to make such an agreement or commitment not to enforce a
497 | patent against the party.
498 | 
499 |   If you convey a covered work, knowingly relying on a patent license,
500 | and the Corresponding Source of the work is not available for anyone
501 | to copy, free of charge and under the terms of this License, through a
502 | publicly available network server or other readily accessible means,
503 | then you must either (1) cause the Corresponding Source to be so
504 | available, or (2) arrange to deprive yourself of the benefit of the
505 | patent license for this particular work, or (3) arrange, in a manner
506 | consistent with the requirements of this License, to extend the patent
507 | license to downstream recipients.  "Knowingly relying" means you have
508 | actual knowledge that, but for the patent license, your conveying the
509 | covered work in a country, or your recipient's use of the covered work
510 | in a country, would infringe one or more identifiable patents in that
511 | country that you have reason to believe are valid.
512 | 
513 |   If, pursuant to or in connection with a single transaction or
514 | arrangement, you convey, or propagate by procuring conveyance of, a
515 | covered work, and grant a patent license to some of the parties
516 | receiving the covered work authorizing them to use, propagate, modify
517 | or convey a specific copy of the covered work, then the patent license
518 | you grant is automatically extended to all recipients of the covered
519 | work and works based on it.
520 | 
521 |   A patent license is "discriminatory" if it does not include within
522 | the scope of its coverage, prohibits the exercise of, or is
523 | conditioned on the non-exercise of one or more of the rights that are
524 | specifically granted under this License.  You may not convey a covered
525 | work if you are a party to an arrangement with a third party that is
526 | in the business of distributing software, under which you make payment
527 | to the third party based on the extent of your activity of conveying
528 | the work, and under which the third party grants, to any of the
529 | parties who would receive the covered work from you, a discriminatory
530 | patent license (a) in connection with copies of the covered work
531 | conveyed by you (or copies made from those copies), or (b) primarily
532 | for and in connection with specific products or compilations that
533 | contain the covered work, unless you entered into that arrangement,
534 | or that patent license was granted, prior to 28 March 2007.
535 | 
536 |   Nothing in this License shall be construed as excluding or limiting
537 | any implied license or other defenses to infringement that may
538 | otherwise be available to you under applicable patent law.
539 | 
540 |   12. No Surrender of Others' Freedom.
541 | 
542 |   If conditions are imposed on you (whether by court order, agreement or
543 | otherwise) that contradict the conditions of this License, they do not
544 | excuse you from the conditions of this License.  If you cannot convey a
545 | covered work so as to satisfy simultaneously your obligations under this
546 | License and any other pertinent obligations, then as a consequence you may
547 | not convey it at all.  For example, if you agree to terms that obligate you
548 | to collect a royalty for further conveying from those to whom you convey
549 | the Program, the only way you could satisfy both those terms and this
550 | License would be to refrain entirely from conveying the Program.
551 | 
552 |   13. Use with the GNU Affero General Public License.
553 | 
554 |   Notwithstanding any other provision of this License, you have
555 | permission to link or combine any covered work with a work licensed
556 | under version 3 of the GNU Affero General Public License into a single
557 | combined work, and to convey the resulting work.  The terms of this
558 | License will continue to apply to the part which is the covered work,
559 | but the special requirements of the GNU Affero General Public License,
560 | section 13, concerning interaction through a network will apply to the
561 | combination as such.
562 | 
563 |   14. Revised Versions of this License.
564 | 
565 |   The Free Software Foundation may publish revised and/or new versions of
566 | the GNU General Public License from time to time.  Such new versions will
567 | be similar in spirit to the present version, but may differ in detail to
568 | address new problems or concerns.
569 | 
570 |   Each version is given a distinguishing version number.  If the
571 | Program specifies that a certain numbered version of the GNU General
572 | Public License "or any later version" applies to it, you have the
573 | option of following the terms and conditions either of that numbered
574 | version or of any later version published by the Free Software
575 | Foundation.  If the Program does not specify a version number of the
576 | GNU General Public License, you may choose any version ever published
577 | by the Free Software Foundation.
578 | 
579 |   If the Program specifies that a proxy can decide which future
580 | versions of the GNU General Public License can be used, that proxy's
581 | public statement of acceptance of a version permanently authorizes you
582 | to choose that version for the Program.
583 | 
584 |   Later license versions may give you additional or different
585 | permissions.  However, no additional obligations are imposed on any
586 | author or copyright holder as a result of your choosing to follow a
587 | later version.
588 | 
589 |   15. Disclaimer of Warranty.
590 | 
591 |   THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
592 | APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
593 | HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
594 | OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
595 | THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
596 | PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
597 | IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
598 | ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
599 | 
600 |   16. Limitation of Liability.
601 | 
602 |   IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
603 | WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
604 | THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
605 | GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
606 | USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
607 | DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
608 | PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
609 | EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
610 | SUCH DAMAGES.
611 | 
612 |   17. Interpretation of Sections 15 and 16.
613 | 
614 |   If the disclaimer of warranty and limitation of liability provided
615 | above cannot be given local legal effect according to their terms,
616 | reviewing courts shall apply local law that most closely approximates
617 | an absolute waiver of all civil liability in connection with the
618 | Program, unless a warranty or assumption of liability accompanies a
619 | copy of the Program in return for a fee.
620 | 
621 |                      END OF TERMS AND CONDITIONS
622 | 
623 |             How to Apply These Terms to Your New Programs
624 | 
625 |   If you develop a new program, and you want it to be of the greatest
626 | possible use to the public, the best way to achieve this is to make it
627 | free software which everyone can redistribute and change under these terms.
628 | 
629 |   To do so, attach the following notices to the program.  It is safest
630 | to attach them to the start of each source file to most effectively
631 | state the exclusion of warranty; and each file should have at least
632 | the "copyright" line and a pointer to where the full notice is found.
633 | 
634 |     {one line to give the program's name and a brief idea of what it does.}
635 |     Copyright (C) {year}  {name of author}
636 | 
637 |     This program is free software: you can redistribute it and/or modify
638 |     it under the terms of the GNU General Public License as published by
639 |     the Free Software Foundation, either version 3 of the License, or
640 |     (at your option) any later version.
641 | 
642 |     This program is distributed in the hope that it will be useful,
643 |     but WITHOUT ANY WARRANTY; without even the implied warranty of
644 |     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
645 |     GNU General Public License for more details.
646 | 
647 |     You should have received a copy of the GNU General Public License
648 |     along with this program.  If not, see <http://www.gnu.org/licenses/>.
649 | 
650 | Also add information on how to contact you by electronic and paper mail.
651 | 
652 |   If the program does terminal interaction, make it output a short
653 | notice like this when it starts in an interactive mode:
654 | 
655 |     {project}  Copyright (C) {year}  {fullname}
656 |     This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
657 |     This is free software, and you are welcome to redistribute it
658 |     under certain conditions; type `show c' for details.
659 | 
660 | The hypothetical commands `show w' and `show c' should show the appropriate
661 | parts of the General Public License.  Of course, your program's commands
662 | might be different; for a GUI interface, you would use an "about box".
663 | 
664 |   You should also get your employer (if you work as a programmer) or school,
665 | if any, to sign a "copyright disclaimer" for the program, if necessary.
666 | For more information on this, and how to apply and follow the GNU GPL, see
667 | <http://www.gnu.org/licenses/>.
668 | 
669 |   The GNU General Public License does not permit incorporating your program
670 | into proprietary programs.  If your program is a subroutine library, you
671 | may consider it more useful to permit linking proprietary applications with
672 | the library.  If this is what you want to do, use the GNU Lesser General
673 | Public License instead of this License.  But first, please read
674 | <http://www.gnu.org/philosophy/why-not-lgpl.html>.
675 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Jackbox
 2 | Display timed notifications easy
 3 | 
 4 | 
 5 | ![Preview](https://github.com/ja1984/jackbox/blob/master/preview.gif)
 6 | 
 7 | 
 8 | ##### Getting started is easy
 9 | 
10 | ```javascript
11 | <script>
12 |     Jackbox.init();
13 | </script>
14 | ```
15 | 
16 | ##### Adding notifications is just as easy
17 | ```javascript
18 | <script>
19 |     Jackbox.error("Oh noes, something went wrong!");
20 | 
21 |     Jackbox.warning("Yeah, you might want to check in to that");
22 | 
23 |     Jackbox.success("Woop woop!");
24 | 
25 |     Jackbox.information("I'm only here because I can");
26 | </script>
27 | ```
28 | 
29 | ##### Adding notifications with custom settings
30 | ```javascript
31 | <script>
32 |     var notificationCustomSettings = {
33 | 		time : 20,
34 | 		classNames: ["long-notification-class"]
35 | 	};
36 | 	
37 | 	Jackbox.information('Im a custom setting message!',notificationCustomSettings);
38 | </script>
39 | ```
40 | 
41 | ##### Customization is a breeze
42 | ```javascript
43 | <script>
44 |     var customSettings = {
45 |         notification: {
46 |             time : 10, //in seconds, default is set to 5
47 |             classNames : ["custom-class-name", "another-class-name"] //Array of classes
48 |         }
49 |     }
50 |     Jackbox.init(customSettings);
51 | </script>
52 | ```
53 | 
54 | #### Browser support
55 | The file **jackbox.polyfills.js** can be used for modern browser support. 
56 | **IE8 and less**, needs to use polyfill for [Array.prototype.forEach](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach)
57 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en-us">
 3 | 
 4 | <head>
 5 |   <meta charset="UTF-8">
 6 |   <title>Jackbox by ja1984</title>
 7 |   <meta name="viewport" content="width=device-width, initial-scale=1">
 8 |   <link rel="stylesheet" type="text/css" href="stylesheets/normalize.css" media="screen">
 9 |   <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
10 |   <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
11 |   <link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">
12 |   <link rel="stylesheet" type="text/css" href="jackbox.css" media="screen">
13 | </head>
14 | 
15 | <body>
16 |   <section class="page-header">
17 |     <h1 class="project-name">Jackbox</h1>
18 |     <h2 class="project-tagline">Javascript library to display notifications</h2>
19 |     <a href="https://github.com/ja1984/jackbox" class="btn">View on GitHub</a>
20 |   </section>
21 | 
22 |   <section class="main-content">
23 |     <h1>
24 |       <a id="" class="anchor" href="#jackbox" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Jackbox</h1>
25 | 
26 |     <p>Display timed notifications easy</p>
27 | 
28 |     <p><img src="https://raw.githubusercontent.com/ja1984/jackbox/master/preview.gif" alt="Preview"></p>
29 | 
30 |     <h4>
31 |       <a id="getting-started-is-easy" class="anchor" href="#getting-started-is-easy" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Getting
32 |       started is easy</h5>
33 | 
34 |       <div class="highlight highlight-source-js">
35 |         <pre>
36 | <span class="pl-k">&lt;</span>script<span class="pl-k">&gt;</span>
37 |     <span class="pl-smi">Jackbox</span>.<span class="pl-en">init</span>();
38 | <span class="pl-k">&lt;</span><span class="pl-k">/</span>script<span class="pl-k">&gt;</span> </pre>
39 |       </div>
40 | 
41 |       <h4>
42 |         <a id="adding-notifications-is-just-as-easy" class="anchor" href="#adding-notifications-is-just-as-easy" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Adding notifications is just as easy</h5>
43 | 
44 |         <div class="highlight highlight-source-js">
45 |           <pre>
46 | <span class="pl-k">&lt;</span>script<span class="pl-k">&gt;</span>
47 |     <span class="pl-smi">Jackbox</span>.<span class="pl-en">error</span>(<span class="pl-s"><span class="pl-pds">"</span>Oh noes, something went wrong!<span class="pl-pds">"</span></span>);
48 |     <span class="pl-smi">Jackbox</span>.<span class="pl-en">warning</span>(<span class="pl-s"><span class="pl-pds">"</span>Yeah, you might want to check in to that<span class="pl-pds">"</span></span>);
49 |     <span class="pl-smi">Jackbox</span>.<span class="pl-en">success</span>(<span class="pl-s"><span class="pl-pds">"</span>Woop woop!<span class="pl-pds">"</span></span>);
50 |     <span class="pl-smi">Jackbox</span>.<span class="pl-en">information</span>(<span class="pl-s"><span class="pl-pds">"</span>I'm only here because I can<span class="pl-pds">"</span></span>);
51 | <span class="pl-k">&lt;</span><span class="pl-k">/</span>script<span class="pl-k">&gt;</span></pre>
52 | 
53 | 
54 | <h4>Try it out</h4>
55 | <button onClick="javascript:Jackbox.success('I\'m a success message')">Success</button>
56 | <button onClick="javascript:Jackbox.warning('I\'m a warning message')">Warning</button>
57 | <button onClick="javascript:Jackbox.error('I\'m an error message')">Error</button>
58 | <button onClick="javascript:Jackbox.information('I\'m an informational message')">Information</button>
59 | <button onClick="javascript:Jackbox.information('I\'m an informational message',notificationCustomSettings)">Information(20s)</button>
60 |         </div>
61 | 
62 |         <footer class="site-footer">
63 |           <span class="site-footer-owner"><a href="https://github.com/ja1984/jackbox">Jackbox</a> is maintained by <a href="https://github.com/ja1984">ja1984</a>.</span>
64 | 
65 |           <span class="site-footer-credits">This page was generated by <a href="https://pages.github.com">GitHub Pages</a> using the <a href="https://github.com/jasonlong/cayman-theme">Cayman theme</a> by <a href="https://twitter.com/jasonlong">Jason Long</a>.</span>
66 |         </footer>
67 | 
68 |   </section>
69 | 
70 |   <script src="jackbox.polyfills.js"></script>
71 |   <script src="jackbox.js"></script>
72 |   <script>
73 |     var notificationCustomSettings = {
74 | 		time : 20,
75 | 		classNames: ["long-notification-class"],
76 | 		actionButtonText: 'OK!'
77 | 	}
78 | 	var customSettings = {
79 | 		notification:{
80 |         	time: 10,
81 |         	classNames: ["custom-class-name", "another-class-name"]
82 |       	}
83 |     }
84 |     Jackbox.init(customSettings);
85 |   </script>
86 | </body>
87 | 
88 | </html>
89 | 


--------------------------------------------------------------------------------
/jackbox.css:
--------------------------------------------------------------------------------
  1 | .notifications{
  2 | 	position: fixed;
  3 | 	bottom: 0;
  4 | 	left: 0;
  5 | 	right: 0;
  6 | }
  7 | 
  8 | .notification{
  9 | 	display: flex;
 10 | 	width: 100%;
 11 | 	align-items: center;
 12 | 	justify-content: center;
 13 | 	transition: height ease .2s;
 14 | 	overflow: hidden;
 15 | 	height: 0;
 16 | 	position: relative;
 17 | }
 18 | 
 19 | .notification.show{
 20 | 	height: 40px;
 21 | }
 22 | 
 23 | .notification .icon, .notification .message, .notification .action{
 24 | 	flex-grow: 1;
 25 | 	padding: 0 .5rem;
 26 | 	color: #fff;
 27 | }
 28 | 
 29 | .notification .icon, .notification .action{
 30 | 	flex: 0 auto;
 31 | }
 32 | 
 33 | .notification .icon i, .notification .action .action-button i{
 34 | 	display: block;
 35 | 	width: 20px;
 36 | 	height: 20px;
 37 | }
 38 | 
 39 | .notification .message{
 40 | 	font-size: 1.2rem;
 41 | 	flex: 3 0;
 42 | }
 43 | 
 44 | .notification .action .action-button{
 45 | 	text-transform: uppercase;
 46 | 	cursor: pointer;
 47 | }
 48 | 
 49 | .notification .progress{
 50 | 	position: absolute;
 51 | 	top: 0;
 52 | 	right: 0;
 53 | 	bottom: 0;
 54 | 	background: #fff;
 55 | 	opacity: .2;
 56 | 	width: 0;
 57 | 	flex-grow: none;
 58 | 	padding: 0;
 59 | }
 60 | 
 61 | .notification.old-support{
 62 | 	display: table;
 63 | 	flex: none;
 64 | }
 65 | 
 66 | .notification.old-support .icon, .notification.old-support .message, .notification.old-support .action{
 67 | 	display: table-cell;
 68 | 	vertical-align:middle;
 69 | 	width: 100%;
 70 | }
 71 | 
 72 | .notification.old-support .icon, .notification.old-support .action{
 73 | 	width: auto;
 74 | }
 75 | 
 76 | .notification.counting .progress{
 77 | 	width: 100%;
 78 | 	transition: width linear 5s;
 79 | }
 80 | 
 81 | .notification:hover .progress{
 82 | 	width: 0;
 83 | 	transition: none!important;
 84 | }
 85 | 
 86 | .notification.error{
 87 | 	background: #D32F2F;
 88 | }
 89 | 
 90 | .notification.error .icon i{
 91 | 	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48c3R5bGU+LnMwe2ZpbGw6bm9uZTtzdHJva2Utd2lkdGg6MjtzdHJva2U6I2ZmZjt9PC9zdHlsZT48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLjA3MjUzMDgsMCwwLDEuMDcwOTg3NiwtMC43MTYwNDkzOCwtMC43MDk4NzY1NSkiIHN0eWxlPSJzdHJva2Utd2lkdGg6MjtzdHJva2U6I2ZmZiI+PHBhdGggZD0iTTQgNCAxNiAxNnpNNCAxNiAxNiA0eiIgY2xhc3M9InMwIi8+PC9nPjwvc3ZnPg==');
 92 | }
 93 | 
 94 | .notification.warning{
 95 | 	background: #FFC107;
 96 | }
 97 | 
 98 | .notification.warning .icon i{
 99 | 	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48c3R5bGU+LnMwe2ZpbGw6bm9uZTtzdHJva2Utd2lkdGg6MjtzdHJva2U6I2ZmZjt9PC9zdHlsZT48cGF0aCBkPSJtMSAxNSAxOCAwLTMgMGMwIDAgMC01IDAtNyAwLTMtNC01LTYtNWwwLTIgMCAyQzggMyA0IDUgNCA4YzAgMiAwIDcgMCA3ek04IDE4bDQgMHoiIGNsYXNzPSJzMCIvPjwvc3ZnPg==');
100 | }
101 | 
102 | .notification.information{
103 | 	background: #0288D1;
104 | }
105 | 
106 | .notification.information .icon i{
107 | 	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48cGF0aCBkPSJtMiAyIDE2IDAgMCAxMS03IDAtNCA0IDAtNC01IDB6IiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZS13aWR0aDoyO3N0cm9rZTojZmZmIi8+PC9zdmc+');
108 | }
109 | 
110 | .notification.success{
111 | 	background: #4CAF50;
112 | }
113 | 
114 | .notification.success .icon i{
115 | 	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48cGF0aCBkPSJtMyA5IDUgNSA5LTktOSA5eiIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2Utd2lkdGg6MjtzdHJva2U6I2ZmZiIvPjwvc3ZnPg==');
116 | }
117 | 
118 | .notification .action .action-button i{
119 | 	cursor: pointer;
120 | 	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48c3R5bGU+LnMwe2ZpbGw6I2ZmZjt9PC9zdHlsZT48cGF0aCBkPSJtMiAzIDYgMCAwLTIgNCAwIDAgMiA2IDAgMCAyLTE2IDB6TTMgNmwyIDAgMCAxMSAxMCAwIDAtMTEgMiAwIDAgMTMtMTQgMHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=');
121 | }
122 | 


--------------------------------------------------------------------------------
/jackbox.js:
--------------------------------------------------------------------------------
  1 | (function (window) {
  2 |   var lib = {};
  3 |   lib.version = 1.0;
  4 | 
  5 |   lib.settings = {
  6 |     notification: {
  7 |       time: 5,
  8 |       actionButtonText: '<i></i>',
  9 |       classNames: [],
 10 |       icon: '<i></i>'
 11 |     }
 12 |   }
 13 | 
 14 |   lib.init = function (customSettings) {
 15 | 
 16 |     if(customSettings){
 17 |       lib.oldBrowserSupport = customSettings.oldBrowserSupport || false;
 18 |       lib.settings.notification = Object.assign({}, lib.settings.notification, customSettings.notification);
 19 |     }
 20 | 
 21 | 
 22 |     var wrapper = document.createElement("div");
 23 |     wrapper.classList.add("notifications");
 24 |     wrapper.id = "jackbox";
 25 |     window.document.body.appendChild(wrapper);
 26 |   }
 27 | 
 28 |   var createNotification = function (_message, type, customSettings) {
 29 |     var notificationSettings = Object.assign({}, lib.settings.notification, customSettings);
 30 | 
 31 |     var notification = document.createElement("div");
 32 |     var progress = document.createElement("div");
 33 |     var message = document.createElement("div");
 34 |     var action = document.createElement("div");
 35 |     var actionButton = document.createElement("div");
 36 |     var icon = document.createElement("div");
 37 | 
 38 |     var ttl = notificationSettings.time;
 39 |     icon.innerHTML = notificationSettings.icon;
 40 | 
 41 |     var timeout = null;
 42 | 
 43 |     notification.classList.add("notification");
 44 | 
 45 |     if (!notification.style.flex === undefined)
 46 |       notification.classList.add("old-support")
 47 | 
 48 |     notification.classList.add(type);
 49 | 
 50 |     notificationSettings.classNames.forEach(function (className) {
 51 |       notification.classList.add(className);
 52 |     })
 53 | 
 54 |     progress.classList.add("progress");
 55 |     progress.style.transitionDuration = ttl + "s";
 56 | 
 57 |     message.innerHTML = _message;
 58 |     message.classList.add("message");
 59 | 
 60 |     action.classList.add("action");
 61 |     actionButton.classList.add("action-button");
 62 |     actionButton.innerHTML = notificationSettings.actionButtonText;
 63 |     icon.classList.add("icon");
 64 | 
 65 |     action.appendChild(actionButton);
 66 | 
 67 |     notification.appendChild(icon);
 68 |     notification.appendChild(message);
 69 |     notification.appendChild(action);
 70 |     notification.appendChild(progress);
 71 | 
 72 |     var purge = function () {
 73 |       notification.classList.remove("show");
 74 |       notification.removeEventListener('mouseleave', startCounter);
 75 | 
 76 |       window.clearTimeout(timeout);
 77 | 
 78 |       setTimeout(function () {
 79 |         document.getElementById("jackbox").removeChild(notification);
 80 |       }, 200);
 81 |     }
 82 | 
 83 |     var resetCounter = function () {
 84 |       notification.classList.remove("counting");
 85 |       window.clearTimeout(timeout);
 86 |     }
 87 | 
 88 |     var startCounter = function () {
 89 |       if (!notification.classList.contains("stop-counting")) {
 90 |         setTimeout(function () {
 91 |           if (!notification.classList.contains("counting")){
 92 |             notification.classList.add("counting");
 93 |           }
 94 |           if(timeout != null){
 95 |             window.clearTimeout(timeout);
 96 |           }
 97 |           timeout = window.setTimeout(purge, (ttl * 1000));
 98 |         }, 10);
 99 |       }
100 |     }
101 | 
102 |     var toggleCounter = function () {
103 |       notification.classList.toggle("stop-counting");
104 |       resetCounter();
105 |     }
106 | 
107 |     actionButton.addEventListener('click', purge);
108 |     notification.addEventListener('mouseenter', resetCounter);
109 |     notification.addEventListener('click', toggleCounter);
110 |     notification.addEventListener('mouseleave', startCounter);
111 | 
112 |     document.getElementById("jackbox").appendChild(notification);
113 |     setTimeout(function () {
114 |       notification.classList.add("show");
115 |     }, 10);
116 | 
117 |     startCounter();
118 |   }
119 | 
120 |   lib.error = function (_message, customSettings) {
121 |     createNotification(_message, "error", customSettings);
122 |   }
123 | 
124 |   lib.success = function (_message, customSettings) {
125 |     createNotification(_message, "success", customSettings);
126 |   }
127 | 
128 |   lib.warning = function (_message, customSettings) {
129 |     createNotification(_message, "warning", customSettings);
130 |   }
131 | 
132 |   lib.information = function (_message, customSettings) {
133 |     createNotification(_message, "information", customSettings);
134 |   }
135 | 
136 |   window['Jackbox'] = lib;
137 | } (window));
138 | 


--------------------------------------------------------------------------------
/jackbox.min.js:
--------------------------------------------------------------------------------
1 | !function(a){var b={};b.version=1,b.settings={notification:{time:5,actionButtonText:"<i></i>",classNames:[],icon:"<i></i>"}},b.init=function(c){c&&(b.oldBrowserSupport=c.oldBrowserSupport||!1,b.settings.notification=Object.assign({},b.settings.notification,c.notification));var d=document.createElement("div");d.classList.add("notifications"),d.id="jackbox",a.document.body.appendChild(d)};var c=function(c,d,e){var f=Object.assign({},b.settings.notification,e),g=document.createElement("div"),h=document.createElement("div"),i=document.createElement("div"),j=document.createElement("div"),k=document.createElement("div"),l=document.createElement("div"),m=f.time;l.innerHTML=f.icon;var n=null;g.classList.add("notification"),void 0===!g.style.flex&&g.classList.add("old-support"),g.classList.add(d),f.classNames.forEach(function(a){g.classList.add(a)}),h.classList.add("progress"),h.style.transitionDuration=m+"s",i.innerHTML=c,i.classList.add("message"),j.classList.add("action"),k.classList.add("action-button"),k.innerHTML=f.actionButtonText,l.classList.add("icon"),j.appendChild(k),g.appendChild(l),g.appendChild(i),g.appendChild(j),g.appendChild(h);var o=function(){g.classList.remove("show"),g.removeEventListener("mouseleave",q),a.clearTimeout(n),setTimeout(function(){document.getElementById("jackbox").removeChild(g)},200)},p=function(){g.classList.remove("counting"),a.clearTimeout(n)},q=function(){g.classList.contains("stop-counting")||setTimeout(function(){g.classList.contains("counting")||g.classList.add("counting"),null!=n&&a.clearTimeout(n),n=a.setTimeout(o,1e3*m)},10)},r=function(){g.classList.toggle("stop-counting"),p()};k.addEventListener("click",o),g.addEventListener("mouseenter",p),g.addEventListener("click",r),g.addEventListener("mouseleave",q),document.getElementById("jackbox").appendChild(g),setTimeout(function(){g.classList.add("show")},10),q()};b.error=function(a,b){c(a,"error",b)},b.success=function(a,b){c(a,"success",b)},b.warning=function(a,b){c(a,"warning",b)},b.information=function(a,b){c(a,"information",b)},a.Jackbox=b}(window);


--------------------------------------------------------------------------------
/jackbox.polyfills.js:
--------------------------------------------------------------------------------
  1 | (function (window) {
  2 |   /* 
  3 |  * classList.js: Cross-browser full element.classList implementation.
  4 |  * 2014-07-23
  5 |  *
  6 |  * By Eli Grey, http://eligrey.com
  7 |  * Public Domain.
  8 |  * NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
  9 |  */
 10 | 
 11 | /*global self, document, DOMException */
 12 | 
 13 | /*! @source http://purl.eligrey.com/github/classList.js/blob/master/classList.js*/
 14 | 
 15 | if ("document" in self) {
 16 | 
 17 | // Full polyfill for browsers with no classList support
 18 | if (!("classList" in document.createElement("_"))) {
 19 | 
 20 | (function (view) {
 21 | 
 22 | "use strict";
 23 | 
 24 | if (!('Element' in view)) return;
 25 | 
 26 | var
 27 |     classListProp = "classList"
 28 |   , protoProp = "prototype"
 29 |   , elemCtrProto = view.Element[protoProp]
 30 |   , objCtr = Object
 31 |   , strTrim = String[protoProp].trim || function () {
 32 |     return this.replace(/^\s+|\s+$/g, "");
 33 |   }
 34 |   , arrIndexOf = Array[protoProp].indexOf || function (item) {
 35 |     var
 36 |         i = 0
 37 |       , len = this.length
 38 |     ;
 39 |     for (; i < len; i++) {
 40 |       if (i in this && this[i] === item) {
 41 |         return i;
 42 |       }
 43 |     }
 44 |     return -1;
 45 |   }
 46 |   // Vendors: please allow content code to instantiate DOMExceptions
 47 |   , DOMEx = function (type, message) {
 48 |     this.name = type;
 49 |     this.code = DOMException[type];
 50 |     this.message = message;
 51 |   }
 52 |   , checkTokenAndGetIndex = function (classList, token) {
 53 |     if (token === "") {
 54 |       throw new DOMEx(
 55 |           "SYNTAX_ERR"
 56 |         , "An invalid or illegal string was specified"
 57 |       );
 58 |     }
 59 |     if (/\s/.test(token)) {
 60 |       throw new DOMEx(
 61 |           "INVALID_CHARACTER_ERR"
 62 |         , "String contains an invalid character"
 63 |       );
 64 |     }
 65 |     return arrIndexOf.call(classList, token);
 66 |   }
 67 |   , ClassList = function (elem) {
 68 |     var
 69 |         trimmedClasses = strTrim.call(elem.getAttribute("class") || "")
 70 |       , classes = trimmedClasses ? trimmedClasses.split(/\s+/) : []
 71 |       , i = 0
 72 |       , len = classes.length
 73 |     ;
 74 |     for (; i < len; i++) {
 75 |       this.push(classes[i]);
 76 |     }
 77 |     this._updateClassName = function () {
 78 |       elem.setAttribute("class", this.toString());
 79 |     };
 80 |   }
 81 |   , classListProto = ClassList[protoProp] = []
 82 |   , classListGetter = function () {
 83 |     return new ClassList(this);
 84 |   }
 85 | ;
 86 | // Most DOMException implementations don't allow calling DOMException's toString()
 87 | // on non-DOMExceptions. Error's toString() is sufficient here.
 88 | DOMEx[protoProp] = Error[protoProp];
 89 | classListProto.item = function (i) {
 90 |   return this[i] || null;
 91 | };
 92 | classListProto.contains = function (token) {
 93 |   token += "";
 94 |   return checkTokenAndGetIndex(this, token) !== -1;
 95 | };
 96 | classListProto.add = function () {
 97 |   var
 98 |       tokens = arguments
 99 |     , i = 0
100 |     , l = tokens.length
101 |     , token
102 |     , updated = false
103 |   ;
104 |   do {
105 |     token = tokens[i] + "";
106 |     if (checkTokenAndGetIndex(this, token) === -1) {
107 |       this.push(token);
108 |       updated = true;
109 |     }
110 |   }
111 |   while (++i < l);
112 | 
113 |   if (updated) {
114 |     this._updateClassName();
115 |   }
116 | };
117 | classListProto.remove = function () {
118 |   var
119 |       tokens = arguments
120 |     , i = 0
121 |     , l = tokens.length
122 |     , token
123 |     , updated = false
124 |     , index
125 |   ;
126 |   do {
127 |     token = tokens[i] + "";
128 |     index = checkTokenAndGetIndex(this, token);
129 |     while (index !== -1) {
130 |       this.splice(index, 1);
131 |       updated = true;
132 |       index = checkTokenAndGetIndex(this, token);
133 |     }
134 |   }
135 |   while (++i < l);
136 | 
137 |   if (updated) {
138 |     this._updateClassName();
139 |   }
140 | };
141 | classListProto.toggle = function (token, force) {
142 |   token += "";
143 | 
144 |   var
145 |       result = this.contains(token)
146 |     , method = result ?
147 |       force !== true && "remove"
148 |     :
149 |       force !== false && "add"
150 |   ;
151 | 
152 |   if (method) {
153 |     this[method](token);
154 |   }
155 | 
156 |   if (force === true || force === false) {
157 |     return force;
158 |   } else {
159 |     return !result;
160 |   }
161 | };
162 | classListProto.toString = function () {
163 |   return this.join(" ");
164 | };
165 | 
166 | if (objCtr.defineProperty) {
167 |   var classListPropDesc = {
168 |       get: classListGetter
169 |     , enumerable: true
170 |     , configurable: true
171 |   };
172 |   try {
173 |     objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc);
174 |   } catch (ex) { // IE 8 doesn't support enumerable:true
175 |     if (ex.number === -0x7FF5EC54) {
176 |       classListPropDesc.enumerable = false;
177 |       objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc);
178 |     }
179 |   }
180 | } else if (objCtr[protoProp].__defineGetter__) {
181 |   elemCtrProto.__defineGetter__(classListProp, classListGetter);
182 | }
183 | 
184 | }(self));
185 | 
186 | } else {
187 | // There is full or partial native classList support, so just check if we need
188 | // to normalize the add/remove and toggle APIs.
189 | 
190 | (function () {
191 |   "use strict";
192 | 
193 |   var testElement = document.createElement("_");
194 | 
195 |   testElement.classList.add("c1", "c2");
196 | 
197 |   // Polyfill for IE 10/11 and Firefox <26, where classList.add and
198 |   // classList.remove exist but support only one argument at a time.
199 |   if (!testElement.classList.contains("c2")) {
200 |     var createMethod = function(method) {
201 |       var original = DOMTokenList.prototype[method];
202 | 
203 |       DOMTokenList.prototype[method] = function(token) {
204 |         var i, len = arguments.length;
205 | 
206 |         for (i = 0; i < len; i++) {
207 |           token = arguments[i];
208 |           original.call(this, token);
209 |         }
210 |       };
211 |     };
212 |     createMethod('add');
213 |     createMethod('remove');
214 |   }
215 | 
216 |   testElement.classList.toggle("c3", false);
217 | 
218 |   // Polyfill for IE 10 and Firefox <24, where classList.toggle does not
219 |   // support the second argument.
220 |   if (testElement.classList.contains("c3")) {
221 |     var _toggle = DOMTokenList.prototype.toggle;
222 | 
223 |     DOMTokenList.prototype.toggle = function(token, force) {
224 |       if (1 in arguments && !this.contains(token) === !force) {
225 |         return force;
226 |       } else {
227 |         return _toggle.call(this, token);
228 |       }
229 |     };
230 | 
231 |   }
232 | 
233 |   testElement = null;
234 | }());
235 | 
236 | }
237 | 
238 | }
239 | /*Polyfill for Object.assign ES5 support
240 | * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign
241 | */
242 | if (typeof Object.assign != 'function') {
243 |   (function () {
244 |     Object.assign = function (target) {
245 |       'use strict';
246 |       // We must check against these specific cases.
247 |       if (target === undefined || target === null) {
248 |         throw new TypeError('Cannot convert undefined or null to object');
249 |       }
250 | 
251 |       var output = Object(target);
252 |       for (var index = 1; index < arguments.length; index++) {
253 |         var source = arguments[index];
254 |         if (source !== undefined && source !== null) {
255 |           for (var nextKey in source) {
256 |             if (source.hasOwnProperty(nextKey)) {
257 |               output[nextKey] = source[nextKey];
258 |             }
259 |           }
260 |         }
261 |       }
262 |       return output;
263 |     };
264 |   })();
265 | }
266 | } (window));
267 | 


--------------------------------------------------------------------------------
/params.json:
--------------------------------------------------------------------------------
1 | {
2 |   "name": "Jackbox",
3 |   "tagline": "Javascript library to display notifications",
4 |   "body": "# Jackbox\r\nDisplay timed notifications easy\r\n\r\n\r\n![Preview](https://github.com/ja1984/jackbox/blob/master/preview.gif)\r\n\r\n\r\n##### Getting started is easy\r\n\r\n```javascript\r\n<script>\r\n    Jackbox.init();\r\n</script>\r\n```\r\n\r\n##### Adding notifications is just as easy\r\n```javascript\r\n<script>\r\n    Jackbox.error(\"Oh noes, something went wrong!\");\r\n\r\n    Jackbox.warning(\"Yeah, you might want to check in to that\");\r\n\r\n    Jackbox.success(\"Woop woop!\");\r\n\r\n    Jackbox.information(\"I'm only here because I can\");\r\n</script>\r\n```\r\n",
5 |   "note": "Don't delete this file! It's used internally to help with page regeneration."
6 | }


--------------------------------------------------------------------------------
/preview.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ja1984/jackbox/c38321df15995d216907384e8854049e23ef5e00/preview.gif


--------------------------------------------------------------------------------
/source/images-png/icon-dismiss.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ja1984/jackbox/c38321df15995d216907384e8854049e23ef5e00/source/images-png/icon-dismiss.png


--------------------------------------------------------------------------------
/source/images-png/icon-error.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ja1984/jackbox/c38321df15995d216907384e8854049e23ef5e00/source/images-png/icon-error.png


--------------------------------------------------------------------------------
/source/images-png/icon-information.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ja1984/jackbox/c38321df15995d216907384e8854049e23ef5e00/source/images-png/icon-information.png


--------------------------------------------------------------------------------
/source/images-png/icon-success.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ja1984/jackbox/c38321df15995d216907384e8854049e23ef5e00/source/images-png/icon-success.png


--------------------------------------------------------------------------------
/source/images-png/icon-warning.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ja1984/jackbox/c38321df15995d216907384e8854049e23ef5e00/source/images-png/icon-warning.png


--------------------------------------------------------------------------------
/source/images-svg/icon-dismiss.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" width="20" height="20"><style>.s0{fill:#fff;}</style><path d="m2 3 6 0 0-2 4 0 0 2 6 0 0 2-16 0zM3 6l2 0 0 11 10 0 0-11 2 0 0 13-14 0z" fill="#fff"/></svg>


--------------------------------------------------------------------------------
/source/images-svg/icon-error.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" width="20" height="20"><style>.s0{fill:none;stroke-width:2;stroke:#fff;}</style><g transform="matrix(1.0725308,0,0,1.0709876,-0.71604938,-0.70987655)" style="stroke-width:2;stroke:#fff"><path d="M4 4 16 16zM4 16 16 4z" class="s0"/></g></svg>


--------------------------------------------------------------------------------
/source/images-svg/icon-information.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" width="20" height="20"><path d="m2 2 16 0 0 11-7 0-4 4 0-4-5 0z" style="fill:none;stroke-width:2;stroke:#fff"/></svg>


--------------------------------------------------------------------------------
/source/images-svg/icon-success.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" width="20" height="20"><path d="m3 9 5 5 9-9-9 9z" style="fill:none;stroke-width:2;stroke:#fff"/></svg>


--------------------------------------------------------------------------------
/source/images-svg/icon-warning.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" width="20" height="20"><style>.s0{fill:none;stroke-width:2;stroke:#fff;}</style><path d="m1 15 18 0-3 0c0 0 0-5 0-7 0-3-4-5-6-5l0-2 0 2C8 3 4 5 4 8c0 2 0 7 0 7zM8 18l4 0z" class="s0"/></svg>


--------------------------------------------------------------------------------
/stylesheets/github-light.css:
--------------------------------------------------------------------------------
  1 | /*
  2 | The MIT License (MIT)
  3 | 
  4 | Copyright (c) 2016 GitHub, Inc.
  5 | 
  6 | Permission is hereby granted, free of charge, to any person obtaining a copy
  7 | of this software and associated documentation files (the "Software"), to deal
  8 | in the Software without restriction, including without limitation the rights
  9 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 10 | copies of the Software, and to permit persons to whom the Software is
 11 | furnished to do so, subject to the following conditions:
 12 | 
 13 | The above copyright notice and this permission notice shall be included in all
 14 | copies or substantial portions of the Software.
 15 | 
 16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 17 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 18 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 19 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 20 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 21 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 22 | SOFTWARE.
 23 | 
 24 | */
 25 | 
 26 | .pl-c /* comment */ {
 27 |   color: #969896;
 28 | }
 29 | 
 30 | .pl-c1 /* constant, variable.other.constant, support, meta.property-name, support.constant, support.variable, meta.module-reference, markup.raw, meta.diff.header */,
 31 | .pl-s .pl-v /* string variable */ {
 32 |   color: #0086b3;
 33 | }
 34 | 
 35 | .pl-e /* entity */,
 36 | .pl-en /* entity.name */ {
 37 |   color: #795da3;
 38 | }
 39 | 
 40 | .pl-smi /* variable.parameter.function, storage.modifier.package, storage.modifier.import, storage.type.java, variable.other */,
 41 | .pl-s .pl-s1 /* string source */ {
 42 |   color: #333;
 43 | }
 44 | 
 45 | .pl-ent /* entity.name.tag */ {
 46 |   color: #63a35c;
 47 | }
 48 | 
 49 | .pl-k /* keyword, storage, storage.type */ {
 50 |   color: #a71d5d;
 51 | }
 52 | 
 53 | .pl-s /* string */,
 54 | .pl-pds /* punctuation.definition.string, string.regexp.character-class */,
 55 | .pl-s .pl-pse .pl-s1 /* string punctuation.section.embedded source */,
 56 | .pl-sr /* string.regexp */,
 57 | .pl-sr .pl-cce /* string.regexp constant.character.escape */,
 58 | .pl-sr .pl-sre /* string.regexp source.ruby.embedded */,
 59 | .pl-sr .pl-sra /* string.regexp string.regexp.arbitrary-repitition */ {
 60 |   color: #183691;
 61 | }
 62 | 
 63 | .pl-v /* variable */ {
 64 |   color: #ed6a43;
 65 | }
 66 | 
 67 | .pl-id /* invalid.deprecated */ {
 68 |   color: #b52a1d;
 69 | }
 70 | 
 71 | .pl-ii /* invalid.illegal */ {
 72 |   color: #f8f8f8;
 73 |   background-color: #b52a1d;
 74 | }
 75 | 
 76 | .pl-sr .pl-cce /* string.regexp constant.character.escape */ {
 77 |   font-weight: bold;
 78 |   color: #63a35c;
 79 | }
 80 | 
 81 | .pl-ml /* markup.list */ {
 82 |   color: #693a17;
 83 | }
 84 | 
 85 | .pl-mh /* markup.heading */,
 86 | .pl-mh .pl-en /* markup.heading entity.name */,
 87 | .pl-ms /* meta.separator */ {
 88 |   font-weight: bold;
 89 |   color: #1d3e81;
 90 | }
 91 | 
 92 | .pl-mq /* markup.quote */ {
 93 |   color: #008080;
 94 | }
 95 | 
 96 | .pl-mi /* markup.italic */ {
 97 |   font-style: italic;
 98 |   color: #333;
 99 | }
100 | 
101 | .pl-mb /* markup.bold */ {
102 |   font-weight: bold;
103 |   color: #333;
104 | }
105 | 
106 | .pl-md /* markup.deleted, meta.diff.header.from-file */ {
107 |   color: #bd2c00;
108 |   background-color: #ffecec;
109 | }
110 | 
111 | .pl-mi1 /* markup.inserted, meta.diff.header.to-file */ {
112 |   color: #55a532;
113 |   background-color: #eaffea;
114 | }
115 | 
116 | .pl-mdr /* meta.diff.range */ {
117 |   font-weight: bold;
118 |   color: #795da3;
119 | }
120 | 
121 | .pl-mo /* meta.output */ {
122 |   color: #1d3e81;
123 | }
124 | 
125 | 


--------------------------------------------------------------------------------
/stylesheets/normalize.css:
--------------------------------------------------------------------------------
  1 | /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
  2 | 
  3 | /**
  4 |  * 1. Set default font family to sans-serif.
  5 |  * 2. Prevent iOS text size adjust after orientation change, without disabling
  6 |  *    user zoom.
  7 |  */
  8 | 
  9 | html {
 10 |   font-family: sans-serif; /* 1 */
 11 |   -ms-text-size-adjust: 100%; /* 2 */
 12 |   -webkit-text-size-adjust: 100%; /* 2 */
 13 | }
 14 | 
 15 | /**
 16 |  * Remove default margin.
 17 |  */
 18 | 
 19 | body {
 20 |   margin: 0;
 21 | }
 22 | 
 23 | /* HTML5 display definitions
 24 |    ========================================================================== */
 25 | 
 26 | /**
 27 |  * Correct `block` display not defined for any HTML5 element in IE 8/9.
 28 |  * Correct `block` display not defined for `details` or `summary` in IE 10/11
 29 |  * and Firefox.
 30 |  * Correct `block` display not defined for `main` in IE 11.
 31 |  */
 32 | 
 33 | article,
 34 | aside,
 35 | details,
 36 | figcaption,
 37 | figure,
 38 | footer,
 39 | header,
 40 | hgroup,
 41 | main,
 42 | menu,
 43 | nav,
 44 | section,
 45 | summary {
 46 |   display: block;
 47 | }
 48 | 
 49 | /**
 50 |  * 1. Correct `inline-block` display not defined in IE 8/9.
 51 |  * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 52 |  */
 53 | 
 54 | audio,
 55 | canvas,
 56 | progress,
 57 | video {
 58 |   display: inline-block; /* 1 */
 59 |   vertical-align: baseline; /* 2 */
 60 | }
 61 | 
 62 | /**
 63 |  * Prevent modern browsers from displaying `audio` without controls.
 64 |  * Remove excess height in iOS 5 devices.
 65 |  */
 66 | 
 67 | audio:not([controls]) {
 68 |   display: none;
 69 |   height: 0;
 70 | }
 71 | 
 72 | /**
 73 |  * Address `[hidden]` styling not present in IE 8/9/10.
 74 |  * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 75 |  */
 76 | 
 77 | [hidden],
 78 | template {
 79 |   display: none;
 80 | }
 81 | 
 82 | /* Links
 83 |    ========================================================================== */
 84 | 
 85 | /**
 86 |  * Remove the gray background color from active links in IE 10.
 87 |  */
 88 | 
 89 | a {
 90 |   background-color: transparent;
 91 | }
 92 | 
 93 | /**
 94 |  * Improve readability when focused and also mouse hovered in all browsers.
 95 |  */
 96 | 
 97 | a:active,
 98 | a:hover {
 99 |   outline: 0;
100 | }
101 | 
102 | /* Text-level semantics
103 |    ========================================================================== */
104 | 
105 | /**
106 |  * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
107 |  */
108 | 
109 | abbr[title] {
110 |   border-bottom: 1px dotted;
111 | }
112 | 
113 | /**
114 |  * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
115 |  */
116 | 
117 | b,
118 | strong {
119 |   font-weight: bold;
120 | }
121 | 
122 | /**
123 |  * Address styling not present in Safari and Chrome.
124 |  */
125 | 
126 | dfn {
127 |   font-style: italic;
128 | }
129 | 
130 | /**
131 |  * Address variable `h1` font-size and margin within `section` and `article`
132 |  * contexts in Firefox 4+, Safari, and Chrome.
133 |  */
134 | 
135 | h1 {
136 |   font-size: 2em;
137 |   margin: 0.67em 0;
138 | }
139 | 
140 | /**
141 |  * Address styling not present in IE 8/9.
142 |  */
143 | 
144 | mark {
145 |   background: #ff0;
146 |   color: #000;
147 | }
148 | 
149 | /**
150 |  * Address inconsistent and variable font size in all browsers.
151 |  */
152 | 
153 | small {
154 |   font-size: 80%;
155 | }
156 | 
157 | /**
158 |  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
159 |  */
160 | 
161 | sub,
162 | sup {
163 |   font-size: 75%;
164 |   line-height: 0;
165 |   position: relative;
166 |   vertical-align: baseline;
167 | }
168 | 
169 | sup {
170 |   top: -0.5em;
171 | }
172 | 
173 | sub {
174 |   bottom: -0.25em;
175 | }
176 | 
177 | /* Embedded content
178 |    ========================================================================== */
179 | 
180 | /**
181 |  * Remove border when inside `a` element in IE 8/9/10.
182 |  */
183 | 
184 | img {
185 |   border: 0;
186 | }
187 | 
188 | /**
189 |  * Correct overflow not hidden in IE 9/10/11.
190 |  */
191 | 
192 | svg:not(:root) {
193 |   overflow: hidden;
194 | }
195 | 
196 | /* Grouping content
197 |    ========================================================================== */
198 | 
199 | /**
200 |  * Address margin not present in IE 8/9 and Safari.
201 |  */
202 | 
203 | figure {
204 |   margin: 1em 40px;
205 | }
206 | 
207 | /**
208 |  * Address differences between Firefox and other browsers.
209 |  */
210 | 
211 | hr {
212 |   box-sizing: content-box;
213 |   height: 0;
214 | }
215 | 
216 | /**
217 |  * Contain overflow in all browsers.
218 |  */
219 | 
220 | pre {
221 |   overflow: auto;
222 | }
223 | 
224 | /**
225 |  * Address odd `em`-unit font size rendering in all browsers.
226 |  */
227 | 
228 | code,
229 | kbd,
230 | pre,
231 | samp {
232 |   font-family: monospace, monospace;
233 |   font-size: 1em;
234 | }
235 | 
236 | /* Forms
237 |    ========================================================================== */
238 | 
239 | /**
240 |  * Known limitation: by default, Chrome and Safari on OS X allow very limited
241 |  * styling of `select`, unless a `border` property is set.
242 |  */
243 | 
244 | /**
245 |  * 1. Correct color not being inherited.
246 |  *    Known issue: affects color of disabled elements.
247 |  * 2. Correct font properties not being inherited.
248 |  * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
249 |  */
250 | 
251 | button,
252 | input,
253 | optgroup,
254 | select,
255 | textarea {
256 |   color: inherit; /* 1 */
257 |   font: inherit; /* 2 */
258 |   margin: 0; /* 3 */
259 | }
260 | 
261 | /**
262 |  * Address `overflow` set to `hidden` in IE 8/9/10/11.
263 |  */
264 | 
265 | button {
266 |   overflow: visible;
267 | }
268 | 
269 | /**
270 |  * Address inconsistent `text-transform` inheritance for `button` and `select`.
271 |  * All other form control elements do not inherit `text-transform` values.
272 |  * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
273 |  * Correct `select` style inheritance in Firefox.
274 |  */
275 | 
276 | button,
277 | select {
278 |   text-transform: none;
279 | }
280 | 
281 | /**
282 |  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
283 |  *    and `video` controls.
284 |  * 2. Correct inability to style clickable `input` types in iOS.
285 |  * 3. Improve usability and consistency of cursor style between image-type
286 |  *    `input` and others.
287 |  */
288 | 
289 | button,
290 | html input[type="button"], /* 1 */
291 | input[type="reset"],
292 | input[type="submit"] {
293 |   -webkit-appearance: button; /* 2 */
294 |   cursor: pointer; /* 3 */
295 | }
296 | 
297 | /**
298 |  * Re-set default cursor for disabled elements.
299 |  */
300 | 
301 | button[disabled],
302 | html input[disabled] {
303 |   cursor: default;
304 | }
305 | 
306 | /**
307 |  * Remove inner padding and border in Firefox 4+.
308 |  */
309 | 
310 | button::-moz-focus-inner,
311 | input::-moz-focus-inner {
312 |   border: 0;
313 |   padding: 0;
314 | }
315 | 
316 | /**
317 |  * Address Firefox 4+ setting `line-height` on `input` using `!important` in
318 |  * the UA stylesheet.
319 |  */
320 | 
321 | input {
322 |   line-height: normal;
323 | }
324 | 
325 | /**
326 |  * It's recommended that you don't attempt to style these elements.
327 |  * Firefox's implementation doesn't respect box-sizing, padding, or width.
328 |  *
329 |  * 1. Address box sizing set to `content-box` in IE 8/9/10.
330 |  * 2. Remove excess padding in IE 8/9/10.
331 |  */
332 | 
333 | input[type="checkbox"],
334 | input[type="radio"] {
335 |   box-sizing: border-box; /* 1 */
336 |   padding: 0; /* 2 */
337 | }
338 | 
339 | /**
340 |  * Fix the cursor style for Chrome's increment/decrement buttons. For certain
341 |  * `font-size` values of the `input`, it causes the cursor style of the
342 |  * decrement button to change from `default` to `text`.
343 |  */
344 | 
345 | input[type="number"]::-webkit-inner-spin-button,
346 | input[type="number"]::-webkit-outer-spin-button {
347 |   height: auto;
348 | }
349 | 
350 | /**
351 |  * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
352 |  * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
353 |  *    (include `-moz` to future-proof).
354 |  */
355 | 
356 | input[type="search"] {
357 |   -webkit-appearance: textfield; /* 1 */ /* 2 */
358 |   box-sizing: content-box;
359 | }
360 | 
361 | /**
362 |  * Remove inner padding and search cancel button in Safari and Chrome on OS X.
363 |  * Safari (but not Chrome) clips the cancel button when the search input has
364 |  * padding (and `textfield` appearance).
365 |  */
366 | 
367 | input[type="search"]::-webkit-search-cancel-button,
368 | input[type="search"]::-webkit-search-decoration {
369 |   -webkit-appearance: none;
370 | }
371 | 
372 | /**
373 |  * Define consistent border, margin, and padding.
374 |  */
375 | 
376 | fieldset {
377 |   border: 1px solid #c0c0c0;
378 |   margin: 0 2px;
379 |   padding: 0.35em 0.625em 0.75em;
380 | }
381 | 
382 | /**
383 |  * 1. Correct `color` not being inherited in IE 8/9/10/11.
384 |  * 2. Remove padding so people aren't caught out if they zero out fieldsets.
385 |  */
386 | 
387 | legend {
388 |   border: 0; /* 1 */
389 |   padding: 0; /* 2 */
390 | }
391 | 
392 | /**
393 |  * Remove default vertical scrollbar in IE 8/9/10/11.
394 |  */
395 | 
396 | textarea {
397 |   overflow: auto;
398 | }
399 | 
400 | /**
401 |  * Don't inherit the `font-weight` (applied by a rule above).
402 |  * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
403 |  */
404 | 
405 | optgroup {
406 |   font-weight: bold;
407 | }
408 | 
409 | /* Tables
410 |    ========================================================================== */
411 | 
412 | /**
413 |  * Remove most spacing between table cells.
414 |  */
415 | 
416 | table {
417 |   border-collapse: collapse;
418 |   border-spacing: 0;
419 | }
420 | 
421 | td,
422 | th {
423 |   padding: 0;
424 | }
425 | 


--------------------------------------------------------------------------------
/stylesheets/stylesheet.css:
--------------------------------------------------------------------------------
  1 | * {
  2 |   box-sizing: border-box; }
  3 | 
  4 | body {
  5 |   padding: 0;
  6 |   margin: 0;
  7 |   font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  8 |   font-size: 16px;
  9 |   line-height: 1.5;
 10 |   color: #606c71; }
 11 | 
 12 | a {
 13 |   color: #1e6bb8;
 14 |   text-decoration: none; }
 15 |   a:hover {
 16 |     text-decoration: underline; }
 17 | 
 18 | .btn {
 19 |   display: inline-block;
 20 |   margin-bottom: 1rem;
 21 |   color: rgba(255, 255, 255, 0.7);
 22 |   background-color: rgba(255, 255, 255, 0.08);
 23 |   border-color: rgba(255, 255, 255, 0.2);
 24 |   border-style: solid;
 25 |   border-width: 1px;
 26 |   border-radius: 0.3rem;
 27 |   transition: color 0.2s, background-color 0.4s, border-color 0.2s; }
 28 |   .btn + .btn {
 29 |     margin-left: 1rem; }
 30 | 
 31 | .btn:hover {
 32 |   color: rgba(255, 255, 255, 0.8);
 33 |   text-decoration: none;
 34 |   background-color: rgba(255, 255, 255, 0.2);
 35 |   border-color: rgba(255, 255, 255, 0.3); }
 36 | 
 37 | @media screen and (min-width: 64em) {
 38 |   .btn {
 39 |     padding: 0.75rem 1rem; } }
 40 | 
 41 | @media screen and (min-width: 42em) and (max-width: 64em) {
 42 |   .btn {
 43 |     padding: 0.6rem 0.9rem;
 44 |     font-size: 0.9rem; } }
 45 | 
 46 | @media screen and (max-width: 42em) {
 47 |   .btn {
 48 |     display: block;
 49 |     width: 100%;
 50 |     padding: 0.75rem;
 51 |     font-size: 0.9rem; }
 52 |     .btn + .btn {
 53 |       margin-top: 1rem;
 54 |       margin-left: 0; } }
 55 | 
 56 | .page-header {
 57 |   color: #fff;
 58 |   text-align: center;
 59 |   background-color: #159957;
 60 |   background-image: linear-gradient(120deg, #155799, #159957); }
 61 | 
 62 | @media screen and (min-width: 64em) {
 63 |   .page-header {
 64 |     padding: 5rem 6rem; } }
 65 | 
 66 | @media screen and (min-width: 42em) and (max-width: 64em) {
 67 |   .page-header {
 68 |     padding: 3rem 4rem; } }
 69 | 
 70 | @media screen and (max-width: 42em) {
 71 |   .page-header {
 72 |     padding: 2rem 1rem; } }
 73 | 
 74 | .project-name {
 75 |   margin-top: 0;
 76 |   margin-bottom: 0.1rem; }
 77 | 
 78 | @media screen and (min-width: 64em) {
 79 |   .project-name {
 80 |     font-size: 3.25rem; } }
 81 | 
 82 | @media screen and (min-width: 42em) and (max-width: 64em) {
 83 |   .project-name {
 84 |     font-size: 2.25rem; } }
 85 | 
 86 | @media screen and (max-width: 42em) {
 87 |   .project-name {
 88 |     font-size: 1.75rem; } }
 89 | 
 90 | .project-tagline {
 91 |   margin-bottom: 2rem;
 92 |   font-weight: normal;
 93 |   opacity: 0.7; }
 94 | 
 95 | @media screen and (min-width: 64em) {
 96 |   .project-tagline {
 97 |     font-size: 1.25rem; } }
 98 | 
 99 | @media screen and (min-width: 42em) and (max-width: 64em) {
100 |   .project-tagline {
101 |     font-size: 1.15rem; } }
102 | 
103 | @media screen and (max-width: 42em) {
104 |   .project-tagline {
105 |     font-size: 1rem; } }
106 | 
107 | .main-content :first-child {
108 |   margin-top: 0; }
109 | .main-content img {
110 |   max-width: 100%; }
111 | .main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 {
112 |   margin-top: 2rem;
113 |   margin-bottom: 1rem;
114 |   font-weight: normal;
115 |   color: #159957; }
116 | .main-content p {
117 |   margin-bottom: 1em; }
118 | .main-content code {
119 |   padding: 2px 4px;
120 |   font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
121 |   font-size: 0.9rem;
122 |   color: #383e41;
123 |   background-color: #f3f6fa;
124 |   border-radius: 0.3rem; }
125 | .main-content pre {
126 |   padding: 0.8rem;
127 |   margin-top: 0;
128 |   margin-bottom: 1rem;
129 |   font: 1rem Consolas, "Liberation Mono", Menlo, Courier, monospace;
130 |   color: #567482;
131 |   word-wrap: normal;
132 |   background-color: #f3f6fa;
133 |   border: solid 1px #dce6f0;
134 |   border-radius: 0.3rem; }
135 |   .main-content pre > code {
136 |     padding: 0;
137 |     margin: 0;
138 |     font-size: 0.9rem;
139 |     color: #567482;
140 |     word-break: normal;
141 |     white-space: pre;
142 |     background: transparent;
143 |     border: 0; }
144 | .main-content .highlight {
145 |   margin-bottom: 1rem; }
146 |   .main-content .highlight pre {
147 |     margin-bottom: 0;
148 |     word-break: normal; }
149 | .main-content .highlight pre, .main-content pre {
150 |   padding: 0.8rem;
151 |   overflow: auto;
152 |   font-size: 0.9rem;
153 |   line-height: 1.45;
154 |   border-radius: 0.3rem; }
155 | .main-content pre code, .main-content pre tt {
156 |   display: inline;
157 |   max-width: initial;
158 |   padding: 0;
159 |   margin: 0;
160 |   overflow: initial;
161 |   line-height: inherit;
162 |   word-wrap: normal;
163 |   background-color: transparent;
164 |   border: 0; }
165 |   .main-content pre code:before, .main-content pre code:after, .main-content pre tt:before, .main-content pre tt:after {
166 |     content: normal; }
167 | .main-content ul, .main-content ol {
168 |   margin-top: 0; }
169 | .main-content blockquote {
170 |   padding: 0 1rem;
171 |   margin-left: 0;
172 |   color: #819198;
173 |   border-left: 0.3rem solid #dce6f0; }
174 |   .main-content blockquote > :first-child {
175 |     margin-top: 0; }
176 |   .main-content blockquote > :last-child {
177 |     margin-bottom: 0; }
178 | .main-content table {
179 |   display: block;
180 |   width: 100%;
181 |   overflow: auto;
182 |   word-break: normal;
183 |   word-break: keep-all; }
184 |   .main-content table th {
185 |     font-weight: bold; }
186 |   .main-content table th, .main-content table td {
187 |     padding: 0.5rem 1rem;
188 |     border: 1px solid #e9ebec; }
189 | .main-content dl {
190 |   padding: 0; }
191 |   .main-content dl dt {
192 |     padding: 0;
193 |     margin-top: 1rem;
194 |     font-size: 1rem;
195 |     font-weight: bold; }
196 |   .main-content dl dd {
197 |     padding: 0;
198 |     margin-bottom: 1rem; }
199 | .main-content hr {
200 |   height: 2px;
201 |   padding: 0;
202 |   margin: 1rem 0;
203 |   background-color: #eff0f1;
204 |   border: 0; }
205 | 
206 | @media screen and (min-width: 64em) {
207 |   .main-content {
208 |     max-width: 64rem;
209 |     padding: 2rem 6rem;
210 |     margin: 0 auto;
211 |     font-size: 1.1rem; } }
212 | 
213 | @media screen and (min-width: 42em) and (max-width: 64em) {
214 |   .main-content {
215 |     padding: 2rem 4rem;
216 |     font-size: 1.1rem; } }
217 | 
218 | @media screen and (max-width: 42em) {
219 |   .main-content {
220 |     padding: 2rem 1rem;
221 |     font-size: 1rem; } }
222 | 
223 | .site-footer {
224 |   padding-top: 2rem;
225 |   margin-top: 2rem;
226 |   border-top: solid 1px #eff0f1; }
227 | 
228 | .site-footer-owner {
229 |   display: block;
230 |   font-weight: bold; }
231 | 
232 | .site-footer-credits {
233 |   color: #819198; }
234 | 
235 | @media screen and (min-width: 64em) {
236 |   .site-footer {
237 |     font-size: 1rem; } }
238 | 
239 | @media screen and (min-width: 42em) and (max-width: 64em) {
240 |   .site-footer {
241 |     font-size: 1rem; } }
242 | 
243 | @media screen and (max-width: 42em) {
244 |   .site-footer {
245 |     font-size: 0.9rem; } }
246 | 


--------------------------------------------------------------------------------