From 0b8921c11f3e6eb68595689c87cbc87776544ff2 Mon Sep 17 00:00:00 2001
From: Sanyuaung <sanyuaung.ygn.mm@gmail.com>
Date: Sun, 29 Oct 2023 23:53:17 +0630
Subject: [PATCH] :fire: build(profile): add sanyuaung profile

---
 content/profile/sanyuaung.mdx | 62 +++++++++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 content/profile/sanyuaung.mdx

diff --git a/content/profile/sanyuaung.mdx b/content/profile/sanyuaung.mdx
new file mode 100644
index 0000000..a3a76a8
--- /dev/null
+++ b/content/profile/sanyuaung.mdx
@@ -0,0 +1,62 @@
+---
+name: San Yu Aung
+description: "4+ years self-learned, built banking web portal. 2+ years PHP web dev experience."
+image: "https://avatars.githubusercontent.com/u/73920052?v=4"
+tags:
+  - Fullstack
+  - Backend
+  - Laravel
+  - Vue
+  - Angular
+  - PHP
+  - MySQL
+  - GitHub
+---
+
+<div class="text-2xl flex flex-row max-w-[200px] mt-5 mx-auto text-lg text-center text-yellow-500 font-bold animate-[wiggle_1s_ease-in-out_infinite]">
+  <p className="-rotate-45" style={{ color: "#39ff14" }}>
+    Hello!!!
+  </p>
+</div>
+
+<div className="h-28 w-28 rounded-full overflow-hidden mx-auto">
+  <img src="https://avatars.githubusercontent.com/u/73920052?v=4" />
+</div>
+
+<h1
+  className="flex flex-row max-w-[200px] mt-5 mx-auto text-lg text-center font-bold"
+  style={{ color: "#39ff14" }}
+>
+  I'm San Yu Aung
+</h1>
+
+<div className="text-center">
+  <details className="relative mx-auto my-5">
+    <summary className="absolute left-[50%] -translate-x-[50%] top-[100px] inline-block cursor-pointer">
+      <div
+        className="bg-blue-500 text-white font-bold py-2 px-4 rounded-full transform transition-transform hover:scale-150"
+        style={{ color: "#39ff14" }}
+      >
+        Open Sesame
+      </div>
+    </summary>
+    <div>
+      <iframe
+        src="https://sanyuaung.github.io/mmswe/"
+        title="San Yu Aung"
+        width="110%"
+        height="750"
+        style={{ border: "none" }}
+      ></iframe>
+    </div>
+  </details>
+  <style>
+    {`
+          details[open] summary {
+            height: 0;
+            overflow: hidden;
+            visibility: hidden;
+          }
+        `}
+  </style>
+</div>