Give blog a card on the home page

_config.yml

@@ -3,4 +3,4 @@ title: Reciprocal Space Station
 plugins:
   - jekyll-font-awesome-sass
 
-port: 4500
+port: 4501

_includes/cards.html

@@ -1,5 +1,21 @@
 <div class="row gx-4 gx-lg-5">
 
+    <div class="col-md-4 mb-5">
+        <div class="card h-100 blog">
+            <div class="card-body">
+                <h2 class="card-title">Blog</h2>
+                <p class="card-text">Explanations, elaborations, and more about crystallographic data analysis, written by the 1/astronauts </p>
+            </div>
+            <div class="blog-footer">
+
+                <a class="btn btn-primary btn-sm" href="/blog.html" >
+                    See blog posts
+                </a>
+
+            </div>
+        </div>
+    </div>
+
     {% for card in site.data.packages %}
 
     <div class="col-md-4 mb-5">

assets/css/styles.css

@@ -5326,6 +5326,16 @@ fieldset:disabled .btn {
   padding: 1rem 1rem;
 }
 
+.blog {
+  background-color: #b6d3fe ;
+}
+
+.blog-footer {
+  padding: 0.5rem 1rem;
+  background-color:  #9ec5fe;
+  border-top: 1px solid rgba(0, 0, 0, 0.125);
+}
+
 .card-title {
   margin-bottom: 0.5rem;
 }
@@ -5360,7 +5370,7 @@ fieldset:disabled .btn {
   border-top: 1px solid rgba(0, 0, 0, 0.125);
 }
 
-.card-footer:last-child {
+.card-footer:last-child,.blog-footer:last-child {
   border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
 }
 

index.md

@@ -15,7 +15,7 @@ layout: base_page
     <div class="col-md-5">
         <h1 class="font-weight-light">Reciprocal Space Station</h1>
         <p>Open source software for exploring reciprocal space</p>
-        <a class="btn btn-primary btn-sm" href="https://github.com/orgs/rs-station/repositories" >
+        <a class="btn btn-primary btn-sm" href="https://github.com/orgs/rs-station" >
                     View on GitHub
         </a>
     </div>