96 lines
3.2 KiB
HTML
96 lines
3.2 KiB
HTML
<html>
|
|
<head>
|
|
<title>{{msg.title}} | {{msg.news}} | Piráti</title>
|
|
</head>
|
|
<body>
|
|
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">
|
|
<style>
|
|
html, body {
|
|
background: #f9fdff; color: #222;
|
|
font-family: Roboto, Helvetica, sans-serif;
|
|
text-align: justify;
|
|
}
|
|
.msg-all {
|
|
margin: 1em auto 1em auto;
|
|
max-width: 800px;
|
|
background: white;
|
|
padding: 2em 2em 2em 2em;
|
|
border: 1px dotted #bdbdbd;
|
|
font-family: Roboto, Helvetica, sans-serif;
|
|
text-align: justify;
|
|
color: #222;
|
|
}
|
|
.part-header {
|
|
margin-bottom: 0.2em;
|
|
}
|
|
.part-button {
|
|
display: inline-block;
|
|
margin: 0.5em 0 0.5em 0;
|
|
border: 1px solid #bcbcbc;
|
|
padding: 0.25em 1em 0.25em 1em;
|
|
background: #efefef;
|
|
color: #474747;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
.part-img {
|
|
float: right;
|
|
margin: 0 0 0.5em 1em;
|
|
max-width: 40%;
|
|
box-shadow: #878787 3px 1px 10px;
|
|
}
|
|
.part-img-link {
|
|
}
|
|
|
|
p { margin: 0px 0px 0.2em 0px; }
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
body {
|
|
text-align: left;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 400px) {
|
|
.part-img {
|
|
float: none;
|
|
padding: 0.3em 0.5em 0.5em 0.5em;
|
|
max-width: 90%;
|
|
}
|
|
}
|
|
</style>
|
|
<div class="msg-all" style=" margin: 1em auto 1em auto; max-width: 800px; background: white; padding: 2em 2em 2em 2em; border: 1px dotted #bdbdbd; font-family: Roboto, Helvetica, sans-serif; text-align: justify; color: #222; ">
|
|
|
|
<h2 class="msg-title" style=" padding-left:1em; "> {{msg.news}}: {{msg.title}} </h2>
|
|
|
|
{% if msg.headerText %} <p class="msg-header"> {{msg.headerText|safe|linebreaks}} </p> {%endif%}
|
|
|
|
{% if blocks|length > 0 %}
|
|
{% for b in blocks %}
|
|
<div class="part" style=" margin-top: 0.75em; clear: both; ">
|
|
{% if b.heading %}<h3 class="part-header" style=" margin-bottom: 0.2em; ">{{b.heading}}</h3> {% endif %}
|
|
{% if b.img_url %}
|
|
<a href="{{b.img_url}}" target="_blank" class="part-img-link" style=" ">
|
|
<img src="{% if b.img_thumb_url %}{{b.img_thumb_url}}{%else%}{{b.img_url}}{% endif %}" class="part-img" style=" float: right; margin: 0 0 0.5em 1em; max-width: 40%; box-shadow: #878787 3px 1px 10px; " title="{{b.img_label}}">
|
|
</a>
|
|
{% endif %}
|
|
{% if b.content %}<div class="part-content"> {{ b.content|safe|linebreaks }}</div>{% endif %}
|
|
{% if b.link_text %}<a href="{{b.link}}" target="_new" class="part-button" style=" display: inline-block; margin: 0.5em 0 0.5em 0; border: 1px solid #bcbcbc; padding: 0.25em 1em 0.25em 1em; background: #efefef; color: #474747; font-weight: bold; text-decoration: none; cursor: pointer; ">{{b.link_text}}</a>{%endif%}
|
|
</div>
|
|
{% endfor %}
|
|
{%else%}
|
|
<em>Zpráva nemá žádný obsah.</em>
|
|
{%endif%}
|
|
|
|
{% if msg.footerText %} <p class="msg-footer"> {{msg.footerText|safe|linebreaks}} </p> {% endif %}
|
|
|
|
------ <br/><br/>
|
|
|
|
Předchozí vydání newsletteru najdete <a href="{{ abs_host_url }}{% url 'nalodeni:news_list_show' msg.news_id%}">online zde</a>.
|
|
<br/><br/>
|
|
Tuto zprávu jste obdrželi díky přihlášení k newsletteru u Pirátů.
|
|
Změnit nastavení nebo se z odběru odhlásit můžete v aplikaci Nalodění <a href="{{ abs_host_url }}{% url 'nalodeni:ja_pirat' %}">zde</a>.
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|