From a481b29e9c2c492e550dd9cf47f3c4c2a62dcc80 Mon Sep 17 00:00:00 2001
From: Igor Babitski <igor.babitski@transmitsecurity.com>
Date: Thu, 14 Nov 2024 15:26:17 +0200
Subject: [PATCH] html updated

---
 index.html | 93 +++++++++++++++++++++++++++++++++---------------------
 1 file changed, 57 insertions(+), 36 deletions(-)

diff --git a/index.html b/index.html
index de7234c..27cd9a2 100644
--- a/index.html
+++ b/index.html
@@ -6,81 +6,111 @@
 <title>Transmit Security</title>
 <style>
     body {
-        font-family: Arial, sans-serif;
-        background-color: #f4f4f;
+        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+        background-color: #f9f9f9;
         padding: 20px;
         max-width: 800px;
         margin: auto;
     }
+
+    h1, h2 {
+        text-align: center;
+        color: #333;
+    }
+
+    /* Tabs */
     .tabs {
         display: flex;
+        justify-content: space-around;
+        background-color: #ffffff;
+        border: 1px solid #d1d1d6;
+        border-radius: 12px;
         margin-bottom: 20px;
-        cursor: pointer;
+        overflow: hidden;
+        border: 1px solid #f0f0f0;
     }
+
     .tab {
         flex: 1;
-        padding: 10px;
+        padding: 12px 0;
         text-align: center;
-        background-color: #007bf4;
-        color: #fff;
-        border-radius: 5px 5px 0 0;
-        margin-right: 2px;
-        transition: background-color 0.2s;
-    }
-    .tab:hover {
-        background-color: #0056b3;
+        color: #007aff;
+        font-size: 16px;
+        font-weight: 500;
+        cursor: pointer;
+        transition: color 0.2s;
+        border-bottom: 2px solid transparent;
+        border-right: 1px solid #f0f0f0;
     }
+
     .tab.active {
-        background-color: #0056b3;
+        color: #007aff;
+        font-weight: 600;
+        border-bottom: 2px solid #007aff;
     }
+
+    .tab:hover {
+        color: #0056b3;
+    }
+
+    /* Tab Content */
     .tab-content {
         display: none;
-        background-color: #fff;
-        padding: 15px;
-        border-radius: 0 5px 5px 5px;
+        background-color: #ffffff;
+        padding: 20px;
+        border-radius: 12px;
         box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     }
+
     .tab-content.active {
         display: block;
     }
+
     .app-container {
         margin-bottom: 20px;
     }
+
     .app-header {
         display: flex;
         justify-content: space-between;
         align-items: center;
     }
+
     .app-title {
         font-size: 1.2em;
         font-weight: bold;
+        color: #333;
     }
+
     .app-version {
         color: #666;
         font-size: 0.9em;
     }
+
     .app-description {
         margin: 10px 0;
-        color: #333;
+        color: #555;
     }
+
+    /* Install Button */
     .download-button {
         display: inline-block;
-        padding: 12px 24px;
-        background: linear-gradient(to bottom, #ffffff, #e0e0e0);
+        padding: 10px 30px;
         color: #007aff;
         font-weight: bold;
         font-size: 16px;
         text-align: center;
         text-decoration: none;
         border-radius: 12px;
-        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
         border: 1px solid #c7c7cc;
-        transition: all 0.2s ease-in-out;
-        margin-top: 10px;
+        transition: background-color 0.2s, box-shadow 0.2s;
+        margin-top: 15px;
     }
 
     .download-button:hover {
-        background-color: #0056b3;
+        background-color: #f0f0f5;
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     }
 </style>
 </head>
@@ -105,8 +135,7 @@ <h2>iOS Demo Apps</h2>
             <span class="app-version">Version: 1.0.0</span>
         </div>
         <p class="app-description">Showcases the capabilities of Runtime Application Self-Protection (RASP) for iOS applications.</p>
-        <a href="itms-services://?action=download-manifest&ampurl=https://transmitsecurity.github.io/ios-demo-apps/Apps/IDO/RASP/manifest.plist"></a>
-        <button class="download-button">Install App </button>
+        <a href="itms-services://?action=download-manifest&amp;url=https://transmitsecurity.github.io/ios-demo-apps/Apps/IDO/RASP/manifest.plist" class="download-button">Install App</a>
     </div>
 </div>
 
@@ -118,8 +147,7 @@ <h2>iOS Demo Apps</h2>
             <span class="app-version">Version: 1.0.0</span>
         </div>
         <p class="app-description">Showcases the capabilities of IDV SDK.</p>
-        <a href="itms-services://?action=download-manifest&ampurl=https://transmitsecurity.github.io/ios-demo-apps/Apps/IDO/RASP/manifest.plist"></a>
-        <button>Install App</button>
+        <a href="itms-services://?action=download-manifest&amp;url=https://transmitsecurity.github.io/ios-demo-apps/Apps/IDV/manifest.plist" class="download-button">Install App</a>
     </div>
 </div>
 
@@ -131,8 +159,7 @@ <h2>iOS Demo Apps</h2>
             <span class="app-version">Version: 1.0.0</span>
         </div>
         <p class="app-description">Showcases the capabilities of DRS SDK.</p>
-        <a href="itms-services://?action=download-manifest&ampurl=https://transmitsecurity.github.io/ios-demo-apps/Apps/IDO/RASP/manifest.plist"></a>
-        <button>Install App</button>
+        <a href="itms-services://?action=download-manifest&amp;url=https://transmitsecurity.github.io/ios-demo-apps/Apps/DRS/manifest.plist" class="download-button">Install App</a>
     </div>
 </div>
 
@@ -144,22 +171,18 @@ <h2>iOS Demo Apps</h2>
             <span class="app-version">Version: 1.0.0</span>
         </div>
         <p class="app-description">Showcases the capabilities of Authentication SDK.</p>
-        <a href="itms-services://?action=download-manifest&ampurl=https://transmitsecurity.github.io/ios-demo-apps/Apps/IDO/RASP/manifest.plist"></a>
-        <button>Install App</button>
+        <a href="itms-services://?action=download-manifest&amp;url=https://transmitsecurity.github.io/ios-demo-apps/Apps/Authentication/manifest.plist" class="download-button">Install App</a>
     </div>
 </div>
 
 <script>
     function openTab(event, tabName) {
-        // Hide all tab content
         const tabContents = document.querySelectorAll('.tab-content');
         tabContents.forEach(content => content.classList.remove('active'));
 
-        // Remove active class from all tabs
         const tabs = document.querySelectorAll('.tab');
         tabs.forEach(tab => tab.classList.remove('active'));
 
-        // Show the clicked tab's content and set the tab as active
         document.getElementById(tabName).classList.add('active');
         event.currentTarget.classList.add('active');
     }
@@ -167,5 +190,3 @@ <h2>iOS Demo Apps</h2>
 
 </body>
 </html>
-
-