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

@@ -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;
+    margin: 0 20px;
-    font-style: italic;
+    padding: 10px 20px;
-    font-size: 18px;
+    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;

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']

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}}