Skip to content

Commit 43fba08

Browse files
HtetWaiYannHtet Wai Yan
HtetWaiYann
and
Htet Wai Yan
authored
Htet Wai Yan (#151)
* 🔥 build(htetwaiyan): htetwaiyan htetwaiyan * 🔥 build(htetwaiyan's profile): hwy htet wai yan's profile --------- Co-authored-by: Htet Wai Yan <hw.yan@mit.com.mm>
1 parent f605623 commit 43fba08

1 file changed

Lines changed: 136 additions & 0 deletions

File tree

‎content/profile/htetwaiyan.mdx‎

Lines changed: 136 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,136 @@
1+
---
2+
name: Htet Wai Yan
3+
description: MEAN stack developer and love to learn new techs.
4+
image: "https://avatars.githubusercontent.com/u/72548139?v=4"
5+
tags:
6+
- Angular
7+
- React
8+
- Node.js
9+
- Python
10+
- Flutter
11+
- AWS
12+
---
13+
14+
import { FaFacebook, FaGithub, FaLinkedin, FaGlobe } from "react-icons/fa";
15+
16+
<div className="w-full flex justify-center">
17+
<div className="bg-white bg-opacity-20 backdrop-blur-lg rounded drop-shadow-lg w-fit p-10 rounded-lg">
18+
<div className="flex flex-col items-center justify-center">
19+
{/* Profile Image */}
20+
<div className="mb-8 h-32 w-32 transform overflow-hidden rounded-full shadow-lg transition-transform hover:scale-105 relative">
21+
<img
22+
src="https://avatars.githubusercontent.com/u/72548139?v=4"
23+
alt="Profile Image"
24+
className="h-full w-full object-cover rounded-full"
25+
/>
26+
<div className="ring-4 ring-purple-600 absolute inset-0 rounded-full"></div>
27+
</div>
28+
{/* Name */}
29+
<div className="animate-bounce text-xl font-bold text-white">
30+
HTET WAI YAN
31+
</div>
32+
{/* Terminal */}
33+
<div className="min-w-400 mt-8 mb-8 w-full max-w-xl overflow-hidden rounded-lg bg-black font-mono text-white">
34+
<div className="mx-auto w-full rounded border-black bg-black subpixel-antialiased shadow-2xl">
35+
<div
36+
className="flex h-6 items-center rounded-t border-b border-gray-500 bg-gray-100 text-center text-black"
37+
id="headerTerminal"
38+
>
39+
<div
40+
className="ml-2 flex h-3 w-3 items-center rounded-full border-red-900 bg-red-500 text-center shadow-inner"
41+
id="closebtn"
42+
></div>
43+
<div
44+
className="ml-2 h-3 w-3 rounded-full border-yellow-900 bg-yellow-500 shadow-inner"
45+
id="minbtn"
46+
></div>
47+
<div
48+
className="ml-2 h-3 w-3 rounded-full border-green-900 bg-green-500 shadow-inner"
49+
id="maxbtn"
50+
></div>
51+
<div className="mx-auto pr-16" id="terminaltitle">
52+
<p className="text-center text-sm">hwy ~ zsh</p>
53+
</div>
54+
</div>
55+
<div
56+
className="h-auto bg-black pb-1 pl-1 pt-1 text-sm font-mono"
57+
id="console"
58+
>
59+
<p className="pb-1">Last login: Thu Nov 05 09:11:04 on ttys002</p>
60+
<div className="mb-4">
61+
<span className="text-green-500 me-2">hwy@localhost:~$</span>
62+
<span>profile</span>
63+
<p className="pt-1">
64+
MEAN stack developer with over 3 years of hands-on experience in
65+
building scalable web applications.
66+
</p>
67+
</div>
68+
<div className="mb-4">
69+
<span className="text-green-500 me-2">hwy@localhost:~$</span>
70+
<span>frameworks</span>
71+
<p className="pt-1">Angular, React, Node.Js, Flutter</p>
72+
</div>
73+
<div className="mb-4">
74+
<span className="text-green-500 me-2">hwy@localhost:~$</span>
75+
<span>languages</span>
76+
<p className="pt-1">HTML/CSS, Typescript, Python, Dart</p>
77+
</div>
78+
<div className="mb-4">
79+
<span className="text-green-500 me-2">hwy@localhost:~$</span>
80+
<span>contacts</span>
81+
<p className="pt-1">
82+
<a href="mailto:hwy.dev@gmail.com" target="_blank">
83+
hwy.dev@gmail.com
84+
</a>
85+
</p>
86+
</div>
87+
<div className="mb-2">
88+
<span className="text-green-500 me-2">hwy@localhost:~$</span>
89+
<span>girlfriend</span>
90+
<p className="pt-1 text-red-500">
91+
zsh: command not found: girlfriend
92+
</p>
93+
</div>
94+
</div>
95+
</div>
96+
</div>
97+
98+
{/* Socials */}
99+
<div className="flex space-x-4 text-white">
100+
<a
101+
href="https://www.facebook.com/htetwaiyan.gaegae/"
102+
target="_blank"
103+
rel="noopener noreferrer"
104+
className="text-sm hover:scale-110 transform transition-transform duration-300"
105+
>
106+
<FaFacebook size={20} />
107+
</a>
108+
<a
109+
href="https://github.com/HtetWaiYann"
110+
target="_blank"
111+
rel="noopener noreferrer"
112+
className="text-sm hover:scale-110 transform transition-transform duration-300"
113+
>
114+
<FaGithub size={20} />
115+
</a>
116+
<a
117+
href="https://www.linkedin.com/in/htet-waiyan/"
118+
target="_blank"
119+
rel="noopener noreferrer"
120+
className="text-sm hover:scale-110 transform transition-transform duration-300"
121+
>
122+
<FaLinkedin size={20} />
123+
</a>
124+
<a
125+
href="https://www.htetwaiyan.com/"
126+
target="_blank"
127+
rel="noopener noreferrer"
128+
className="text-sm hover:scale-110 transform transition-transform duration-300"
129+
>
130+
<FaGlobe size={20} />
131+
</a>
132+
</div>
133+
</div>
134+
135+
</div>
136+
</div>

0 commit comments

Comments
 (0)