Skip to content

Instantly share code, notes, and snippets.

Created April 11, 2019 22:16
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
What would you like to do?
<div id="app">
<div id="header">
<img src="" id="logo"></img>
<div id="body">
<h3>Hey {{data.user.connections.twitch.displayName}}!</h3>
<div id="footer">
This email was sent to {{email}} in order to give important notifications.
To manage your notification preferences go to <a href="{{profileUrl}}">{{profileUrl}}</a>.
To unsubscribe from all notifications, click <a href="{{unsubscribeUrl}}">{{unsubscribeUrl}}</a>.
* {
margin: 0;
padding: 0;
box-sizing: border-box;
html {
height: 100%;
body {
background: #151e33;
background: linear-gradient(-38deg, #161e32 0, #2b395a 100%);
width: 100%;
padding: 0;
height: 100%;
font-family: Titillium, Helvetica, sans-serif;
#app {
padding: 8px;
position: relative;
margin: auto;
width: 50%;
max-width: 800px;
min-width: 300px;
background-color: #ccccff;
#header {
margin-bottom: 32px;
#logo {
display: inline-block;
vertical-align: top;
margin-right: 16px;
h1 {
font-size: 55px;
display: inline-block;
#footer {
margin-top: 64px;
font-size: 9pt;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment