Added basic isso commenting system integration

* [isso](http://posativ.org/isso/) is a Disqus like commenting system written in Python
** self-hosted i.e. no privacy implications
** lightweight and provides all the features I require for this blog
* I thought about implementing a commenting system in InputXSLT but sadly I just don't have the time to think of and implement a reasonable XSLT based solution
** maybe a simple REST service for pushing XML from the client into article-dependend comment directories can be implemented in the future
* added basic CSS styling for isso comments simmilar to how they currently look in the old Symphony CMS based blog

2 files changed, 24 insertions, 1 deletions

diff --git a/source/99_result/article/article.xsl b/source/99_result/article/article.xsl
index b3046b5..656c136 100644
--- a/source/99_result/article/article.xsl
+++ b/source/99_result/article/article.xsl
@@ -18,7 +18,7 @@
 </xsl:template>
 
 <xsl:template match="article/entry">
-	<div class="last article">
+	<div class="article">
 		<h2>
 			<xsl:text>» </xsl:text>
 			<a href="{$url}/article/{@handle}">
@@ -41,6 +41,12 @@
 		</p>
 		<xsl:copy-of select="content/node()"/>
 	</div>
+
+	<div id="isso-thread"></div>
+
+	<script type="text/javascript" src="/comments/js/embed.min.js" data-isso-avatar="false" data-isso-vote="false" data-isso-css="false">
+		<xsl:text> </xsl:text>
+	</script>
 </xsl:template>
 
 </xsl:stylesheet>
diff --git a/source/99_result/main.css b/source/99_result/main.css
index 1fb8787..30760da 100644
--- a/source/99_result/main.css
+++ b/source/99_result/main.css
@@ -19,6 +19,7 @@ pre{padding:1em;border-radius:0.75em;color:#f8f8f2;background:#272822}
 #main h2 a{font-size:0.8em; text-decoration:none !important; color:#272828; font-weight:normal; display:inline-block; vertical-align:middle; max-width:95%}
 #main h2 a:hover{text-decoration:underline !important}
 #main h3{font-size:1.05em; font-weight:normal; margin-bottom:0.5em; border-bottom:0.1em solid #e3e8e8}
+#main h4{font-weight:normal; font-size:1.25em; margin:0}
 #main .article p{margin-bottom:0.7em}
 #main .article a{text-decoration:underline; color:#272828}
 #main .article a:hover{color:black}
@@ -48,6 +49,22 @@ pre{padding:1em;border-radius:0.75em;color:#f8f8f2;background:#272822}
 #last_line a{text-decoration:none; color:#272828}
 #last_line a:hover{text-decoration:underline}
 #last_line ul{margin-top:-0.2em; float:right; padding:0.4em 0}
+#isso-thread {margin-top:1em; font-size:0.95em}
+#isso-thread .form-wrapper {padding:1em;overflow:hidden}
+#isso-thread .form-wrapper input {border:0.3em solid #e3e8e8; margin:0.3em 0 0.3em 0}
+#isso-thread .form-wrapper .textarea {border:0.3em solid #e3e8e8; width:100%; height:8em}
+#isso-thread .auth-section .input-wrapper {float:left; margin-right:0.3em}
+#isso-root {padding:1em}
+#isso-root a {text-decoration:underline; color:#272828}
+#isso-root a:hover {color:black}
+#isso-root .isso-follow-up {margin-left:2em;padding-top:0.5em}
+#isso-root .isso-comment {border-top:0.3em solid #e3e8e8; margin-bottom:0.5em}
+#isso-root .isso-comment-header {font-size:0.75em;padding:0.3em 0 0.3em 0}
+#isso-root .isso-comment-header .spacer {visibility:hidden}
+#isso-root .isso-comment-header a{text-decoration:none; margin:0 0.1em 0 0.1em}
+#isso-root .isso-comment-header a:hover{text-decoration:underline}
+#isso-root .isso-comment-footer {overflow:hidden}
+#isso-root .isso-comment-footer .reply {float:right}
 .archiv {margin-top:1em}
 .columns {column-count:2;-moz-column-count:2;-webkit-column-count:2;column-gap:0;-moz-column-gap:0;-webkit-column-gap:0}
 .columns a {color:#272828; text-decoration:none}