adds first news section, adds news styles, removes hero footer (empty)

Author: joelachance

config.yaml

@@ -31,7 +31,8 @@ params:
     image: logos/numpy.svg
   # Customizable navbar. For a dropdown, add a "sublinks" list.
   news:
-    title: NumPy News
+    title: NumPy v1.18.0
+    content: The C-API for numpy.random defined and documented - Basic infrastructure for linking with 64-bit BLAS and LAPACK - Improved documentation
 
   shell:
     title: placeholder

layouts/partials/hero.html

@@ -2,5 +2,4 @@
   {{ partial "navbar.html" . }}
   {{ partial "navbar-clone.html" . }}
   {{ partial "hero-body.html" . }}
-  {{ partial "hero-footer.html" . }}
 </section>

layouts/partials/news.html

@@ -1,7 +1,8 @@
 {{- $news       := .Site.Params.news }}
 {{- $title      := index $news "title" }}
+{{- $content      := index $news "content" }}
 
 <div class="news-container">
     <div class="news-title">{{ $title }}</div>
-    <div class="news-content">NumPy News goes here</div>
+    <div class="news-content">{{ $content }}</div>
 </div>

static/css/keyfeatures.css

@@ -1,5 +1,5 @@
 .keyfeatures {
-    margin-bottom: 30px;
+    margin: 50px 0;
 }
 
 .keyfeatures .container {
@@ -66,7 +66,6 @@
     }
 }
 
-
 @media only screen and (max-width: 525px) {
     .keyfeatures-header {
         flex-direction: column;

static/css/news.css

@@ -1,16 +1,39 @@
 .news-container {
     display: flex;
-    flex-direction: column;
+    justify-content: center;
     align-items: center;
     width: 100vw;
     min-height: 100px;
+    background-color: #013243;
+    color: white;
+    white-space: nowrap;
 }
 
 .news-title {
     display: flex;
-    flex-direction: column;
-    width: 100%;
-    align-items: center;
     letter-spacing: 1.5px;
     font-size: 27px;
+    font-weight: bold;
+    margin: 10px;
+}
+
+@media only screen and (max-width: 1300px) {
+    .news-container {
+        white-space: unset;
+    }
+
+    .news-title {
+        text-align: center;
+    }
+}
+
+@media only screen and (max-width: 1087px) {
+    .news-container {
+        flex-direction: column;
+        padding: 30px;
+    }
+
+    .news-content {
+        text-align: center;
+    }
 }