Refactor JuliaCon video styles (#848)

JuliaLang · May 29, 2020 · 15cfb4e · 15cfb4e
1 parent 8759256
commit 15cfb4e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 18 deletions.
diff --git a/_css/app.css b/_css/app.css
@@ -162,7 +162,7 @@
   background-color: #CA3C32;
 }
 
-.ide, .blog, .video {
+.ide, .blog {
   background-color: #F2F2F2;
   border-left: 20px solid #fff;
   border-right: 20px solid #fff;
@@ -273,20 +273,7 @@
 }
 
 .video {
-  text-align: left;
-  /* font-family: "Futura LT Medium"; */
-  font-family: "Roboto", sans-serif;
-  background-color: #fff;
-}
-.video img {
-  width: 100%;
-}
-.video h6 {
-  padding: 10px;
-  background-color: #F2F2F2;
-}
-.video a {
-  font-size: 14px;
+  padding: 20px;
 }
 
 .btn {

diff --git a/index.html b/index.html
@@ -333,7 +333,7 @@ <h2 class="lead secondary-heading">JuliaCon 2019</h2>
       <div class="col-lg-4 col-md-3 language-features"><hr/></div>
     </div>
 
-    <div class="row alt-color">
+    <div class="row">
       <div class="col-lg-12 col-md-12 video">
         <meta name="description" content="Watch what unfolded at JuliaCon 2019 here. The latest developments, optimizations, and features happen right here, at JuliaCon."/>
 
@@ -372,13 +372,13 @@ <h2 class="lead secondary-heading">JuliaCon 2019</h2>
           ];
           var index = Math.floor(Math.random() * videos2019.length);
           var videoUrl = 'https://www.youtube.com/embed/' + videos2019[index] + '?list=' + playlist2019;
-          document.write('<div style="text-align: center" class="embed-responsive embed-responsive-16by9"><iframe width="700" height="400" src="' + videoUrl + '" frameborder="0" allowfullscreen></iframe></div>')
+          document.write('<div class="text-center"><iframe width="700" height="400" src="' + videoUrl + '" frameborder="0" allowfullscreen></iframe></div>')
         </script>
       </div>
     </div>
 
     <div class="row">
-      <div class="col-12" style="text-align: center">
+      <div class="col-12 text-center">
         <a class="btn btn-sm btn-outline-primary" href="https://www.youtube.com/user/JuliaLanguage">Julia Channel on YouTube</a>
         <a class="btn btn-sm btn-outline-primary" href="https://www.youtube.com/playlist?list=PLP8iPy9hna6StY9tIJIUN3F_co9A0zh0H">JuliaCon 2019 videos</a>
       </div>