Update email templates to avoid using bootstrap. Should improve speed, and also cross-email-client compatability

This commit is contained in:
David Taylor
2017-05-18 15:27:50 +01:00
parent 4b87b0a196
commit f3c020b613
5 changed files with 141 additions and 96 deletions

View File

@@ -2,48 +2,57 @@
{% load raven %}
<!DOCTYPE html>
<html
dir="{% if LANGUAGE_BIDI %}rtl{% else %}ltr{% endif %}"
xml:lang="{% firstof LANGUAGE_CODE 'en' %}"
lang="{% firstof LANGUAGE_CODE 'en' %}">
<head>
<meta name="viewport" content="initial-scale=1">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
{% block css %}
{% endblock %}
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width">
</head>
<script src="https://code.jquery.com/jquery-1.8.3.min.js"
integrity="sha256-YcbK69I5IXQftf/mYD8WY0/KmEDCv1asggHpJk1trM8=" crossorigin="anonymous"></script>
<script src="https://cdn.ravenjs.com/1.3.0/jquery,native/raven.min.js"></script>
<script>Raven.config('{% sentry_public_dsn %}').install()</script>
{% block preload_js %}
{% endblock %}
<body>
{% block extra-head %}{% endblock %}
</head>
<body>
<div class="row client-header">
<table class="container">
<table class="main-table">
<tr class="client-header">
<td align="center">
<!--[if mso]>
<center>
<table><tr><td width="640">
<![endif]-->
<table class="logos" cellpadding=20>
<tr>
<td align="left">
<img src="https://www.nottinghamtec.co.uk/imgs/tec_logo_white.png"/>
</td>
<td align="right">
<img src="https://www.nottinghamtec.co.uk/imgs/UoNSU.png"/>
</td>
</tr>
</table>
<!--[if mso]>
</td></tr></table>
</center>
<![endif]-->
</td>
</tr>
<tr>
<td>
<img src="https://www.nottinghamtec.co.uk/imgs/tec_logo_white.png"/>
</td>
<td class="text-right">
<img src="https://www.nottinghamtec.co.uk/imgs/UoNSU.png"/>
<td align="center" class="content-container">
<!--[if mso]>
<center>
<table><tr><td width="600">
<![endif]-->
<div class="content">
{% block content %}{% endblock %}
</div>
<!--[if mso]>
</td></tr></table>
</center>
<![endif]-->
</td>
</tr>
</table>
</div>
<div class="container">
<div id="content" class="row">
{% block content %}{% endblock %}
</div>
</div>
{% block js %}
{% endblock %}
</body>
</body>
</html>