varun-r-mallya/wona.github.com
1
0
Fork 0
mirror of https://github.com/WatchOutNewsAgency/wona.github.com.git synced 2026-01-01 01:16:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

A large number of minor fixes

Browse Source
This commit is contained in:
Asutosh Palai
2016-07-15 15:28:51 -04:00
parent e7e8df0f32
commit 2f7aa7db3e
6 changed files with 103 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
_data/homepage_categories.yaml
View File

@ -1,7 +1,14 @@
---
- phekingnews
- editorial
- coverstory
featured_articles:
- bigstory
- verbatim
- editorial
- almostfamous
- phekingnews
- verbatim
- tech
new_articles:
- academics
- sac
- career
- cultural

2
_includes/header.html
View File

@ -1,4 +1,4 @@
{% assign post = site.posts.first %}
{% assign post = site.categories['coverstory'].first %}
{% if page.is_post == true %}
{% assign post = page %}
{% endif %}

6
_includes/navbar.html
View File

@ -19,17 +19,17 @@
{% for cat in site.data.categories %}
{% if cat.subcategories != nil %}
<li class = "dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ cat.name | uppercase }} <span class="caret"></span></a>
<a class="hover-underline" href="#" class="dropdown-toggle" data-toggle="dropdown">{{ cat.name | uppercase }} <span class="caret"></span></a>
<ul class="dropdown-menu">
{% for subcat in cat.subcategories %}
{% if site.categories[subcat.name] != nil %}
<li><a href="/category/{{ subcat.name }}/">{{ subcat.title | uppercase }}</a></li>
<li><a class="hover-underline" href="/category/{{ subcat.name }}/">{{ subcat.title | uppercase }}</a></li>
{% endif %}
{% endfor %}
</ul>
</li>
{% elsif site.categories[cat.name] != nil%}
<li><a href="/category/{{ cat.name }}/">{{ cat.name | uppercase }}</a></li>
<li><a class="hover-underline" href="/category/{{ cat.name }}/">{{ cat.name | uppercase }}</a></li>
{% endif %}
{% endfor %}
</ul>

14
about/index.html
View File

@ -2,7 +2,7 @@
layout: layout
---
<div id="header" class="container-fluid category-header">
<div id="header" class="container-fluid category-header about-header">
<div class="cover center-both text-center">
<a href="#" class="cover-link"><h1 class="title">About Us</h1></a>
</div>
@ -15,17 +15,17 @@ layout: layout
</div>
<div class="category-posts container about">
<h4 class="about">WatchOut! is the campus news body of the Indian Institute of Technology, Roorkee. We are a student run group that functions under the aegis of the Cultural Council, IIT Roorkee. WatchOut! is financially independent of IIT Roorkee and is supported by advertising revenues. 26 years after it’s conception, WatchOut! has grown to offer news and commentary from around the campus on it’s website in conjunction with a semesterly print issue.</h4>
<div>WatchOut! is the campus news body of the Indian Institute of Technology, Roorkee. We are a student run group that functions under the aegis of the Cultural Council, IIT Roorkee. WatchOut! is financially independent of IIT Roorkee and is supported by advertising revenues. 26 years after it’s conception, WatchOut! has grown to offer news and commentary from around the campus on it’s website in conjunction with a semesterly print issue.</div>
<h2>History</h2>
<h4 class="about">Founded in 1993, we trace our roots back to an attractive looking poster pinned to Govind Bhawan’s notice board. Started off by two entrepreneurial third-year students of the erstwhile University of Roorkee, our first issue was the handiwork of a humble team consisting of seven people and was printed under the kind patronage of Govind Bhawan’s Warden.</h4>
<div>Founded in 1993, we trace our roots back to an attractive looking poster pinned to Govind Bhawan’s notice board. Started off by two entrepreneurial third-year students of the erstwhile University of Roorkee, our first issue was the handiwork of a humble team consisting of seven people and was printed under the kind patronage of Govind Bhawan’s Warden.</div>
<h2>Contact us</h2>
<h4 class="about">To get involved, email us at <a href="mailto:watchout.iitr@gmail.com">watchout.iitr@gmail.com</a> or talk to any of our members.</h4>
<div>To get involved, email us at <a href="mailto:watchout.iitr@gmail.com">watchout.iitr@gmail.com</a> or talk to any of our members.</div>
<h4 class="about"><i>Summer diaries</i>: With a view towards creating a compendium of internship experiences, we invite students to share theirs in a blog. If you wish to contribute, feel free to drop us a mail on the given address and we’ll get back to you with the format and outlines.</h4>
<div><i>Summer diaries</i>: With a view towards creating a compendium of internship experiences, we invite students to share theirs in a blog. If you wish to contribute, feel free to drop us a mail on the given address and we’ll get back to you with the format and outlines.</div>
<h4 class="about"><i>Op-eds/Letters to the editors</i>: We welcome submissions from individuals wanting to share their writing or opine on relevant issues. Blogs, letters, cartoons or designs may be published on our website or in the magazine. Feel free to drop a mail on the given address. However, we reserve the right over editing and publishing the piece.</h4><br/>
</div>
<div><i>Op-eds/Letters to the editors</i>: We welcome submissions from individuals wanting to share their writing or opine on relevant issues. Blogs, letters, cartoons or designs may be published on our website or in the magazine. Feel free to drop a mail on the given address. However, we reserve the right over editing and publishing the piece.</div><br/>
</div>

64
css/base.scss
View File

@ -6,7 +6,7 @@
$font-color: #2b2b2b;
$navbar-default-link-color: white;
$navbar-default-link-active-color: darken($navbar-default-link-color, 25%);
$navbar-default-link-hover-color: darken($navbar-default-link-color, 35%);
$navbar-default-link-hover-color: $navbar-default-link-color;
$home-header-bg-color: #333;
$new-article-img-height: 150px;
$new-article-img-width: 225px;
@ -186,6 +186,10 @@ body {
box-shadow: 0 100px 125px -100px;
}
&.about-header {
height: 200px;
}
.cover {
z-index: 10;
color: white;
@ -255,6 +259,20 @@ body {
#new-articles, #related-articles {
z-index: 10;
.article:hover {
.img-container {
width: $new-article-img-width * 1.1;
height: $new-article-img-height * 1.1;
}
}
.cover-container-container {
width: $new-article-img-width * 1.1;
height: $new-article-img-height * 1.1;
}
.img-container {
width: $new-article-img-width;
height: $new-article-img-height;
@ -262,6 +280,13 @@ body {
box-shadow: 0 0 15px 0 rgba(0,0,0, 0.5);
}
.details:hover ~ .cover-container-container {
& > .img-container {
width: $new-article-img-width * 1.1;
height: $new-article-img-height * 1.1;
}
}
.details {
margin: 10 auto;
font-weight: bold;
@ -270,6 +295,7 @@ body {
color: $new-article-title-color;
text-transform: capitalize;
font-size: 20px;
margin-top: 10px;
}
.tag {
@ -285,6 +311,7 @@ body {
// ========== FEATURED-ARTICLE =========== //
#featured-articles-container {
background: $featured-articles-bg-color;
padding-top: 3em;
}
#featured-articles-title {
@ -328,6 +355,7 @@ body {
background: $featured-articles-bg-color;
width: 0.9 * $article-cover-img-width; ;
height: 120px;
padding-bottom: .5em;
.tag {
position: absolute;
@ -342,8 +370,9 @@ body {
}
.title {
font-size: 1.85em;
}
&:before {
content: " ";
display: table;
@ -446,11 +475,35 @@ a {
@include transition(all, 0.2s, ease-in);
&:hover{
color: #2c45cc;
border-bottom: 1px solid #2c45cc;
color: darken($font-color, 10%);
text-decoration: none;
@include transition(all, 0.2s, ease-in);
}
&.hover-underline {
position: relative;
&:before {
content: " ";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
background-color: #fff;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
&:hover:before {
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
}
blockquote {
@ -583,4 +636,7 @@ footer {
h4 {
line-height:125%;
}
padding: 2em 3em;
font-size: 1.2em;
}

36
index.html
View File

@ -7,18 +7,25 @@ title: "Home"
<div class="container content">
<section id="new-articles" class="row">
{% for post in site.posts limit: 4 offset: 1 %}
<div class="article col-sm-3">
<a href="{{ post.url }}">
<div class="center-fill-container img-container">
<img src="/images/posts/{{post.image}}" alt="" class="img-center-fill {% if post.image == null %}hidden{% endif %}">
{% for cat in site.data.homepage_categories.new_articles %}
{% for post in site.categories[cat] %}
{% if post.image != null %}
<div class="article col-sm-3">
<a href="{{ post.url }}">
<div class="cover-container-container">
<div class="center-fill-container img-container">
<img src="/images/posts/{{post.image}}" alt="" class="img-center-fill {% if post.image == null %}hidden{% endif %}">
</div>
</div>
<div class="details text-center ">
<h3 class="title">{{ post.title }}</h3>
<p class="tag">{{ post.category }}</p>
</div>
</a>
</div>
<div class="details text-center ">
<h3 class="title">{{ post.title | truncatewords: 4}}</h3>
<p class="tag">{{ post.category }}</p>
</div>
</a>
</div>
{% break %}
{% endif %}
{% endfor %}
{% endfor %}
</section>
</div>
@ -26,8 +33,7 @@ title: "Home"
<div id="featured-articles-container" class=" container-fluid">
<div id="featured-articles" class=" container">
<div class="row">
<h1 class="col-sm-12" id="featured-articles-title">Featured Articles</h1>
{% for cat in site.data.homepage_categories %}
{% for cat in site.data.homepage_categories.featured_articles %}
{% for post in site.categories[cat] %}
{% if post.image != null %}
<div class="article-container col-sm-4">
@ -39,7 +45,7 @@ title: "Home"
</div>
<div class="details text-center">
<span class="tag">{{ post.category }}</span>
<h3 class="title">{{ post.title | truncatewords: 4}}</h3>
<h3 class="title">{{ post.title }}</h3>
<p class="excerpt">{% if post.excerpt != null %}{{ post.excerpt | markdownify | truncate: 75 }}{% endif %}</p>
</div>
</a>
@ -73,7 +79,7 @@ title: "Home"
<div class="container">
<div class="video-container center-both">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="youtube-video" id="youtube-video-{{ video.id }}" data-id="{{ video.id }}" src="https://www.youtube.com/embed/{{ video.id }}?enablejsapi=1" allowfullscreen></iframe>
<iframe class="youtube-video" id="youtube-video-{{ video.id }}" data-id="{{ video.id }}" src="https://www.youtube.com/embed/{{ video.id }}?enablejsapi=1&showinfo=0" allowfullscreen></iframe>
</div>
</div>
<div class="carousel-caption" id="youtube-title-{{ video.id }}" data-id="{{ video.id }}">