listmonk/static/email-templates/default.tpl

<!doctype html>
<html>
    <head>
        <title>{{ .Campaign.Subject }}</title>
        <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;
                    margin-right: 5px;
                }

            .gutter {
                padding: 30px;
            }

            img {
                max-width: 100%;
                height: auto;
            }

            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;">&nbsp;</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>
            <a href="{{ MessageURL }}" style="color: #888;">{{ L.T "email.viewInBrowser" }}</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;">&nbsp;{{ TrackView }}</div>
</body>
</html>
Fresh start 2018-10-25 13:51:47 +00:00			`<!doctype html>`
			`<html>`
Fix the horrible HTML typos in the default template 2018-10-29 09:47:48 +00:00			`<head>`
WIP: Add support for publishing campaigns to publish archives. 2022-11-03 05:37:26 +00:00			`<title>{{ .Campaign.Subject }}</title>`
Fix default template rendering in Gmail with CSS inlining 2019-07-21 14:56:28 +00:00			`<meta http-equiv="Content-Type" content="text/html; charset=utf-8">`
			`<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">`
Add target meta tag to open links in new windows on preview iframes 2018-11-01 16:25:22 +00:00			`<base target="_blank">`
Fix the horrible HTML typos in the default template 2018-10-29 09:47:48 +00:00			`<style>`
			`body {`
			`background-color: #F0F1F3;`
			`font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, sans-serif;`
			`font-size: 15px;`
			`line-height: 26px;`
			`margin: 0;`
			`color: #444;`
			`}`
Fresh start 2018-10-25 13:51:47 +00:00
Introduce `@TrackLink` shorthand for generating tracking links. 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. 2021-09-26 10:33:05 +00:00			`pre {`
			`background: #f4f4f4f4;`
			`padding: 2px;`
			`}`

			`table {`
			`width: 100%;`
			`border: 1px solid #ddd;`
			`}`
			`table td {`
			`border-color: #ddd;`
			`padding: 5px;`
			`}`

Fix the horrible HTML typos in the default template 2018-10-29 09:47:48 +00:00			`.wrap {`
			`background-color: #fff;`
			`padding: 30px;`
			`max-width: 525px;`
			`margin: 0 auto;`
			`border-radius: 5px;`
			`}`
Fresh start 2018-10-25 13:51:47 +00:00
Add button style to default template 2020-02-03 07:47:44 +00:00			`.button {`
Upgrade and refactor global theme. - Change public and admin frontend primary colours. - Change images. - Refactor and fix styling on public pages. - Remove CSS grid lib from public pages. - Update Buefy and fix broken component styles (modal, toast). 2021-09-15 14:42:34 +00:00			`background: #0055d4;`
Add button style to default template 2020-02-03 07:47:44 +00:00			`border-radius: 3px;`
			`text-decoration: none !important;`
			`color: #fff !important;`
			`font-weight: bold;`
			`padding: 10px 30px;`
			`display: inline-block;`
			`}`
			`.button:hover {`
			`background: #111;`
			`}`

Fix the horrible HTML typos in the default template 2018-10-29 09:47:48 +00:00			`.footer {`
			`text-align: center;`
			`font-size: 12px;`
Fresh start 2018-10-25 13:51:47 +00:00			`color: #888;`
			`}`
Fix the horrible HTML typos in the default template 2018-10-29 09:47:48 +00:00			`.footer a {`
			`color: #888;`
Add 'View in browser' link to the default email template. Closes #540. 2022-01-15 11:55:45 +00:00			`margin-right: 5px;`
Fix the horrible HTML typos in the default template 2018-10-29 09:47:48 +00:00			`}`
Fresh start 2018-10-25 13:51:47 +00:00
Fix the horrible HTML typos in the default template 2018-10-29 09:47:48 +00:00			`.gutter {`
			`padding: 30px;`
			`}`
Fresh start 2018-10-25 13:51:47 +00:00
Make image inserts use full root URL 2018-11-02 18:27:44 +00:00			`img {`
			`max-width: 100%;`
Prevent images from being squished in the default e-mail template. Closes #548. 2021-10-28 17:25:12 +00:00			`height: auto;`
Make image inserts use full root URL 2018-11-02 18:27:44 +00:00			`}`

Fix the horrible HTML typos in the default template 2018-10-29 09:47:48 +00:00			`a {`
Upgrade and refactor global theme. - Change public and admin frontend primary colours. - Change images. - Refactor and fix styling on public pages. - Remove CSS grid lib from public pages. - Update Buefy and fix broken component styles (modal, toast). 2021-09-15 14:42:34 +00:00			`color: #0055d4;`
Fix the horrible HTML typos in the default template 2018-10-29 09:47:48 +00:00			`}`
			`a:hover {`
			`color: #111;`
			`}`
			`@media screen and (max-width: 600px) {`
			`.wrap {`
			`max-width: auto;`
			`}`
			`.gutter {`
			`padding: 10px;`
			`}`
			`}`
			`</style>`
			`</head>`
Fix default template rendering in Gmail with CSS inlining 2019-07-21 14:56:28 +00:00			`<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;">`
Fix the horrible HTML typos in the default template 2018-10-29 09:47:48 +00:00			`{{ template "content" . }}`
			`</div>`

Fix default template rendering in Gmail with CSS inlining 2019-07-21 14:56:28 +00:00			`<div class="footer" style="text-align: center;font-size: 12px;color: #888;">`
WIP: Add i18n support 2020-12-19 10:55:52 +00:00			`<p>`
Refactor i18n name and fix the L() function in public HTML templates 2021-01-23 14:04:30 +00:00			`{{ L.T "email.unsubHelp" }}`
			`<a href="{{ UnsubscribeURL }}" style="color: #888;">{{ L.T "email.unsub" }}</a>`
Add 'View in browser' link to the default email template. Closes #540. 2022-01-15 11:55:45 +00:00			`<a href="{{ MessageURL }}" style="color: #888;">{{ L.T "email.viewInBrowser" }}</a>`
WIP: Add i18n support 2020-12-19 10:55:52 +00:00			`</p>`
Fix default template rendering in Gmail with CSS inlining 2019-07-21 14:56:28 +00:00			`<p>Powered by <a href="https://listmonk.app" target="_blank" style="color: #888;">listmonk</a></p>`
Fix the horrible HTML typos in the default template 2018-10-29 09:47:48 +00:00			`</div>`
Fix default template rendering in Gmail with CSS inlining 2019-07-21 14:56:28 +00:00			`<div class="gutter" style="padding: 30px;"> {{ TrackView }}</div>`
Fresh start 2018-10-25 13:51:47 +00:00			`</body>`
Fix the horrible HTML typos in the default template 2018-10-29 09:47:48 +00:00			`</html>`