2 files changed, 39 insertions, 0 deletions

diff --git a/hyperkitty/templates/messages/first_email.html b/hyperkitty/templates/messages/first_email.html
new file mode 100644
index 0000000..36c8468
--- /dev/null
+++ b/hyperkitty/templates/messages/first_email.html
@@ -0,0 +1,5 @@
+{% load gravatar %}
+
+<div class="first_email">
+	{% include 'messages/message.html' with email=first_mail unfolded='True' %}
+</div>
diff --git a/hyperkitty/templates/messages/message.html b/hyperkitty/templates/messages/message.html
new file mode 100644
index 0000000..feffcb9
--- /dev/null
+++ b/hyperkitty/templates/messages/message.html
@@ -0,0 +1,34 @@
+{% load gravatar %}
+
+<div class="email_header">
+	{% gravatar_img_for_email email.email 40 %}
+	<div class="email_author inline-block">
+		<span class="name"> <a href="/message/{{list_address}}/{{email.message_id}}">{{email.sender}}</a> </span>
+		<br />
+		<span class="rank">Rank 8</span>
+	</div>
+	<div class="email_date inline-block right">
+		<span class="date">{{email.date}}</span>
+		<br />
+	</div>
+</div>
+{% if unfolded %}
+	<div class="first_email_body">
+{% else %}
+	<div class="email_body">
+{% endif %}
+
+	{{email.content}}
+</div>
+<ul class="email_info inline" messageid="{{email.message_id}}">
+	<li class="neutral">
+		+{{email.likes}}/-{{email.dislikes}}
+	</li>
+	<li class="voteup">
+		<a href="#like"> Like</a>
+	</li>
+	<li class="votedown">
+		<a href="#dislike"> Dislike</a>
+	</li>
+</ul>
+