-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
112 lines (98 loc) · 2.56 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>imcheung</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="./favicon/favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Rubik:300,500,700" rel="stylesheet">
<style>
body {
font-family: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: calc(10px + 0.33vw);
-webkit-font-smoothing: antialiased;
padding: 5vh 10vw;
color: #121314;
}
p {
font-size: 1.6em;
font-weight: 300;
line-height: 1.4;
max-width: 26em;
}
ul li {
font-size: 1.2em;
font-weight: 300;
line-height: 1.4;
max-width: 26em;
}
p a {
text-decoration: none;
color: #48C9B0;
position: relative;
}
p a:after {
content: "";
position: absolute;
z-index: -1;
top: 85%;
left: -0.1em;
right: -0.1em;
bottom: 0;
transition: top 200ms cubic-bezier(0, .8, .13, 1);
-webkit-transition: top 200ms cubic-bezier(0, .8, .13, 1);
background-color: #A3E4D7;
}
p a:hover:after {
top: 0%;
}
h1 {
font-weight: 500;
font-size: 2.5em;
}
h2 {
font-weight: 400;
font-size: 2em;
}
h2 a {
text-decoration: none;
color: #48C9B0;
position: relative;
}
.patrons {
font-size: 1.2em;
}
.avator {
width: 10em;
border-radius: 5em;
cursor: pointer;
}
</style>
</head>
<body>
<img class="avator" src="https://i.imgur.com/iU9QlHF.jpg" />
<h1>
Hey, I'm Cheung
</h1>
<p>
Full-stack web developer with 6+ years experience.</p>
<p>
I created <a href="https://etsy.day">Etsy.Day</a>, <a href="https://englishi.imcheung.com/">Englishi</a>.
</p>
<ul>
<li>Preferentially inclined towards utilizing PaaS,DBaas and FaaS tools such as Vercel, Supabase, and Lambda
</li>
<li>Currently expanding skills in Rust programming language
</li>
<li> Cross-Border Seller and Start-up Owner: provide e-commerce tech services and explore opportunities in this
dynamic industry
</li>
<li>Fluent reading, Beginner listening, speaking. Planning to live in EU or AU or JPN, actively enhancing language skills
in
German and English</li>
</ul>
<!-- <p>
You can find me on <a href="https://cv.imcheung.com/">CV</a>, <a href="https://github.com/erossv">GitHub</a>.
</p> -->
<br />
</body>
</html>