updated embed.js, index.html

kakachiex2 · May 8, 2024 · 5c71f27 · 5c71f27
1 parent c25830c
commit 5c71f27
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 1 deletion.
diff --git a/embed.js b/embed.js
@@ -1,3 +1,47 @@
+// embed.js
+const css =
+
+  body {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    background-color: #f7f7f7;
+    font-family: Arial, sans-serif;
+}
+
+.music-player {
+    background-color: #fff;
+    padding: 20px;
+    border-radius: 20px;
+    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
+    text-align: center;
+}
+
+.controls {
+    margin-top: 20px;
+}
+
+button {
+    margin: 0 10px;
+    padding: 10px 20px;
+    border: none;
+    border-radius: 5px;
+    background-color: #007BFF;
+    color: white;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+
+button:hover {
+    background-color: #0056b3;
+}
+;
+
+const style = document.createElement('style');
+style.textContent = css;
+document.head.appendChild(style);
+
 document.addEventListener('DOMContentLoaded', function() {
   // Get the script tag that loaded this script
   var scriptTag = document.currentScript;

diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
 
 <head>
     <title>Mini Music Player</title>
-    <link rel="stylesheet" type="text/css" href="./src/css/main.css">
+<!--    <link rel="stylesheet" type="text/css" href="./src/css/main.css">-->
 </head>
 
 <body>
-Original file line number
+Diff line change
@@ Expand Up / @@ -3,7 +3,7 @@ @@
     <head>
         <title>Mini Music Player</title>
-        <link rel="stylesheet" type="text/css" href="./src/css/main.css">
+    <!--    <link rel="stylesheet" type="text/css" href="./src/css/main.css">-->
     </head>
     <body>
@@ Expand Down @@