Fix news item display on small screens

Also adds support for a teaser link after the teaser

1 files changed, 10 insertions, 3 deletions

diff --git a/_includes/frontpage/news b/_includes/frontpage/news
index 344c78e..f37099f 100644
--- a/_includes/frontpage/news
+++ b/_includes/frontpage/news
@@ -1,13 +1,20 @@
 {% for post in site.posts | limit: 3 %}
 <section id="news">
   <article class="newsitem">
-    <h2 class="stick-top">
-      <span class="fa fa-fw fa-chevron-circle-right newsitem-bullet" title="News item"></span>
+    <h2 class="stick-top newsitem-bullet">
+      <span class="fa fa-fw fa-chevron-circle-right" title="News item"></span>
+    </h2>
+    <h2 class="stick-top newsitem-headline">
       <a href="{{ post.url }}">{{ post.title }}</a> <small>({{ post.date | date: "%b %-d, %Y" }})</small>
     </h2>
     <div class="newsitem-content">
       {{ post.excerpt }}
-      <!--<a href="{{ post.url }}" class="btn btn-default btn-sm">read more <span class="fa fa-fw fa-chevron-right"></span></a>-->
+      {% if post.teaserlink %}
+        <p>
+          <span class="fa fa-fw fa-chevron-right"></span>
+          <a href="{{ post.url }}">{{ post.teaserlink }}</a>
+        </p>
+      {% endif %}
     </div>
   </article>
   {% endfor %}