assets/scss/_content.scss

@@ -316,17 +316,4 @@ div.content .meta-tag {
       }
     }
   }
-
-	.footer {
-		> iframe {
-			border-radius: 1px;
-		}
-
-		.comment-attr {
-			margin-top: 25px;
-			opacity: 0.9;
-			font-size: 0.9em;
-			text-align: center;
-		}
-	}
 }

assets/scss/_footer.scss

@@ -4,10 +4,13 @@
   font-size: 0.8em;
   line-height: 2rem;
   margin-bottom: 1rem;
+  a {
+    color: $link-color;
+  }
 }
 
-.footer-item {
+.cs-mode-container {
-  margin: 0 0.3em;
+  margin: 0 0 0 0.3em;
 }
 
 .cs-mode-button {
@@ -23,16 +26,6 @@
   }
 }
 
-.footer-link {
-  font-family: $heading-font-family;
-	color: $fg-color;
-
-  &:hover {
-    color: $link-color;
-    text-decoration: underline;
-  }
-}
-
 .cs-mode-state {
   text-transform: capitalize;
   font-weight: $heading-font-weight--bold;

layouts/_default/single.html

@@ -4,3 +4,14 @@
 {{ define "content" }}
   {{ partial "page.html" . }}
 {{ end }}
+
+{{ if .Site.Params.talkyardServerUrl }}
+<section class="comments">
+	<script>talkyardServerUrl='{{ .Site.Params.talkyardServerUrl }}';</script>
+	<script async defer src="{{ .Site.Params.talkyardScriptUrl }}"></script>
+	<!-- You can specify a per page discussion id on the next line, if your URLs might change. -->
+	<div class="talkyard-comments" data-discussion-id="{{ .Params.discussionId }}" style="margin-top: 45px;">
+		<noscript>Please enable Javascript to view comments.</noscript>
+	</div>
+</section>
+{{ end }}

layouts/partials/footer.html

@@ -4,27 +4,20 @@
       <p>{{.}}</p>
     {{ end }}
     {{ if not .Site.Params.hideCopyright }}
-			<span class="footer-item">
       {{ with .Site.Params.since }}
         © {{ if lt . now.Year }}{{ . }} - {{ end }}{{ now.Year }}
       {{ else }}
         © {{ now.Year }}
       {{ end }}
       {{ if .Site.Params.Author }} {{ .Site.Params.Author }} {{ end }}
-			</span>
     {{ end }}
     {{ if not .Site.Params.hideCredits }}
       {{ if not .Site.Params.hideCopyright }} · {{ end }}
-				<span class="footer-item">
       {{ i18n "powered_by" }} <a href="https://gohugo.io/">Hugo</a> & <a href="https://github.com/luizdepra/hugo-coder/">Coder</a>.
-				</span>
     {{ end }}
-		<span id="cs-mode-container" class="footer-item">
+    <span id="cs-mode-container" class="cs-mode-container">
       [<button type="button" id="cs-mode-button" class="cs-mode-button">Dark Mode: <span id="cs-mode-button-state" class="cs-mode-state">Light</span></button>]
       </span>
-		{{ if .Site.Params.talkyardServerUrl }}
-			<span class="footer-item comment-attr">Comments by <a class="footer-link" href="https://www.talkyard.io">Talkyard</a>.</span>
-		{{ end }}
     {{ if .Site.Params.commit }}
       {{ if or (not .Site.Params.hideCredits) (not .Site.Params.hideCopyright) }} · {{ end }}
       [<a href="{{ .Site.Params.commit }}{{ getenv "GIT_COMMIT_SHA" }}">{{ getenv "GIT_COMMIT_SHA_SHORT" }}</a>]

layouts/posts/single.html

@@ -35,16 +35,8 @@
 
 
       <footer>
-				{{ if .Site.Params.talkyardServerUrl }}
+        {{ partial "posts/series.html" . }}
-					<section class="comment-section">
+        {{ partial "posts/disqus.html" . }}
-						<h2>Comments</h2>
-						<script>talkyardServerUrl='{{ .Site.Params.talkyardServerUrl }}';</script>
-						<script async defer src="{{ .Site.Params.talkyardScriptUrl }}"></script>
-						<div class="talkyard-comments" data-discussion-id="{{ .Params.discussionId }}" style="margin-top: 45px;">
-							<noscript>Please enable Javascript to view comments.</noscript>
-						</div>
-					</section>
-				{{ end }}
         {{ partial "posts/commento.html" . }}
         {{ partial "posts/utteranc.html" . }}
       </footer>