NewsBlur/templates/mail/email_story_notification.xhtml

58 lines
1.9 KiB
HTML
Raw Normal View History

{% extends "mail/email_base.xhtml" %}
{% load social_tags utils_tags %}
{% block header %}{% endblock %}
{% block body %}
<style type="text/css">
@media only screen and (max-device-width: 500px) {
body {
-webkit-text-size-adjust: 100%;
}
table[class="NB-email"] {
max-width: 400px !important;
width: 100% !important;
}
img {
max-width: 100%;
}
}
/* regular CSS styles go here */
table[class="NB-email"] {
max-width: 640px !important;
width: 100% !important;
}
img {
max-width: 600px;
}
body {
-webkit-text-size-adjust: 100%;
}
</style>
<p style="font-size: 14px; margin-top: 0;margin-bottom: 10px;padding-top:0px;line-height: 28px;font-weight: bold">
<img src="{{ feed.favicon_url_fqdn }}" style="width: 16px;height: 16px;vertical-align: middle; "> <a href="{{ feed.feed_link }}" style="color: #303050;text-decoration: none;">{{ feed_title }}</a>
</p>
<div style="margin: 24px 0 12px; border-top: 3px solid #404040; padding: 4px 0;"></div>
<h2><a href="http://{% current_domain %}/site/{{ feed.pk }}/{{ feed_title|slugify }}?story={{ story.story_hash }}" style="color: #404070;text-decoration: none;">{{ story.story_title }}</a></h2>
<p>{{ story.story_content|safe }}</p>
<a href="{{ story.story_permalink|safe }}">{{ story.story_permalink|safe }}</a>
<div style="margin: 24px 0 12px; border-top: 3px solid #404040; padding: 4px 0;"></div>
{% endblock %}
{% block footer %}
<tr>
<td>
<p style="font-size:12px;text-align: center;">
You received this because you have <a href="http://{% current_domain %}/site/{{ feed.pk }}/{{ feed_title|slugify }}?next=notifications" style="text-decoration:none;">email notifications for {{ feed_title }}</a>.
</p>
</td>
</tr>
{% endblock footer %}