Counter-to-new-year/index.html

125 lines
5.6 KiB
HTML
Raw Normal View History

2020-11-30 19:15:49 +00:00
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title></title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.gstatic.com">
2020-11-30 19:22:17 +00:00
<meta name="viewport" content="width=device-width">
2020-11-30 19:15:49 +00:00
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
2022-11-08 20:25:04 +00:00
<h1 id="countdown-title"></h1>
2021-09-22 10:53:34 +00:00
<div class="modal" tabindex="-1" role="dialog" id="about">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">О странице</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
2022-11-08 20:25:04 +00:00
<div id="about-modal-ru">
<p>Данный сайт не сохраняет никакие cookie и использует только время вашего устройства.</p>
<p>Автор сайта: <a href="https://t.me/dan63047">dan63047</a></p>
</div>
<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>Author: <a href="https://t.me/dan63047">dan63047</a></p>
</div>
2021-09-22 10:53:34 +00:00
<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#debug"
aria-expanded="false" aria-controls="collapseExample">
2022-11-08 20:25:04 +00:00
Debug
2021-09-22 10:53:34 +00:00
</button>
</p>
<div class="collapse" id="debug">
<div class="card card-body">
2022-11-08 20:25:04 +00:00
<div class="incard_l" id="incard-ru">
Текущее время:<br>
2021-09-22 10:53:34 +00:00
Отсчёт до:<br>
Осталось миллисекунд:<br>
Полный таймер:<br>
2021-12-22 19:27:51 +00:00
Фон:<br>
Фаза фона:
2021-09-22 10:53:34 +00:00
</div>
2022-11-08 20:25:04 +00:00
<div class="incard_l" id="incard-en" style="display: none;">
Current time:<br>
Counting to:<br>
Milliseconds left:<br>
Full timer:<br>
Background:<br>
Bg phase:
</div>
2021-09-22 10:53:34 +00:00
<div class="incard_r">
2022-11-08 20:25:04 +00:00
<a id="curtime"></a><br>
2021-09-22 10:53:34 +00:00
<a id="endtime"></a><br>
<a id="left"></a><br>
<a id="fulltimer"></a><br>
2021-12-22 19:27:51 +00:00
<a id="color"></a><br>
<a id="phase"></a>
2020-11-30 19:15:49 +00:00
</div>
</div>
</div>
</div>
</div>
</div>
2021-09-22 10:53:34 +00:00
</div>
<div id="countdown" class="countdown">
2022-11-08 20:25:04 +00:00
<noscript>Turn on Javascript<br>Включите Javascript</noscript>
2021-09-22 10:53:34 +00:00
<div class="countdown-inner">
<span class="didts" id="num1"></span>
</div>
<div class="countdown-inner"><span id="separator1">:</span></div>
<div class="countdown-inner">
<span class="didts" id="num2"></span>
</div>
<div class="countdown-inner"><span id="separator2">:</span></div>
<div class="countdown-inner">
<span class="didts" id="num3"></span>
2020-11-30 19:15:49 +00:00
</div>
</div>
2022-11-08 20:25:04 +00:00
<footer>
<a class="nav-link" id="about-ru" data-toggle="modal" href='#about' style="color: inherit;">О странице</a>
<a class="nav-link" id="about-en" data-toggle="modal" href='#about' style="color: inherit; display: none;">About site</a>
<div class="dropdown mr-3">
<button class="btn btn-secondary dropdown-toggle" type="button" id="langDropdownMenu" data-toggle="dropdown" aria-expanded="false" style="background: transparent;">
Language
</button>
<div class="dropdown-menu" aria-labelledby="langDropdownMenu">
<a class="dropdown-item" href="#" onclick="languageSwitcher('ru')">Русский</a>
<a class="dropdown-item" href="#" onclick="languageSwitcher('en')">English</a>
</div>
</div>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="eventDropdownMenu" data-toggle="dropdown" aria-expanded="false" style="background: transparent;">
<span id="event-title-en" style="color: inherit; display: none;">Event</span><span id="event-title-ru" style="color: inherit;">Событие</span>
</button>
<div class="dropdown-menu" aria-labelledby="eventDropdownMenu">
<a class="dropdown-item event-names-ru" href="#" onclick="eventSwitcher('ny')">Новый год</a>
<a class="dropdown-item event-names-ru" href="#" onclick="eventSwitcher('ch')">Рождество христово</a>
<a class="dropdown-item event-names-en" href="#" style="display: none;" onclick="eventSwitcher('ny')">New Year</a>
<a class="dropdown-item event-names-en" href="#" style="display: none;" onclick="eventSwitcher('ch')">Christmas</a>
</div>
</div>
<a class="nav-link" id="footer-ru" onclick="hide_footer()">Спрятать футер</a>
<a class="nav-link" id="footer-en" onclick="hide_footer()" style="display: none;">Hide footer</a>
</footer>
2020-11-30 19:15:49 +00:00
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<script type="text/javascript" src="jquery.fireworks.js"></script>
2020-11-30 19:15:49 +00:00
<script type="text/javascript" src="script.js"></script>
</body>
</html>