Spaces:

Mythus
/

MediaMammaTest

Paused

App Files Files Community

Mythus commited on Sep 2, 2024

Commit

ec267de

verified ·

1 Parent(s): d9997bb

Update static/static.py

Browse files

Files changed (1) hide show

static/static.py +49 -67

static/static.py CHANGED Viewed

@@ -5,7 +5,6 @@ HTML = """
 <html>
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Mamma Mia</title>
     <link rel="icon" href="https://creazilla-store.fra1.digitaloceanspaces.com/emojis/49647/pizza-emoji-clipart-md.png" type="image/x-icon">
     <style>
@@ -17,10 +16,10 @@ HTML = """
             padding: 0;
             width: 100%;
             height: 100%;
-            font-family: 'Open Sans', Arial, sans-serif;
         }
         body {
             font-size: 2.2vh;
             color: white;
             background: url('https://i.postimg.cc/m2ZqvpZj/italian-seamless-free-vector-pattern3.png') center center repeat;
             background-size: cover;
@@ -32,17 +31,15 @@ HTML = """
             background: rgba(0, 0, 0, 0.8);
             padding: 2vh;
             border-radius: 10px;
-            width: 90%;
-            max-width: 400px;
             text-align: center;
-            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
-            overflow: hidden;
         }
         .logo {
             height: auto;
-            width: 14vh;
             margin: auto;
-            margin-bottom: 2vh;
         }
         .logo img {
             width: 100%;
@@ -53,7 +50,7 @@ HTML = """
             text-shadow: 0 0 1vh rgba(0, 0, 0, 0.15);
         }
         h1 {
-            font-size: 4vh;
             font-weight: 700;
         }
         h2 {
@@ -61,7 +58,7 @@ HTML = """
             font-weight: normal;
             font-style: italic;
             opacity: 0.8;
-            margin-bottom: 1.5vh;
             word-wrap: break-word;
         }
         h3 {
@@ -76,18 +73,14 @@ HTML = """
             background: rgba(255, 255, 255, 0.1);
             padding: 1vh;
             border-radius: 5px;
-            font-size: 2vh;
         }
         .provider-group label {
             display: flex;
             align-items: center;
-            font-size: 2vh;
-            cursor: pointer;
         }
         .provider-group input[type="checkbox"] {
-            margin-right: 1.5vh;
-            width: 3vh;
-            height: 3vh;
         }
         .contact {
             position: absolute;
@@ -106,15 +99,18 @@ HTML = """
             color: white;
             background: #8A5AAB;
             padding: 1.2vh 3.5vh;
-            margin: 1vh 0;
             text-align: center;
-            font-size: 2vh;
             font-weight: 600;
             cursor: pointer;
             display: block;
             box-shadow: 0 0.5vh 1vh rgba(0, 0, 0, 0.2);
             transition: box-shadow 0.1s ease-in-out;
-            border-radius: 5px;
         }
         button:hover {
             box-shadow: none;
@@ -147,21 +143,6 @@ HTML = """
             text-align: left;
             word-wrap: break-word;
         }
-        @media (max-width: 600px) {
-            h1 {
-                font-size: 3.5vh;
-            }
-            h2, .description {
-                font-size: 2vh;
-            }
-            .provider-group label {
-                font-size: 2.2vh;
-            }
-            button {
-                font-size: 2vh;
-                padding: 2vh 3vh;
-            }
-        }
     </style>
 </head>
 <body>
@@ -174,7 +155,7 @@ HTML = """
         <div id="additionalText">
             <h2>This addon provides Movie, Series, Anime and Live TV HTTPS Streams.<br> https://github.com/UrloMythus/MammaMia/</h2>
         </div>
-        <p class="description">Configure your providers: Note that if you enable Fast Search results will be less accurate but faster.<br>Filmpertutti and Tantifilm won't work if you are not using a local (on your PC) instance.</p>
         <h3 class="gives">Select Providers:</h3>
         <form class="pure-form" id="provider-form">
             <div class="provider-group">
@@ -219,41 +200,42 @@ HTML = """
         <div id="manifestBox"></div>
     </div>
     <script>
-    function generateManifest() {
-        let manifest = "|";
-        const providers = {
-            "streamingcommunity": "SC",
-            "fast_search_sc": "SC_FS",
-            "lordchannel": "LC",
-            "streamingwatch": "SW",
-            "tantifilm": "TF",
-            "fast_search_tf": "TF_FS",
-            "filmpertutti": "FT",
-            "animeworld": "AW"
-        };
-        for (const id in providers) {
-            if (document.getElementById(id).checked) {
-                manifest += providers[id] + "|";
             }
-        }
-        const instanceUrl = "{instance_url}";  // Keep http in the URL
-        const manifestUrl = instanceUrl + "/" + manifest + "/" + "manifest.json";
-        return manifestUrl;
-    }
-    document.getElementById('generateManifestButton').addEventListener('click', function() {
-        const manifestUrl = generateManifest();
-        document.getElementById("manifestBox").style.display = "block";
-        document.getElementById("manifestBox").innerText = manifestUrl;
-    });
-    document.getElementById('installButton').addEventListener('click', function() {
-        let manifestUrl = generateManifest();
-        manifestUrl = manifestUrl.replace("http://", "");
-        const stremioUrl = "stremio://" + manifestUrl;
-        window.location.href = stremioUrl;
-    });
     </script>
 </body>
 </html>
 """

 <html>
 <head>
     <meta charset="utf-8">
     <title>Mamma Mia</title>
     <link rel="icon" href="https://creazilla-store.fra1.digitaloceanspaces.com/emojis/49647/pizza-emoji-clipart-md.png" type="image/x-icon">
     <style>
             padding: 0;
             width: 100%;
             height: 100%;
         }
         body {
             font-size: 2.2vh;
+            font-family: 'Open Sans', Arial, sans-serif;
             color: white;
             background: url('https://i.postimg.cc/m2ZqvpZj/italian-seamless-free-vector-pattern3.png') center center repeat;
             background-size: cover;
             background: rgba(0, 0, 0, 0.8);
             padding: 2vh;
             border-radius: 10px;
+            width: 50vh; /* Adjusted to make the box slightly larger */
+            max-width: 90%; /* Ensures it fits on smaller screens */
             text-align: center;
         }
         .logo {
             height: auto;
+            width: 12vh; /* Adjusted to ensure the logo fits properly */
             margin: auto;
+            margin-bottom: 3vh;
         }
         .logo img {
             width: 100%;
             text-shadow: 0 0 1vh rgba(0, 0, 0, 0.15);
         }
         h1 {
+            font-size: 4.5vh;
             font-weight: 700;
         }
         h2 {
             font-weight: normal;
             font-style: italic;
             opacity: 0.8;
+            margin-bottom: 20px;
             word-wrap: break-word;
         }
         h3 {
             background: rgba(255, 255, 255, 0.1);
             padding: 1vh;
             border-radius: 5px;
         }
         .provider-group label {
             display: flex;
             align-items: center;
+            font-size: 1.75vh;
         }
         .provider-group input[type="checkbox"] {
+            margin-right: 1vh;
         }
         .contact {
             position: absolute;
             color: white;
             background: #8A5AAB;
             padding: 1.2vh 3.5vh;
+            margin: auto;
             text-align: center;
+            font-family: 'Open Sans', Arial, sans-serif;
+            font-size: 2.2vh;
             font-weight: 600;
             cursor: pointer;
             display: block;
             box-shadow: 0 0.5vh 1vh rgba(0, 0, 0, 0.2);
             transition: box-shadow 0.1s ease-in-out;
+            width: 100%; /* Make the buttons take the full width of the container */
+            max-width: 30vh; /* Limit maximum button width for better presentation */
+            margin-bottom: 1vh; /* Add space between buttons */
         }
         button:hover {
             box-shadow: none;
             text-align: left;
             word-wrap: break-word;
         }
     </style>
 </head>
 <body>
         <div id="additionalText">
             <h2>This addon provides Movie, Series, Anime and Live TV HTTPS Streams.<br> https://github.com/UrloMythus/MammaMia/</h2>
         </div>
+        <p class="description">Configure your providers: Note that if you enable Fast Search results will be less accurate but faster. <br> Filmpertutti and Tantifilm won't work if you are not using a local (on your PC) instance.</p>
         <h3 class="gives">Select Providers:</h3>
         <form class="pure-form" id="provider-form">
             <div class="provider-group">
         <div id="manifestBox"></div>
     </div>
     <script>
+        function generateManifest() {
+            let manifest = "|";
+            const providers = {
+                "streamingcommunity": "SC",
+                "fast_search_sc": "SC_FS",
+                "lordchannel": "LC",
+                "streamingwatch": "SW",
+                "tantifilm": "TF",
+                "fast_search_tf": "TF_FS",
+                "filmpertutti": "FT",
+                "animeworld": "AW"
+            };
+            for (const id in providers) {
+                if (document.getElementById(id).checked) {
+                    manifest += providers[id] + "|";
+                }
             }
+            const instanceUrl = "{instance_url}";  // Keep http in the URL
+            const manifestUrl = instanceUrl + "/" + manifest + "/" + "manifest.json";
+            return manifestUrl;
+        }
+        document.getElementById('generateManifestButton').addEventListener('click', function() {
+            const manifestUrl = generateManifest();
+            document.getElementById("manifestBox").style.display = "block";
+            document.getElementById("manifestBox").innerText = manifestUrl;
+        });
+        document.getElementById('installButton').addEventListener('click', function() {
+            let manifestUrl = generateManifest();
+            manifestUrl = manifestUrl.replace("http://", "");
+            const stremioUrl = "stremio://" + manifestUrl;
+            window.location.href = stremioUrl;
+        });
     </script>
 </body>
 </html>
 """