Add recap video of EmberFest 2021

emberfest · Jul 25, 2022 · d1fbe56 · d1fbe56
1 parent 02a03ec
commit d1fbe56
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 1 deletion.
diff --git a/css/app.scss b/css/app.scss
@@ -173,7 +173,6 @@ section {
     background-image: url(/images/get-involved.svg);
     background-position: bottom center;
     background-size: contain;
-    margin-bottom: 128px;
 
     h3 {
       margin-bottom: 107.25px;
@@ -212,7 +211,40 @@ section {
     }
   }
 
+  &.ember-2021{
+    padding: 2.5rem 0;
+    background-color: #2a3b90;
+
+    @include tablet {
+      padding: 6.25rem 0;
+    }
+
+    .content {
+      width: 90vw;
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+    }
+
+    iframe {
+      width: 320px;
+      height: 181px;
+      margin-top: 40px;
+
+      @include tablet {
+        width: 960px;
+        height: 540px;
+      }
+    }
+
+    h3, p {
+      color: #fff8ee;
+    }
+  }
+
   &.speakers {
+    margin-top: 100px;
+
     ul {
       margin-top: 40px;
       list-style-type: none;

diff --git a/index.html b/index.html
@@ -36,6 +36,14 @@ <h3 class="divider">Get involved with EmberFest!</h3>
     </div>
   </section>
 
+  <section class="ember-2021">
+    <div class="content">
+      <h3>EmberFest 2021</h3>
+      <p>While we're getting ready for EmberFest 2022 in Paris, check out the atmosphere and some statements from EmberFest 2020 in Rome.</p>
+      <iframe src="https://www.youtube.com/embed/irL80bQ8dHE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+    </div>
+  </section>
+
   <section class="speakers">
     <div class="content">
       <h3 class="divider">Past speakers</h3>