Update templates/index.html

templates/index.html

@@ -15,6 +15,7 @@
             <button onclick="purchase()">Purchase</button>
         </div>
     </div>
+
     <main>
         <header>
             <h1>Manga Processing</h1>
@@ -102,11 +103,39 @@
         <div id="download-section" style="display:none;">
             <h3>Processing complete!</h3>
             <a id="download-link" href="" download>Click here to download the results</a>
-            <br>
-            <br>
+            <br><br>
             <button id="reset-button" onclick="resetForm()">Submit Again</button>
         </div>
     </main>
+
+    <!-- GitHub Links -->
+    <footer style="margin-top: 30px; text-align: center;">
+        <div style="display: flex; justify-content: center; gap: 40px;">
+            <a href="https://github.com/koesan/ReManga_web" target="_blank" style="text-decoration: none; color: inherit;">
+                <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/github/github-original.svg" 
+                     alt="ReManga" width="30" height="30">
+                <p>ReManga_web (Kodlar)</p>
+            </a>
+            <a href="https://github.com/koesan/Evoars" target="_blank" style="text-decoration: none; color: inherit;">
+                <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/github/github-original.svg" 
+                     alt="Evoars" width="30" height="30">
+                <p>Evoars (Gelişmiş)</p>
+            </a>
+        </div>
+    </footer>
+
+    <!-- Günlük Bilgi Notu -->
+    <div id="daily-note" style="display:none; position: fixed; top: 20px; right: 20px; 
+         background: #fff; border: 1px solid #ccc; border-radius: 8px; 
+         padding: 20px; width: 300px; box-shadow: 0 4px 8px rgba(0,0,0,0.2); z-index: 2000;">
+        <button id="close-note" 
+                style="background:none; border:none; font-size:18px; position:absolute; top:5px; right:10px; cursor:pointer;">×</button>
+        <h3>Bilgilendirme</h3>
+        <p>Bu sayfada yüklediğin manga veya çizgi roman tarzı içerikleri 
+        <b>renklendirebilir</b>, <b>çevirebilir</b>, 
+        <b>altyazı</b> ve <b>dublaj</b> ekleyebilirsin.</p>
+    </div>
+
     <div id="loading-overlay">
         <div class="spinner"></div>
     </div>
@@ -116,17 +145,17 @@
             <div class="product-container">
                 <div class="product">
                     <h3>Kredi Satın Al</h3>
-                    <p>Kredi satın alarak, platform içindeki çeşitli hizmetleri kullanabilirsiniz. Krediler, platformda sunulan işlemler için bir ödeme birimi olarak işlev görür. Kullanıcılar, ihtiyaç duydukları hizmetler için gerekli kredi miktarını satın alarak, platformun sunduğu özelliklerden esnek bir şekilde yararlanabilirler.</p>
+                    <p>Kredi satın alarak, platform içindeki çeşitli hizmetleri kullanabilirsiniz.</p>
                     <button onclick="confirmPurchase()">Satın Al</button>
                 </div>
                 <div class="product">
                     <h3>Business Satın Al</h3>
-                    <p>Business üyelik, işletmeler için özel çözümler ve destek sunar. Bu modelde, kullanıcılar sürekli kredi satın almak yerine, kullandıkları kadar ödeme yaparlar. Bu esnek ödeme sistemi, işletmelerin platformun sunduğu hizmetlerden daha verimli bir şekilde yararlanmalarını ve maliyetlerini kontrol altında tutmalarını sağlar.</p>
+                    <p>Business üyelik, işletmeler için özel çözümler ve destek sunar.</p>
                     <button onclick="confirmPurchase()">Satın Al</button>
                 </div>
                 <div class="product">
                     <h3>API Satın Al</h3>
-                    <p>API erişimi, platformda sunulan yapay zeka modellerini kendi projelerinize entegre etmenizi sağlar. Bu, kullanıcıların EVOARS'ın güçlü yapay zeka çözümlerini kendi uygulamalarında veya sistemlerinde kullanmalarına olanak tanır. API desteği, entegrasyon süreçlerini kolaylaştırır ve projelerinizi güçlendirir.</p>
+                    <p>API erişimi, platformda sunulan yapay zeka modellerini projelerinize entegre etmenizi sağlar.</p>
                     <button onclick="confirmPurchase()">Satın Al</button>
                 </div>
             </div>
@@ -135,4 +164,4 @@
     </div>
     <script src="static/scripts.js"></script>
 </body>
-</html>
+</html>