Commit 2a2b5267 authored by Artemis's avatar Artemis 🐱

Added comment-space system through Commento

parent 398fbdb3
......@@ -4,7 +4,7 @@
<meta charset="utf-8" />
<!-- cannot add integrity check due to minifier -->
<link rel="stylesheet"
href="../assets/style.css" />
href="/a/style.css" />
<link rel="shortcut icon" type="image/png"
href="/a/favicon.png" />
......@@ -158,12 +158,8 @@ content.rendered = marked(content.rendered);</code></pre>
<p>You can follow this blog through the <a href="#">RSS feed</a>.</p>
</footer>
<section>
<div class="commentbox"></div>
</section>
<script src="https://unpkg.com/commentbox.io/dist/commentBox.min.js"></script>
<script>commentBox('5670392840585216-proj');</script>
<div id="commento"></div>
<script src="https://cdn.commento.io/js/commento.js"></script>
</section>
</body>
</html>
......@@ -22,6 +22,9 @@
<p>I'm a french developer, mainly interested in Back-end and user experience.</p>
<p>You can follow this blog through the <a href="#">RSS feed</a>.</p>
</footer>
<div id="commento"></div>
</section>
<script src="https://cdn.commento.io/js/commento.js"></script>
</body>
</html>
:root{--neutral-color:#333;--inverted-color:#EEE;--primary-color:#673ab7;--target-color:#1565c0;--toned-down-color:#DDD;--spacing:24px;--height:calc(var(--spacing) * 1.2);--base-font-size:1em}body{margin:0;text-rendering:optimizeLegibility;font-family:'Helvetica','Arial',sans-serif;background-color:var(--toned-down-color)}p,h1,h2,h3,h4,h5,h6,li{margin:0;color:var(--neutral-color)}a{color:var(--target-color);text-decoration:none;border-bottom:1px solid var(--target-color)}a:hover{transition:.1s;opacity:.8}body>header{padding:var(--spacing);background-color:var(--primary-color);box-shadow:0 0 .3em var(--primary-color)}body>header>nav{padding-top:var(--spacing)}body>header>h1>a,body>header>nav>a{color:var(--inverted-color)}body>header>nav>a:not(:first-of-type){margin-left:var(--spacing)}body>section{background-color:var(--inverted-color);margin:0}@media screen and (min-width:1280px){body>section{margin:var(--spacing) auto;width:1200px;box-shadow:0 0 .3em var(--toned-down-color)}}body>section>article{border-top:1px solid var(--toned-down-color);border-bottom:1px solid var(--toned-down-color)}body>section>article>section{padding:var(--spacing);border-top:1px solid var(--toned-down-color);border-bottom:1px solid var(--toned-down-color);color:var(--neutral-color)}body>section>header,body>section>footer{padding:var(--spacing)}body>section>header{text-align:center}body>section>article>section>p{padding-top:var(--spacing)}article>p,article>h1,article>h2,article>h3,article>h4,article>h5,article>h6{margin:var(--spacing);line-height:var(--height);text-align:justify;overflow-wrap:break-word}blockquote>p{line-height:var(--height);text-align:justify;overflow-wrap:break-word}blockquote,pre,iframe,figure,video{display:block;margin:0;width:calc(100% - 2 * var(--spacing));padding:var(--spacing);background-color:var(--neutral-color);color:var(--inverted-color)}figure>img,figure>figcaption{width:100%}figcaption{padding-top:var(--spacing);font-style:italic}blockquote *,pre *{color:var(--inverted-color);margin:0}pre{overflow-x:scroll}ul,ol{margin:var(--spacing) 0}li{line-height:var(--height)}.hljs{display:block;overflow-x:auto;padding:.5em;color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta-string{color:#98c379}.hljs-built_in,.hljs-class .hljs-title{color:#e6c07b}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}.hljs-link{text-decoration:underline}
\ No newline at end of file
:root{--neutral-color:#333;--inverted-color:#EEE;--primary-color:#673ab7;--target-color:#1565c0;--toned-down-color:#DDD;--spacing:24px;--height:calc(var(--spacing) * 1.2);--base-font-size:1em}body{margin:0;text-rendering:optimizeLegibility;font-family:'Helvetica','Arial',sans-serif;background-color:var(--toned-down-color)}p,h1,h2,h3,h4,h5,h6,li{margin:0;color:var(--neutral-color)}a{color:var(--target-color);text-decoration:none;border-bottom:1px solid var(--target-color)}a:hover{transition:.1s;opacity:.8}body>header{padding:var(--spacing);background-color:var(--primary-color);box-shadow:0 0 .3em var(--primary-color)}body>header>nav{padding-top:var(--spacing)}body>header>h1>a,body>header>nav>a{color:var(--inverted-color)}body>header>nav>a:not(:first-of-type){margin-left:var(--spacing)}body>section{background-color:var(--inverted-color);margin:0}@media screen and (min-width:1280px){body>section{margin:var(--spacing) auto;width:1200px;box-shadow:0 0 .3em var(--toned-down-color)}}body>section>article{border-top:1px solid var(--toned-down-color);border-bottom:1px solid var(--toned-down-color)}body>section>article>section{padding:var(--spacing);border-top:1px solid var(--toned-down-color);border-bottom:1px solid var(--toned-down-color);color:var(--neutral-color)}body>section>header,body>section>footer{padding:var(--spacing)}body>section>header{text-align:center}body>section>article>section>p{padding-top:var(--spacing)}article>p,article>h1,article>h2,article>h3,article>h4,article>h5,article>h6{margin:var(--spacing);line-height:var(--height);text-align:justify;overflow-wrap:break-word}blockquote>p{line-height:var(--height);text-align:justify;overflow-wrap:break-word}blockquote,pre,iframe,figure,video{display:block;margin:0;width:calc(100% - 2 * var(--spacing)) !important;padding:var(--spacing)}blockquote,pre,figure,video{background-color:var(--neutral-color);color:var(--inverted-color)}figure>img,figure>figcaption{width:100%}figcaption{padding-top:var(--spacing);font-style:italic}blockquote *,pre *{color:var(--inverted-color);margin:0}pre{overflow-x:scroll}ul,ol{margin:var(--spacing) 0}li{line-height:var(--height)}.hljs{display:block;overflow-x:auto;padding:.5em;color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta-string{color:#98c379}.hljs-built_in,.hljs-class .hljs-title{color:#e6c07b}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}.hljs-link{text-decoration:underline}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment