first upate

sl4x0 · Dec 26, 2023 · e836edf · e836edf
1 parent 768f44f
commit e836edf
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 14 deletions.
diff --git a/README.md b/README.md
@@ -1,2 +1 @@
-# quran_station
-بث مباشر لإذاعة القرآن الكريم من القاهرة على مدار الـ24 ساعة
+استمتع ببث مباشر على مدار 24 ساعة لإذاعة القرآن الكريم من القاهرة.
diff --git a/index.html b/index.html
@@ -1,16 +1,22 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link
+      rel="icon"
+      type="image/png"
+      href="https://cdn-icons-png.flaticon.com/512/2009/2009904.png"
+    />
     <title>Quran Station</title>
-</head>
-<body>
-
-<audio controls>
-    <source src="https://stream.radiojar.com/8s5u5tpdtwzuv" type="audio/mp3">
-
-</audio>
-
-</body>
+  </head>
+  <body>
+    <h1>أذاعة القرآن الكريم</h1>
+    <audio controls>
+      <source
+        src="https://stream.radiojar.com/8s5u5tpdtwzuv"
+        type="audio/mp3"
+      />
+    </audio>
+  </body>
 </html>
diff --git a/style.css b/style.css
@@ -0,0 +1,21 @@
+body {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100vh;
+  margin: 0;
+  background-color: #f4f4f4;
+}
+h1 {
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  color: #333;
+  margin-bottom: 20px;
+}
+audio {
+  width: 100%;
+  background-color: #333;
+  border: none;
+  outline: none;
+  padding: 20px;
+  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
+}