Skip to content

Instantly share code, notes, and snippets.

@dlevi309
Created September 5, 2020 22:35
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save dlevi309/a0cf90bc347a231f834ae0ce0adc86b6 to your computer and use it in GitHub Desktop.
Save dlevi309/a0cf90bc347a231f834ae0ce0adc86b6 to your computer and use it in GitHub Desktop.
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="supported-color-schemes" content="light dark" />
<style>
:root {
supported-color-schemes: light dark;
}
* {
margin: 0px;
padding: 0px;
-webkit-touch-callout: none;
-webkit-user-select: none; /* Disable selection/copy in UIWebView */
}
html {
color: black;
font: -apple-system-footnote;
text-align: center;
-webkit-text-size-adjust: 100%; /* Don't enlarge text on landscape */
word-wrap: break-word;
}
body {
margin: 20px 15px 20px 15px;
}
hr {
border: 0;
height: 0;
border-top: 1px solid rgb(215,215,215);
}
div {
margin-top: 20px;
margin-bottom: 26px;
}
h1, h2, h3, h4, h5, h6 {
color: black;
margin-top: 11px;
margin-bottom: 11px;
}
h1 {
font: -apple-system-headline;
font-weight: bold;
}
h2 {
font: -apple-system-subheadline;
font-weight: bold;
}
p {
margin-top: 11px;
margin-bottom: 14px;
}
a {
color: rgb(0, 122, 255);
text-decoration: none;
}
#instructions {
margin-top: 21px;
}
#email_header {
color: rgb(0, 122, 255);
font-weight: normal;
margin-top: 29px;
margin-bottom: 29px;
}
#content {
text-align: start;
}
@media (prefers-color-scheme: dark) {
html {
color: -apple-system-label;
}
h1, h2, h3, h4, h5, h6 {
color: -apple-system-header-text;
}
hr {
border-top: 1px solid -apple-system-separator;
}
a, #email_header {
color: -apple-system-blue;
}
}
</style>
</head>
<body>
<div dir="auto">
<h1>
@@WELCOME@@
</h1>
<p>
@@ABOUT@@
</p>
</div>
<hr/>
<div dir="auto">
<h2>
@@TERMS_TITLE@@
</h2>
<p id="instructions">
@@INSTRUCTIONS@@
</p>
</div>
<h2 id="email_header" dir="auto">
<a href="@@SEND_BY_EMAIL_URL@@">
@@SEND_BY_EMAIL@@
</a>
</h2>
<div id="content" dir="auto">
<p>
@@CONTENT@@
</p>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment