Added Comments section to blog posts

hugo.toml

@@ -90,3 +90,5 @@ linkedin = 'https://www.linkedin.com/in/cole-boren-4b0b3a50/'
 [params.author]
 name = "Cole Boren"           # Your name as shown in the RSS feed metadata
 email = "cborendev@gmail.com" # Added to the footer so readers can reply to posts
+
+# for comments enable this

layouts/_default/single.html

@@ -1,5 +1,4 @@
-{{ define "main" }}
-{{ if not .Params.menu }}
+{{ define "main" }} {{ if not .Params.menu }}
 <h1>{{ .Title }}</h1>
 <p class="byline">
   <time datetime='{{ .Date.Format "2006-01-02" }}' pubdate>
@@ -8,21 +7,18 @@ <h1>{{ .Title }}</h1>
   {{ with .Params.author }}· {{.}}{{ end }}
 </p>
 {{ end }}
-<content>
-  {{ .Content }}
-</content>
+<content> {{ .Content }} </content>
 <p>
   {{ range (.GetTerms "tags") }}
-    <a class="blog-tags" href="{{ .RelPermalink }}">#{{ lower .LinkTitle }}</a>
+  <a class="blog-tags" href="{{ .RelPermalink }}">#{{ lower .LinkTitle }}</a>
   {{ end }}
 </p>
-{{ if not .Params.hideReply }}
-{{ with .Site.Params.author.email }}
-  <p>
-    <a href='mailto:{{ . }}?subject={{ i18n "email-subject" }}"{{ default $.Site.Title $.Page.Title }}"'>
-      {{ i18n "email-reply" }} ↪
-    </a>
-  </p>
-{{ end }}
-{{ end }}
-{{ end }}
+{{ if not .Params.hideReply }} {{ with .Site.Params.author.email }}
+<p>
+  <a
+    href='mailto:{{ . }}?subject={{ i18n "email-subject" }}"{{ default $.Site.Title $.Page.Title }}"'
+  >
+    {{ i18n "email-reply" }} ↪
+  </a>
+</p>
+{{ end }} {{ end }} {{ partial "utterances.html" . }} {{ end }}

layouts/partials/utterances.html

@@ -0,0 +1,11 @@
+<div class="utterances"></div>
+  {{ safeHTML `
+  <script src="https://utteranc.es/client.js"
+          repo="williycole/cb-site"
+          issue-term="pathname"
+          theme="github-light"
+          crossorigin="anonymous"
+          async>
+  </script>
+  ` }}
+</div>

public/blog/9-10-24-origin-story/index.html

@@ -97,8 +97,7 @@
 
 </nav>
 </header>
-  <main id="main-content">
-
+  <main id="main-content"> 
 <h1>My Origin Story</h1>
 <p class="byline">
   <time datetime='2024-09-10' pubdate>
@@ -107,36 +106,43 @@ <h1>My Origin Story</h1>
   · Cole Boren
 </p>
 
-<content>
-  <hr>
+<content> <hr>
 <h2 id="from-geology--naval-warfare-maps-to-go-developer">From Geology &amp; Naval Warfare Maps to Go Developer</h2>
 <p>Hi, I&rsquo;m Cole. My programming journey began in late 2019, but my path there was anything but direct. After studying Geology in college and working as a Field Geologist for about a year, I found myself creating maps for naval warfare ships at the US DOD. It was there that I first dipped my toes into bash scripting to automate my workflow, and I was instantly hooked.</p>
 <p>When 2020 rolled around, like many others with extra time on their hands, I dove deeper into programming. What fascinated me most was the democratization of the field - anyone willing to put in the time and effort could become a programmer, regardless of their background. This realization was particularly exciting for someone like me, coming from a non-traditional tech background. I started with basic C programming, creating simple programs like &ldquo;Hello World&rdquo; and a basic calculator. Initially, I thought I wanted to be a &lsquo;frontend developer&rsquo;, so I also dabbled in HTML and CSS. Little did I know that this curiosity would lead me on a journey from geology and naval warfare maps to becoming a Go developer.</p>
 <p>A turning point came when I read an article about a former geologist who transitioned into programming. I reached out to him (thanks, Adam!) and our chat about geology, programming, and the tech lifestyle convinced me to take the plunge. I quit my job and committed to becoming a work-from-home dev. The challenge of programming, the flexibility of remote work, and the potential earnings were too tempting to resist. I moved back home and enrolled in a course with <a href="https://www.tech901.org/">Tech901</a>, where I learned the basics of HTML, CSS, and JavaScript. Shortly after, <a href="https://cooksys.com/">Cook Systems</a> reached out and put me through an intensive bootcamp focused on Java and Spring Boot. Almost immediately, I landed a job as a Backend Developer (not frontend, ironically) at FedEx through Cook. Despite feeling underprepared as do most early career devs, I embraced the challenge and learned rapidly. After a year, I felt I had truly cut my teeth in programming professionally, then my career took another turn.</p>
 <p>A company called Green Mountain (formerly Green Mountain Technology) &lsquo;GM&rsquo; contacted me about a frontend position. Although I ended up in a backend role with C#/.NET, my time at GM was transformative. I learned about software engineering, unit testing, performance optimization, SQL, Kafka, APIs, architecture, code reviews, mentoring/how to mentor others, and project ownership. The experience and mentorship I received at GM were invaluable, its what helped my find my love for backend programming. However, like many tech companies in 2022-2023, GM faced layoffs. After about two years with GM, I decided it was time to spread my wings further. This led me to Hone Health, a fast-paced telehealth startup where I&rsquo;ve been for about a year. At Hone, I&rsquo;ve worn many hats - from helpdesk to bug hunting, infrastructure work to feature development, you name it and I&rsquo;ve done it. As I write this, I&rsquo;m transitioning to a new role as a Go developer - an exciting new chapter in my career. This journey from naval warfare maps to Go development has been filled with challenges, growth, and unexpected turns. I&rsquo;m looking forward to sharing more about my ongoing learning and experiences in future blog posts.</p>
 <p>~ Stay tuned as I continue to document my adventures in software development, and hopefully improve my writing along the way! 😆</p>
 <hr>
-
-</content>
+ </content>
 <p>
 
-    <a class="blog-tags" href="/tags/origin/">#origin</a>
+  <a class="blog-tags" href="/tags/origin/">#origin</a>
 
-    <a class="blog-tags" href="/tags/coding/">#coding</a>
+  <a class="blog-tags" href="/tags/coding/">#coding</a>
 
-    <a class="blog-tags" href="/tags/about/">#about</a>
+  <a class="blog-tags" href="/tags/about/">#about</a>
 
 </p>
-
-
-  <p>
-    <a href='mailto:cborendev@gmail.com?subject=Reply%20to%20"My%20Origin%20Story"'>
-      Reply to this post by email ↪
-    </a>
-  </p>
-
-
-
+
+<p>
+  <a
+    href='mailto:cborendev@gmail.com?subject=Reply%20to%20"My%20Origin%20Story"'
+  >
+    Reply to this post by email ↪
+  </a>
+</p>
+  <div class="utterances"></div>
+
+  <script src="https://utteranc.es/client.js"
+          repo="williycole/cb-site"
+          issue-term="pathname"
+          theme="github-light"
+          crossorigin="anonymous"
+          async>
+  </script>
+
+</div> 
   </main>
   <footer><small>
   Cole Boren (CC BY 4.0) | Made with <a href="https://github.com/clente/hugo-bearcub">Bear Cub</a>