From 15f0a4d411eec7d4d871e340a7f92ea10b8e957f Mon Sep 17 00:00:00 2001
From: Latif Khalifa <latifer@streamgrid.net>
Date: Mon, 14 Oct 2013 14:54:39 +0200
Subject: [PATCH] Now with avatars

---
 htdocs/comments.php                    | 12 ++++++++++--
 htdocs/css/singularity/singularity.css |  7 ++++++-
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/htdocs/comments.php b/htdocs/comments.php
index 9cb88d8..12853bd 100644
--- a/htdocs/comments.php
+++ b/htdocs/comments.php
@@ -25,13 +25,21 @@ function renderComments($comments)
         {
             $del = "<a class=\"del_comment\" data-id=\"{$c->id}\">Delete comment</a> ";
         }
+        $gid = md5($c->email);
+        $avatar = (USE_SSL ? "https://secure.gravatar.com" : "http://www.gravatar.com") .  "/avatar/$gid?r=x&amp;d=mm&amp;s=48";
+        
 ?>
-<div class="ui-corner-all" style="margin: 2em 0; background-color: #252525; margin-right: 20px;">
+<div>
+<div style="float: left; display: inline-block; ">
+    <img style="border-radius: 5px; margin-top: 3px; border: 1px solid #444; filter: alpha(opacity=80); opacity: 0.8;" src="<?php echo $avatar ?>" />
+</div>
+<div class="ui-corner-all" style="margin: 2em 0; background-color: #252525; margin-left: 60px; margin-right: 20px;">
     <div style="padding: 5px; border-bottom: 1px solid #444; vertical-align: middle;">
         <?php echo $del . htmlentities($from) ?>
     </div>
     <div style="padding: 5px"><?php echo $comment ?></div>
-</div>   
+</div>
+</div>
 <?php
     endforeach;
 }
diff --git a/htdocs/css/singularity/singularity.css b/htdocs/css/singularity/singularity.css
index 81fc35b..d4b705e 100644
--- a/htdocs/css/singularity/singularity.css
+++ b/htdocs/css/singularity/singularity.css
@@ -110,13 +110,18 @@ table.noborder {
     cursor: pointer;
 }
 
+code,
 pre {
     font-family: monospace;
-    font-size: 1.2em;
+    font-size: 9pt;
     white-space: pre-wrap;
     word-wrap: break-word;
 }
 
+code {
+    white-space: pre;
+}
+
 #menubar {
     text-align: justify;
     margin: 10px 0px 10px 0px;