Samuel Sloniker
1 year ago
commit
59965d9b1f
7 changed files with 667 additions and 0 deletions
@ -0,0 +1,336 @@ |
|||||||
|
Code |
||||||
|
==== |
||||||
|
|
||||||
|
Code for falling-snow animation copyright (c) 2014 Pavel Ševčík |
||||||
|
Other code copyright (c) 2022 Samuel Sloniker |
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy of |
||||||
|
this software and associated documentation files (the "Software"), to deal in |
||||||
|
the Software without restriction, including without limitation the rights to |
||||||
|
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies |
||||||
|
of the Software, and to permit persons to whom the Software is furnished to do |
||||||
|
so, subject to the following conditions: |
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all |
||||||
|
copies or substantial portions of the Software. |
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR |
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, |
||||||
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE |
||||||
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER |
||||||
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, |
||||||
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE |
||||||
|
SOFTWARE. |
||||||
|
|
||||||
|
Font |
||||||
|
==== |
||||||
|
|
||||||
|
The font used on ChristmasEveClock.com is Pacifico. It has been modified by |
||||||
|
converting the TTF file from Google Fonts to WOFF. |
||||||
|
|
||||||
|
Copyright 2018 The Pacifico Project Authors (https://github.com/googlefonts/Pacifico) |
||||||
|
|
||||||
|
This Font Software is licensed under the SIL Open Font License, Version 1.1. |
||||||
|
This license is copied below, and is also available with a FAQ at: |
||||||
|
http://scripts.sil.org/OFL |
||||||
|
|
||||||
|
|
||||||
|
----------------------------------------------------------- |
||||||
|
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 |
||||||
|
----------------------------------------------------------- |
||||||
|
|
||||||
|
PREAMBLE |
||||||
|
The goals of the Open Font License (OFL) are to stimulate worldwide development |
||||||
|
of collaborative font projects, to support the font creation efforts of |
||||||
|
academic and linguistic communities, and to provide a free and open framework |
||||||
|
in which fonts may be shared and improved in partnership with others. |
||||||
|
|
||||||
|
The OFL allows the licensed fonts to be used, studied, modified and |
||||||
|
redistributed freely as long as they are not sold by themselves. The fonts, |
||||||
|
including any derivative works, can be bundled, embedded, redistributed and/or |
||||||
|
sold with any software provided that any reserved names are not used by |
||||||
|
derivative works. The fonts and derivatives, however, cannot be released under |
||||||
|
any other type of license. The requirement for fonts to remain under this |
||||||
|
license does not apply to any document created using the fonts or their |
||||||
|
derivatives. |
||||||
|
|
||||||
|
DEFINITIONS |
||||||
|
"Font Software" refers to the set of files released by the Copyright Holder(s) |
||||||
|
under this license and clearly marked as such. This may include source files, |
||||||
|
build scripts and documentation. |
||||||
|
|
||||||
|
"Reserved Font Name" refers to any names specified as such after the copyright |
||||||
|
statement(s). |
||||||
|
|
||||||
|
"Original Version" refers to the collection of Font Software components as |
||||||
|
distributed by the Copyright Holder(s). |
||||||
|
|
||||||
|
"Modified Version" refers to any derivative made by adding to, deleting, or |
||||||
|
substituting -- in part or in whole -- any of the components of the Original |
||||||
|
Version, by changing formats or by porting the Font Software to a new |
||||||
|
environment. |
||||||
|
|
||||||
|
"Author" refers to any designer, engineer, programmer, technical writer or |
||||||
|
other person who contributed to the Font Software. |
||||||
|
|
||||||
|
PERMISSION & CONDITIONS |
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy of |
||||||
|
the Font Software, to use, study, copy, merge, embed, modify, redistribute, and |
||||||
|
sell modified and unmodified copies of the Font Software, subject to the |
||||||
|
following conditions: |
||||||
|
|
||||||
|
1) Neither the Font Software nor any of its individual components, in Original |
||||||
|
or Modified Versions, may be sold by itself. |
||||||
|
|
||||||
|
2) Original or Modified Versions of the Font Software may be bundled, |
||||||
|
redistributed and/or sold with any software, provided that each copy contains |
||||||
|
the above copyright notice and this license. These can be included either as |
||||||
|
stand-alone text files, human-readable headers or in the appropriate |
||||||
|
machine-readable metadata fields within text or binary files as long as those |
||||||
|
fields can be easily viewed by the user. |
||||||
|
|
||||||
|
3) No Modified Version of the Font Software may use the Reserved Font Name(s) |
||||||
|
unless explicit written permission is granted by the corresponding Copyright |
||||||
|
Holder. This restriction only applies to the primary font name as presented to |
||||||
|
the users. |
||||||
|
|
||||||
|
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software |
||||||
|
shall not be used to promote, endorse or advertise any Modified Version, except |
||||||
|
to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) |
||||||
|
or with their explicit written permission. |
||||||
|
|
||||||
|
5) The Font Software, modified or unmodified, in part or in whole, must be |
||||||
|
distributed entirely under this license, and must not be distributed under any |
||||||
|
other license. The requirement for fonts to remain under this license does not |
||||||
|
apply to any document created using the Font Software. |
||||||
|
|
||||||
|
TERMINATION |
||||||
|
This license becomes null and void if any of the above conditions are not met. |
||||||
|
|
||||||
|
DISCLAIMER |
||||||
|
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR |
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, |
||||||
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, |
||||||
|
TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR |
||||||
|
ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, |
||||||
|
INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF |
||||||
|
CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE |
||||||
|
THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE. |
||||||
|
|
||||||
|
"Share" icon |
||||||
|
============ |
||||||
|
|
||||||
|
From Google Material Icons. |
||||||
|
https://fonts.google.com/icons?icon.query=share&icon.set=Material+Icons |
||||||
|
https://github.com/google/material-design-icons |
||||||
|
|
||||||
|
Apache License |
||||||
|
Version 2.0, January 2004 |
||||||
|
http://www.apache.org/licenses/ |
||||||
|
|
||||||
|
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION |
||||||
|
|
||||||
|
1. Definitions. |
||||||
|
|
||||||
|
"License" shall mean the terms and conditions for use, reproduction, |
||||||
|
and distribution as defined by Sections 1 through 9 of this document. |
||||||
|
|
||||||
|
"Licensor" shall mean the copyright owner or entity authorized by |
||||||
|
the copyright owner that is granting the License. |
||||||
|
|
||||||
|
"Legal Entity" shall mean the union of the acting entity and all |
||||||
|
other entities that control, are controlled by, or are under common |
||||||
|
control with that entity. For the purposes of this definition, |
||||||
|
"control" means (i) the power, direct or indirect, to cause the |
||||||
|
direction or management of such entity, whether by contract or |
||||||
|
otherwise, or (ii) ownership of fifty percent (50%) or more of the |
||||||
|
outstanding shares, or (iii) beneficial ownership of such entity. |
||||||
|
|
||||||
|
"You" (or "Your") shall mean an individual or Legal Entity |
||||||
|
exercising permissions granted by this License. |
||||||
|
|
||||||
|
"Source" form shall mean the preferred form for making modifications, |
||||||
|
including but not limited to software source code, documentation |
||||||
|
source, and configuration files. |
||||||
|
|
||||||
|
"Object" form shall mean any form resulting from mechanical |
||||||
|
transformation or translation of a Source form, including but |
||||||
|
not limited to compiled object code, generated documentation, |
||||||
|
and conversions to other media types. |
||||||
|
|
||||||
|
"Work" shall mean the work of authorship, whether in Source or |
||||||
|
Object form, made available under the License, as indicated by a |
||||||
|
copyright notice that is included in or attached to the work |
||||||
|
(an example is provided in the Appendix below). |
||||||
|
|
||||||
|
"Derivative Works" shall mean any work, whether in Source or Object |
||||||
|
form, that is based on (or derived from) the Work and for which the |
||||||
|
editorial revisions, annotations, elaborations, or other modifications |
||||||
|
represent, as a whole, an original work of authorship. For the purposes |
||||||
|
of this License, Derivative Works shall not include works that remain |
||||||
|
separable from, or merely link (or bind by name) to the interfaces of, |
||||||
|
the Work and Derivative Works thereof. |
||||||
|
|
||||||
|
"Contribution" shall mean any work of authorship, including |
||||||
|
the original version of the Work and any modifications or additions |
||||||
|
to that Work or Derivative Works thereof, that is intentionally |
||||||
|
submitted to Licensor for inclusion in the Work by the copyright owner |
||||||
|
or by an individual or Legal Entity authorized to submit on behalf of |
||||||
|
the copyright owner. For the purposes of this definition, "submitted" |
||||||
|
means any form of electronic, verbal, or written communication sent |
||||||
|
to the Licensor or its representatives, including but not limited to |
||||||
|
communication on electronic mailing lists, source code control systems, |
||||||
|
and issue tracking systems that are managed by, or on behalf of, the |
||||||
|
Licensor for the purpose of discussing and improving the Work, but |
||||||
|
excluding communication that is conspicuously marked or otherwise |
||||||
|
designated in writing by the copyright owner as "Not a Contribution." |
||||||
|
|
||||||
|
"Contributor" shall mean Licensor and any individual or Legal Entity |
||||||
|
on behalf of whom a Contribution has been received by Licensor and |
||||||
|
subsequently incorporated within the Work. |
||||||
|
|
||||||
|
2. Grant of Copyright License. Subject to the terms and conditions of |
||||||
|
this License, each Contributor hereby grants to You a perpetual, |
||||||
|
worldwide, non-exclusive, no-charge, royalty-free, irrevocable |
||||||
|
copyright license to reproduce, prepare Derivative Works of, |
||||||
|
publicly display, publicly perform, sublicense, and distribute the |
||||||
|
Work and such Derivative Works in Source or Object form. |
||||||
|
|
||||||
|
3. Grant of Patent License. Subject to the terms and conditions of |
||||||
|
this License, each Contributor hereby grants to You a perpetual, |
||||||
|
worldwide, non-exclusive, no-charge, royalty-free, irrevocable |
||||||
|
(except as stated in this section) patent license to make, have made, |
||||||
|
use, offer to sell, sell, import, and otherwise transfer the Work, |
||||||
|
where such license applies only to those patent claims licensable |
||||||
|
by such Contributor that are necessarily infringed by their |
||||||
|
Contribution(s) alone or by combination of their Contribution(s) |
||||||
|
with the Work to which such Contribution(s) was submitted. If You |
||||||
|
institute patent litigation against any entity (including a |
||||||
|
cross-claim or counterclaim in a lawsuit) alleging that the Work |
||||||
|
or a Contribution incorporated within the Work constitutes direct |
||||||
|
or contributory patent infringement, then any patent licenses |
||||||
|
granted to You under this License for that Work shall terminate |
||||||
|
as of the date such litigation is filed. |
||||||
|
|
||||||
|
4. Redistribution. You may reproduce and distribute copies of the |
||||||
|
Work or Derivative Works thereof in any medium, with or without |
||||||
|
modifications, and in Source or Object form, provided that You |
||||||
|
meet the following conditions: |
||||||
|
|
||||||
|
(a) You must give any other recipients of the Work or |
||||||
|
Derivative Works a copy of this License; and |
||||||
|
|
||||||
|
(b) You must cause any modified files to carry prominent notices |
||||||
|
stating that You changed the files; and |
||||||
|
|
||||||
|
(c) You must retain, in the Source form of any Derivative Works |
||||||
|
that You distribute, all copyright, patent, trademark, and |
||||||
|
attribution notices from the Source form of the Work, |
||||||
|
excluding those notices that do not pertain to any part of |
||||||
|
the Derivative Works; and |
||||||
|
|
||||||
|
(d) If the Work includes a "NOTICE" text file as part of its |
||||||
|
distribution, then any Derivative Works that You distribute must |
||||||
|
include a readable copy of the attribution notices contained |
||||||
|
within such NOTICE file, excluding those notices that do not |
||||||
|
pertain to any part of the Derivative Works, in at least one |
||||||
|
of the following places: within a NOTICE text file distributed |
||||||
|
as part of the Derivative Works; within the Source form or |
||||||
|
documentation, if provided along with the Derivative Works; or, |
||||||
|
within a display generated by the Derivative Works, if and |
||||||
|
wherever such third-party notices normally appear. The contents |
||||||
|
of the NOTICE file are for informational purposes only and |
||||||
|
do not modify the License. You may add Your own attribution |
||||||
|
notices within Derivative Works that You distribute, alongside |
||||||
|
or as an addendum to the NOTICE text from the Work, provided |
||||||
|
that such additional attribution notices cannot be construed |
||||||
|
as modifying the License. |
||||||
|
|
||||||
|
You may add Your own copyright statement to Your modifications and |
||||||
|
may provide additional or different license terms and conditions |
||||||
|
for use, reproduction, or distribution of Your modifications, or |
||||||
|
for any such Derivative Works as a whole, provided Your use, |
||||||
|
reproduction, and distribution of the Work otherwise complies with |
||||||
|
the conditions stated in this License. |
||||||
|
|
||||||
|
5. Submission of Contributions. Unless You explicitly state otherwise, |
||||||
|
any Contribution intentionally submitted for inclusion in the Work |
||||||
|
by You to the Licensor shall be under the terms and conditions of |
||||||
|
this License, without any additional terms or conditions. |
||||||
|
Notwithstanding the above, nothing herein shall supersede or modify |
||||||
|
the terms of any separate license agreement you may have executed |
||||||
|
with Licensor regarding such Contributions. |
||||||
|
|
||||||
|
6. Trademarks. This License does not grant permission to use the trade |
||||||
|
names, trademarks, service marks, or product names of the Licensor, |
||||||
|
except as required for reasonable and customary use in describing the |
||||||
|
origin of the Work and reproducing the content of the NOTICE file. |
||||||
|
|
||||||
|
7. Disclaimer of Warranty. Unless required by applicable law or |
||||||
|
agreed to in writing, Licensor provides the Work (and each |
||||||
|
Contributor provides its Contributions) on an "AS IS" BASIS, |
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or |
||||||
|
implied, including, without limitation, any warranties or conditions |
||||||
|
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A |
||||||
|
PARTICULAR PURPOSE. You are solely responsible for determining the |
||||||
|
appropriateness of using or redistributing the Work and assume any |
||||||
|
risks associated with Your exercise of permissions under this License. |
||||||
|
|
||||||
|
8. Limitation of Liability. In no event and under no legal theory, |
||||||
|
whether in tort (including negligence), contract, or otherwise, |
||||||
|
unless required by applicable law (such as deliberate and grossly |
||||||
|
negligent acts) or agreed to in writing, shall any Contributor be |
||||||
|
liable to You for damages, including any direct, indirect, special, |
||||||
|
incidental, or consequential damages of any character arising as a |
||||||
|
result of this License or out of the use or inability to use the |
||||||
|
Work (including but not limited to damages for loss of goodwill, |
||||||
|
work stoppage, computer failure or malfunction, or any and all |
||||||
|
other commercial damages or losses), even if such Contributor |
||||||
|
has been advised of the possibility of such damages. |
||||||
|
|
||||||
|
9. Accepting Warranty or Additional Liability. While redistributing |
||||||
|
the Work or Derivative Works thereof, You may choose to offer, |
||||||
|
and charge a fee for, acceptance of support, warranty, indemnity, |
||||||
|
or other liability obligations and/or rights consistent with this |
||||||
|
License. However, in accepting such obligations, You may act only |
||||||
|
on Your own behalf and on Your sole responsibility, not on behalf |
||||||
|
of any other Contributor, and only if You agree to indemnify, |
||||||
|
defend, and hold each Contributor harmless for any liability |
||||||
|
incurred by, or claims asserted against, such Contributor by reason |
||||||
|
of your accepting any such warranty or additional liability. |
||||||
|
|
||||||
|
END OF TERMS AND CONDITIONS |
||||||
|
|
||||||
|
APPENDIX: How to apply the Apache License to your work. |
||||||
|
|
||||||
|
To apply the Apache License to your work, attach the following |
||||||
|
boilerplate notice, with the fields enclosed by brackets "[]" |
||||||
|
replaced with your own identifying information. (Don't include |
||||||
|
the brackets!) The text should be enclosed in the appropriate |
||||||
|
comment syntax for the file format. We also recommend that a |
||||||
|
file or class name and description of purpose be included on the |
||||||
|
same "printed page" as the copyright notice for easier |
||||||
|
identification within third-party archives. |
||||||
|
|
||||||
|
Copyright [yyyy] [name of copyright owner] |
||||||
|
|
||||||
|
Licensed under the Apache License, Version 2.0 (the "License"); |
||||||
|
you may not use this file except in compliance with the License. |
||||||
|
You may obtain a copy of the License at |
||||||
|
|
||||||
|
http://www.apache.org/licenses/LICENSE-2.0 |
||||||
|
|
||||||
|
Unless required by applicable law or agreed to in writing, software |
||||||
|
distributed under the License is distributed on an "AS IS" BASIS, |
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||||
|
See the License for the specific language governing permissions and |
||||||
|
limitations under the License. |
||||||
|
|
||||||
|
Background image |
||||||
|
================ |
||||||
|
|
||||||
|
The background image is "Christmas Gifts On Brown Parquet Floor" |
||||||
|
(https://www.pexels.com/photo/christmas-gifts-on-brown-parquet-floor-1303086/) |
||||||
|
by George Dolgikh. It is used under the "Pexels License" found under section |
||||||
|
5.5 of the Pexels Terms and Conditions |
||||||
|
(https://www.pexels.com/terms-of-service/). |
After Width: | Height: | Size: 4.3 MiB |
@ -0,0 +1,96 @@ |
|||||||
|
/* |
||||||
|
* Copyright (c) 2022 Samuel Sloniker |
||||||
|
*
|
||||||
|
* Permission is hereby granted, free of charge, to any person obtaining a copy |
||||||
|
* of this software and associated documentation files (the "Software"), to |
||||||
|
* deal in the Software without restriction, including without limitation the |
||||||
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or |
||||||
|
* sell copies of the Software, and to permit persons to whom the Software is |
||||||
|
* furnished to do so, subject to the following conditions: |
||||||
|
*
|
||||||
|
* The above copyright notice and this permission notice shall be included in |
||||||
|
* all copies or substantial portions of the Software. |
||||||
|
*
|
||||||
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR |
||||||
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, |
||||||
|
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE |
||||||
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER |
||||||
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING |
||||||
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS |
||||||
|
* IN THE SOFTWARE. |
||||||
|
*/ |
||||||
|
|
||||||
|
function daysUntilChristmas(now) { |
||||||
|
let ms_per_day = 24*60*60*1000 |
||||||
|
let christmas |
||||||
|
|
||||||
|
if (now.getMonth() == 11 && now.getDate() == 25) { |
||||||
|
christmas = now |
||||||
|
} else if (now.getMonth() == 11 && now.getDate() > 25) { |
||||||
|
christmas = new Date(now.getFullYear() + 1, 11, 25) |
||||||
|
} else { |
||||||
|
christmas = new Date(now.getFullYear(), 11, 25) |
||||||
|
} |
||||||
|
|
||||||
|
ms_until_christmas = christmas - now |
||||||
|
return Math.ceil(ms_until_christmas / ms_per_day) |
||||||
|
} |
||||||
|
|
||||||
|
function adjust() { |
||||||
|
let ce = document.querySelector("#christmaseve")
|
||||||
|
let cec = document.querySelector("#christmasevebox")
|
||||||
|
let cet = document.querySelector("#christmasevetext")
|
||||||
|
|
||||||
|
let fontSize = 1 |
||||||
|
ce.style.fontSize = "1px" |
||||||
|
|
||||||
|
while (ce.clientHeight <= cec.clientHeight && cec.scrollWidth <= document.documentElement.clientWidth && fontSize <= 80) { |
||||||
|
fontSize += 1 |
||||||
|
ce.style.fontSize = String(fontSize) + "px" |
||||||
|
} |
||||||
|
|
||||||
|
ce.style.fontSize = String(fontSize - 1) + "px" |
||||||
|
} |
||||||
|
|
||||||
|
function share(e) { |
||||||
|
navigator.share({title: document.querySelector("#christmaseve").textContent, url: "https://christmaseveclock.com"}) |
||||||
|
} |
||||||
|
|
||||||
|
function setup(now) { |
||||||
|
let christmaseve = document.querySelector("#christmasevetext") |
||||||
|
let sharebox = document.querySelector("#sharebox") |
||||||
|
|
||||||
|
christmaseve.textContent = "Merry Christmas" + " Eve".repeat(daysUntilChristmas(now)) + "!" |
||||||
|
|
||||||
|
if (navigator.canShare && navigator.canShare({title: "test", url: "https://christmaseveclock.com"})) { |
||||||
|
sharebox.style.display = "block" |
||||||
|
sharebox.addEventListener("click", share) |
||||||
|
} |
||||||
|
|
||||||
|
adjust() |
||||||
|
} |
||||||
|
|
||||||
|
function main() { |
||||||
|
let hasValidDate = false |
||||||
|
let now |
||||||
|
let urlParams = new URLSearchParams(location.search) |
||||||
|
let dateParam = urlParams.get('now') |
||||||
|
let parts |
||||||
|
if (dateParam !== null) { |
||||||
|
parts = dateParam.split("-") |
||||||
|
if (parts.length == 3) { |
||||||
|
let year = Number(parts[0]) |
||||||
|
let month = Number(parts[1])-1 |
||||||
|
let day = Number(parts[2]) |
||||||
|
now = new Date(year, month, day) |
||||||
|
hasValidDate = (! isNaN(now.getFullYear())) && now.getFullYear() === year && now.getMonth() === month && now.getDate() == day |
||||||
|
} |
||||||
|
} |
||||||
|
if (! hasValidDate) { |
||||||
|
now = new Date() |
||||||
|
} |
||||||
|
setup(now) |
||||||
|
window.addEventListener("resize", adjust) |
||||||
|
} |
||||||
|
|
||||||
|
window.onload = main |
Binary file not shown.
After Width: | Height: | Size: 468 B |
@ -0,0 +1,129 @@ |
|||||||
|
/* |
||||||
|
* This file includes code from https://github.com/pajasevi/CSSnowflakes, used |
||||||
|
* under the MIT license. |
||||||
|
* |
||||||
|
* Copyright (c) 2014 Pavel Ševčík |
||||||
|
* Copyright (c) 2022 Samuel Sloniker |
||||||
|
* |
||||||
|
* Permission is hereby granted, free of charge, to any person obtaining a copy |
||||||
|
* of this software and associated documentation files (the "Software"), to |
||||||
|
* deal in the Software without restriction, including without limitation the |
||||||
|
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or |
||||||
|
* sell copies of the Software, and to permit persons to whom the Software is |
||||||
|
* furnished to do so, subject to the following conditions: |
||||||
|
* |
||||||
|
* The above copyright notice and this permission notice shall be included in |
||||||
|
* all copies or substantial portions of the Software. |
||||||
|
* |
||||||
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR |
||||||
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, |
||||||
|
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE |
||||||
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER |
||||||
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING |
||||||
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS |
||||||
|
* IN THE SOFTWARE. |
||||||
|
*/ |
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: "Pacifico"; |
||||||
|
src: url(pacifico.woff); |
||||||
|
} |
||||||
|
|
||||||
|
body { |
||||||
|
background-image: url("background.jpg"); |
||||||
|
background-size: auto 100vh; |
||||||
|
text-align: center; |
||||||
|
margin: 0 !important; |
||||||
|
padding: 0 !important; |
||||||
|
font-family: Pacifico; |
||||||
|
} |
||||||
|
|
||||||
|
div#white { |
||||||
|
background-color: rgba(0, 0, 0, 0.6); |
||||||
|
height: 100vh; |
||||||
|
width: 100vw; |
||||||
|
margin: 0; |
||||||
|
position: absolute; |
||||||
|
top: 0px; |
||||||
|
left: 0px; |
||||||
|
z-index: -1; |
||||||
|
} |
||||||
|
|
||||||
|
div#container { |
||||||
|
display: flex; |
||||||
|
flex-flow: column; |
||||||
|
height: 100vh; |
||||||
|
} |
||||||
|
|
||||||
|
h1 { |
||||||
|
color: #FF0000; |
||||||
|
font-size: 32pt; |
||||||
|
flex: 0 1 auto; |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
|
|
||||||
|
div#christmasevebox { |
||||||
|
color: #009900; |
||||||
|
font-size: 20pt; |
||||||
|
flex: 1 1 auto; |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
|
||||||
|
p#christmaseve { |
||||||
|
margin-top: 0; |
||||||
|
margin-left: 10px; |
||||||
|
margin-right: 10px; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
div#sharebox { |
||||||
|
flex: 0 1 auto; |
||||||
|
display: none; |
||||||
|
} |
||||||
|
|
||||||
|
button#share { |
||||||
|
background-color: rgba(255, 255, 255, 0.3); |
||||||
|
border: none; |
||||||
|
color: white; |
||||||
|
padding: 5px; |
||||||
|
border-radius: 3px; |
||||||
|
margin-bottom: 8px; |
||||||
|
} |
||||||
|
|
||||||
|
button#share div.buttoncontents { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
|
||||||
|
button#share span.text { |
||||||
|
font-family: Pacifico; |
||||||
|
font-size: 16pt; |
||||||
|
position: relative; |
||||||
|
top: 50%; |
||||||
|
} |
||||||
|
|
||||||
|
div#creditbox { |
||||||
|
font-size: 8pt; |
||||||
|
padding-left: 4px; |
||||||
|
padding-right: 4px; |
||||||
|
flex: 0 1 auto; |
||||||
|
} |
||||||
|
|
||||||
|
div#creditbox p.credits { |
||||||
|
margin-top: 2px; |
||||||
|
margin-bottom: 2px; |
||||||
|
color: white; |
||||||
|
font-family: sans-serif; |
||||||
|
} |
||||||
|
|
||||||
|
div#creditbox p.credits a { |
||||||
|
color: #8888FF; |
||||||
|
} |
||||||
|
|
||||||
|
.snowflake { |
||||||
|
color: #fff; |
||||||
|
font-size: 1em; |
||||||
|
font-family: Arial, sans-serif; |
||||||
|
} |
||||||
|
|
||||||
|
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s} |
@ -0,0 +1,106 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html lang=en> |
||||||
|
<head> |
||||||
|
<!-- |
||||||
|
This file includes code (in the div element with class snowflakes) |
||||||
|
from https://github.com/pajasevi/CSSnowflakes, used under the MIT |
||||||
|
license. |
||||||
|
|
||||||
|
Copyright (c) 2014 Pavel Ševčík |
||||||
|
Copyright (c) 2022 Samuel Sloniker |
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person |
||||||
|
obtaining a copy of this software and associated documentation |
||||||
|
files (the "Software"), to deal in the Software without |
||||||
|
restriction, including without limitation the rights to use, copy, |
||||||
|
modify, merge, publish, distribute, sublicense, and/or sell copies |
||||||
|
of the Software, and to permit persons to whom the Software is |
||||||
|
furnished to do so, subject to the following conditions: |
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be |
||||||
|
included in all copies or substantial portions of the Software. |
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, |
||||||
|
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF |
||||||
|
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND |
||||||
|
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS |
||||||
|
BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN |
||||||
|
ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN |
||||||
|
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE |
||||||
|
SOFTWARE. |
||||||
|
--> |
||||||
|
<title>Christmas Eve Clock</title> |
||||||
|
<meta charset="utf-8"> |
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||||
|
<link rel=stylesheet href=assets/style.css> |
||||||
|
<script src=assets/main.js></script> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
<div id=white></div> |
||||||
|
<div id=container> |
||||||
|
<h1>Christmas Eve Clock</h1> |
||||||
|
<div id=christmasevebox><p id=christmaseve><span id=christmasevetext><noscript>Sorry, the Christmas Eve C</noscript>lo<noscript>ck requires J</noscript>a<noscript>vaScript. Please switch to a supporte</noscript>d<noscript> browser, or enable JS in your exist</noscript>ing<noscript> one.</noscript></span></p></div> |
||||||
|
<div id=sharebox><button id=share><div class="buttoncontents"><img src=assets/share.png><span class=text> Share this!</span></div></button></div> |
||||||
|
<div id=creditbox> |
||||||
|
<p class=credits><a href="https://www.pexels.com/photo/christmas-gifts-on-brown-parquet-floor-1303086/">Background image</a> by George Dolgikh; font (<a href="https://fonts.google.com/specimen/Pacifico">Pacifico</a>) by Vernon Adams, Jacques Le Bailly, Botjo Nikoltchev, and Ani Petrova; share icon from <a href="https://fonts.google.com/icons?icon.query=share&icon.set=Material+Icons">Google Material Icons</a>; <a href="https://pajasevi.github.io/CSSnowflakes/">falling snow effect</a> by Pavel Ševčík; all other code by Samuel Sloniker. <a href="LICENSE.txt">Click here for license information.</a> <a href="https://git.kj7rrv.com/kj7rrv/christmas-eve-clock">This site is open-source.</a></p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="snowflakes" aria-hidden="true"> |
||||||
|
<div class="snowflake">❆</div> |
||||||
|
<div class="snowflake">❆</div> |
||||||
|
<div class="snowflake">❆</div> |
||||||
|
<div class="snowflake">❆</div> |
||||||
|
<div class="snowflake">❆</div> |
||||||
|
<div class="snowflake">❆</div> |
||||||
|
<div class="snowflake">❆</div> |
||||||
|
<div class="snowflake">❆</div> |
||||||
|
<div class="snowflake">❆</div> |
||||||
|
<div class="snowflake">❆</div> |
||||||
|
<div class="snowflake">❆</div> |
||||||
|
<div class="snowflake">❆</div> |
||||||
|
</div> |
||||||
|
</body> |
||||||
|
</html> |
||||||
|
|
||||||
|
<!-- |
||||||
|
Luke 2:1-20 |
||||||
|
|
||||||
|
1 And it came to pass in those days, that there went out a decree from Caesar |
||||||
|
Augustus, that all the world should be taxed. |
||||||
|
2 (And this taxing was first made when Cyrenius was governor of Syria.) |
||||||
|
3 And all went to be taxed, every one into his own city. |
||||||
|
4 And Joseph also went up from Galilee, out of the city of Nazareth, into |
||||||
|
Judaea, unto the city of David, which is called Bethlehem; (because he was of |
||||||
|
the house and lineage of David:) |
||||||
|
5 To be taxed with Mary his espoused wife, being great with child. |
||||||
|
6 And so it was, that, while they were there, the days were accomplished that |
||||||
|
she should be delivered. |
||||||
|
7 And she brought forth her firstborn son, and wrapped him in swaddling |
||||||
|
clothes, and laid him in a manger; because there was no room for them in the |
||||||
|
inn. |
||||||
|
8 And there were in the same country shepherds abiding in the field, keeping |
||||||
|
watch over their flock by night. |
||||||
|
9 And, lo, the angel of the Lord came upon them, and the glory of the Lord |
||||||
|
shone round about them: and they were sore afraid. |
||||||
|
10 And the angel said unto them, Fear not: for, behold, I bring you good |
||||||
|
tidings of great joy, which shall be to all people. |
||||||
|
11 For unto you is born this day in the city of David a Saviour, which is |
||||||
|
Christ the Lord. |
||||||
|
12 And this shall be a sign unto you; Ye shall find the babe wrapped in |
||||||
|
swaddling clothes, lying in a manger. |
||||||
|
13 And suddenly there was with the angel a multitude of the heavenly host |
||||||
|
praising God, and saying, |
||||||
|
14 Glory to God in the highest, and on earth peace, good will toward men. |
||||||
|
15 And it came to pass, as the angels were gone away from them into heaven, |
||||||
|
the shepherds said one to another, Let us now go even unto Bethlehem, and see |
||||||
|
this thing which is come to pass, which the Lord hath made known unto us. |
||||||
|
16 And they came with haste, and found Mary, and Joseph, and the babe lying |
||||||
|
in a manger. |
||||||
|
17 And when they had seen it, they made known abroad the saying which was |
||||||
|
told them concerning this child. |
||||||
|
18 And all they that heard it wondered at those things which were told them |
||||||
|
by the shepherds. |
||||||
|
19 But Mary kept all these things, and pondered them in her heart. |
||||||
|
20 And the shepherds returned, glorifying and praising God for all the things |
||||||
|
that they had heard and seen, as it was told unto them. |
||||||
|
--> |
Loading…
Reference in new issue