Initial commit
This commit is contained in:
commit
0cd1d502c7
GPG Key ID:
1BB4029E66285A62
BIN
DSEG14ClassicMini-Regular.woff
Normal file
BIN
DSEG14ClassicMini-Regular.woff
Normal file
Binary file not shown.
118
LICENSE.txt
Normal file
118
LICENSE.txt
Normal file
|
|
@ -0,0 +1,118 @@
|
||||||
|
Code
|
||||||
|
====
|
||||||
|
|
||||||
|
Code for fireworks animation copyright (c) 2022 Vitalij Ryndin
|
||||||
|
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 is DSEG14 Classic Mini Regular.
|
||||||
|
|
||||||
|
Copyright (c) 2017, keshikan (http://www.keshikan.net), with Reserved Font Name
|
||||||
|
"DSEG".
|
||||||
|
|
||||||
|
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.
|
||||||
6
fireworks.js
Normal file
6
fireworks.js
Normal file
File diff suppressed because one or more lines are too long
20
index.html
Normal file
20
index.html
Normal file
|
|
@ -0,0 +1,20 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>New Year Coundown</title>
|
||||||
|
<link rel=stylesheet href=style.css>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<script src="fireworks.js"></script>
|
||||||
|
<script src="main.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id=container>
|
||||||
|
<h1 id=header>NEW YEAR COUNTDOWN</h1>
|
||||||
|
<div id=countdownbox><p id=countdown><span id=countdowntext><noscript>Sorry, the New Year coundown 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=creditbox>
|
||||||
|
<p class=credits>Font (<a href="https://www.keshikan.net/fonts-e.html">DSEG14 Classic Mini Regular</a>) by Keshikan; <a href="https://github.com/crashmax-dev/fireworks-js/">effect that happens at midnight</a> by Vitalij Ryndin; all other code by Samuel Sloniker. <a href="LICENSE.txt">Click here for license information.</a> <a href="https://git.kj7rrv.com/kj7rrv/new-year-countdown">This site is open-source.</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id=firepops></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
69
main.js
Normal file
69
main.js
Normal file
|
|
@ -0,0 +1,69 @@
|
||||||
|
"use strict"
|
||||||
|
|
||||||
|
/*
|
||||||
|
* 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 format(number) {
|
||||||
|
return (number < 10)?("0" + String(number)):String(number)
|
||||||
|
}
|
||||||
|
|
||||||
|
function adjust() {
|
||||||
|
let ce = document.querySelector("#countdown")
|
||||||
|
let cec = document.querySelector("#countdownbox")
|
||||||
|
let cet = document.querySelector("#countdowntext")
|
||||||
|
|
||||||
|
let time = (newYear - new Date()) / 1000
|
||||||
|
if (time <= 0) {
|
||||||
|
clearInterval(intervalID)
|
||||||
|
cet.innerHTML = "HAPPY NEW YEAR"
|
||||||
|
let fireworks = new Fireworks(document.querySelector("div#firepops"), { /* options */ })
|
||||||
|
fireworks.start()
|
||||||
|
} else {
|
||||||
|
let days = Math.floor(time / (60 * 60 * 24))
|
||||||
|
let hours = Math.floor(time / (60 * 60)) % 24
|
||||||
|
let minutes = Math.floor(time / 60) % 60
|
||||||
|
let seconds = Math.floor(time) % 60
|
||||||
|
cet.textContent = (days?(format(days) + ":"):"") +
|
||||||
|
((hours || days)?(format(hours) + ":"):"") +
|
||||||
|
((minutes || hours || days)?(format(minutes) + ":"):"") +
|
||||||
|
format(seconds)
|
||||||
|
}
|
||||||
|
|
||||||
|
let fontSize = 1
|
||||||
|
ce.style.fontSize = String(fontSize - 1) + "px"
|
||||||
|
ce.style.fontSize = "1px"
|
||||||
|
while (ce.clientHeight <= cec.clientHeight && cec.scrollWidth <= document.documentElement.clientWidth && fontSize <= 180) {
|
||||||
|
fontSize += 1
|
||||||
|
ce.style.fontSize = String(fontSize) + "px"
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function main() {
|
||||||
|
window.newYear = new Date(new Date().getFullYear() + 1, 0, 1)
|
||||||
|
document.querySelector("h1#header").textContent = "NEW YEAR " + String(newYear.getFullYear()) + " COUNTDOWN"
|
||||||
|
window.intervalID = setInterval(adjust, 100)
|
||||||
|
window.addEventListener("resize", adjust)
|
||||||
|
adjust()
|
||||||
|
}
|
||||||
|
|
||||||
|
window.onload = main
|
||||||
68
style.css
Normal file
68
style.css
Normal file
|
|
@ -0,0 +1,68 @@
|
||||||
|
@font-face {
|
||||||
|
font-family: "DSEG";
|
||||||
|
src: url(DSEG14ClassicMini-Regular.woff);
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: #000;
|
||||||
|
text-align: center;
|
||||||
|
margin: 0 !important;
|
||||||
|
padding: 0 !important;
|
||||||
|
font-family: DSEG;
|
||||||
|
color: #0F0
|
||||||
|
}
|
||||||
|
|
||||||
|
div#container {
|
||||||
|
display: flex;
|
||||||
|
flex-flow: column;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 32pt;
|
||||||
|
flex: 0 1 auto;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#countdownbox {
|
||||||
|
font-size: 20pt;
|
||||||
|
flex: 1 1 auto;
|
||||||
|
overflow: hidden;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
p#countdown {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
margin-left: 10px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#creditbox {
|
||||||
|
font-size: 8pt;
|
||||||
|
padding-left: 4px;
|
||||||
|
padding-right: 4px;
|
||||||
|
flex: 0 1 auto;
|
||||||
|
z-index: 200;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#creditbox p.credits {
|
||||||
|
margin-top: 2px;
|
||||||
|
margin-bottom: 2px;
|
||||||
|
font-family: sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#creditbox p.credits a {
|
||||||
|
color: #0F8;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#firepops {
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
left: 0px;
|
||||||
|
height: 100vh;
|
||||||
|
width: 100vw;
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user