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

no more min-width: 800px; now it's font-size: 20vw

This commit is contained in:
dan63047 2021-02-13 16:48:41 +03:00
parent 51183d97bb
commit eb979e7ada
5 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
.vscode/launch.json vendored Executable file → Normal file
View File

0
README.md Executable file → Normal file
View File

6
index.html Executable file → Normal file
View File

@ -13,7 +13,7 @@
</head>
<body>
<div class="container" style="min-width: 800px;">
<div class=".container-fluid">
<nav class="navbar navbar-expand-lg navbar-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
@ -27,7 +27,7 @@
</li>
<li class="nav-item active">
<a class="nav-link" data-toggle="modal" href='#'
onclick="$('nav').css('display', 'none')">Скрыть nav</a>
onclick="$('.nav-link').css('color', 'rgba(0, 0, 0, 0)')">Скрыть nav</a>
</li>
</ul>
<a class="nav-link disabled" id="clocks" href="#">Сейчас ...</a>
@ -53,7 +53,7 @@
<div class="card card-body">
Конечная дата для таймера: <span id="endtime"></span><br>
Осталось миллисекунд: <span id="left"></span><br>
Полный таймер: <span id="fulltimer"></span>
Полный таймер: <span id="fulltimer"></span><br>
Цвет фона: <span id="bghex"></span>
</div>
</div>

4
main.css Executable file → Normal file
View File

@ -8,7 +8,7 @@ body {
color: #fff;
font-weight: 100;
font-size: 40px;
margin: 40px 0px 20px;
margin: 0;
}
.countdown {
@ -28,7 +28,7 @@ body {
color: #fff;
}
.countdown-inner {
font-size: 6em;
font-size: 20vw;
}
.captions{
display: flex;

4
script.js Executable file → Normal file
View File

@ -101,6 +101,7 @@ function initializeClock(endtime) {
else if (t.total > 0) {
num1.innerHTML = ('0' + t.seconds).slice(-2);
num2.innerHTML = ('0' + t.seconds1_100).slice(-2);
dots.innerHTML = "&#8201 . &#8201"
textnum1.innerHTML = '';
textnum2.innerHTML = '';
document.title = t.seconds + " сек. до НГ";
@ -113,7 +114,7 @@ function initializeClock(endtime) {
var congrats = document.getElementById("congrats");
congrats.innerHTML = "C новым годом!!!\nСчасливого " + future_year + " года!";
};
if (t.seconds % 2) {
if ((t.seconds % 2) || (t.total <= 60000)) {
dots.style.color = "#fff";
}
else {
@ -136,5 +137,6 @@ var d_for_setting = new Date(), future_year;
}
document.getElementById("future_year").innerHTML = future_year;
initializeClock("Jan 01 " + future_year + " 00:00:00");
// initializeClock("Feb 12 2021 22:03:00");
DateTime();
setInterval(DateTime, 1000 / 60);