escaped html in brief, remove |humanize in tags and add |title, improved fonts

7 files changed, 25 insertions, 18 deletions

diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index c0d921b..4271aba 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -1,7 +1,7 @@
 {{ define "main" }}
 
 <div class="content">
-    <h1>{{ .Title | humanize | title }}</h1>
+    <h1>{{ .Title | title }}</h1>
 </div>
 
 {{ range .Paginator.Pages }}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 3af29c0..0c953be 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -22,7 +22,7 @@
         <div class="level-right is-hidden-touch">
             <div class="tags">
                 {{ range .Params.tags }}
-                <a class="tag is-dark is-rounded" href="{{ "/tags/" | relURL }}{{ . | urlize }}">{{ . | humanize }}</a>
+                <a class="tag is-dark is-rounded" href="{{ "/tags/" | relURL }}{{ . | urlize }}">{{ . | title }}</a>
                 {{ end }}
             </div>
         </div>
diff --git a/layouts/_default/terms.html b/layouts/_default/terms.html
index 261888e..f2d5b4a 100644
--- a/layouts/_default/terms.html
+++ b/layouts/_default/terms.html
@@ -1,14 +1,14 @@
 {{ define "main" }}
 
 <div class="content">
-    <h1 class="title is-3">{{ .Title }}</h1>
+    <h1 class="title is-3">{{ .Title | title }}</h1>
 
     <ul id="all-tags">
         {{range sort (.Paginator .Site.Params.PaginateTagsPerPage).Pages.ByTitle }}
         <li>
             <a href="{{ .RelPermalink }}">
                 <span class="tag is-dark is-large is-rounded">
-                    {{ .Title | humanize}}
+                    {{ .Title | title }}
                 </span>
             </a>
         </li>
diff --git a/layouts/partials/blog-brief.html b/layouts/partials/blog-brief.html
index 338f93a..9a76ab0 100644
--- a/layouts/partials/blog-brief.html
+++ b/layouts/partials/blog-brief.html
@@ -29,7 +29,7 @@
         </div>
         <div class="level-right is-hidden-touch">
             {{ range .Params.tags }}
-            <a class="tag is-rounded" href="{{ "/tags/" | relURL }}{{ . | urlize }}">{{ . | humanize }}</a>
+            <a class="tag is-rounded" href="{{ "/tags/" | relURL }}{{ . | urlize }}">{{ . | title }}</a>
             {{ end }}
         </div>
     </div>
@@ -45,7 +45,7 @@
             <a href="{{ .RelPermalink }}">
                 <p class="summary">
                     {{ with .Description }}{{ . }}
-                    {{ else }}{{ with .Summary }}{{ . | plainify }}
+                    {{ else }}{{ with .Summary }}{{ . | plainify | htmlUnescape }}
                     {{ end }}{{ end }}
                 </p>
             </a>
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 06db0ca..68d8793 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -1,6 +1,6 @@
 <title>
     {{- if not .IsHome }}
-    {{ with .Title }}{{ . }} | {{ end }}
+    {{ with .Title | title }}{{ . }} | {{ end }}
     {{ end }}
     {{ .Site.Title -}}
 </title>
diff --git a/layouts/partials/index/tag-bullet.html b/layouts/partials/index/tag-bullet.html
index d5ebf5f..a7d4bb3 100644
--- a/layouts/partials/index/tag-bullet.html
+++ b/layouts/partials/index/tag-bullet.html
@@ -18,7 +18,7 @@
                 {{ range $name := $randTags }}
                 <a href="{{ "/tags/" | relURL }}{{ $name | urlize }}">
                     <span class="tag is-dark is-large is-rounded">
-                        {{ $name | humanize }}
+                        {{ $name | title }}
                     </span>
                 </a>
                 {{ end }}
diff --git a/static/css/ramium.css b/static/css/ramium.css
index 6500fe4..03482ce 100644
--- a/static/css/ramium.css
+++ b/static/css/ramium.css
@@ -1,3 +1,6 @@
+body {
+    font-family: sans-serif;
+}
 
 /******* navbar ****/
 
@@ -15,10 +18,6 @@ input:focus::placeholder {
     line-height: 3;
 }
 
-#title-banner {
-    font-size: 120px;
-}
-
 .seeall {
     padding-top: 10px;
     padding-bottom: 10px;
@@ -27,6 +26,7 @@ input:focus::placeholder {
 
 .seeall:hover {
     background-color: rgb(187, 187, 187);
+    text-decoration: underline;
 }
 
 @media all and (max-width: 768px) {
@@ -78,8 +78,7 @@ input:focus::placeholder {
 
 .blog-text {
     font-size: 1.2em;
-    color: rgba(0, 0, 0, 0.84);
-    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
+    color: rgba(0, 0, 0, 0.82);
     line-height: 1.7;
     margin-top: 1.8em;
 }
@@ -90,6 +89,15 @@ input:focus::placeholder {
     margin-left: auto;
     margin-right: auto;
     margin-top: 1em;
+    margin-bottom: 1.5em;
+}
+
+.blog .blog-text p {
+    margin-bottom: 1.5em;
+}
+
+/* For margin below videos */
+.blog-text div { 
     margin-bottom: 1em;
 }
 
@@ -106,10 +114,10 @@ input:focus::placeholder {
 
 /* ----- BLOG BRIEF ------- */
 
-.blog-brief .is-4 {
+.blog-brief h3 {
     margin-bottom: 0.3em;
 }
-.blog-brief .is-4:hover {
+.blog-brief h3:hover {
     text-decoration: underline;
 }
 
@@ -124,8 +132,7 @@ input:focus::placeholder {
 .blog-brief .summary {
     color: black;
     opacity: 0.84;
-    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
-    font-size: 1.1em;
+    font-size: 1.2em;
 
     overflow: hidden;
     max-height: 4.4em;