-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
161 lines (157 loc) · 5.02 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>ChienChheung Ly • Software Engineer</title>
<meta charset="UTF-8" />
<meta name="robots" content="index" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="./assets/icon.png" />
<meta
name="description"
content="Know about Chheung's bios, daily tools, and skillset."
/>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-black text-gray-400 text-md">
<div class="mx-auto max-w-2xl mt-10 sm:mt-14 mb-10 px-3">
<div id="introduction">
<div class="flex flex-row">
<h1 class="text-2xl md:text-5xl text-cyan-300">
👨💻 Chien Chheung Ly
</h1>
</div>
<p class="mt-8">
Hi 👋, my name is Chheung. I'm a Software Engineer based in Phnom
Penh, Cambodia 🇰🇭 .
</p>
<div class="mt-2 pb-5 border-b border-gray-500">
<div class="mt-4 flex flex-col sm:flex-row">
<a href="#KeepInTouch" class="text-gray-300">You can find me at:</a>
<div class="flex mt-2 sm:mt-0 ml-3 space-x-5">
<a href="https://github.com/Chheung" target="_blank">
<img
height="25"
width="25"
class="rounded rounded-lg"
src="/assets/github.png"
alt="Github"
/>
</a>
<a
href="https://www.linkedin.com/in/chienchheung-ly-64121b1a4/"
target="_blank"
>
<img
height="25"
width="25"
class="rounded rounded-lg"
src="/assets/linkedin.png"
alt="LinkedIn"
/>
</a>
<a href="https://twitter.com/ChienChheungLy" target="_blank">
<img
height="25"
width="25"
class="rounded rounded-lg"
src="/assets/twitter.png"
alt="Twitter"
/>
</a>
</div>
</div>
</div>
<!-- Stuffs I use -->
<div class="mt-7">
<a href="#Tools" class="text-xl text-teal-300"
>🔧 Daily tools for daily basis:</a
>
<ul class="mt-3 list-inside">
<li>
<span class="bg-gray-800 px-1 rounded rounded-md">Terminal</span>
ITerm2
</li>
<li>
<span class="bg-gray-800 px-1 rounded rounded-md"
>Text Editor</span
>
VS Code
</li>
<li>
<span class="bg-gray-800 px-1 rounded rounded-md"
>Database client</span
>
Data Grip, Robo3T
</li>
<li>
<span class="bg-gray-800 px-1 rounded rounded-md"
>Web Browsing</span
>
Google Chrome, Brave, Safari
</li>
<li>
<span class="bg-gray-800 px-1 rounded rounded-md">Utilities</span>
Alfred, Postman, Obsidian
</li>
</ul>
</div>
<!-- Software Engineer skills -->
<div class="mt-7">
<a href="#Skills" class="text-xl text-teal-300">
💻 Software engineering skills for daily basis:
</a>
<ul class="mt-3 list-inside">
<li>
<span class="bg-gray-800 px-1 rounded rounded-md"
>Main languages</span
>
Javascript, Typescript, Go
</li>
<li>
<span class="bg-gray-800 px-1 rounded rounded-md"
>Frontend Frameworks</span
>
VueJS + NuxtJS, Angular
</li>
<li>
<span class="bg-gray-800 px-1 rounded rounded-md"
>Backend Frameworks</span
>
ExpressJS, NestJS, Go Fiber
</li>
<li>
<span class="bg-gray-800 px-1 rounded rounded-md">Database</span>
MySQL, MongoDB
</li>
<li>
<span class="bg-gray-800 px-1 rounded rounded-md"
>Infrastructure</span
>
Amazon Web Service, Digital Ocean, Terraform
</li>
</ul>
</div>
<div class="mt-7">
<span class="text-blue-300 goodbye"></span>
</div>
</div>
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<script>
const typed = new Typed(".goodbye", {
strings: ["Thanks for reading and have a great day!"],
typeSpeed: 70,
});
</script>
<style>
body {
font-family: "SFMono-Regular", monospace;
}
ul > li {
list-style-type: circle;
padding-top: 5px;
}
</style>
</html>