Adentent.github.io/index.html at main · Adentent/Adentent.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
<!DOCTYPE html>
<html lang="en-us">

<head>
    <meta charset="utf-8">
    <title>Welcome to Adentent Page | adentent.github.io</title>
    <link rel="stylesheet" href="./styles.css">
</head>

<body>
    <div class="card">
        <h2>Adentent<span>Page</span></h2>
        <div>Learn More ↓</div>
    </div>
    <p>Welcome to Adentent Page.</p>
    <p>This have been used since Jul 4 2023.</p>
    <p id="date">So, have a good day.</p>
    <p>Here are the hyperlinks:</p>
    <p><a href="index.html">Home Page</a></p>
    <p><a href="https://github.com/Adentent/Adentent.github.io" target="_blank">Github Code</a></p>
    <p><a href="Strategy/战术板 17fcb62b934880999c25fefdde5b1f80.html">战术板</a></p>
    <p><a href="EnglishWriting.html">English Writing</a></p>
    <p><a href="Games.html">Website Games</a></p>
    <p><a href="Donation.html">Support</a></p>

    <script>
        document.querySelector('body').addEventListener('mousemove',
            (e) => {
                e.currentTarget.style.setProperty('--x', `${e.clientX}px`);
                e.currentTarget.style.setProperty('--y', `${e.clientY}px`);
            });

        function setLinksPositions() {
            document.querySelectorAll('a').forEach((a) => {
                const bounding = a.getBoundingClientRect();

                a.style.setProperty('--positionX', `${bounding.x}px`);
                a.style.setProperty('--positionY', `${bounding.y}px`);
            });
        }

        window.addEventListener('load', setLinksPositions);
        window.addEventListener('resize', setLinksPositions);

        const TimeElapsed = Date.now()
        const today = new Date(TimeElapsed)

        document.getElementById("date").innerHTML = "And today is " + today.toDateString() + ".";
    </script>
</body>