62 lines
1.4 KiB
Text
62 lines
1.4 KiB
Text
<!DOCTYPE html>
|
|
<html lang="en-US">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width; initial-scale=1.0">
|
|
<title>{{title}} - SVR.JS Blog Newsletter</title>
|
|
<style>
|
|
body {
|
|
color: #000000;
|
|
background-color: #dfffdf;
|
|
margin: 1em 0;
|
|
padding: 0;
|
|
font-family: FreeSans, Helvetica, Tahoma, Verdana, Arial, sans-serif;
|
|
}
|
|
|
|
.logo {
|
|
margin: 1em auto;
|
|
display: block;
|
|
width: 224px;
|
|
}
|
|
|
|
.unsubscribe {
|
|
text-align: center;
|
|
}
|
|
|
|
main {
|
|
width: 95%;
|
|
max-width: 1280px;
|
|
background-color: #ffffff;
|
|
border: 1px #c0c0c0 solid;
|
|
margin: auto;
|
|
}
|
|
|
|
.content {
|
|
padding: 0.5em 1em;
|
|
}
|
|
|
|
.content h1 {
|
|
margin: 0.25em 0;
|
|
}
|
|
|
|
.thumbnail {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<img class="logo" src="https://svrjs.org/logo-wide.png">
|
|
<main>
|
|
<div class="content">
|
|
<h1>{{title}}</h1>
|
|
</div>
|
|
<img class="thumbnail" src="{{image}}" alt="{{title}}">
|
|
<div class="content">
|
|
{{summary}}
|
|
<p><a href="{{link}}">Read more</a></p>
|
|
</div>
|
|
</main>
|
|
<p class="unsubscribe">You can unsubscribe from the newsletter <a href="{{unsubscribe}}">here</a>.</p>
|
|
</body>
|
|
</html>
|