better support header, talks disable link, external link support

assets/sass/base/_helpers.scss

@@ -27,4 +27,14 @@
   @include align-items(center);
   @include justify-content(center);
   @include flex-direction(column);
+}
+
+.px {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.py {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
 }

assets/sass/pages/_archive.scss

@@ -234,4 +234,17 @@
       }
     }
   }
+
+  &__subtitle {
+    text-align: center;
+    font-weight: bold;
+    font-family: $title-font;
+
+    @include themify($themes) {
+      color: themed('terms-title-color');
+    }
+    @media only screen and (max-width:600px) {
+      margin-bottom: 1rem;
+    }
+  }
 }

assets/sass/pages/_gallery.scss

@@ -61,13 +61,6 @@
   img {
     border-radius: 0.25rem;
   }
-  
-  &__contents {
-      padding: 1rem;
-      width: 65%;
-      font-size: 1rem;
-      text-align: center;
-  }
 
   .grid-item {
     position: relative;

assets/sass/pages/_terms.scss

@@ -17,6 +17,10 @@
     }    
   }
 
+  &__content {
+    width: 100%;
+  }
+
   &__list {
     @include flexbox();
     @include align-items(center);

layouts/archive/list.html

@@ -5,7 +5,7 @@
   <h3 class="h3 terms__title">
     {{ .Title }}
   </h3>
-  <div>
+  <div class="px py p2 terms__content">
     {{ .Content }}
   </div>
 </header>

layouts/gallery/single.html

@@ -1,7 +1,7 @@
 {{ define "main" }}
 <header class="header basicflex-column">
   <h3 class="terms__title h3">{{ .Title }}</h3>
-  <div class="gallery__contents">
+  <div class="px py p2 terms__content">
     {{ .Content }}
   </div>
 </header>

layouts/talks/list.html

@@ -35,7 +35,7 @@
         {{ if .Params.disableLink }}
         <div class="talk__title" data-title-wrap="{{ $titleWrap | default "wrap"}}" data-dir="{{ $.Param "languagedir" | default "ltr" }}">{{ .Title }}</div>
         {{ else }}
-        <a href="{{ if .Params.externalLink }}{{ .Params.externalLink }}{{ else }}{{ .Permalink }}{{ end }}" class="talk__title" data-title-wrap="{{ $titleWrap | default "wrap"}}" data-dir="{{ $.Param "languagedir" | default "ltr" }}">{{ .Title }}</a>
+        <a href="{{ if .Params.externalLink }}{{ .Params.externalLink }}{{ else }}{{ .Permalink }}{{ end }}" target="{{ with .Params.externalLink }}_blank{{ end }}" rel="{{ with .Params.externalLink }}noreferrer{{ end }}" class="talk__title" data-title-wrap="{{ $titleWrap | default "wrap"}}" data-dir="{{ $.Param "languagedir" | default "ltr" }}">{{ .Title }}</a>
         {{ end }}
       </li>
       {{ end }}