Add news page

Fix issue #18

website/layouts/news/list.html

+{{define "main"}}
+<section class="page">
+    <h1 style="text-align: center;">News & Announcements</h1>
+    {{ range .Pages}}
+    <h3><a class="link" href="{{.Permalink}}">{{.Title}}</a></h3>
+    <div class="list-item">
+        <small class="label-dark">{{ .PublishDate.Format "January 2, 2006" }}</small>
+    </div>
+    <p>{{ .Summary }}</p>
+    {{end}}
+</section>
+{{end}}

website/layouts/news/single.html

+{{define "main"}}
+<section class="page">
+  <h1 style="text-align: center;">{{.Title}}</h1>
+  {{.Content }}
+  <div style="margin: 24px 0 12px">
+      <a class="button" href="..">Back to News</a>
+  </div>
+</section>
+{{end}}

website/layouts/partials/nav.html

@@ -11,6 +11,7 @@
         <ul class="menu">
             <li><a href="{{.Site.BaseURL}}#about">About</a></li>
             <li><a href="{{.Site.BaseURL}}/code-of-conduct">Code of Conduct</a></li>
+            <li><a href="{{.Site.BaseURL}}/news">News</a></li>
             <li><a href="{{.Site.BaseURL}}/sched">Schedule</a></li>
             <li><a href="{{.Site.BaseURL}}#contact">Contact</a></li>
 

website/static/css/style.css

@@ -68,7 +68,7 @@ nav{
 .menu a{
     color: black;
     text-decoration: none;
-    padding: 0 35px;
+    padding: 0 20px;
     transition: 0.4s;
 }
 .show-menu-btn,.hide-menu-btn{
@@ -294,12 +294,11 @@ nav{
 }
 .container{
     display: flex;
-    margi
 }
-.expectations{
+.page, .expectations{
     display: flex;
     flex-direction: column;
-    margin: 10vh auto;
+    margin: 5vh auto;
     width: 60%;
 }
 .heading{