Spaces:

api-ix
/

Isreal-website

Running

App Files Files Community

api-ix commited on Jun 24, 2025

Commit

d5f7d07

verified ·

1 Parent(s): cb80ad8

Update index.html

Browse files

Files changed (1) hide show

index.html +76 -12

index.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Nicktoons Stream - Premium Player</title>
     <style>
         :root {
             --primary: #ff6b6b;
@@ -31,10 +31,33 @@
             overflow-x: hidden;
         }
         .player-container {
             width: 90%;
             max-width: 1200px;
-            margin: 2rem auto;
             border-radius: 15px;
             overflow: hidden;
             box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
@@ -108,6 +131,11 @@
             font-size: 0.9rem;
         }
         .quality-selector {
             background: rgba(255, 255, 255, 0.1);
             border: 1px solid rgba(255, 255, 255, 0.2);
@@ -167,6 +195,17 @@
             }
         }
         .floating-logo {
             position: absolute;
             top: -20px;
@@ -226,13 +265,31 @@
             background: var(--accent);
             font-weight: bold;
         }
     </style>
 </head>
 <body>
     <div class="player-container">
-        <div class="floating-logo">NICK</div>
         <div class="player-header">
-            <div class="player-title">Nicktoons Stream</div>
             <div class="player-controls">
                 <button class="control-btn" title="Fullscreen">↗</button>
                 <button class="control-btn" title="Settings">⚙</button>
@@ -245,13 +302,14 @@
             <div class="dot"></div>
         </div>
-        <video controls autoplay name="media" poster="https://via.placeholder.com/1200x675/292f36/f7fff7?text=Nicktoons+Stream">
             <source src="https://fl1.moveonjoy.com/NICKTOONS/index.m3u8" type="application/vnd.apple.mpegurl">
             Your browser does not support the video tag.
         </video>
         <div class="player-footer">
-            <div>Now Playing: Nicktoons Live Stream</div>
             <select class="quality-selector">
                 <option>Auto Quality</option>
                 <option>720p HD</option>
@@ -262,12 +320,16 @@
     </div>
     <div class="channel-list">
-        <button class="channel-btn active">Nicktoons</button>
-        <button class="channel-btn">Nick Jr.</button>
-        <button class="channel-btn">TeenNick</button>
-        <button class="channel-btn">Nick Music</button>
-        <button class="channel-btn">Nick HD</button>
-        <button class="channel-btn">Nick +1</button>
     </div>
     <script>
@@ -287,6 +349,8 @@
                 btn.addEventListener('click', () => {
                     channelBtns.forEach(b => b.classList.remove('active'));
                     btn.classList.add('active');
                     // In a real app, you would change the video source here
                 });
             });

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Isreal Toon - Premium Animation Stream</title>
     <style>
         :root {
             --primary: #ff6b6b;
             overflow-x: hidden;
         }
+        .brand-header {
+            text-align: center;
+            margin-bottom: 1.5rem;
+            animation: fadeIn 1.5s ease;
+        }
+        .brand-title {
+            font-size: 2.5rem;
+            font-weight: 800;
+            background: linear-gradient(to right, var(--primary), var(--accent));
+            -webkit-background-clip: text;
+            background-clip: text;
+            color: transparent;
+            margin-bottom: 0.5rem;
+            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
+        }
+        .brand-subtitle {
+            font-size: 0.9rem;
+            opacity: 0.8;
+            font-style: italic;
+        }
         .player-container {
             width: 90%;
             max-width: 1200px;
+            margin: 1rem auto;
             border-radius: 15px;
             overflow: hidden;
             box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
             font-size: 0.9rem;
         }
+        .credit-text {
+            font-size: 0.8rem;
+            opacity: 0.7;
+        }
         .quality-selector {
             background: rgba(255, 255, 255, 0.1);
             border: 1px solid rgba(255, 255, 255, 0.2);
             }
         }
+        @keyframes fadeIn {
+            from {
+                opacity: 0;
+                transform: translateY(-20px);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
         .floating-logo {
             position: absolute;
             top: -20px;
             background: var(--accent);
             font-weight: bold;
         }
+        .watermark {
+            position: fixed;
+            bottom: 20px;
+            right: 20px;
+            font-size: 0.8rem;
+            opacity: 0.5;
+            transition: opacity 0.3s ease;
+        }
+        .watermark:hover {
+            opacity: 1;
+        }
     </style>
 </head>
 <body>
+    <div class="brand-header">
+        <h1 class="brand-title">ISREAL TOON</h1>
+        <p class="brand-subtitle">Premium Animation Streaming</p>
+    </div>
     <div class="player-container">
+        <div class="floating-logo">IT</div>
         <div class="player-header">
+            <div class="player-title">Isreal Toon Live</div>
             <div class="player-controls">
                 <button class="control-btn" title="Fullscreen">↗</button>
                 <button class="control-btn" title="Settings">⚙</button>
             <div class="dot"></div>
         </div>
+        <video controls autoplay name="media" poster="https://via.placeholder.com/1200x675/292f36/f7fff7?text=Isreal+Toon+Stream">
             <source src="https://fl1.moveonjoy.com/NICKTOONS/index.m3u8" type="application/vnd.apple.mpegurl">
             Your browser does not support the video tag.
         </video>
         <div class="player-footer">
+            <div>Now Playing: Isreal Toon Live Stream</div>
+            <div class="credit-text">Created by Isreal</div>
             <select class="quality-selector">
                 <option>Auto Quality</option>
                 <option>720p HD</option>
     </div>
     <div class="channel-list">
+        <button class="channel-btn active">Isreal Toon</button>
+        <button class="channel-btn">Classic Toons</button>
+        <button class="channel-btn">Anime Hits</button>
+        <button class="channel-btn">Kids Zone</button>
+        <button class="channel-btn">Toon HD</button>
+        <button class="channel-btn">Toon +1</button>
+    </div>
+    <div class="watermark">
+        Isreal Toon © 2023 | Created by Isreal
     </div>
     <script>
                 btn.addEventListener('click', () => {
                     channelBtns.forEach(b => b.classList.remove('active'));
                     btn.classList.add('active');
+                    // Update player title
+                    document.querySelector('.player-title').textContent = btn.textContent + ' Live';
                     // In a real app, you would change the video source here
                 });
             });