change official media body to student media body

This commit is contained in:
Vaibhav
2018-10-09 11:41:22 +05:30
parent a5cf0eb2a3
commit 0d8920491e
3 changed files with 31 additions and 28 deletions

View File

@ -4,7 +4,7 @@
<img class="logo" src="/images/logo-black.png"> <img class="logo" src="/images/logo-black.png">
<div class="name-container"> <div class="name-container">
<div class="name">Watch Out!</div> <div class="name">Watch Out!</div>
<div class="desc">Official Media<br>Body of IITR</div> <div class="desc">Student Media<br>Body of IITR</div>
</div> </div>
</div> </div>
<div class="social pull-right"> <div class="social pull-right">
@ -12,7 +12,7 @@
<a href="/about">About</a> <a href="/about">About</a>
<a href="/guide">Guide</a> <a href="/guide">Guide</a>
<a href="/getinvolved">Get Involved</a> <a href="/getinvolved">Get Involved</a>
<a href="http://fb.com/watchoutiitr"><img src="/images/fb-logo.svg"></a> <a href="http://fb.com/watchoutiitr"><img src="/images/fb-logo.svg"></a>
<a href="https://www.youtube.com/channel/UCthZ7tKOzy4EJpuVxtdcp1A"><img src="/images/youtube-play.svg"></a> <a href="https://www.youtube.com/channel/UCthZ7tKOzy4EJpuVxtdcp1A"><img src="/images/youtube-play.svg"></a>
<a href="https://www.linkedin.com/company-beta/13290672/"><img src="/images/linkedin.png"></a> <a href="https://www.linkedin.com/company-beta/13290672/"><img src="/images/linkedin.png"></a>
</div> </div>

View File

@ -4,7 +4,7 @@
<img class="logo" src="/images/logo-black.png"> <img class="logo" src="/images/logo-black.png">
<div class="name-container"> <div class="name-container">
<div class="name">Watch Out!</div> <div class="name">Watch Out!</div>
<div class="desc">Official Media<br>Body of IITR</div> <div class="desc">Student Media<br>Body of IITR</div>
</div> </div>
</div> </div>
</a> </a>
@ -12,7 +12,7 @@
<a href="/about">About</a> <a href="/about">About</a>
<a href="/guide">Guide</a> <a href="/guide">Guide</a>
<a href="/getinvolved">Get Involved</a> <a href="/getinvolved">Get Involved</a>
<a href="http://fb.com/watchoutiitr"><img src="/images/fb-logo.svg"></a> <a href="http://fb.com/watchoutiitr"><img src="/images/fb-logo.svg"></a>
<a href="https://www.youtube.com/channel/UCthZ7tKOzy4EJpuVxtdcp1A"><img src="/images/youtube-play.svg"></a> <a href="https://www.youtube.com/channel/UCthZ7tKOzy4EJpuVxtdcp1A"><img src="/images/youtube-play.svg"></a>
<a href="https://www.linkedin.com/company-beta/13290672/"><img src="/images/linkedin.png"></a> <a href="https://www.linkedin.com/company-beta/13290672/"><img src="/images/linkedin.png"></a>
</div> </div>
@ -21,7 +21,8 @@
<nav class="navbar navbar-default" data-spy="affix" data-offset-top="110"> <nav class="navbar navbar-default" data-spy="affix" data-offset-top="110">
<div class="container"> <div class="container">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false"
aria-controls="navbar">
<span class="sr-only">Toggle navigation</span> <span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
@ -32,22 +33,24 @@
<div id="navbar" class="navbar-collapse collapse"> <div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right hacky-css"> <ul class="nav navbar-nav navbar-right hacky-css">
{% for cat in site.data.categories %} {% for cat in site.data.categories %}
{% if cat.subcategories != nil %} {% if cat.subcategories != nil %}
<li class = "dropdown"> <li class="dropdown">
<a class="hover-underline" href="#" class="dropdown-toggle" data-toggle="dropdown">{{ cat.title }} <span class="caret"></span></a> <a class="hover-underline" href="#" class="dropdown-toggle" data-toggle="dropdown">{{ cat.title }} <span
<ul class="dropdown-menu"> class="caret"></span></a>
{% for subcat in cat.subcategories %} <ul class="dropdown-menu">
{% if site.categories[subcat.name] != nil %} {% for subcat in cat.subcategories %}
<li><a class="hover-underline" href="/category/{{ subcat.name }}/">{{ subcat.title }}</a></li> {% if site.categories[subcat.name] != nil %}
{% endif %} <li><a class="hover-underline" href="/category/{{ subcat.name }}/">{{ subcat.title }}</a></li>
{% endfor %} {% endif %}
</ul> {% endfor %}
</li> </ul>
{% elsif site.categories[cat.name] != nil%} </li>
<li><a class="hover-underline" href="/category/{{ cat.name }}/">{{ cat.title }}</a></li> {% elsif site.categories[cat.name] != nil%}
{% endif %} <li><a class="hover-underline" href="/category/{{ cat.name }}/">{{ cat.title }}</a></li>
{% endif %}
{% endfor %} {% endfor %}
</ul> </ul>
</div><!--/.nav-collapse --> </div>
<!--/.nav-collapse -->
</div> </div>
</nav> </nav>

View File

@ -89,7 +89,7 @@ body {
@include box-sizing(); @include box-sizing();
} }
*{ *{
font-family: Lato, Merriweather, Open Sans, sans-serif; font-family: Lato, Merriweather, Open Sans, sans-serif;
} }
@ -120,7 +120,7 @@ body {
.desc { .desc {
font-size: 22px; font-size: 22px;
width: 7em; width: 7.3em;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
color: #ababab; color: #ababab;
@ -135,7 +135,7 @@ body {
.social { .social {
height: 100%; height: 100%;
padding: $pre-nav-logo-height * .623 0; padding: $pre-nav-logo-height * .623 0;
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
color: #ababab; color: #ababab;
@ -246,7 +246,7 @@ nav {
text-decoration: none; text-decoration: none;
color: rgb(174, 170, 170); color: rgb(174, 170, 170);
} }
.cover-title-label { .cover-title-label {
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
@ -369,7 +369,7 @@ nav {
.head { .head {
width: 100%; width: 100%;
position: relative; position: relative;
} }
.date { .date {
@ -536,7 +536,7 @@ nav {
height: 100%; height: 100%;
width: auto; width: auto;
} }
&.tall { &.tall {
width: 100%; width: 100%;
} }
@ -544,7 +544,7 @@ nav {
.tinted { .tinted {
background: black; background: black;
img { img {
opacity: 0.6; opacity: 0.6;
} }
@ -764,7 +764,7 @@ footer {
position: static; position: static;
color: #d1d1d1; color: #d1d1d1;
} }
.excerpt { .excerpt {
margin-top: 10px; margin-top: 10px;
} }