💄 Add gitter chat room page.

assets/css/_common/components/third-party/gitter.scss

@@ -1,7 +1,7 @@
 @if $gitter_enable {
   .gitter-open-chat-button {
-    $alignment : sidebar-toggle-alignment(false);
-    #{$alignment[0]}: auto !important;
-    #{$alignment[1]}: 10px !important;
+    $alignment: sidebar-toggle-alignment(false);
+    #{nth($alignment, 1)}: auto !important;
+    #{nth($alignment, 2)}: 10px !important;
   }
 }

exampleSite/config.yaml

@@ -12,6 +12,8 @@ paginate: 8
 
 enableEmoji: true
 
+relativeurls: true
+
 # Make markdown content support HTML syntax
 markup:
   goldmark:
@@ -938,8 +940,8 @@ params:
   # Gitter Support
   # For more information: https://gitter.im
   gitter:
-    enable: false
-    room:
+    enable: true
+    room: hugo-next/community
 
 
   # ---------------------------------------------------------------

layouts/partials/_thirdparty/chat/gitter.html

@@ -0,0 +1,6 @@
+<script type="text/javascript" src="//sidecar.gitter.im/dist/sidecar.v1.js" async></script>
+<script type="text/javascript">
+((window.gitter = {}).chat = {}).options = {
+  room: {{ .Site.Params.gitter.room }}
+};
+</script>

layouts/partials/widgets.html

@@ -21,6 +21,10 @@
 {{- end }}
 {{- end }}
 
+{{- if .Site.Params.gitter.enable }}
+  {{ partial "_thirdparty/chat/gitter.html" . }}   
+{{- end }}
+
 <noscript>
   <div class="noscript-warning">Theme NexT works best with JavaScript enabled</div>
 </noscript>