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