🔥 build(profile): add saungyati profile (#134)

* 🔥 build(profile): add saungyati profile

* 🔥 build(profile): add saungyati profile

content/profile/saungyati.mdx

@@ -0,0 +1,113 @@
+---
+name: Saung Yati
+description: An enthusiastic Frontend learner trying to boost my skills and knowledge.
+image: "https://i.pinimg.com/736x/ce/2f/6b/ce2f6b7db920671a9c7f24c7afa75867.jpg"
+tags:
+  - Frontend
+  - JavaScript
+  - ReactJS
+  - Tailwind
+  - Bootstrap
+---
+
+    <>
+      <div className=" h-[1000px] border  flex flex-col items-center justify-center">
+        <div className=" md:flex gap-5">
+          <div className=" ms-[90px]">
+            <div
+              className="tooltip tooltip-open tooltip-bottom text-xl font-semibold"
+              data-tip="Saung Yati"
+            >
+              <img
+                className="rounded-[100%] w-[200px] border-[5px] mx-auto"
+                src="https://i.pinimg.com/736x/ce/2f/6b/ce2f6b7db920671a9c7f24c7afa75867.jpg"
+                alt=""
+              />
+            </div>
+          </div>
+          <div className="chat chat-start mt-16 w-[370px]">
+            <div className="chat-bubble relative bg-purple-400 mx-auto font-serif shadow-md shadow-purple-300">
+              <span className=" absolute -top-7 text-2xl font-semibold p-2 rounded-3xl shadow-inner shadow-purple-300 bg-purple-950">
+                About Me
+              </span>
+              <img
+                className=" absolute -top-8 right-4 rounded-[100%] w-[80px]"
+                src="https://i.pinimg.com/236x/cd/2e/08/cd2e0863cbcf0a85ba7d4d59ac871f95.jpg"
+                alt=""
+              />
+              <br />
+              <span className=" text-black">
+                Hi, there!! I am just a frontend development learner and attempt
+                to achieve my big dream. I am keen on coding with a cup of
+                coffee and watching k-drama series.
+              </span>
+            </div>
+          </div>
+        </div>
+
+        <div className="chat chat-start mt-10 w-[360px] flex-wrap md:ms-[280px]">
+          <div className="chat-bubble relative bg-purple-400 mx-auto font-serif shadow-md shadow-purple-300">
+            <span className=" absolute text-2xl font-semibold p-2 rounded-3xl -top-5 shadow-inner shadow-purple-300 bg-purple-950">
+              Skills
+            </span>
+            <img
+              className=" absolute -top-7 right-7 rounded-[100%] w-[60px]"
+              src="https://i.pinimg.com/236x/03/fb/86/03fb86640a39f8b681e495533b83c62d.jpg"
+              alt=""
+            />
+            <br />
+            <span className=" text-black">
+              html{" "}
+              <progress
+                className="progress w-56 ms-2"
+                value="100"
+                max="100"
+              ></progress>
+              CSS{" "}
+              <progress
+                className="progress w-56 ms-3"
+                value="70"
+                max="100"
+              ></progress>
+              JS{" "}
+              <progress
+                className="progress w-5/6 ms-5"
+                value="70"
+                max="100"
+              ></progress>
+              React{" "}
+              <progress
+                className="progress w-56"
+                value="70"
+                max="100"
+              ></progress>
+            </span>
+          </div>
+        </div>
+
+        <div className=" w-[350px] md:ms-[280px] flex gap-4 items-center font-serif p-2 text-white shadow mt-7 border-2 rounded-lg">
+          <img
+            className=" w-[40px] rounded-[100%]"
+            src="https://i.pinimg.com/236x/a2/c9/e7/a2c9e7576f4250e327895ceae091ff64.jpg"
+            alt=""
+          />
+          <p> Email : [email protected]</p>
+        </div>
+        <div className=" w-[350px] md:ms-[280px] flex gap-4 items-center font-serif p-2 text-white shadow mt-7 border-2 rounded-lg">
+          <img
+            className=" w-[40px] rounded-[100%]"
+            src="https://i.pinimg.com/236x/d2/97/9b/d2979bd98ea37dd3ba4d31c20828ceed.jpg"
+            alt=""
+          />
+          <p>Facebook : http://www.facebook.com</p>
+        </div>
+        <div className=" w-[350px] md:ms-[280px] flex gap-4 items-center font-serif p-2 text-white shadow mt-7 border-2 rounded-lg">
+          <img
+            className="w-[40px] rounded-[100%]"
+            src="https://i.pinimg.com/236x/97/31/6f/97316ff0c4da0bea020e63d16075e987.jpg"
+            alt=""
+          />
+          <p>LinkIn : http//www.LinkedIn.com</p>
+        </div>
+      </div>
+    </>

package.json

@@ -61,6 +61,7 @@
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "autoprefixer": "^10",
+    "daisyui": "^3.9.4",
     "eslint": "^8",
     "eslint-config-next": "13.5.4",
     "postcss": "^8",

tailwind.config.ts

@@ -62,6 +62,6 @@ const config: Config = {
       },
     },
   },
-  plugins: [],
+  plugins: [require("daisyui")],
 };
 export default config;