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

4
main.css Executable file → Normal file
View File

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

4
script.js Executable file → Normal file
View File

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