{% extends "mail/email_base.xhtml" %}
{% load social_tags utils_tags %}

{% block header_color %}#{{ favicon_border }}{% endblock %}
{% block header %}{% endblock %}

{% block body %}    

<style type="text/css" data-premailer="ignore">
    .content-td blockquote {
        border-left: 2px solid #ECEFE9;
        padding: 1.5em 1.5em;
        background-color: #F4F6F2;

        font-style: normal;
        font-size: 15px;
        color: #8C8C8C;
        text-align: left;
        font-family: 'Helvetica Neue',Arial,sans-serif;
        quotes: none;
    }
</style>

    <h2 style="color: #282F33; font-size: 18px; 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>
    </h2>
    
    <hr>

    <h2><a href="https://{% 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_content|safe }}</p>
    
    <a href="{{ story.story_permalink|safe }}">{{ story.story_permalink|safe }}</a>

    <hr>
    
{% endblock %}


{% block footer %}
<tr>
    <td class="comment_body_td content-td content-td-footer" style="-webkit-background-clip: padding-box; -webkit-border-radius: 0 0 3px 3px; background: white; background-clip: padding-box; border-radius: 0 0 3px 3px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05); color: #525252; font-family: 'Helvetica Neue',Arial,sans-serif; font-size: 15px; line-height: 22px; overflow: hidden; padding: 0 40px 12px;" bgcolor="white">
        <p style="font-size:12px;text-align: center;"> 
            You received this because you have <a href="https://{% 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 %}

{% block optout %}{% endblock %}