blogposts structure / no css

cacama-valvata · cacama-valvata · commit d7c0cdc689fd · 2023-07-10T19:40:30.000-07:00
diff --git a/content/blog/_index.md b/content/blog/_index.md
@@ -1,3 +1,5 @@
 ---
 title: Blog
 ---
+
+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
diff --git a/content/resources.md b/content/resources.md
@@ -11,4 +11,4 @@ hello
 
 **hi**
 
-![](/resources.jpg)
+![a caption for resources.jpg](/resources.jpg)
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
@@ -1,12 +1,15 @@
 {{ define "main" }}
 
-<h1>{{ .Title }}</h1>
-{{ range .Pages.ByPublishDate.Reverse }}
-<p>
-  <a class="font-125" href="{{ .RelPermalink }}">{{ .Title }}</a>
-  <br>
-  {{ partial "date-and-tags.html" . }}
-</p>
-{{ end }}
+<div id="home-jumbotron" class="jumbotron text-center hero-content infopage-hero d-flex flex-column justify-content-center">
+  <h1 class="hero-title py-1">{{ .Title }}</h1>
+</div>
+
+<div class="bg-light justify-content-center infopage-content"  style="min-height: 60vh;">
+  <div class="blogcards d-flex flex-wrap justify-content-center">
+    {{ range .Pages.ByPublishDate.Reverse }}
+      {{ partial "blogcard.html" . }}
+    {{ end }}
+    </div>
+</div>
 
-{{ end }}
+{{ end }}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
@@ -1,8 +1,11 @@
 {{ define "main" }}
 
-<h1>{{ .Title }}</h1>
-{{ partial "date-and-tags.html" . }}
-<br><br>
-{{ .Content }}
+<div id="home-jumbotron" class="jumbotron text-center hero-content infopage-hero d-flex flex-column justify-content-center">
+  <h1 class="hero-title py-1">{{ .Title }}</h1>
+</div>
+
+<div class="bg-light justify-content-center infopage-content"  style="min-height: 60vh;">
+
+</div>
 
 {{ end }}
diff --git a/layouts/partials/blogcard.html b/layouts/partials/blogcard.html
@@ -0,0 +1,11 @@
+<div class="blogcard-each border border-primary">
+    <img src="/blog/{{ .Title | urlize }}.jpg" alt="{{ .Params.Caption }}" class="blogcard-img">
+    <div class="blogcard-content py-4 px-4">
+        <h3><a href="/{{ .Title | urlize}}">{{ .Title }}</a></h3>
+        {{ $dateTime := .PublishDate.Format "2006-01-02" }}
+        {{ $dateFormat := .Site.Params.dateFormat | default "Jan 2, 2006" }}
+        <time datetime="{{ $dateTime }}">{{ .PublishDate.Format $dateFormat }}</time>
+
+        <p><a href="/{{ .Title | urlize }}">Read More</a></p>
+    </div>
+</div>
diff --git a/layouts/partials/date-and-tags.html b/layouts/partials/date-and-tags.html
diff --git a/static/blog/if-by-rudyard-kipling.jpg b/static/blog/if-by-rudyard-kipling.jpg
diff --git a/static/caseyhates.css b/static/caseyhates.css
@@ -213,3 +213,12 @@ body {
     width: 100%;
     height: 100vh;
 }
+
+
+.blogcard-each {
+    width: 20rem;
+}
+
+.blogcard-img {
+    width: 100%;
+}

-Original file line number
+Diff line change
@@ @@ -1,3 +1,5 @@ @@
 ---
 title: Blog
 ---
++
 +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
Original file line number	Diff line number	Diff line change
`@@ -11,4 +11,4 @@ hello`
`11`	`11`
`12`	`12`	`hi`
`13`	`13`
`14`		`-![](/resources.jpg)`
	`14`	`+![a caption for resources.jpg](/resources.jpg)`