From 1e0b8a0d5f5039f381dc557db0c66743363ac3f4 Mon Sep 17 00:00:00 2001
From: Casey Colley <code@caseycolley.com>
Date: Tue, 31 Oct 2023 16:40:17 -0700
Subject: [PATCH 1/2] latest blogposts section

---
 layouts/index.html    | 16 +++++++++++++++-
 static/caseyhates.css |  8 ++++++++
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/layouts/index.html b/layouts/index.html
index 0ad0691..335e840 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -9,7 +9,7 @@ <h1 class="hero-title py-1">{{ .Site.Params.FullTitle }}</h1>
   </div>
 </div>
 
-<div class="bg-light justify-content-center"  style="min-height: 60vh;">
+<div class="bg-light justify-content-center"  style="min-height: 45vh;">
   <div class="blurb-box d-flex flex-wrap justify-content-around">
     {{ range .Site.Sections }}
       {{ if eq .Type "home" }}
@@ -21,4 +21,18 @@ <h1 class="hero-title py-1">{{ .Site.Params.FullTitle }}</h1>
   </div>
 </div>
 
+<div class=" bg-light infopage-content"  style="min-height: 60vh;">
+  <div class="d-flex flex-wrap justify-content-center latest-blogposts-title latest-blogposts">
+    <h1>Latest  Blogposts</h1>
+    <!-- We use our blog to post write-ups from competitions or wargame challenges, summaries of our meetings, important upcoming events, or something cool in security. -->
+  </div>
+  
+  <div class="blogcards d-flex flex-wrap justify-content-center latest-blogposts">
+    {{ range ( where .Site.RegularPages "Type" "blog" ) | first 3 }}
+      {{ partial "blogcard.html" . }}
+    {{ end }}
+  </div>
+  <!-- a button to go to all blogposts -->
+</div>
+
 {{ end }}
diff --git a/static/caseyhates.css b/static/caseyhates.css
index a8e5edb..fae09e9 100644
--- a/static/caseyhates.css
+++ b/static/caseyhates.css
@@ -294,3 +294,11 @@ body {
 .blog-content-text {
     margin-top: 2rem;
 }
+
+.latest-blogposts-title {
+    padding: 1.5rem 0;
+}
+
+.latest-blogposts {
+    background: #f0f0f0;
+}

From 2dbc30972a9f78125eea8129017f7a7ad93f6f1b Mon Sep 17 00:00:00 2001
From: Casey Colley <code@caseycolley.com>
Date: Wed, 8 Nov 2023 16:57:06 -0800
Subject: [PATCH 2/2] button to go to all blogposts

---
 layouts/index.html    |  4 +++-
 static/caseyhates.css | 21 ++++++++++++++++++---
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/layouts/index.html b/layouts/index.html
index 335e840..7dba902 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -32,7 +32,9 @@ <h1>Latest  Blogposts</h1>
       {{ partial "blogcard.html" . }}
     {{ end }}
   </div>
-  <!-- a button to go to all blogposts -->
+  <div class="d-flex flex-wrap justify-content-center latest-blogposts">
+    <button class="btn blog-button mx-3" onclick="window.location.href = {{ range .Site.Menus.main }}{{ if eq .Name "Blog" }}{{ .URL | markdownify }}{{ end }}{{ end }};">See All Blog Posts</button>
+  </div>
 </div>
 
 {{ end }}
diff --git a/static/caseyhates.css b/static/caseyhates.css
index fae09e9..e862874 100644
--- a/static/caseyhates.css
+++ b/static/caseyhates.css
@@ -106,13 +106,14 @@ body {
     color: white;
 }
 
-.sli-button {
+.sli-button, .blog-button {
     background-color: var(--primary-color);
 }
 
 
-.sli-button:hover {
+.sli-button:hover, .blog-button:hover {
     background-color: var(--secondary-color);
+    color:white;
 }
 
 .discord-button {
@@ -296,9 +297,23 @@ body {
 }
 
 .latest-blogposts-title {
-    padding: 1.5rem 0;
+    padding: 2.5rem 0 1.5rem 0;
 }
 
 .latest-blogposts {
     background: #f0f0f0;
 }
+
+.blog-button {
+    height: auto;
+    min-width: 10vw;
+    font-family: "Open Sans", sans-serif;
+    font-size: .85rem;
+    font-weight: 400;
+    padding: .65rem 2rem;
+    line-height: 1.6rem;
+    color: white;
+    text-transform: uppercase;
+
+    margin: 1.5rem 0 2.5rem 0;
+}