feat: add all 4 GITEX KENYA 2026 demo apps to hub page
This commit is contained in:
parent
42e2fb6ef2
commit
c75c3485af
1 changed files with 56 additions and 11 deletions
|
|
@ -3,7 +3,7 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||||
<title>GITEX 2026 Nairobi — Demo Hub</title>
|
<title>GITEX KENYA 2026 — Demo Hub</title>
|
||||||
<script src="https://cdn.tailwindcss.com/"></script>
|
<script src="https://cdn.tailwindcss.com/"></script>
|
||||||
<script>
|
<script>
|
||||||
tailwind.config = {
|
tailwind.config = {
|
||||||
|
|
@ -20,8 +20,8 @@
|
||||||
* { -webkit-tap-highlight-color: transparent; }
|
* { -webkit-tap-highlight-color: transparent; }
|
||||||
body { overscroll-behavior: none; }
|
body { overscroll-behavior: none; }
|
||||||
.app-card { transition: all 0.2s ease; }
|
.app-card { transition: all 0.2s ease; }
|
||||||
|
.app-card:hover { border-color: rgba(59,130,246,0.5); }
|
||||||
.app-card:active { transform: scale(0.98); }
|
.app-card:active { transform: scale(0.98); }
|
||||||
.btn-primary { background: linear-gradient(90deg, #3b82f6, #8b5cf6); }
|
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body class="bg-slate-900 text-slate-100 min-h-screen flex flex-col items-center justify-center px-4 py-8">
|
<body class="bg-slate-900 text-slate-100 min-h-screen flex flex-col items-center justify-center px-4 py-8">
|
||||||
|
|
@ -31,17 +31,16 @@
|
||||||
<div class="mb-8">
|
<div class="mb-8">
|
||||||
<div class="text-4xl mb-2">🌍</div>
|
<div class="text-4xl mb-2">🌍</div>
|
||||||
<h1 class="text-3xl font-extrabold bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent">
|
<h1 class="text-3xl font-extrabold bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent">
|
||||||
GITEX 2026
|
GITEX KENYA 2026
|
||||||
</h1>
|
</h1>
|
||||||
<p class="text-lg font-semibold text-slate-300 mt-1">Nairobi</p>
|
<p class="text-sm text-slate-500 mt-2">Sechpoint Aftica — Demo Hub</p>
|
||||||
<p class="text-sm text-slate-500 mt-1">Sechpoint Aftica — Demo Hub</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- App Cards -->
|
<!-- App Cards -->
|
||||||
<div class="space-y-4">
|
<div class="space-y-4">
|
||||||
|
|
||||||
<!-- AASD -->
|
<!-- AASD -->
|
||||||
<a href="/aasd" class="app-card block bg-slate-800 rounded-2xl p-5 border border-slate-700 hover:border-blue-500/50 text-left">
|
<a href="/aasd" class="app-card block bg-slate-800 rounded-2xl p-5 border border-slate-700 text-left">
|
||||||
<div class="flex items-start gap-4">
|
<div class="flex items-start gap-4">
|
||||||
<div class="w-12 h-12 rounded-xl bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center shrink-0 text-white font-bold text-lg">
|
<div class="w-12 h-12 rounded-xl bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center shrink-0 text-white font-bold text-lg">
|
||||||
A
|
A
|
||||||
|
|
@ -58,16 +57,62 @@
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<!-- Placeholder for future apps -->
|
<!-- Kron Password Challenge -->
|
||||||
<div class="app-card block bg-slate-800/50 rounded-2xl p-5 border border-dashed border-slate-700/50 text-center opacity-50">
|
<a href="https://gitex.sechpoint.app/kron" target="_blank" class="app-card block bg-slate-800 rounded-2xl p-5 border border-slate-700 text-left">
|
||||||
<p class="text-sm text-slate-500">More demos coming soon</p>
|
<div class="flex items-start gap-4">
|
||||||
</div>
|
<div class="w-12 h-12 rounded-xl bg-gradient-to-br from-yellow-500 to-orange-600 flex items-center justify-center shrink-0 text-white font-bold text-lg">
|
||||||
|
K
|
||||||
|
</div>
|
||||||
|
<div class="flex-1 min-w-0">
|
||||||
|
<h2 class="text-lg font-bold text-slate-100">Kron Password Challenge</h2>
|
||||||
|
<p class="text-sm text-slate-400 mt-0.5">Test your password strength against advanced cracking techniques and learn how to build resilient credentials.</p>
|
||||||
|
<div class="mt-2 flex items-center gap-2 text-xs">
|
||||||
|
<span class="inline-block px-2 py-0.5 rounded-full bg-yellow-500/20 text-yellow-400 border border-yellow-500/30">Interactive</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="text-slate-500 text-lg shrink-0">→</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<!-- Ping Identity -->
|
||||||
|
<a href="https://gitex.sechpoint.app/ping" target="_blank" class="app-card block bg-slate-800 rounded-2xl p-5 border border-slate-700 text-left">
|
||||||
|
<div class="flex items-start gap-4">
|
||||||
|
<div class="w-12 h-12 rounded-xl bg-gradient-to-br from-green-500 to-emerald-600 flex items-center justify-center shrink-0 text-white font-bold text-lg">
|
||||||
|
P
|
||||||
|
</div>
|
||||||
|
<div class="flex-1 min-w-0">
|
||||||
|
<h2 class="text-lg font-bold text-slate-100">Ping Identity</h2>
|
||||||
|
<p class="text-sm text-slate-400 mt-0.5">Explore identity and access management with Ping Identity's intelligent authentication platform.</p>
|
||||||
|
<div class="mt-2 flex items-center gap-2 text-xs">
|
||||||
|
<span class="inline-block px-2 py-0.5 rounded-full bg-green-500/20 text-green-400 border border-green-500/30">Demo</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="text-slate-500 text-lg shrink-0">→</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<!-- HPE Aruba SD-WAN Traffic Master -->
|
||||||
|
<a href="https://gitex.sechpoint.app/aruba" target="_blank" class="app-card block bg-slate-800 rounded-2xl p-5 border border-slate-700 text-left">
|
||||||
|
<div class="flex items-start gap-4">
|
||||||
|
<div class="w-12 h-12 rounded-xl bg-gradient-to-br from-red-500 to-pink-600 flex items-center justify-center shrink-0 text-white font-bold text-lg text-xl">
|
||||||
|
★
|
||||||
|
</div>
|
||||||
|
<div class="flex-1 min-w-0">
|
||||||
|
<h2 class="text-lg font-bold text-slate-100">HPE Aruba SD-WAN Traffic Master</h2>
|
||||||
|
<p class="text-sm text-slate-400 mt-0.5">Simulate SD-WAN traffic patterns, monitor link quality, and optimize wide-area network performance.</p>
|
||||||
|
<div class="mt-2 flex items-center gap-2 text-xs">
|
||||||
|
<span class="inline-block px-2 py-0.5 rounded-full bg-red-500/20 text-red-400 border border-red-500/30">Simulation</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="text-slate-500 text-lg shrink-0">→</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
<div class="mt-8 text-center text-xs text-slate-600">
|
<div class="mt-8 text-center text-xs text-slate-600">
|
||||||
<p>GITEX 2026 Nairobi — sechpoint.app</p>
|
<p>GITEX KENYA 2026 — sechpoint.app</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue