Add files via upload

xMohnad · Mar 17, 2024 · 26e0fee · 26e0fee
1 parent c08fbf3
commit 26e0fee
Show file tree

Hide file tree

Showing 2 changed files with 56 additions and 0 deletions.
diff --git a/src/index.html b/src/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="ar">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>إضافة مستودع</title>
+    <!-- تضمين Bootstrap CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+    <!-- تضمين CSS المنفصل -->
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <div id="addRepoContainer" class="d-flex justify-content-center align-items-center vh-100">
+        <a id="addRepoBtn" class="btn btn-primary" href="tachiyomi://add-repo?url=https://raw.githubusercontent.com/xMohnad/tachiyomi-Mihon-extensions/main/index.min.json">إضافة المستودع</a>
+    </div>
+    <!-- تضمين Bootstrap JS -->
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+</body>
+</html>
diff --git a/src/styles.css b/src/styles.css
@@ -0,0 +1,35 @@
+body {
+            text-align: center;
+            background-color: #f2f2f2;
+            color: #333;
+        }
+        #addRepoContainer {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+        }
+        #addRepoBtn {
+            padding: 10px 20px;
+            background-color: #007bff;
+            color: #fff;
+            text-decoration: none;
+            border-radius: 5px;
+            font-weight: bold;
+            transition: all 0.3s ease;
+        }
+        #addRepoBtn:hover {
+            background-color: #0056b3;
+            animation: bounce 0.5s ease;
+        }
+        @keyframes bounce {
+            0% { transform: translateY(0); }
+            50% { transform: translateY(-10px); }
+            100% { transform: translateY(0); }
+        }
+        @media (prefers-color-scheme: dark) {
+            body {
+                background-color: #333;
+                color: #f2f2f2;
+            }
+        }