mirror of
https://github.com/knadh/listmonk.git
synced 2025-01-22 14:18:44 +08:00
d86438bde9
The default `{{ TrackLink "https://listmonk.app" }}` template function
is clumsy to write and does breaks WYSIWYG editors and HTML syntax
highlighting because of the quotes. The new syntax doesn't break HTML
and is easier to write.
Eg: `<a href="https://listmonk.app@TrackLink">Link</a>`
- Introduce @TrackLink shorthand.
- Add first-class support for tracking links in the WYSIWYG (TinyMCE)
editor by introducing an on/off checkbox on the link dialog.
- Improve default dummy campaign content to highlight this.
101 lines
2.9 KiB
Smarty
101 lines
2.9 KiB
Smarty
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
|
|
<base target="_blank">
|
|
|
|
<style>
|
|
body {
|
|
background-color: #F0F1F3;
|
|
font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, sans-serif;
|
|
font-size: 15px;
|
|
line-height: 26px;
|
|
margin: 0;
|
|
color: #444;
|
|
}
|
|
|
|
pre {
|
|
background: #f4f4f4f4;
|
|
padding: 2px;
|
|
}
|
|
|
|
table {
|
|
width: 100%;
|
|
border: 1px solid #ddd;
|
|
}
|
|
table td {
|
|
border-color: #ddd;
|
|
padding: 5px;
|
|
}
|
|
|
|
.wrap {
|
|
background-color: #fff;
|
|
padding: 30px;
|
|
max-width: 525px;
|
|
margin: 0 auto;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.button {
|
|
background: #0055d4;
|
|
border-radius: 3px;
|
|
text-decoration: none !important;
|
|
color: #fff !important;
|
|
font-weight: bold;
|
|
padding: 10px 30px;
|
|
display: inline-block;
|
|
}
|
|
.button:hover {
|
|
background: #111;
|
|
}
|
|
|
|
.footer {
|
|
text-align: center;
|
|
font-size: 12px;
|
|
color: #888;
|
|
}
|
|
.footer a {
|
|
color: #888;
|
|
}
|
|
|
|
.gutter {
|
|
padding: 30px;
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
a {
|
|
color: #0055d4;
|
|
}
|
|
a:hover {
|
|
color: #111;
|
|
}
|
|
@media screen and (max-width: 600px) {
|
|
.wrap {
|
|
max-width: auto;
|
|
}
|
|
.gutter {
|
|
padding: 10px;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body style="background-color: #F0F1F3;font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, sans-serif;font-size: 15px;line-height: 26px;margin: 0;color: #444;">
|
|
<div class="gutter" style="padding: 30px;"> </div>
|
|
<div class="wrap" style="background-color: #fff;padding: 30px;max-width: 525px;margin: 0 auto;border-radius: 5px;">
|
|
{{ template "content" . }}
|
|
</div>
|
|
|
|
<div class="footer" style="text-align: center;font-size: 12px;color: #888;">
|
|
<p>
|
|
{{ L.T "email.unsubHelp" }}
|
|
<a href="{{ UnsubscribeURL }}" style="color: #888;">{{ L.T "email.unsub" }}</a>
|
|
</p>
|
|
<p>Powered by <a href="https://listmonk.app" target="_blank" style="color: #888;">listmonk</a></p>
|
|
</div>
|
|
<div class="gutter" style="padding: 30px;"> {{ TrackView }}</div>
|
|
</body>
|
|
</html>
|