Skip to content

Commit

Permalink
html updated
Browse files Browse the repository at this point in the history
  • Loading branch information
@igorbabitski
igorbabitski committed Nov 14, 2024
1 parent 5394797 commit a481b29
Showing 1 changed file with 57 additions and 36 deletions.
93 changes: 57 additions & 36 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand All @@ -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>

Expand All @@ -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>

Expand All @@ -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>

Expand All @@ -144,28 +171,22 @@ <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');
}
</script>

</body>
</html>


0 comments on commit a481b29

Please sign in to comment.