improve css in general:

- display images as blocks
- style and add <hr> div before comments section

move remark42 from subdomain to subdirectory
This commit is contained in:
Bea 2020-08-17 14:44:33 +02:00
parent 061b6dc122
commit e9c2f9ea41
3 changed files with 37 additions and 18 deletions

View File

@ -43,6 +43,16 @@ h5 {
font-size: 20px; font-size: 20px;
} }
hr {
border: 1px solid rgb(80, 80, 80);
border-bottom: 0;
margin: 50px 70px;
}
img {
display: block;
}
.nav { .nav {
width: 100%; width: 100%;
padding: 0; padding: 0;
@ -298,11 +308,16 @@ nav.mind-site-footer_nav {
} }
.kg-card-hascaption figcaption { .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; line-height: 1em;
color: rgb(150, 150, 150); 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 */ /* 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-family: 'Roboto', sans-serif;
font-weight: 700; font-weight: 700;
text-transform: uppercase; text-transform: uppercase;
font-size: 12px; font-size: 12px;
} }
.kg-bookmark-thumbnail { .kg-bookmark-thumbnail {
@ -455,19 +474,10 @@ img {
@font-face { @font-face {
font-family: 'Oswald'; font-family: 'Oswald';
font-style: normal; font-style: normal;
font-weight: 100; font-weight: 300;
src: url(https://fonts.gstatic.com/s/oswald/v24/TK3_WkUHHAIjg75cFRf3bXL8LICs169vsUZiZQ.woff2) format('woff2'); 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-face {
font-family: 'Montserrat'; font-family: 'Montserrat';
font-style: normal; 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; 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-face {
font-family: 'Roboto'; 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'); 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; 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-face {
font-family: 'Roboto'; font-family: 'Roboto';
font-style: normal; font-style: normal;

View File

@ -1,5 +1,5 @@
var remark_config = { var remark_config = {
host: "https://comments.mind-overflow.net", host: "https://services.mind-overflow.net/comments",
site_id: 'mindoverflow', site_id: 'mindoverflow',
components: ['embed'], // optional param; which components to load. default to ["embed"] components: ['embed'], // optional param; which components to load. default to ["embed"]
// to load all components define components as ['embed', 'last-comments', 'counter'] // to load all components define components as ['embed', 'last-comments', 'counter']

View File

@ -17,6 +17,8 @@
<img class="mind-post_feature-image" src="{{img_url feature_image}}"/> <img class="mind-post_feature-image" src="{{img_url feature_image}}"/>
</div> </div>
{{content}} {{content}}
<hr>
<h3>Comments</h3>
<div id="remark42"></div> <div id="remark42"></div>
</div> </div>
{{/post}} {{/post}}