Counter-to-new-year/index.html

125 lines
5.6 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<h1 id="countdown-title"></h1>
<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">
<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>
<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#debug"
aria-expanded="false" aria-controls="collapseExample">
Debug
</button>
</p>
<div class="collapse" id="debug">
<div class="card card-body">
<div class="incard_l" id="incard-ru">
Текущее время:<br>
Отсчёт до:<br>
Осталось миллисекунд:<br>
Полный таймер:<br>
Фон:<br>
Фаза фона:
</div>
<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>
<div class="incard_r">
<a id="curtime"></a><br>
<a id="endtime"></a><br>
<a id="left"></a><br>
<a id="fulltimer"></a><br>
<a id="color"></a><br>
<a id="phase"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="countdown" class="countdown">
<noscript>Turn on Javascript<br>Включите Javascript</noscript>
<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>
</div>
</div>
<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>
<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>
<script type="text/javascript" src="script.js"></script>
</body>
</html>