-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
76 lines (71 loc) · 3.52 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
<!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.0" />
<meta property="og:title" content="CODY" />
<meta name="description" content="Tien Dat (Cody) is a creative developer and designer based in Hanoi, Vietnam. His goal is to find formulas that recreate everyday nature." />
<meta property="og:description" content="Tien Dat (Cody) is a creative developer and designer based in Hanoi, Vietnam. His goal is to find formulas that recreate everyday nature." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://cody.gd/" />
<title>CODY</title>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-95TW0F6B15"></script>
<script>
window.dataLayer = window.dataLayer || []
function gtag() {
dataLayer.push(arguments)
}
gtag("js", new Date())
gtag("config", "G-95TW0F6B15")
</script>
</head>
<body>
<h1>cody.gd</h1>
<p>Vibing with <a href="http://info.cern.ch">the first website</a>.</p>
<hr />
<h2>About</h2>
<p>Tien Dat (Cody) is a creative developer and designer based in Hanoi, Vietnam.</p>
<hr />
<h2>Works</h2>
<p>From here you can:</p>
<ol>
<li>
<p>
<b><a href="https://búnđậu.mắmtôm.com/" rel="noopener noreferrer" target="_blank">https://búnđậu.mắmtôm.com/</a></b> (Desktop-friendly)
</p>
<p>
Promote a Vietnamese rustic dish — Noodle and Tofu with Shrimp Paste. The UI resemblances a street food style shop signage with
<a href="https://www.instagram.com/cooperblackinvietnam/" rel="noopener noreferrer" target="_blank">stretched Cooper Black</a>.
</p>
<p>
The <em>dot</em> or chấm in Vietnamese (<code>.</code>) is a homonym for "dipping". When placed between <em>Noodle and Tofu</em> (<code>búnđậu</code>) and <em>Shrimp Paste</em>
(<code>mắmtôm</code>), it means dipping one into another.
</p>
</li>
<li>
<p>
<b><a href="https://vfcd2021-ccccooooddddyyyy.vercel.app/vi/to_morrow" rel="noopener noreferrer" target="_blank">https://vfcd.events/to_morrow</a></b>
</p>
<p>
Users may experience performance issues when a large amount of artwork is on screen, due to the algorithm having the cost of
<img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/949acd060374f98c6dc5f76ad962c7fe2d6636d4" style="height: 24px; vertical-align: middle; line-height: 1em" alt="" />.
</p>
<p>I only do the front-end for this project.</p>
<p>Made with <em>basic React</em>, <em>p5.js</em>, <em>Tailwindcss</em>, <em>Hammerjs</em>, <em>Framer Motion</em>.</p>
</li>
<li>
<p>
<b><a href="https://lafuong.com/" rel="noopener noreferrer" target="_blank">https://lafuong.com/</a></b>
</p>
<p>An ecom website for a French pastry in hometown.</p>
<p>My successful attempt to try out learning <em>Typescript</em>, doing <em>business logic</em>, and <em>handling forms</em>.</p>
<p>Made with <em>Nextjs</em>, <em>advanced React</em>, <em>Tailwindcss</em>, <em>Redux</em>, <em>GSAP</em>.</p>
<p>Used <em>Notion</em> as a backend, after trying <em>Firebase</em>.</p>
</li>
</ol>
<hr />
<h2>Contact</h2>
<p>Holla me at <a href="mailto:hi@cody.gd">hi@cody.gd</a></p>
</body>
</html>