dan63
/
Counter-to-new-year
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

slight redesign

This commit is contained in:
dan63047 2023-07-24 01:38:25 +03:00
parent a0e0c7a4dc
commit 97d0426815
3 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -25,11 +25,11 @@
<div class="modal-body"> <div class="modal-body">
<div id="about-modal-ru"> <div id="about-modal-ru">
<p>Данный сайт не сохраняет никакие cookie и использует только время вашего устройства.</p> <p>Данный сайт не сохраняет никакие cookie и использует только время вашего устройства.</p>
<p>Автор сайта: <a href="https://t.me/dan63047">dan63047</a></p> <p>Автор сайта: <a href="https://dan63.by/">dan63047</a></p>
</div> </div>
<div id="about-modal-en" style="display: none;"> <div id="about-modal-en" style="display: none;">
<p>This site does not store any cookies and only uses your device's time.</p> <p>This site does not store any cookies and only uses your device's time.</p>
<p>Author: <a href="https://t.me/dan63047">dan63047</a></p> <p>Author: <a href="https://dan63.by/">dan63047</a></p>
</div> </div>
<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#debug" <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#debug"
aria-expanded="false" aria-controls="collapseExample"> aria-expanded="false" aria-controls="collapseExample">

7
main.css
View File

@ -37,6 +37,7 @@ body {
position: absolute; position: absolute;
width: 100%; width: 100%;
margin: 3vh 0 0 0; margin: 3vh 0 0 0;
text-shadow: 3px 3px 1px #000;
} }
.countdown { .countdown {
@ -50,12 +51,13 @@ body {
font-size: 30px; font-size: 30px;
width: max-content; width: max-content;
margin: auto; margin: auto;
text-shadow: 0px 0px 4px #fff9, 0px 0px 10px #0004, 0px 0px 20px #aaa4, 0px 0px 100px #fff4; text-shadow: 5px 5px 1px #000;
} }
#congrats{ #congrats{
font-size: 40px; font-size: 40px;
font-weight: 400; font-weight: 400;
color: #fff; color: #fff;
text-shadow: 5px 5px 1px #000;
} }
.countdown-inner { .countdown-inner {
font-size: 12vw; font-size: 12vw;
@ -89,4 +91,7 @@ footer{
display: flex; display: flex;
justify-content: center; justify-content: center;
z-index: 2; z-index: 2;
}
footer > a{
text-shadow: 3px 3px 1px #000;
} }

4
script.js
View File

@ -186,8 +186,8 @@ function initializeClock(endtime) {
$('body').fireworks(); $('body').fireworks();
}); });
}; };
dots1.style.color = ((t.seconds % 2) || (t.total <= 3600000) || (t.days > 0)) ? "#fff":"#fff0"; dots1.style.opacity = ((t.seconds % 2) || (t.total <= 3600000) || (t.days > 0)) ? 1:0;
dots2.style.color = ((t.seconds % 2) || (t.total <= 3600000)) ? "#fff":"#fff0"; dots2.style.opacity = ((t.seconds % 2) || (t.total <= 3600000)) ? 1:0;
debug2.innerHTML = t.total.toLocaleString(language_site); debug2.innerHTML = t.total.toLocaleString(language_site);
debug3.innerHTML = t.days + ':' + ('0' + t.hours).slice(-2) + ':' + ('0' + t.minutes).slice(-2) + ':' + ('0' + t.seconds).slice(-2) + '.' + ('00' + t.mseconds).slice(-3); debug3.innerHTML = t.days + ':' + ('0' + t.hours).slice(-2) + ':' + ('0' + t.minutes).slice(-2) + ':' + ('0' + t.seconds).slice(-2) + '.' + ('00' + t.mseconds).slice(-3);
debug4.innerHTML = new Date().toLocaleString(language_site); debug4.innerHTML = new Date().toLocaleString(language_site);