danielchen3.github.io/index.html at main · danielchen3/danielchen3.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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>danielchen3</title>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
    <link href="style.css" rel="stylesheet" />
</head>
<body>
    <h1>Welcome to My Github</h1>
    <p>This is a guide</p>
    <div class="button-container">
        <a href="https://danielchen3.github.io/usa_map" target="_blank">
            <button onmouseover="changeColor(this)" onmouseout="resetColor(this)">USA Map</button>
        </a>

        <a href="https://danielchen3.github.io/blog" target="_blank">
            <button onmouseover="changeColor(this)" onmouseout="resetColor(this)">My Blog</button>
        </a>
    </div>
    <p id="progress_warning">!!! Warning, This repository is currently under development</p>

    <script>
        function showMessage() {
            alert('Hello! This is a Heat Alert Warning!');
        }

        function changeColor(button) {
            button.style.background = 'linear-gradient(90deg, #45a049, #32a89f)';
        }

        function resetColor(button) {
            button.style.background = '#4CAF50';
        }
    </script>
    <script type='text/javascript' id='clustrmaps' src='//cdn.clustrmaps.com/map_v2.js?cl=ffffff&w=600&t=n&d=edS_k3YVBg7F9yKsg9DQcpYiH7lSNczOX1831wnpkbQ'></script>
    <!-- <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
    <span id="busuanzi_container_site_pv">本站总访问量<span id="busuanzi_value_site_pv"></span>次</span> -->
</body>
</html>