scopeify-html
Version:
Scopeify CSS in HTML
268 lines (180 loc) • 17.3 kB
HTML
<html style="font-weight: 300">
<head style="font-weight: 300">
<meta charset="utf-8" style="font-weight: 300">
<meta name="viewport" content="width=device-width, initial-scale=1" style="font-weight: 300">
<style type="text/css" style="font-weight: 300">
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
</style>
</head>
<body class="" style='font-size: 16px; color: #2f2936; padding: 0; font-family: "Lato", "Helvetica Neue", helvetica, sans-serif; background-image: url(https://a0wx592cvgzripj.global.ssl.fastly.net/_static/0f1365abf08332e7868902cd0850b8d2/sentry/images/email/sentry-pattern.png); -webkit-font-smoothing: antialiased; width: 100%; font-weight: 300; margin: 0; background-color: #fff'>
<div class="preheader" style="padding: 0; font-size: 0; display: none; max-height: 0; font-weight: 300; mso-hide: all; line-height: 0">
New alert from Notion AI Notion Desktop.
</div>
<table class="main" style='border-radius: 4px; font-size: 16px; color: #2f2936; border-collapse: separate; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); border-spacing: 0; max-width: 700px; font-family: "Lato", "Helvetica Neue", helvetica, sans-serif; border: 1px solid #c7d0d4; padding: 0; -webkit-font-smoothing: antialiased; width: 100%; font-weight: 300; margin: 15px auto; background-color: #fff'>
<tr style="font-weight: 300">
<td style="padding: 0; font-weight: 300; margin: 0; text-align: center">
<div class="header" style="padding: 23px 0; font-size: 14px; font-weight: 300; border-bottom: 1px solid #dee7eb">
<div class="container" style="padding: 0 20px; max-width: 600px; font-weight: 300; margin: 0 auto; text-align: left">
<a target="_blank" href="https://sentry.io/notion-ai/notion-desktop/issues/180028443/" class="btn" style="border-radius: 3px; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08); color: #fff; float: right; line-height: 18px; padding: 8px 15px; text-decoration: none; border: 1px solid #413496; font-weight: 600; margin: -3px 0 0; display: inline-block; background-color: #6C5FC7">View on Sentry</a>
<h1 style="font-size: 38px; color: #000; letter-spacing: -1px; padding: 0; font-weight: normal; margin: 0; line-height: 42px">
<a target="_blank" href="https://sentry.io" style="color: #4674ca; font-weight: 500; text-decoration: none"><img src="https://a0wx592cvgzripj.global.ssl.fastly.net/_static/0f1365abf08332e7868902cd0850b8d2/sentry/images/email/sentry_logo_full.png" width="125px" height="29px" alt="Sentry" style="font-weight: 300"></a>
</h1>
</div>
</div>
</td>
</tr>
<tr style="font-weight: 300">
<td style="padding: 0; font-weight: 300; margin: 0; text-align: center">
<div class="container" style="padding: 0 20px; max-width: 600px; font-weight: 300; margin: 0 auto; text-align: left">
<div class="inner" style="padding: 30px 0 20px; font-weight: 300; background-color: #fff">
<h2 style="font-size: 24px; font-weight: 700; margin: 0 0 15px">
New alert from <a target="_blank" href="https://sentry.io/notion-ai/notion-desktop/" style="color: #4674ca; font-weight: inherit; text-decoration: none">Notion AI Notion Desktop</a>
</h2>
<div class="event" style="font-weight: 300; margin-bottom: 30px">
<div class="event-id" style="color: #889092; float: right; font-weight: 300">ID: ac25db3e85264e44b2a4e5205790a884</div>
<div class="event-date" style="color: #889092; font-weight: 300">Nov. 11, 2016, 3:24:37 p.m. UTC</div>
</div>
<div class="interface" style="font-weight: 300; margin-bottom: 30px">
<h3 class="title" style="font-size: 22px; font-weight: 700; margin: 0 0 15px">Exception</h3>
<pre style='border-radius: 4px; font-size: 14px; font-weight: normal; color: #3D4649; padding: 15px; white-space: pre-wrap; font-family: Menlo, Monaco, "Courier New", monospace; margin: 0 0 15px; background-color: #F4F5F6'>TypeError: Cannot read property 'id' of undefined
at onSnoozeThread$ (/Applications/Notion.app/Contents/Resources/app.asar/public/dist/appBundle.js:134360:86)
at tryCatch (/Applications/Notion.app/Contents/Resources/app.asar/public/dist/appBundle.js:111293:40)
at GeneratorFunctionPrototype.invoke [as _invoke] (/Applications/Notion.app/Contents/Resources/app.asar/public/dist/appBundle.js:111567:22)
at GeneratorFunctionPrototype.prototype.(anonymous function) [as next] (/Applications/Notion.app/Contents/Resources/app.asar/public/dist/appBundle.js:111326:21)
at next (/Applications/Notion.app/Contents/Resources/app.asar/public/dist/appBundle.js:109699:27)
...
(45 additional frame(s) were not displayed)</pre>
</div>
<div class="interface" style="font-weight: 300; margin-bottom: 30px">
<h3 class="title" style="font-size: 22px; font-weight: 700; margin: 0 0 15px">Request</h3>
<table style="border-collapse: separate; border-spacing: 5px; width: 100%; font-weight: 300; margin: 0 -5px">
<colgroup style="font-weight: 300">
<col style="width: 130px; font-weight: 300">
</colgroup>
<tbody style="font-weight: 300">
<tr style="font-weight: 300">
<th style="color: #889092; text-align: left; min-width: 60px; padding: 5px 0; font-weight: 500">URL</th>
<td style="border-radius: 3px; padding: 5px 10px; font-weight: 400; margin: 0 0 5px; background-color: #f4f5f6; text-align: left"><a target="_blank" href="file:///Applications/Notion.app/Contents/Resources/app.asar/public/prod.html" style="color: #4674ca; font-weight: 500; text-decoration: none">file:///Applications/Notion.app/Contents/Resources/app.asar/public/prod....</a></td>
</tr>
</tbody>
</table>
</div>
<div class="interface" style="font-weight: 300; margin-bottom: 30px">
<h3 class="title" style="font-size: 22px; font-weight: 700; margin: 0 0 15px">User</h3>
<table class="reset" style="border-collapse: collapse; border-spacing: 0; width: 100%; font-weight: 300; margin: 0 -5px">
<tr style="font-weight: 300">
<td style="border-radius: 3px; padding: 0; font-weight: 400; margin: 0 0 5px; background-color: #fff; text-align: left">
<table style="border-collapse: separate; border-spacing: 5px; width: 100%; font-weight: 300; margin: 0">
<colgroup style="font-weight: 300">
<col style="width: 130px; font-weight: 300">
</colgroup>
<tbody style="font-weight: 300">
<tr style="font-weight: 300">
<th style="color: #889092; text-align: left; min-width: 60px; padding: 5px 0; font-weight: 500">IP Address:</th>
<td class="code" style="border-radius: 3px; padding: 5px 10px; font-weight: 400; margin: 0 0 5px; background-color: #f4f5f6; text-align: left">XX.XX.XX.XX</td>
</tr>
<tr style="font-weight: 300">
<th style="color: #889092; text-align: left; min-width: 60px; padding: 5px 0; font-weight: 500">Name</th>
<td class="code" style="border-radius: 3px; padding: 5px 10px; font-weight: 400; margin: 0 0 5px; background-color: #f4f5f6; text-align: left"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</div>
<h3 style="font-size: 22px; font-weight: 700; margin: 0 0 20px">Tags</h3>
<ul class="tag-list" style="list-style: none; padding: 0; font-weight: 300; margin: 0 0 20px">
<li style="border-radius: 3px; margin-right: 5px; margin-bottom: 10px; padding: 5px 10px 6px; font-weight: 300; display: inline-block; background-color: #F4F5F6">
<strong style="font-weight: 200">browser</strong>
<em style="font-weight: 300">=</em>
<span style="font-weight: 300">
<a target="_blank" href="https://sentry.io?query=browser%3A%22Chrome%2053.0.2785%22" style="color: #4674ca; font-weight: 500; text-decoration: none">Chrome 53.0.2785</a>
</span>
</li>
<li style="border-radius: 3px; margin-right: 5px; margin-bottom: 10px; padding: 5px 10px 6px; font-weight: 300; display: inline-block; background-color: #F4F5F6">
<strong style="font-weight: 200">browser.name</strong>
<em style="font-weight: 300">=</em>
<span style="font-weight: 300">
<a target="_blank" href="https://sentry.io?query=browser.name%3A%22Chrome%22" style="color: #4674ca; font-weight: 500; text-decoration: none">Chrome</a>
</span>
</li>
<li style="border-radius: 3px; margin-right: 5px; margin-bottom: 10px; padding: 5px 10px 6px; font-weight: 300; display: inline-block; background-color: #F4F5F6">
<strong style="font-weight: 200">level</strong>
<em style="font-weight: 300">=</em>
<span style="font-weight: 300">
<a target="_blank" href="https://sentry.io?query=level%3A%22error%22" style="color: #4674ca; font-weight: 500; text-decoration: none">error</a>
</span>
</li>
<li style="border-radius: 3px; margin-right: 5px; margin-bottom: 10px; padding: 5px 10px 6px; font-weight: 300; display: inline-block; background-color: #F4F5F6">
<strong style="font-weight: 200">logger</strong>
<em style="font-weight: 300">=</em>
<span style="font-weight: 300">
<a target="_blank" href="https://sentry.io?query=logger%3A%22javascript%22" style="color: #4674ca; font-weight: 500; text-decoration: none">javascript</a>
</span>
</li>
<li style="border-radius: 3px; margin-right: 5px; margin-bottom: 10px; padding: 5px 10px 6px; font-weight: 300; display: inline-block; background-color: #F4F5F6">
<strong style="font-weight: 200">os</strong>
<em style="font-weight: 300">=</em>
<span style="font-weight: 300">
<a target="_blank" href="https://sentry.io?query=os%3A%22Mac%20OS%20X%2010.11.6%22" style="color: #4674ca; font-weight: 500; text-decoration: none">Mac OS X 10.11.6</a>
</span>
</li>
<li style="border-radius: 3px; margin-right: 5px; margin-bottom: 10px; padding: 5px 10px 6px; font-weight: 300; display: inline-block; background-color: #F4F5F6">
<strong style="font-weight: 200">os.name</strong>
<em style="font-weight: 300">=</em>
<span style="font-weight: 300">
<a target="_blank" href="https://sentry.io?query=os.name%3A%22Mac%20OS%20X%22" style="color: #4674ca; font-weight: 500; text-decoration: none">Mac OS X</a>
</span>
</li>
<li style="border-radius: 3px; margin-right: 5px; margin-bottom: 10px; padding: 5px 10px 6px; font-weight: 300; display: inline-block; background-color: #F4F5F6">
<strong style="font-weight: 200">sentry:release</strong>
<em style="font-weight: 300">=</em>
<span style="font-weight: 300">
<a target="_blank" href="https://sentry.io?query=sentry%3Arelease%3A%220.7.0%22" style="color: #4674ca; font-weight: 500; text-decoration: none">0.7.0</a>
</span>
</li>
<li style="border-radius: 3px; margin-right: 5px; margin-bottom: 10px; padding: 5px 10px 6px; font-weight: 300; display: inline-block; background-color: #F4F5F6">
<strong style="font-weight: 200">sentry:user</strong>
<em style="font-weight: 300">=</em>
<span style="font-weight: 300">
</span>
</li>
<li style="border-radius: 3px; margin-right: 5px; margin-bottom: 10px; padding: 5px 10px 6px; font-weight: 300; display: inline-block; background-color: #F4F5F6">
<strong style="font-weight: 200">url</strong>
<em style="font-weight: 300">=</em>
<span style="font-weight: 300">
<a target="_blank" href="https://sentry.io?query=url%3A%22file%3A///Applications/Notion.app/Contents/Resources/app.asar/public/prod.html%22" style="color: #4674ca; font-weight: 500; text-decoration: none">file:///Applications/Notion.app/Contents/Resour...</a>
</span>
</li>
</ul>
<p class="via" style="border-radius: 3px; font-size: 14px; padding: 15px; font-weight: 300; margin: 15px 0; line-height: 24px; background-color: #f7f8f9; text-align: center">
You are receiving this email due to matching rules:
<a target="_blank" href="https://sentry.io/notion-ai/notion-desktop/settings/alerts/rules/188358/" style="color: #4674ca; font-weight: 500; text-decoration: none">Send a notification for new events</a>
</p>
<div itemscope itemtype="http://schema.org/EmailMessage" style="font-weight: 300">
<meta itemprop="description" content="View Issue Details in Sentry" style="font-weight: 300">
<div itemprop="action" itemscope itemtype="http://schema.org/ViewAction" style="font-weight: 300">
<link itemprop="url" href="https://sentry.io/notion-ai/notion-desktop/issues/180028443/" style="font-weight: 300">
<meta itemprop="name" content="View in Sentry" style="font-weight: 300">
</div>
<div itemprop="publisher" itemscope itemtype="http://schema.org/Organization" style="font-weight: 300">
<meta itemprop="name" content="GetSentry" style="font-weight: 300">
<link itemprop="url" href="https://sentry.io/" style="font-weight: 300">
</div>
</div>
</div>
</div>
<div class="container" style="padding: 0 20px; max-width: 600px; font-weight: 300; margin: 0 auto; text-align: left">
<div class="footer" style="padding: 35px 0; border-top: 1px solid #E7EBEE; font-weight: 300">
<a target="_blank" href="https://sentry.io" style="color: #687276; float: right; font-weight: 500; text-decoration: none">Home</a>
<a target="_blank" href="https://sentry.io/account/settings/notifications/" style="color: #687276; font-weight: 500; text-decoration: none">Notification Settings</a> · <a target="_blank" href="https://sentry.io/account/notifications/unsubscribe/109165/?_=202L:1c5Dh8:MVBVQPGrstgeVz3GMYZTEgYD3hw"
style="color: #687276; font-weight: 500; text-decoration: none">Unsubscribe</a>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>