diff --git a/.gitmodules b/.gitmodules
index 7298629..14b9f1a 100644
--- a/.gitmodules
+++ b/.gitmodules
@@ -2,3 +2,6 @@
 	path = themes/risotto
 	url = https://github.com/joeroe/risotto.git
 
+[submodule "themes/hugo-cloak-email"]
+	path = themes/hugo-cloak-email
+	url = https://github.com/martignoni/hugo-cloak-email.git
diff --git a/config/_default/params.toml b/config/_default/params.toml
index 1f8c385..71fee0f 100644
--- a/config/_default/params.toml
+++ b/config/_default/params.toml
@@ -54,6 +54,7 @@ giscusTheme = "noborder_gray"
 
 analytics = true
 kudos = true
+emailReplies = true
 
 [author]
 name = "John Bowdre"
diff --git a/flake.nix b/flake.nix
index 2f3f05d..cf5a659 100644
--- a/flake.nix
+++ b/flake.nix
@@ -17,6 +17,9 @@
         hugo
         nodePackages.npm
       ];
+      shellHook = ''
+        source .env
+      '';
     };
   };
 }
\ No newline at end of file
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 364969d..fe78efb 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -49,9 +49,20 @@
         {{- $showKudos = false }}
       {{- end }}
       {{- if and (eq .Site.Params.analytics true) (ne $showKudos false) }}
-      <span class="post_kudos">Celebrate this post:&nbsp;<button class="tinylytics_kudos"></button></span>
+      <span class="post_kudos"><button class="tinylytics_kudos"></button></span>
       {{- end }}
+      {{- $emailReplies := true }}
+      {{- if eq .Site.Params.emailReplies false }}
+        {{- $emailReplies = false }}
+      {{- else if eq .Params.emailReplies false }}
+        {{- $emailReplies = false }}
+      {{- end }}
+      {{- if and (eq .Site.Params.comments true) (ne $emailReplies false) }}
+      <span class="post_email_reply"><a href="mailto:blogreply-{{ .Title | truncate 40 | urlize}}@runtimeterror.dev?Subject=Re: {{ .Title }}">📧 Reply by email</a></span>
+      {{- end }}
+      <br><details><summary>Comments</summary>
       {{- partial "comments" . }}
+      </details>
     {{- end }}
     <footer class="content__footer"></footer>
 {{ end }}
diff --git a/layouts/partials/comments.html b/layouts/partials/comments.html
index 286468d..a8fbe4a 100644
--- a/layouts/partials/comments.html
+++ b/layouts/partials/comments.html
@@ -1,5 +1,4 @@
 {{ if isset site.Params "giscusrepo" }}
-<br>
 <div class="post_comments">
   <script src="https://giscus.runtimeterror.dev/client.js"
   data-repo="{{ .Site.Params.giscusRepo }}"
diff --git a/static/css/custom.css b/static/css/custom.css
index d8e43e6..4941b84 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -391,4 +391,17 @@ a.tinylytics_webring {
 /* hr override */
 hr {
   margin-top: 1.5rem;
+}
+
+/* summary styling */
+details {
+  cursor: pointer;
+}
+
+details summary::before {
+  content: 'Load ';
+}
+
+details[open] summary::before {
+  content: 'Hide ';
 }
\ No newline at end of file