125 lines
5.6 KiB
HTML
125 lines
5.6 KiB
HTML
<!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">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div id="about-modal-ru">
|
||
<p>Данный сайт не сохраняет никакие cookie и использует только время вашего устройства.</p>
|
||
<p>Автор сайта: <a href="https://dan63.by/">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://dan63.by/">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> |