|
|
<!DOCTYPE html> |
|
|
<html lang="en" class="dark"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Dragonwing IQ-9075 EVK | Aegis Dashboard</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<script src="https://unpkg.com/feather-icons"></script> |
|
|
<style> |
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); |
|
|
|
|
|
:root { |
|
|
--bg-primary: #050505; |
|
|
--bg-secondary: #121212; |
|
|
--text-primary: #ffffff; |
|
|
--text-secondary: #b3b3b3; |
|
|
--accent: #0066ff; |
|
|
--border: 1px solid #1a1a1a; |
|
|
} |
|
|
|
|
|
body { |
|
|
font-family: 'Inter', sans-serif; |
|
|
background-color: var(--bg-primary); |
|
|
color: var(--text-primary); |
|
|
letter-spacing: -0.02em; |
|
|
line-height: 1.5; |
|
|
} |
|
|
|
|
|
.card { |
|
|
background-color: var(--bg-secondary); |
|
|
border: var(--border); |
|
|
border-radius: 0; |
|
|
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); |
|
|
} |
|
|
|
|
|
.card:hover { |
|
|
border-color: #333333; |
|
|
} |
|
|
|
|
|
.spec-item { |
|
|
border-bottom: 1px solid #1a1a1a; |
|
|
padding: 1rem 0; |
|
|
} |
|
|
|
|
|
.spec-item:last-child { |
|
|
border-bottom: none; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="min-h-screen"> |
|
|
|
|
|
<nav class="bg-[var(--bg-secondary)] border-b border-[#1a1a1a] fixed w-full z-10"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="flex items-center justify-between h-16"> |
|
|
<div class="flex items-center"> |
|
|
<div class="flex-shrink-0 flex items-center"> |
|
|
<i data-feather="shield" class="text-[var(--accent)] h-8 w-8"></i> |
|
|
<span class="ml-2 text-xl font-bold text-[var(--text-primary)]">CYBERSENTINEL</span> |
|
|
</div> |
|
|
<div class="hidden md:block"> |
|
|
<div class="ml-10 flex items-baseline space-x-4"> |
|
|
<a href="index.html" class="nav-item text-[var(--text-secondary)] px-3 py-2 text-sm font-medium flex items-center"> |
|
|
<i data-feather="home" class="mr-2 h-4 w-4"></i> Dashboard |
|
|
</a> |
|
|
<a href="#" class="nav-item text-[var(--text-secondary)] px-3 py-2 text-sm font-medium flex items-center"> |
|
|
<i data-feather="globe" class="mr-2 h-4 w-4"></i> Network |
|
|
</a> |
|
|
<a href="#" class="nav-item text-gray-300 hover:bg-gray-800 hover:text-white px-3 py-2 rounded-md text-sm font-medium flex items-center"> |
|
|
<i data-feather="map" class="mr-2 h-4 w-4"></i> Assets |
|
|
</a> |
|
|
<a href="#" class="nav-item text-gray-300 hover:bg-gray-800 hover:text-white px-3 py-2 rounded-md text-sm font-medium flex items-center"> |
|
|
<i data-feather="cpu" class="mr-2 h-4 w-4"></i> AI Inference |
|
|
</a> |
|
|
<a href="app.html" class="nav-item text-gray-300 hover:bg-gray-800 hover:text-white px-3 py-2 rounded-md text-sm font-medium flex items-center"> |
|
|
<i data-feather="smartphone" class="mr-2 h-4 w-4"></i> Civilian App |
|
|
</a> |
|
|
<a href="dragonwing.html" class="nav-item bg-[rgba(0,102,255,0.1)] text-[var(--accent)] px-3 py-2 text-sm font-medium flex items-center"> |
|
|
<i data-feather="hard-drive" class="mr-2 h-4 w-4"></i> Dragonwing |
|
|
</a> |
|
|
<a href="#" class="nav-item text-gray-300 hover:bg-gray-800 hover:text-white px-3 py-2 rounded-md text-sm font-medium flex items-center"> |
|
|
<i data-feather="settings" class="mr-2 h-4 w-4"></i> System |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</nav> |
|
|
|
|
|
|
|
|
<main class="pt-20 pb-12 px-4 sm:px-6 lg:px-8"> |
|
|
<div class="max-w-7xl mx-auto"> |
|
|
<div class="flex justify-between items-center mb-8"> |
|
|
<h1 class="text-3xl font-bold text-[var(--text-primary)]">DRAGONWING IQ-9075 EVK</h1> |
|
|
<div class="flex space-x-2"> |
|
|
<button class="btn bg-transparent border border-[#333] text-[var(--text-primary)] text-sm font-medium flex items-center"> |
|
|
<i data-feather="download" class="mr-2 h-4 w-4"></i> Datasheet |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8 mb-12"> |
|
|
<div class="lg:col-span-2"> |
|
|
<div class="card p-6"> |
|
|
<img src="http://static.photos/technology/1024x576/75" alt="Dragonwing IQ-9075 EVK" class="w-full h-auto mb-6"> |
|
|
<p class="text-lg mb-4">The Dragonwing IQ-9075 EVK is a comprehensive evaluation platform to test the industrial-grade performance of the Dragonwing IQ-9075 processor for IoT solutions.</p> |
|
|
<p class="text-[var(--text-secondary)]">The Dragonwing IQ-9075 EVK showcases the most common features of the Dragonwing IQ-9075 processor, which is optimized for industrial IoT and robotics applications involving heavy workloads in the most demanding environments like autonomous mobile robots (AMRs) and industrial machinery.</p> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div class="card p-6"> |
|
|
<h3 class="text-xl font-semibold mb-4">HIGHLIGHTS</h3> |
|
|
<ul class="space-y-4"> |
|
|
<li class="flex items-start"> |
|
|
<i data-feather="zap" class="text-[var(--accent)] mr-3 mt-1 flex-shrink-0"></i> |
|
|
<div> |
|
|
<h4 class="font-medium">PERFORMANCE</h4> |
|
|
<p class="text-sm text-[var(--text-secondary)]">High-performance CPU cores capable of handling heavy workloads and offloading additional workloads like AI to the GPU and NPU.</p> |
|
|
</div> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i data-feather="cpu" class="text-[var(--accent)] mr-3 mt-1 flex-shrink-0"></i> |
|
|
<div> |
|
|
<h4 class="font-medium">EDGE AI</h4> |
|
|
<p class="text-sm text-[var(--text-secondary)]">Dedicated NPU that delivers up to 100 Dense TOPS of performance.</p> |
|
|
</div> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i data-feather="eye" class="text-[var(--accent)] mr-3 mt-1 flex-shrink-0"></i> |
|
|
<div> |
|
|
<h4 class="font-medium">COMPUTER VISION</h4> |
|
|
<p class="text-sm text-[var(--text-secondary)]">Concurrently process 4 of the 12 supported 4K video streams.</p> |
|
|
</div> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i data-feather="wifi" class="text-[var(--accent)] mr-3 mt-1 flex-shrink-0"></i> |
|
|
<div> |
|
|
<h4 class="font-medium">WIRELESS CONNECTIVITY</h4> |
|
|
<p class="text-sm text-[var(--text-secondary)]">Wi-Fi 6E and Bluetooth® 5.3 technology.</p> |
|
|
</div> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-12"> |
|
|
<div> |
|
|
<div class="card p-6"> |
|
|
<h3 class="text-xl font-semibold mb-4">FEATURES</h3> |
|
|
<ul class="space-y-4"> |
|
|
<li class="flex items-start"> |
|
|
<i data-feather="activity" class="text-[var(--accent)] mr-3 mt-1 flex-shrink-0"></i> |
|
|
<div> |
|
|
<h4 class="font-medium">AI Model Development</h4> |
|
|
<p class="text-sm text-[var(--text-secondary)]">Create, test, and optimize AI models with support for ONNX Runtime, TensorFlow Lite, and PyTorch.</p> |
|
|
</div> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i data-feather="robot" class="text-[var(--accent)] mr-3 mt-1 flex-shrink-0"></i> |
|
|
<div> |
|
|
<h4 class="font-medium">Robotics & Automation</h4> |
|
|
<p class="text-sm text-[var(--text-secondary)]">Build proof of concepts for autonomous mobile robots and industrial machinery.</p> |
|
|
</div> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i data-feather="camera" class="text-[var(--accent)] mr-3 mt-1 flex-shrink-0"></i> |
|
|
<div> |
|
|
<h4 class="font-medium">Multi-Sensor Fusion</h4> |
|
|
<p class="text-sm text-[var(--text-secondary)]">Design multi-sensor and camera systems with real-time sensor fusion technology.</p> |
|
|
</div> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i data-feather="server" class="text-[var(--accent)] mr-3 mt-1 flex-shrink-0"></i> |
|
|
<div> |
|
|
<h4 class="font-medium">Edge Computing</h4> |
|
|
<p class="text-sm text-[var(--text-secondary)]">Facilitate the development of edge AI solutions for industrial IoT and smart cities.</p> |
|
|
</div> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div class="card p-6"> |
|
|
<h3 class="text-xl font-semibold mb-4">SPECIFICATIONS</h3> |
|
|
<div class="space-y-2"> |
|
|
<div class="spec-item"> |
|
|
<h4 class="font-medium">Processor</h4> |
|
|
<p class="text-sm text-[var(--text-secondary)]">Dragonwing IQ-9075</p> |
|
|
</div> |
|
|
<div class="spec-item"> |
|
|
<h4 class="font-medium">Memory</h4> |
|
|
<p class="text-sm text-[var(--text-secondary)]">36 GB LPDDR5 with link ECC</p> |
|
|
</div> |
|
|
<div class="spec-item"> |
|
|
<h4 class="font-medium">Storage</h4> |
|
|
<p class="text-sm text-[var(--text-secondary)]">128 GB UFS</p> |
|
|
</div> |
|
|
<div class="spec-item"> |
|
|
<h4 class="font-medium">Connectivity</h4> |
|
|
<p class="text-sm text-[var(--text-secondary)]">Wi-Fi 6E, Bluetooth 5.3, 2.5 GbE</p> |
|
|
</div> |
|
|
<div class="spec-item"> |
|
|
<h4 class="font-medium">Video</h4> |
|
|
<p class="text-sm text-[var(--text-secondary)]">Up to 2x 4K60 encode or 1x 4K170</p> |
|
|
</div> |
|
|
<div class="spec-item"> |
|
|
<h4 class="font-medium">Operating Temperature</h4> |
|
|
<p class="text-sm text-[var(--text-secondary)]">-20°C to 70°C</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="card p-6 mb-12"> |
|
|
<h3 class="text-xl font-semibold mb-4">BLOCK DIAGRAM</h3> |
|
|
<img src="http://static.photos/technology/1024x576/42" alt="Dragonwing IQ-9075 Block Diagram" class="w-full h-auto"> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="card p-6"> |
|
|
<h3 class="text-xl font-semibold mb-6">TARGET APPLICATIONS</h3> |
|
|
<div class="grid grid-cols-2 md:grid-cols-4 gap-4"> |
|
|
<div class="bg-[rgba(0,102,255,0.1)] p-4 flex flex-col items-center"> |
|
|
<i data-feather="robot" class="text-[var(--accent)] h-8 w-8 mb-2"></i> |
|
|
<span class="text-center">Industrial Automation</span> |
|
|
</div> |
|
|
<div class="bg-[rgba(0,102,255,0.1)] p-4 flex flex-col items-center"> |
|
|
<i data-feather="drone" class="text-[var(--accent)] h-8 w-8 mb-2"></i> |
|
|
<span class="text-center">Robotics & Drones</span> |
|
|
</div> |
|
|
<div class="bg-[rgba(0,102,255,0.1)] p-4 flex flex-col items-center"> |
|
|
<i data-feather="navigation" class="text-[var(--accent)] h-8 w-8 mb-2"></i> |
|
|
<span class="text-center">Autonomous Vehicles</span> |
|
|
</div> |
|
|
<div class="bg-[rgba(0,102,255,0.1)] p-4 flex flex-col items-center"> |
|
|
<i data-feather="cloud" class="text-[var(--accent)] h-8 w-8 mb-2"></i> |
|
|
<span class="text-center">Edge AI</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</main> |
|
|
|
|
|
<script> |
|
|
feather.replace(); |
|
|
</script> |
|
|
</body> |
|
|
</html> |
