dongdinglin.github.io/contact.html at main · DongdingLin/dongdinglin.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
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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Contact Dongding Lin, PhD Candidate in Computer Science focusing on NLP, ML and AI research.">
    <meta name="keywords" content="Dongding Lin, Contact, Computer Science, NLP, Machine Learning, AI">
    <meta name="author" content="Dongding Lin">
    <meta name="robots" content="index, follow">
    <title>Contact Me - Dongding Lin's Personal Homepage</title>
    <!-- Favicons -->
    <link rel="icon" href="pic/favicon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="pic/favicon.png">
    <link rel="icon" type="image/png" sizes="16x16" href="pic/favicon.png">
    <link rel="apple-touch-icon" sizes="180x180" href="pic/favicon.png">
    <link rel="shortcut icon" href="pic/favicon.png">
    <!-- Stylesheets -->
    <link rel="stylesheet" href="styles.css?v=20260212visitormap6">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <!-- Open Graph / Social Media -->
    <meta property="og:title" content="Contact Dongding Lin">
    <meta property="og:description" content="Get in touch with Dongding Lin, PhD Candidate in Computer Science.">
    <meta property="og:image" content="pic/profile.jpg">
    <meta property="og:url" content="https://lindongding.github.io/contact.html">
    <meta name="twitter:card" content="summary_large_image">
    <style>
        .contact-form {
            max-width: 600px;
            margin: 0 auto;
            padding: 20px;
            background-color: #f9f9f9;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }

        .form-group {
            margin-bottom: 20px;
        }

        .form-group label {
            display: block;
            margin-bottom: 5px;
            font-weight: bold;
            color: #2c3e50;
        }

        .form-group input,
        .form-group textarea {
            width: 100%;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 16px;
        }

        .form-group textarea {
            height: 150px;
            resize: vertical;
        }

        .submit-btn {
            background-color: #3498db;
            color: white;
            border: none;
            padding: 12px 20px;
            border-radius: 4px;
            cursor: pointer;
            font-size: 16px;
            transition: background-color 0.3s;
        }

        .submit-btn:hover {
            background-color: #2980b9;
        }

        .contact-methods {
            display: flex;
            justify-content: space-around;
            margin: 40px 0;
            flex-wrap: wrap;
        }

        .contact-method {
            text-align: center;
            margin: 10px;
            padding: 20px;
            min-width: 200px;
        }

        .contact-method i {
            font-size: 2em;
            color: #3498db;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
    <!-- Loading error message (hidden by default) -->
    <div id="loading-error" style="display: none; text-align: center; padding: 20px; background-color: #f8d7da; color: #721c24; margin: 20px; border-radius: 5px; font-weight: bold; border: 2px solid #f5c6cb;">
        Failed to load data. Please refresh the page or try again later.
    </div>

    <div class="nav-bar">
        <ul>
            <li><a href="index.html"><i class="fas fa-home"></i> <span id="nav-home-text">Home</span></a></li>
            <li><a href="contact.html"><i class="fas fa-envelope"></i> <span id="nav-contact-text">Contact</span></a></li>
            <li>
                <a href="#" id="language-toggle" class="language-toggle-link" aria-label="Switch language">
                    <i class="fas fa-language"></i> <span id="language-toggle-text">中文</span>
                </a>
            </li>
        </ul>
    </div>

    <div class="container">
        <div class="main-content" style="flex: 1;">
            <h1><i class="fas fa-paper-plane"></i> <span id="contact-title">Loading...</span></h1>

            <p id="contact-introduction">Loading introduction...</p>

            <div id="contact-methods-container" class="contact-methods">
                Loading contact methods...
            </div>
        </div>
    </div>

    <a href="#" id="back-to-top" title="Back to Top" aria-label="Back to Top">
        <i class="fas fa-arrow-up"></i>
    </a>

    <footer>
        <span id="footer-text">Loading footer...</span>
        <div class="footer-meta" aria-live="polite">
            <span id="visitor-counter">Visits: --</span>
            <span class="footer-meta-separator">|</span>
            <span id="current-time">Current Time: --</span>
        </div>
        <div class="visitor-map-block">
            <div id="visitor-map-title" class="visitor-map-title">Visitor Map</div>
            <div id="visitor-map-container" class="visitor-map-container"></div>
        </div>
    </footer>

    <script src="theme.js?v=20260212visitormap6"></script>
    <script src="js/data-loader.js?v=20260212visitormap6"></script>
</body>
</html>