Spaces:
Running
Running
Promote version 666e2e8 to main
Browse filesPromoted commit 666e2e8879119ad7f71506e40efbc377e79ca3b0 to main branch
- index.html +28 -3
index.html
CHANGED
|
@@ -21,7 +21,27 @@
|
|
| 21 |
left: 0;
|
| 22 |
pointer-events: none;
|
| 23 |
}
|
| 24 |
-
.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 25 |
background-image: linear-gradient(rgba(255,102,0,0.05) 1px, transparent 1px),
|
| 26 |
linear-gradient(90deg, rgba(255,102,0,0.05) 1px, transparent 1px);
|
| 27 |
background-size: 50px 50px;
|
|
@@ -31,8 +51,13 @@
|
|
| 31 |
<body class="bg-white text-gray-800 font-poppins">
|
| 32 |
<custom-navbar></custom-navbar>
|
| 33 |
<!-- Hero Section -->
|
| 34 |
-
<section id="hero" class="relative min-h-screen flex items-center justify-center overflow-hidden
|
| 35 |
-
<
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 36 |
<div class="relative z-20 text-center px-4 max-w-6xl mx-auto">
|
| 37 |
<h1 class="text-5xl md:text-7xl font-bold mb-6 text-white">
|
| 38 |
Enabling Next-Generation<br>Semiconductor Innovation
|
|
|
|
| 21 |
left: 0;
|
| 22 |
pointer-events: none;
|
| 23 |
}
|
| 24 |
+
.hero-background {
|
| 25 |
+
position: relative;
|
| 26 |
+
overflow: hidden;
|
| 27 |
+
}
|
| 28 |
+
.hero-video {
|
| 29 |
+
position: absolute;
|
| 30 |
+
top: 0;
|
| 31 |
+
left: 0;
|
| 32 |
+
width: 100%;
|
| 33 |
+
height: 100%;
|
| 34 |
+
object-fit: cover;
|
| 35 |
+
}
|
| 36 |
+
.video-overlay {
|
| 37 |
+
position: absolute;
|
| 38 |
+
top: 0;
|
| 39 |
+
left: 0;
|
| 40 |
+
width: 100%;
|
| 41 |
+
height: 100%;
|
| 42 |
+
background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
|
| 43 |
+
}
|
| 44 |
+
.grid-pattern {
|
| 45 |
background-image: linear-gradient(rgba(255,102,0,0.05) 1px, transparent 1px),
|
| 46 |
linear-gradient(90deg, rgba(255,102,0,0.05) 1px, transparent 1px);
|
| 47 |
background-size: 50px 50px;
|
|
|
|
| 51 |
<body class="bg-white text-gray-800 font-poppins">
|
| 52 |
<custom-navbar></custom-navbar>
|
| 53 |
<!-- Hero Section -->
|
| 54 |
+
<section id="hero" class="relative min-h-screen flex items-center justify-center overflow-hidden hero-background">
|
| 55 |
+
<video class="hero-video" autoplay muted loop playsinline>
|
| 56 |
+
<source src="https://huggingface.co/spaces/mithunparambath/quantumcraft-nanosystems/resolve/main/videos/Untitled design.mp4" type="video/mp4">
|
| 57 |
+
Your browser does not support the video tag.
|
| 58 |
+
</video>
|
| 59 |
+
<div class="video-overlay"></div>
|
| 60 |
+
<div class="atom-animation" id="atomCanvas"></div>
|
| 61 |
<div class="relative z-20 text-center px-4 max-w-6xl mx-auto">
|
| 62 |
<h1 class="text-5xl md:text-7xl font-bold mb-6 text-white">
|
| 63 |
Enabling Next-Generation<br>Semiconductor Innovation
|