Update 1.home.md

content/pages/1.home.md

@@ -1,7 +1,7 @@
 ---
 title: "Home"
 head.title: ""
-description: "Hey, I'm Rasel Shikdar, a full-stack web developer living in Bangladesh. I'm passionate about building open-source packages in the Vue, Nuxt, and Vite ecosystems."
+description: "Hey, I'm Rasel Shikdar, a full-stack web developer living in Bangladesh. I'm passionate about building open-source packages in the Vue, Nuxt and Vite ecosystems."
 ---
 
 # Rasel Shikdar :i-line-md-coffee-loop
@@ -11,10 +11,10 @@ Hey, I am Rasel Shikdar, a front-end developer from Bangladesh.
 Core team member of [Anse](https://github.com/anse-app), [OnuUI](https://github.com/onu-ui/onu-ui).<br>
 Creator of [magic-cli](https://github.com/vbs-plus/magic-cli), [za-zi](https://github.com/vbs-plus/zi),  [json-tsc](https://github.com/vbs-plus/json-tsc) and others.<br>
 Contributor of [chatgpt-demo](https://github.com/ddiu8081/chatgpt-demo), [UnoCSS](https://github.com/unocss/unocss), [Vitest](https://github.com/vitest-dev/vitest), [Vitesse-nuxt3](https://github.com/antfu/vitesse-nuxt3) and more.
+
+Dreaming up ideas and making them come true is where my passion lies. You can find my [full projects list here](/projects). 
 
-Dreaming up ideas and making them come true is where my passion lies. You can find my [full projects list here](/projects).
-
-Currently, I am focusing on front-end technologies that help people design complex applications to be simpler to use, enabling functionality while optimizing the user experience.
+Currently I am focusing on front-end technologies that help people design complex applications to be simpler to use, enabling functionality while optimizing the user experience.
 
 I love to chase ideas and I spend a lot of time using some great product applications, learning from their successes and using them to inspire my creativity.
 
@@ -23,72 +23,3 @@ Find me on [:i-simple-icons-github GitHub](https://github.com/raselshikdar), [:i
 Mail me at :i-simple-icons-gmail [email protected].
 
 If you like my works, you can add [star to my projects](https://github.com/raselshikdar?tab=repositories).
-
----
-
-## Dynamic Media Embed
-
-<div class="video-container">
-  <iframe
-    id="media-embed"
-    class="aspect-16/9 h-full"
-    src="https://www.youtube.com/embed/Jh-jPx5ef8g" <!-- Default to YouTube -->
-    title="Video player"
-    frameborder="0"
-    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-    allowfullscreen
-  ></iframe>
-</div>
-
-<div class="button-container">
-  <button onclick="updateMediaEmbed('https://www.youtube.com/embed/dQw4w9WgXcQ', 'video/youtube')">Load YouTube Video</button>
-  <button onclick="updateMediaEmbed('https://www.facebook.com/plugins/video.php?href=https://www.facebook.com/your_video_url', 'video/facebook')">Load Facebook Video</button>
-  <button onclick="updateMediaEmbed('https://example.com/path/to/your/video.m3u8', 'application/x-mpegURL')">Load m3u8 Video</button>
-</div>
-
-<script>
-function updateMediaEmbed(url, type) {
-  const iframe = document.getElementById('media-embed');
-  iframe.src = url;
-}
-</script>
-
-<style>
-.video-container {
-  position: relative;
-  padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
-  height: 0;
-  overflow: hidden;
-  max-width: 100%;
-}
-
-.video-container iframe {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.button-container {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 10px;
-  margin-top: 10px;
-}
-
-.button-container button {
-  flex: 1 1 150px; /* Responsive buttons */
-  padding: 10px;
-  border: none;
-  border-radius: 5px;
-  background-color: #007bff;
-  color: white;
-  cursor: pointer;
-  transition: background-color 0.3s;
-}
-
-.button-container button:hover {
-  background-color: #0056b3; /* Darker shade on hover */
-}
-</style>