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