-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
317 lines (240 loc) · 14.5 KB
/
contact.html
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
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--
The above 2 meta tags *must* come first in the <head>
to consistently ensure proper document rendering.
Any other head element should come *after* these tags.
-->
<title>Ruiqi Liu</title>
<!-- Set the base URL for all relative URLs within the document
<base href="http://localhost:4000"> -->
<!--
Allows control over where resources are loaded from.
Place as early in the <head> as possible, as the tag
only applies to resources that are declared after it.
-->
<!-- Short description of the document (limit to 150 characters) -->
<!-- This content *may* be used as a part of search engine results. -->
<meta name="description" content="">
<!-- Control the behavior of search engine crawling and indexing -->
<meta name="robots" content="index,follow"><!-- All Search Engines -->
<meta name="googlebot" content="index,follow"><!-- Google Specific -->
<!-- Verify website ownership -->
<meta name="google-site-verification" content=""><!-- Google Search Console -->
<meta name="yandex-verification" content=""><!-- Yandex Webmasters -->
<meta name="msvalidate.01" content=""><!-- Bing Webmaster Center -->
<meta name="alexaVerifyID" content=""><!-- Alexa Console -->
<meta name="p:domain_verify" content=""><!-- Pinterest Console-->
<meta name="norton-safeweb-site-verification" content=""><!-- Norton Safe Web -->
<!-- Allows control over how referrer information is passed -->
<meta name="referrer" content="no-referrer">
<!-- Disable automatic detection and formatting of possible phone numbers -->
<meta name="format-detection" content="telephone=true">
<!-- Completely opt out of DNS prefetching by setting to "off" -->
<meta http-equiv="x-dns-prefetch-control" content="on">
<!-- Geo tags -->
<!-- meta name="ICBM" content="latitude, longitude"-->
<!-- meta name="geo.position" content="latitude;longitude"-->
<!-- meta name="geo.region" content="country[-state]"><Country code (ISO 3166-1): mandatory, state code (ISO 3166-2): optional; eg. content="US" / content="US-NY" -->
<!-- meta name="geo.placename" content="city/town"><eg. content="New York City" -->
<!-- Link to an external CSS file -->
<link href="https://fonts.googleapis.com/css2?family=Parisienne&family=Courgette&family=Lobster&family=Pacifico&family=Yellowtail&family=Noto+Sans+JP:wght@400;900&family=Poppins:wght@500&family=Righteous&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link href="https://emoji-css.afeld.me/emoji.css" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/icon_style.css">
<link rel="stylesheet" href="css/style.css">
<!-- BootStrap CDN -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<script src="https://kit.fontawesome.com/32a2b2a489.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<!-- GIT TALK CDN for comment system -->
<!--
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css">
<script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script> -->
<!-- Provides information about an author or another person -->
<link rel="me" href="mailto:[email protected]">
<link rel="me" href="sms:+">
<!-- Open Search -->
<!-- link rel="search" href="/open-search.xml" type="application/opensearchdescription+xml" title="Search Title" -->
<!-- Feeds -->
<!-- link rel="alternate" href="https://feeds.feedburner.com/example" type="application/rss+xml" title="RSS" -->
<!-- link rel="alternate" href="https://example.com/feed.atom" type="application/atom+xml" title="Atom 0.3" -->
<!-- For IE 10 and below -->
<!-- Place favicon.ico in the root directory - no tag necessary -->
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/icons/favicon-16x16.png">
<link rel="mask-icon" href="/assets/img/icons/safari-pinned-tab.svg" color="#5bbad5">
<meta property="fb:app_id" content="">
<meta property="og:url" content="/contact.html">
<meta property="og:type" content="website">
<meta property="og:title" content="">
<meta property="og:image" content="">
<meta property="og:image:alt" content="">
<meta property="og:description" content="">
<meta property="og:site_name" content="">
<meta property="og:locale" content="en_US">
<meta property="article:author" content="">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@">
<meta name="twitter:creator" content="@">
<meta name="twitter:url" content="/contact.html">
<meta name="twitter:title" content="">
<meta name="twitter:description" content="">
<meta name="twitter:image" content="">
<meta name="twitter:image:alt" content="">
<!-- Used for adding in-document CSS -->
<!-- JavaScript & No-JavaScript tags -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
<!--
<script>
$(document).ready(function() {
$(".toast").toast('show');
});
</script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js"></script>
<!-- for mathjax support -->
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
TeX: {
equationNumbers: {
autoNumber: "AMS"
}
},
tex2jax: {
inlineMath: [ ['$', '$'] ],
displayMath: [ ['$$', '$$'] ],
processEscapes: true,
}
});
MathJax.Hub.Register.MessageHook("Math Processing Error",function (message) {
alert("Math Processing Error: "+message[1]);
});
MathJax.Hub.Register.MessageHook("TeX Jax - parse error",function (message) {
alert("Math Processing Error: "+message[1]);
});
</script>
<script type="text/javascript" async
src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
<noscript>
<!-- No JS alternative -->
</noscript>
<body style="width: calc(100vw - 34px)">
<!-- <nav class="navbar navbar-expand-lg glowing-border mb-4" style="font-family:Poppins;background-color:#F0F3F8;"> -->
<nav class="navbar navbar-expand mynav-bottom" style="font-family:Poppins;" id="nav_top">
<a class="navbar-brand"><h4 style="font-size:25px;font-family:Lucida Handwriting;font-weight:1000;color:#000000;">Ruiqi Liu</h4></a>
<!--<button class="navbar-toggler text-black" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-caret-down"></i>
</button>-->
<!-- <div class="navbar-collapse" id="navbarSupportedContent"> -->
<div class="navbar" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a href="/index.html" class="nav-link highlighted3" style="font-family:Poppins;color:#000000;">About</a>
</li>
<li class="nav-item">
<a href="/research.html" class="nav-link highlighted3" style="font-family:Poppins;color:#000000;">Research</a>
</li>
<li class="nav-item">
<a href="/miscellaneous.html" class="nav-link highlighted3" style="font-family:Poppins;color:#000000;">Miscellaneous</a>
</li>
</ul>
</div>
</nav>
<div class="container container-page">
<div class="card mx-auto border-0">
<div class="card-body">
<p class="card-text">
<div class="blogcard card-2 mb-4 mt-4" style="width: 100%;">
<div class="card-body">
<h1 class="card-title text-center" style="font-size:36px;font-weight:700;"></h1>
<p><p>Feel free to reach out to me on <a href="https://twitter.com/tbutler0x90" class="highlighted">Twitter</a> , <a href="https://www.linkedin.com/in/tyler-b-a700a1aa/" class="highlighted">Linkedin</a> , or <a href="https://keybase.io/tbutler320" class="highlighted">Keybase</a>. You can also send me a message through the netlify form api below. If needed, you can use the button below to copy my public PGP key</p>
</p>
<!-- Target -->
<input id="foo" style="width:50%;" class="text-muted" value="-----BEGIN PGP PUBLIC KEY BLOCK----- mQINBF8SaxABEACxPxrYnHj8RlC7d1DyZDdlNREADaAEJDvWmILBWE4aYVOVyxSA yQ3gXYaOb0zoDR8r1tLtvDVfBtQKEK8KQWN8ZFQI/PAj2FVMtnqncFyIEwKXVOXO sgC3VKJBUvMXDChInXVUa4vs8varqLneTmAYi16bloLS1zL9Z7S CILbjSTUOyCz gmum8ea0IqFCqD8Lg2MSiWRax6F2HI/4RepgPCxzs51EhEkTMG80U3H8VxRlmpA5 1gmUkhNaHSFujPPHI0k6ArnIrDiz/ouV3kESfGxDaOKedPZmxeWQtl7S2HEKXPrN ugeg1l8ny7Gh vIDnfbAjhMjHD0t0dXcW2lc77Le8IyXWfCqvAJvuB0DImV039KL cLRzbDa19L2C0dFTy2eKSyQOiQwhyu1JoxVW oLYeyCuL0Ptl4LRnlLbH9iYwCCs lx1piJ0YSDoSS2XJULNssJUO7wAejXua8t41gWuYqWZW1IE4Bvcox0H3sFh8tDG/ jhJBg5E2Lwkg7LOWlBB9QFcnKk0qrIFZ2vtWUfrqr22iU7mStJ8b46Gttra8Nywl 6rk0v/tPzMRwi3uHSCbcfzWgKOy8AyRI1Bwj9xAq7r9lYUe/eEXZeQMfJEYhq3Fu c3xVhMjKQO6r4Y2hmDmEesKHvOkKQ0q lY jt4zKUrXfQj0ebUtcqBtbWwARAQAB tCRUeWxlciBCdXRsZXIgPHRjYnV0bGVyMzIwQGdtYWlsLmNvbT6JAlQEEwEIAD4W IQTIZh5ulP tFioqo3V1ojT/iPmcGgUCXxJrEAIbAwUJB4YfgAULCQgHAgYVCgkI CwIEFgIDAQIeAQIXgAAKCRB1ojT/iPmcGi6XEACZPnJwRTSLesAows E gjIAk3E KQPCBjpH3XHln6SYNk3yy7RG6mNjYf5r6I2lfvcpbyvnuNszk/Am0Q2buU/ncEe/ kAS2rtqeDkmroPwuE nWz/v /8uujsHujgS9xJngljGVNecFfjkENvAh4j163LPz iySahEbM6praHAZBQhC5lHpBi rrnOUk/q5Uk5kIfMvRWKVqAYARyMkyc6yy5chd JGsDtx51h62j1MxyrHFCxJ319iNh5EEKhEeyu7jfM2jWAp/PA eMfj7jAnhJeQJ0 30Wrohg6LXnM7l2P12EY 9rcctIhe2xvM1nHhnqm8kiNCXHF3M755uhCxY4pygT4 zM2UatcY3fFXlkvOvkFaLgTwD9scJZVnTM jo0m9/HjuXVsVr4IDmKFBWX5HhjAA ySXMObjuqXScy4mEg0QvfBSQsv40sVadWAGnsa5SHIXnSn8T22jNyiH7QhMG3LVr duAiXSWHs Y1FsTrV2J43fmG5Y/ZgbOitQPMQWft7SRoR4uqGBLA7z2xC2WSgHzt Vz EFvykiaX6LOpPo79Pt nx5DDMPhXucxHBdYcxl7wyD6CbU4vz/Nd5c0ZMdMXb eMAZ77LvmhPZOs7fbpJwKJAbviyc1b8M5SQir1s7cUfRcUSBmYoWHn55wO7bLmrt uAlOeI3W2K7e3/J LbkCDQRfEmsQARAAx9zAyPT3RMrr38Rz9sPaJoL8eVCf5rio xokBE7iBDl3r jDfLLFQX7nDkNwqAg vfVB6X0uL1JMokq0F4xoBjcz56eF9p4dG V5QieTLJsVz5glQ2jLkt/D7Sqi6AWi9vDT/w2EuKTHsE30Kp0kOLirEXhc 2h8Dv 3P/TcJ8Rjl2W6QqFytQbkxulbe/PkHge75RNz/vG7jv859VRUX0XrYTC4iQGiAGj F0LW uVdX8cTTutmrvM yhY53Nk8/NRHYjOeF4fIomxX67EsGSwwFZu3aXClDklh 7tXav1otuUwhODeWMSyBgE0X79wUrPBT6SpXFlmtYA0JyuHrlsTicQnUYkoGzfrF MSPOY9mU2eXgiFrVwYeD2j2G4KG9jNUcQguSjzA3vEpZK9NtTukj3HzQkttGLBb8 if7DtNxHhrkpmHqOzM55c4QbKBvGAFDwqocn0uH0N7qt8I1vC9W4KH//DxSbpZdY SFpuYdaXCORaAX0VEGMikdChV6k26EjHprPoIQJ7clJjlEiGaOtp IKoGgnOXMF5 6B8Spm7JJ8sULobDDNNvRgstjmABJoLJDa0kPs9WkIJXLIUO12vPLMb05guju0oL jYkhkMm9o5MUN qjy/A48FgOqbz9bZ/lOvso76N L4Hhb6MxSPtNnL5GMl7o7pk r8qPoVOKyc0AEQEAAYkCPAQYAQgAJhYhBMhmHm6U/60WKiqjdXWiNP I ZwaBQJf EmsQAhsMBQkHhh AAAoJEHWiNP I ZwaMZQQAJg6NCfHpvFfr9c8/odmt/zEXUpx 42eB2tIFaTd/MSu5QI9rXuV6l2naC9dHBStPrpj2acCyvjeFfsxJ9VJjg3ToZH5B MJ2l2z28wkMiMhZw/mIPecLwEPyaYNY68 gM1XfBB4e3pmMdMdWMa5WZrC5WVwF exn84KNqUSmKmkIfU/WC95CfyiVQYcjdj OstFJMSMeg54KZGLJsRPDnWM83HZOk WZ4yaiUBEExOI0maIMFm1pYH3n lE28IHPq1RZ0r0ci9WrU8uqwU8/T4r2H/1Yd1 a7LsuO61ERI2N7AED9QtI9uH5U8d8dbatK0Xjf2F4Wc5ErRIDzTaS2MZh2aTYKY BrBj7clRYzTf/LNeZv6okYkvxYPsudy4MPvjDijnHEsoUph7gx AFG6Co0V3onA/ emH6M9uqUa5CqZ3qZ1N ePWVarevdgsmQwQj649toluk0F7gkZZboM/gqBhh4g9p V9wEOwAFNzdZTFd16YG/C3ZOpz9Dn8rYe0pq5dePS 4INr5aD6hjj4hDtV9nbzOM mkZ6xvnnyzHls4FOqcJRHgn4GPxwNo/y5Y9WDqAV6qZ6jpz8n1JZV9KxDjcq0 BI Mt0zmeZBXaX3/7LDS75dEYL2uCxVAqxftzIal6dF8hOEEJoRXOkgCKC1IY2 iH3J UOmZxPhE6x7ZQcKO =IkuM -----END PGP PUBLIC KEY BLOCK-----">
<!-- Trigger -->
<button class="btn" data-clipboard-target="#foo">
<i class="far fa-copy" alt="Copy PGP clipboard"></i>
<span style="font-size:14px;">Copy</span>
</button>
</div>
</div>
<div class="card shadow">
<div class="container">
<form name="contact" method="POST" data-netlify="true">
<div class="mb-3 mt-5">
<input type="name" placeholder="Your Name" name="name" class="form-control" id="inputForName"/>
</div>
<div class="mb-3">
<textarea type="message" placeholder="Your Message" name="message" class="form-control" id="inputforMessage"></textarea>
</div>
<div class="mb-3">
<input type="email" placeholder="Your Email" name="email" class="form-control" id="inputforEmail">
</div>
<button type="submit" class="btn mb-4" style="background-color:;">Submit</button>
</form>
</div>
</div>
<script>
function startClippy(){
new ClipboardJS('.btn');
}
window.onload = startClippy;
</script>
</p>
</div>
</div>
</div>
<div class="navbar navbar-default navbar-fixed-bottom" style="margin-left:-120px;">
<div class="container container-bottom">
<p class="navbar-text pull-left">© 2019-2025 Ruiqi Liu. All rights reserved.
</p>
<p class="navbar-text pull-right">
<!-- Displays Social Media Icons based on _config.yml settings -->
</p>
</div>
</div>
<script>
$(function () {
$('[data-toggle="popover"]').popover()
})
</script>
<script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>
<!-- ANIMATE.JS ANIMATE LIBRARY
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js" integrity="sha512-z4OUqw38qNLpn1libAN9BsoDx6nbNFio5lA6CuTp9NlK83b89hgyCVq+N5FdBJptINztxn1Z3SaKSKUS5UP60Q==" crossorigin="anonymous"></script>
-->
<!--JS FUNCTION FOR RECENT WORK SECTION -->
<script>
$('#test-list a').on('click', function (e) {
e.preventDefault()
$(this).tab('show')
})
</script>
<!-- OPTIONAL TOAST JS FUNCTION-->
<script>
$(document).ready(function() {
$(".toast").toast("show");
});
</script>
<!--<script>
$('body').scrollspy({ target: '#list-example' })
</script>
<script>
$('.collapse').collapse()
</script>-->
<script>
$('.show').show()
</script>
</body>
</html>