Merge pull request #138 from NikitaRubocki/develop

Develop
osu-cascades · Mar 8, 2022 · 43b522e · 43b522e
2 parents 69234a1 + 74ebf05
commit 43b522e
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/app/assets/stylesheets/custom.css.scss.erb b/app/assets/stylesheets/custom.css.scss.erb
@@ -104,4 +104,4 @@ ul.indexing {
 
 #map {
   height: 720px;
-}
+}
diff --git a/app/assets/stylesheets/video.css.scss b/app/assets/stylesheets/video.css.scss
@@ -0,0 +1,13 @@
+.iframe-container{
+    position: relative;
+    width: 100%;
+    padding-bottom: 56.25%; 
+    height: 0;
+  }
+  .iframe-container iframe{
+    position: absolute;
+    top:0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
diff --git a/app/views/static_pages/home.html.haml b/app/views/static_pages/home.html.haml
@@ -17,3 +17,5 @@
       = image_tag('ecotone-flower2-osu-cascades-200x200.jpg', alt: 'Flower on OSU-Cascades campus')
     %h3 Plant Identification
     %p Learn more about native plant species by scanning the QR codes posted at each plot around campus
+.iframe-container
+  %iframe{:allow => "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", :allowfullscreen => "", :frameborder => "0", :height => "315", :src => "https://www.youtube.com/embed/rmrYM4QwMOw", :title => "YouTube video player", :width => "560"}