Add news page (alshedivat#1085)

fixes alshedivat#993 

Also added links to news and publications from respective section
headers on the home page. Changed the colors of the header links to make
it consistent with the previous look.

Author: rohandebsarkar

_includes/news.html

@@ -1,6 +1,5 @@
 
           <div class="news">
-            <h2>news</h2>
             {% if site.news != blank -%} 
             {%- assign news_size = site.news | size -%}
             <div class="table-responsive" {% if site.news_scrollable and news_size > 3 %}style="max-height: 10vw"{% endif %}>

_includes/selected_papers.html

@@ -1,5 +1,4 @@
 
           <div class="publications">
-            <h2>selected publications</h2>
             {% bibliography -f papers -q @*[selected=true]* %}
           </div>

_layouts/about.html

@@ -40,26 +40,30 @@ <h1 class="post-title">
             {{ content }}
           </div>
 
-          {% if page.news -%}
           <!-- News -->
-          {%- include news.html %}
+          {% if page.news -%}
+            <h2><a href="{{ '/news/' | relative_url }}" style="color: inherit;">news</a></h2>
+            {%- include news.html %}
           {%- endif %}
+
+          <!-- Selected papers -->
           {% if page.selected_papers -%}
-            <!-- Selected papers -->
+            <h2><a href="{{ '/publications/' | relative_url }}" style="color: inherit;">selected publications</a></h2>
             {%- include selected_papers.html %}
           {%- endif %}
-          {%- if page.social %}
+
           <!-- Social -->
-          <div class="social">
-            <div class="contact-icons">
-            {% include social.html %}
-            </div>
+          {%- if page.social %}
+            <div class="social">
+              <div class="contact-icons">
+                {% include social.html %}
+              </div>
 
-            <div class="contact-note">
-              {{ site.contact_note }}
+              <div class="contact-note">
+                {{ site.contact_note }}
+              </div>
+              
             </div>
-            
-          </div>
           {%- endif %}
         </article>
 

news.html

@@ -0,0 +1,7 @@
+---
+layout: page
+title: news
+permalink: /news/
+---
+
+{% include news.html %}