From f58b278aed9ca7cc00e4d94eb31f95f9ac0b1642 Mon Sep 17 00:00:00 2001
From: Chuyue Zhang <irondumpling233@outlook.com>
Date: Mon, 15 Apr 2024 14:22:38 -0400
Subject: [PATCH] iframe video

---
 index.html          | 9 +++++++++
 stylesheet/home.css | 6 ++++++
 2 files changed, 15 insertions(+)

diff --git a/index.html b/index.html
index a7cb121..f3090a6 100644
--- a/index.html
+++ b/index.html
@@ -41,6 +41,15 @@ <h1>OPTICA v0.3.0</h1>
       <section id="about-us">
           <h1>About Us</h1>
           <p>OPTICA is an <b>optical education platform</b>. </p>
+          <p>Follow the demo video to understand the platform.</p>
+          <iframe src="https://www.youtube.com/embed/HYVLx2RlLTg?si=ErkH0xFesNvBtWIB" title="OPTICA DEMO"
+                  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                  referrerpolicy="strict-origin-when-cross-origin" allowfullscreen>
+          </iframe>
+      </section>
+
+      <section id="background">
+          <h1>Background</h1>
           <p>We focus on wave optics, a branch of optics that explores</p>
           <p>the electromagnetic wave propagation of light and related physical phenomena, </p>
           <p>including polarization, interference, etc.</p>
diff --git a/stylesheet/home.css b/stylesheet/home.css
index a7c8e23..97c494c 100644
--- a/stylesheet/home.css
+++ b/stylesheet/home.css
@@ -43,6 +43,12 @@ h2{
     transition: all 0.3s ease;
 }
 
+iframe{
+    margin: var(--mb-2) auto;
+    width: 1120px;
+    height: 630px;
+}
+
 .about-gallery,
 .tutorial-gallery{
     position: relative;