Merge pull request #121 from zinlin59/zinlinhtike

⏪ revert(profile): add zinlinhtke profile

content/profile/khun.mdx

@@ -11,7 +11,6 @@ tags:
   - ExpressJS
   - RESTful API
   - Linux
-
 ---
 
 <div className="h-28 w-28 rounded-full overflow-hidden mx-auto">

content/profile/zinlinhtike.mdx

@@ -0,0 +1,55 @@
+---
+name: Zin Lin Htike
+description: I'm junior web developer. I'm still learning!
+image: "https://avatars.githubusercontent.com/u/144356559?s=400&u=84c3dfdf02e82d084aa4fb5e141cf1962157024e&v=4"
+tags:
+  - HTML
+  - CSS
+  - Bootstrap
+  - Tailwind
+  - JavaScript
+  - ReactJS
+  - PHP 
+  - Laravel
+---
+
+  <div className="max-w-lg mx-auto my-10 bg-white rounded-lg shadow-md p-5">
+    <img class="w-32 h-32 block object-cover w-1/4 rounded-full ring-4 ring-purple-500/50 ring-offset-[10px] mx-auto" src="https://avatars.githubusercontent.com/u/144356559?s=400&u=84c3dfdf02e82d084aa4fb5e141cf1962157024e&v=4" alt="Profile picture"/>
+    <h2 class="text-center text-gray-700 text-2xl font-semibold mt-3 pt-3">Zin Lin Htike</h2>
+    <p class="text-center text-gray-800 mt-1">I'm junior web developer. I'm still learning</p>
+    <div class="flex justify-center mt-5">
+        <a href="https://zinlin59.github.io/react-portfolio/" class="text-blue-500 hover:text-blue-700 mx-3">Portfolio</a>
+        <a href="https://instagram.com/154zinlinhtike?igshid=NGVhN2U2NjQQYg==" class="text-blue-500 hover:text-blue-700 mx-3">Instagram</a>
+        <a href="https://github.com/zinlin59" class="text-blue-500 hover:text-blue-700 mx-3">GitHub</a>
+    </div>
+    <div class="mt-5 gap-3">
+        <h3 class="text-xl font-semibold text-gray-800">What Skills I Have</h3>
+        <div class="text-gray-600 flex flex-row mt-2 gap-2">
+
+          <div className="w-30 h-38 ">
+            ![ Html5 ](https://img.shields.io/badge/html5-0000b3?style=&logo=Html5)
+          </div>
+          <div className="w-25 h-18 ">
+            ![ CSS ](https://img.shields.io/badge/CSS-996643?style=&logo=css3)
+          </div>
+          <div className="w-25 h-18 ">
+            ![ Bootstrap ](https://img.shields.io/badge/bootstrap-99004d?style=&logo=Bootstrap)
+          </div>
+           <div className="w-25 h-18 ">
+            ![ TailwindCss ](https://img.shields.io/badge/Tailwindcss-993399?style=&logo=tailwindcss)
+          </div>
+           <div className="w-25 h-18 ">
+            ![ Javascript ](https://img.shields.io/badge/Javascript-0052cc?style=&logo=Javascript)
+          </div>
+           <div className="w-25 h-18 ">
+            ![ ReactJs ](https://img.shields.io/badge/ReactJs-33cc00?style=&logo=react)
+          </div>
+          <div className="w-25 h-18 ">
+            ![ PHP ](https://img.shields.io/badge/PHP-se600a?style=&logo=PHP)
+          </div>
+           <div className="w-25 h-18 ">
+            ![ Laravel ](https://img.shields.io/badge/laravel-cccc00?style=&logo=Laravel)
+          </div>
+        </div>
+    </div>
+  </div>

package.json

@@ -28,6 +28,7 @@
   },
   "dependencies": {
     "@splinetool/react-spline": "^2.2.6",
+    "@splinetool/runtime": "^0.9.488",
     "clsx": "^2.0.0",
     "commitlint": "^17.7.2",
     "commitlint-config-gitmoji": "^2.3.1",