From 2c62bea7e63c75f4f2f69f27b0680f67becb4753 Mon Sep 17 00:00:00 2001
From: Salman Khan <salman@msalmankhan.co.uk>
Date: Thu, 14 Sep 2023 21:44:04 +0100
Subject: [PATCH] add recap video

---
 src/App.js              |  4 ++++
 src/scss/App.scss       | 11 +++++++++++
 src/sections/Winners.js |  7 +++++++
 3 files changed, 22 insertions(+)
 create mode 100644 src/sections/Winners.js

diff --git a/src/App.js b/src/App.js
index ce45de8..1f38d95 100644
--- a/src/App.js
+++ b/src/App.js
@@ -10,6 +10,10 @@ import { Prizes } from './sections/Prizes';
 function App() {
   return (
     <div className="App">
+      <iframe className="recap-video" width="560" height="315" src="https://www.youtube.com/embed/yMZZF7GVJqw?si=9x-K1Gavr95iWn-C" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+      <div className='notice'>
+        Below is the original website as it was before the event. The event is now over, and you can watch the recap video above! Thank you to everyone who participated, and to our sponsors who made this possible!
+      </div>
       <Header />
       <main style={{ minHeight: "100vh" }}>
         <About />
diff --git a/src/scss/App.scss b/src/scss/App.scss
index 472fa89..a038809 100644
--- a/src/scss/App.scss
+++ b/src/scss/App.scss
@@ -107,4 +107,15 @@ table {
 ::selection {
     background: rebeccapurple;
     color: #fff;
+}
+
+.recap-video {
+    width: 100%;
+    height: 100vh;
+}
+
+.notice {
+    padding: 5em 2em;
+    text-align: center;
+    font-size: 1.5em;
 }
\ No newline at end of file
diff --git a/src/sections/Winners.js b/src/sections/Winners.js
new file mode 100644
index 0000000..0edb623
--- /dev/null
+++ b/src/sections/Winners.js
@@ -0,0 +1,7 @@
+export const Winners = () => {
+    return (
+        <section id="about" className="container">
+            <h2>Winners</h2>
+        </section>
+    );
+}