HarrysWeb/index.html at main · harryys-dev/HarrysWeb · 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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="style.css">
    <title>Harrys.dev</title>
</head>
<body>
    <header>
        <div class="header-content">
            <img src="src/logo.png" alt="" class="logo" width="150" height="150">
            <h1>/</h1>
            <div class="buttons">
                <button onclick="window.location.href = 'src/about_me.html'" class="about_me">
                    ОБО МНЕ
                </button>
                <button onclick="window.location.href = 'contacts/contacts.html'" class="contacts">
                    КОНТАКТЫ
                </button>
            </div>
        </div>
    </header>


    <main>

        <div class="project", style="--bg-image: url(src/discordconnect.png);">
            <h3>
                Discord Connect
            </h3>
            <a href="discordcn/index.html", class="aproject">о проекте</a>
        </div>

        <div class="project", style="--bg-image: url(src/ytdownloader.png);">
            <h3>
                YouTube Downloader
            </h3>
            <a href="youtubedw/index.html", class="aproject">о проекте</a>
        </div>

    </main>

    <footer>
        <p>© 2025 / Harrys Dev by harryys</p>
    </footer>

    <div id="telegramModal" class="modal">
        <div class="modal-content">
            <span class="close-button">&times;</span>
            <img src="src/qr_code.png" alt="Telegram QR Code" style="width: 100%; max-width: 300px;">
        </div>
    </div>

    <script>

        var modal = document.getElementById("telegramModal");

        var telegramIcon = document.querySelector('.social-icons a[href="https://t.me/man300iqmoment"]');

        var span = document.getElementsByClassName("close-button")[0];

        telegramIcon.onclick = function(event) {
            event.preventDefault();
            modal.style.display = "block";
            modal.offsetWidth;
            modal.classList.add('show');
            document.body.classList.add('no-scroll');
        }

        span.onclick = function() {
            modal.classList.remove('show');
            setTimeout(function() {
                modal.style.display = "none";
                document.body.classList.remove('no-scroll');
            }, 300);
        }

        window.onclick = function(event) {
            if (event.target == modal) {
                modal.classList.remove('show');
                setTimeout(function() {
                    modal.style.display = "none";
                    document.body.classList.remove('no-scroll');
                }, 300);
            }
        }
    </script>
</html>