From e9c2f9ea4138691bc4528cc5cbea9d4194b8a230 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lorenzo=20Dellac=C3=A0?= <lorenzo.dellaca@mind-overflow.net>
Date: Mon, 17 Aug 2020 14:44:33 +0200
Subject: [PATCH] improve css in general: - display images as blocks - style
 and add <hr> div before comments section

move remark42 from subdomain to subdirectory
---
 assets/css/screen.css          | 51 ++++++++++++++++++++++------------
 assets/js/remark42-comments.js |  2 +-
 post.hbs                       |  2 ++
 3 files changed, 37 insertions(+), 18 deletions(-)

diff --git a/assets/css/screen.css b/assets/css/screen.css
index 12ad2dc..b464b08 100755
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -43,6 +43,16 @@ h5 {
   font-size: 20px;
 }
 
+hr {
+  border: 1px solid rgb(80, 80, 80);
+  border-bottom: 0;
+  margin: 50px 70px;
+}
+
+img {
+  display: block;
+}
+
 .nav {
   width: 100%;
 	padding: 0;
@@ -298,11 +308,16 @@ nav.mind-site-footer_nav {
   }
 
   .kg-card-hascaption figcaption {
-    padding: 0 20px 0;
-    font-style: italic;
-    font-size: 18px;
+    margin: 0 20px;
+    padding: 10px 20px;
+    font-size: 16px;
     line-height: 1em;
     color: rgb(150, 150, 150);
+    border-right: 1px solid rgb(80, 80, 80);
+    border-bottom: 1px solid rgb(80, 80, 80);
+    border-left: 1px solid rgb(80, 80, 80);
+    border-radius: 0 0 5px 5px;
+    text-align: center;
   }
 
   /* End images */
@@ -368,16 +383,20 @@ nav.mind-site-footer_nav {
 
   }
 
-  .kg-bookmark-author {
-
+  .kg-bookmark-publisher {
+    padding-left: 10px;
   }
 
-  .kg-bookmark-publisher {
+  .kg-bookmark-author {
+    padding-right: 10px;
+    border-right: 1px solid rgb(80, 80, 80);
+  }
+
+  .kg-bookmark-author, .kg-bookmark-publisher {
     font-family: 'Roboto', sans-serif;
     font-weight: 700;
     text-transform: uppercase;
     font-size: 12px;
-
   }
 
   .kg-bookmark-thumbnail {
@@ -455,19 +474,10 @@ img {
 @font-face {
     font-family: 'Oswald';
     font-style: normal;
-    font-weight: 100;
+    font-weight: 300;
     src: url(https://fonts.gstatic.com/s/oswald/v24/TK3_WkUHHAIjg75cFRf3bXL8LICs169vsUZiZQ.woff2) format('woff2');
 }
 
-
-@font-face {
-    font-family: 'Montserrat';
-    font-style: normal;
-    font-weight: 800;
-    src: url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_c5H3gnD_g.woff2) format('woff2');
-}
-
-
 @font-face {
     font-family: 'Montserrat';
     font-style: normal;
@@ -484,6 +494,12 @@ img {
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 
+@font-face {
+    font-family: 'Montserrat';
+    font-style: normal;
+    font-weight: 800;
+    src: url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_c5H3gnD_g.woff2) format('woff2');
+}
 
 @font-face {
   font-family: 'Roboto';
@@ -511,6 +527,7 @@ img {
   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
+
 @font-face {
   font-family: 'Roboto';
   font-style: normal;
diff --git a/assets/js/remark42-comments.js b/assets/js/remark42-comments.js
index 97c3c9a..6724337 100644
--- a/assets/js/remark42-comments.js
+++ b/assets/js/remark42-comments.js
@@ -1,5 +1,5 @@
 var remark_config = {
-  host: "https://comments.mind-overflow.net",
+  host: "https://services.mind-overflow.net/comments",
   site_id: 'mindoverflow',
   components: ['embed'], // optional param; which components to load. default to ["embed"]
                          // to load all components define components as ['embed', 'last-comments', 'counter']
diff --git a/post.hbs b/post.hbs
index e6d154a..c342bed 100755
--- a/post.hbs
+++ b/post.hbs
@@ -17,6 +17,8 @@
           <img class="mind-post_feature-image" src="{{img_url feature_image}}"/>
         </div>
         {{content}}
+        <hr>
+        <h3>Comments</h3>
         <div id="remark42"></div>
       </div>
       {{/post}}