-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
106 lines (91 loc) · 4.86 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff">
<title>Vinh Nguyen</title>
<!-- Short description of this page (limit 150 characters) -->
<meta name="description" content="Vinh Nguyen - Switzerland based Software Engineer">
<!-- Information about the author of this website -->
<meta name="author" content="Vinh Nguyen">
<link rel="me" href="mailto:[email protected]">
<!-- Facebook Open Graph -->
<meta property="og:url" content="https://cinhtau.github.io">
<meta property="og:type" content="website">
<meta property="og:title" content="Vinh Nguyen">
<meta property="og:image" content="https://cinhtau.github.i/images/share/cinhtau.png">
<meta property="og:description" content="Vinh Nguyen - Switzerland based Tech Janitor">
<meta property="og:site_name" content="Vinh Nguyen">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@cinhtau">
<meta name="twitter:url" content="https://cinhtau.net">
<meta name="twitter:title" content="Vinh Nguyen">
<meta name="twitter:description" content="Vinh Nguyen - Switzerland based Tech Janitor">
<meta name="twitter:image" content="https://cinhtau.github.i/images/share/cinhtau.png">
<!-- Main CSS -->
<link href="css/style.css" rel="stylesheet">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-98721919-6"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-98721919-6');
</script>
</head>
<body>
<main>
<header>
<h1><span class="thin">VINH</span> NGUYEN</h1>
<h2>Software Engineer & DevOps / Kafka / Elasticsearch</h2>
<!-- SVG's sourced from: https://materialdesignicons.com || Maintained by Austin Andrews - @templarian -->
<div class="connect-icon-container">
<div class="connect-icon" id="twitter">
<div class="tooltip">
<a href="https://twitter.com/cinhtau" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24">
<title>My Twitter feed @cinhtau</title>
<path d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z" /></svg>
<span class="tooltiptext">Twitter</span>
</a>
</div>
</div>
<div class="connect-icon" id="linkedin">
<div class="tooltip">
<a href="https://www.linkedin.com/in/cinhtau/" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24">
<title>My work profile/CV on LinkedIn</title>
<path d="M21,21H17V14.25C17,13.19 15.81,12.31 14.75,12.31C13.69,12.31 13,13.19 13,14.25V21H9V9H13V11C13.66,9.93 15.36,9.24 16.5,9.24C19,9.24 21,11.28 21,13.75V21M7,21H3V9H7V21M5,3A2,2 0 0,1 7,5A2,2 0 0,1 5,7A2,2 0 0,1 3,5A2,2 0 0,1 5,3Z" /></svg>
<span class="tooltiptext">LinkedIn</span>
</a>
</div>
</div>
<div class="connect-icon" id="email">
<div class="tooltip">
<a href="mailto: %6D%65@%63%69%6E%74%68%61%75.%6E%65%74">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24">
<title>Email Me: %6D%65@%63%69%6E%74%68%61%75.%6E%65%74</title>
<path d="M4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4M12,11L20,6H4L12,11M4,18H20V8.37L12,13.36L4,8.37V18Z" /></svg>
<span class="tooltiptext">Email Me</span>
</a>
</div>
</div>
</div>
</header>
<!-- Footer -->
<footer>
<p>Copyright © 2019-2020</p>
</footer>
</main>
</body>
</html>