varun-r-mallya/wona.github.com
1
0
Fork 0
mirror of https://github.com/WatchOutNewsAgency/wona.github.com.git synced 2026-02-11 08:20:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added bg image to yt video container

Browse Source
This commit is contained in:
Asutosh Palai
2016-08-07 16:34:01 +05:30
parent a9c4a89e76
commit 0174c288fe
3 changed files with 20 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
Gemfile.lock
View File

@ -102,7 +102,6 @@ GEM
rb-fsevent (0.9.7) rb-fsevent (0.9.7)
rb-inotify (0.9.7) rb-inotify (0.9.7)
ffi (>= 0.5.0) ffi (>= 0.5.0)
rdiscount (2.2.0.1)
rouge (1.10.1) rouge (1.10.1)
safe_yaml (1.0.4) safe_yaml (1.0.4)
sass (3.4.22) sass (3.4.22)
@ -121,7 +120,6 @@ PLATFORMS
DEPENDENCIES DEPENDENCIES
github-pages github-pages
rdiscount
BUNDLED WITH BUNDLED WITH
1.12.3 1.13.0.rc.1

20
css/base.scss
View File

@ -271,7 +271,7 @@ body {
width: $new-article-img-width; width: $new-article-img-width;
height: $new-article-img-height; height: $new-article-img-height;
border-radius: 1%; border-radius: 1%;
box-shadow: 0 0 15px 0 rgba(0,0,0, 0.5); box-shadow: 0 0 15px 0 rgba(0,0,0, 0.4);
} }
.details:hover ~ .cover-container-container { .details:hover ~ .cover-container-container {
@ -290,10 +290,11 @@ body {
text-transform: capitalize; text-transform: capitalize;
font-family: 'Montserrat', sans-serif; font-family: 'Montserrat', sans-serif;
font-size: 20px; font-size: 20px;
margin-top: 10px; margin-top: 5px;
} }
.tag { .tag {
margin-top: 5px;
text-transform: uppercase; text-transform: uppercase;
font-size: 14px; font-size: 14px;
color: $new-article-tag-color; color: $new-article-tag-color;
@ -322,7 +323,7 @@ body {
.article-cover-container { .article-cover-container {
width: $article-cover-img-width; width: $article-cover-img-width;
height: $article-cover-img-height; height: $article-cover-img-height;
box-shadow: 0px 35px 40px -20px rgba(0,0,0, 0.5); box-shadow: 0px 35px 40px -20px rgba(0,0,0, 0.4);
} }
a { a {
@ -406,6 +407,19 @@ body {
} }
.carousel-inner{ .carousel-inner{
.cover-image {
width: 100%;
position: absolute;
.img-responsive {
width: 100%;
}
img {
-webkit-filter: blur(15px);
filter: blur(15px);
}
}
.video-container { .video-container {
width: 70%; width: 70%;
padding: 2%; padding: 2%;

3
index.html
View File

@ -18,8 +18,8 @@ title: "Watch Out!, IIT Roorkee"
</div> </div>
</div> </div>
<div class="details text-center "> <div class="details text-center ">
<h3 class="title">{{ post.title }}</h3>
<p class="tag">{{ post.category }}</p> <p class="tag">{{ post.category }}</p>
<h3 class="title">{{ post.title }}</h3>
</div> </div>
</a> </a>
</div> </div>
@ -76,6 +76,7 @@ title: "Watch Out!, IIT Roorkee"
<div class="carousel-inner" role="listbox"> <div class="carousel-inner" role="listbox">
{% for video in site.data.youtube %} {% for video in site.data.youtube %}
<div class="item {% if forloop.first %}active{% endif %}"> <div class="item {% if forloop.first %}active{% endif %}">
<div class="cover-image center-vertical"><img class="center-both img-center-fill" src="http://img.youtube.com/vi/{{ video.id }}/hqdefault.jpg" alt=""></div>
<div class="container"> <div class="container">
<div class="video-container center-both"> <div class="video-container center-both">
<div class="embed-responsive embed-responsive-16by9"> <div class="embed-responsive embed-responsive-16by9">