Added Status Icon in Comment Avatars

4 files changed, 12 insertions, 9 deletions

diff --git a/static/css/styles.css b/static/css/styles.css
index f49bbf44..50672ddf 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -51,6 +51,12 @@ a,
     /* color: #a591ee; */
     color: #d2baff;
     text-decoration: none;
+    cursor: pointer;
+}
+
+img.little-staus {
+    height: 24px;
+    position: relative;
 }
 
 #fake-banner-ad {
diff --git a/static/images/site/check.png b/static/images/site/check.png
new file mode 100644
index 00000000..f34ae14f
--- /dev/null
+++ b/static/images/site/check.png
diff --git a/static/images/site/unknown.png b/static/images/site/unknown.png
new file mode 100644
index 00000000..85180ba9
--- /dev/null
+++ b/static/images/site/unknown.png
diff --git a/templates/blog/post.html b/templates/blog/post.html
index 6b1f2bf9..422e4a3d 100644
--- a/templates/blog/post.html
+++ b/templates/blog/post.html
@@ -97,18 +97,15 @@
                 <tr>
                     <td style="width: 60px; vertical-align: top;">
                         <img src="{% static 'images/avatars/' %}{{ comment.avatar_url }}.gif" alt="Profile Picture" style="width: 50px;">
+                        {% if not comment.user %}
+                        <img src="{% static 'images/site/unknown.png' %}" alt="Anonymous User" class="little-staus" style="top: -20px; left: 24px;">
+                        {% else %}
+                        <img src="{% static 'images/site/check.png' %}" alt="Registered User" class="little-staus" style="top: -24px; left: 28px;">
+                        {% endif %}
                     </td>
                     <td style="vertical-align: top; width: 668px;">
                         <div style="margin-bottom: 13px; border-bottom: dashed 1px white; padding-bottom: 13px;">
-                            <a href="{% if comment.user%}{% url 'blog:user_activity' comment.user.username %}{% else %}#{% endif %}">
-                                {% if comment.user %}
-                                    {{ comment.user.username }}
-                                {% else %}
-                                    {{ comment.anonymous_user.name }}
-                                {% endif %}
-                            </a> on <em>
-                                {{ comment.created_at | date:"M d, Y" }}
-                            </em>
+                            <a {% if comment.user%}href="{% url 'blog:user_activity' comment.user.username %}"{% endif %}>{% if comment.user %}{{ comment.user.username }}{% else %}{{ comment.anonymous_user.name }}{% endif %}</a> on <em>{{ comment.created_at | date:"M d, Y" }}</em>
                             {% if comment.edited %}
                                 <em>(Edited)</em>
                             {% endif %}