ponyarch.github.io/index.html at main · ponyarch/ponyarch.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!--
  Хэй, вижу, что ты решил покопаться в исходном коде моего сайта? :)
  Выглядит пока что не особо хорошо, каким бы я хотел его видеть,
  но для начала, думаю, тоже неплохо.

  Если вдруг у тебя есть идеи для улучшения сайта, либо хотел бы
  увидеть какие-то новые функции, присылай свои идеи ко мне
  на почту!

  e-mail: (скоро будет)

  P.S. Не забудь написать "#САЙТ" в начале письма, у меня слишком
  много писем сейчас...
-->

<!DOCTYPE html>
<html>
  <head>
    <title>PonyArch.ru - Главная</title>
    <!-- Стили -->
    <link rel="stylesheet" href="./css/main.css">
    <!-- Шрифты -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Henny+Penny&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Neucha&display=swap" rel="stylesheet">
    <!-- Иконка сайта -->
    <link rel="icon" href="./static/img/favicon.ico" type="image/x-icon">
  </head>
  <body>
    <div style="width: 90%; height: 90%; justify-content: center; text-align: center; align-items: center;">
      <img src="https://github.com/ponyarch/ponyarch.github.io/raw/refs/heads/main/static/img/logo.svg" width="128" height="128">
      <p class="logo">ponyarch</p>
      <p class="main-text">До открытия сайта осталось:</p>
      <div id="timer">Загрузка таймера...</div>
    </div>
    <script>
      const targetDate = new Date("2026-08-01T12:00:00+03:00").getTime();

      const timerElement = document.getElementById('timer');

      const updateTimer = setInterval(function() {
        const now = new Date().getTime();
        const distance = targetDate - now;

        const days = Math.floor(distance / (1000 * 60 * 60 * 24));
        const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
        const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
        const seconds = Math.floor((distance % (1000 * 60)) / 1000);

        timerElement.innerHTML = `${days} дней ${hours} часов ${minutes} минут ${seconds} секунд`;

        if (distance < 0) {
          clearInterval(updateTimer);
          timerElement.innerHTML = "Знаю, я опаздываю, но я пытаюсь сделать всё, чтобы этот сайт заработал.";
        }
      }, 1000);
    </script>
  </body>
</html>