Skip to content

Commit 297a9c6

Browse files
committed
feat: add npmx.dev branded email templates
1 parent c1a896e commit 297a9c6

File tree

5 files changed

+1237
-0
lines changed

5 files changed

+1237
-0
lines changed
Lines changed: 256 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,256 @@
1+
<html dir="ltr" lang="en">
2+
<head>
3+
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
4+
<meta name="x-apple-disable-message-reformatting" />
5+
<title>Confirm your email</title>
6+
<meta name="description" content="To confirm your email, enter the code provided in the app." />
7+
</head>
8+
<div
9+
style="
10+
display: none;
11+
overflow: hidden;
12+
line-height: 1px;
13+
opacity: 0;
14+
max-height: 0;
15+
max-width: 0;
16+
"
17+
>
18+
To confirm your email, enter the code provided in the app.
19+
<div>
20+
 ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏
21+
</div>
22+
</div>
23+
24+
<body style="padding: 12px; padding-bottom: 40px; background-color: #0a0a0a">
25+
<table
26+
align="center"
27+
width="100%"
28+
border="0"
29+
cellpadding="0"
30+
cellspacing="0"
31+
role="presentation"
32+
style="max-width: 37.5em"
33+
>
34+
<tbody>
35+
<tr style="width: 100%">
36+
<td>
37+
<table
38+
align="center"
39+
width="100%"
40+
border="0"
41+
cellpadding="0"
42+
cellspacing="0"
43+
role="presentation"
44+
style="padding-top: 24px; padding-bottom: 24px"
45+
>
46+
<tbody>
47+
<tr>
48+
<td align="center">
49+
<svg
50+
xmlns="http://www.w3.org/2000/svg"
51+
viewBox="0 0 512 512"
52+
width="110"
53+
style="display: block; margin: 0 auto; outline: none; border: none"
54+
>
55+
<rect
56+
x="5"
57+
y="5"
58+
width="502"
59+
height="502"
60+
rx="64"
61+
fill="#0a0a0a"
62+
stroke="#262626"
63+
stroke-width="10"
64+
/>
65+
<rect x="110" y="310" width="60" height="60" fill="#1E4E5E" />
66+
<text
67+
x="320"
68+
y="370"
69+
font-family="ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace"
70+
font-size="420"
71+
font-weight="500"
72+
text-anchor="middle"
73+
fill="#5AB1CC"
74+
>
75+
<tspan>/</tspan>
76+
</text>
77+
</svg>
78+
</td>
79+
</tr>
80+
</tbody>
81+
</table>
82+
<table
83+
align="center"
84+
width="100%"
85+
border="0"
86+
cellpadding="0"
87+
cellspacing="0"
88+
role="presentation"
89+
style="
90+
padding: 24px;
91+
padding-bottom: 16px;
92+
border: solid 4px #262626;
93+
border-radius: 12px;
94+
background-color: #222222;
95+
"
96+
>
97+
<tbody>
98+
<tr>
99+
<td>
100+
<h1
101+
style="font-size:26px;letter-spacing:0.25px;color:#ffffff;font-family:-apple-system, BlinkMacSystemFont, &#x27;Roboto&#x27;, &#x27;Oxygen&#x27;, &#x27;Ubuntu&#x27;, &#x27;Cantarell&#x27;, &#x27;Fira Sans&#x27;, &#x27;Droid Sans&#x27;, &#x27;Helvetica Neue&#x27;, sans-serif;margin:0px 0px;line-height:1.0"
102+
>
103+
Confirm your email
104+
</h1>
105+
<p
106+
style="font-size:16px;line-height:1.4;margin:0px 0px;letter-spacing:0.25px;color:#fafafa;font-family:-apple-system, BlinkMacSystemFont, &#x27;Roboto&#x27;, &#x27;Oxygen&#x27;, &#x27;Ubuntu&#x27;, &#x27;Cantarell&#x27;, &#x27;Fira Sans&#x27;, &#x27;Droid Sans&#x27;, &#x27;Helvetica Neue&#x27;, sans-serif;padding-top:12px;padding-bottom:12px;padding-right:32px"
107+
>
108+
To confirm this email for your account, please enter the code below in the app
109+
or<!-- TODO: This needs an actual npmx.dev email verification route -->
110+
<!-- TODO: href="https://bsky.app/intent/verify-email?code={{token}}"-->
111+
<a
112+
href="https://npmx.dev"
113+
style="
114+
color: hsl(211, 20%, 53%);
115+
text-decoration: none;
116+
text-decoration-line: underline;
117+
font-size: 16px;
118+
letter-spacing: 0.25px;
119+
"
120+
target="_blank"
121+
>click here.</a
122+
>
123+
</p>
124+
<code
125+
style="
126+
display: block;
127+
padding: 16px;
128+
border-radius: 8px;
129+
border-width: 1px;
130+
border-style: solid;
131+
background-color: #fafafa;
132+
border-color: hsl(211, 20%, 85.89999999999999%);
133+
font-size: 14px;
134+
letter-spacing: 0.25px;
135+
font-family: monospace;
136+
text-transform: uppercase;
137+
"
138+
>{{token}}</code
139+
>
140+
<p
141+
style="font-size:14px;line-height:1.4;margin:0px 0px;letter-spacing:0.25px;color:#fafafa;font-family:-apple-system, BlinkMacSystemFont, &#x27;Roboto&#x27;, &#x27;Oxygen&#x27;, &#x27;Ubuntu&#x27;, &#x27;Cantarell&#x27;, &#x27;Fira Sans&#x27;, &#x27;Droid Sans&#x27;, &#x27;Helvetica Neue&#x27;, sans-serif;padding-top:12px"
142+
>
143+
If you didn&#x27;t request an email confirmation, you can safely ignore this
144+
email.
145+
</p>
146+
<table
147+
align="center"
148+
width="100%"
149+
border="0"
150+
cellpadding="0"
151+
cellspacing="0"
152+
role="presentation"
153+
style="padding-top: 24px"
154+
>
155+
<tbody>
156+
<tr>
157+
<td>
158+
<hr
159+
style="
160+
width: 100%;
161+
border: none;
162+
border-top: 1px solid #fafafa;
163+
margin: 0;
164+
"
165+
/>
166+
<table
167+
align="center"
168+
width="100%"
169+
border="0"
170+
cellpadding="0"
171+
cellspacing="0"
172+
role="presentation"
173+
style="padding-top: 16px; vertical-align: middle"
174+
>
175+
<tbody style="width: 100%">
176+
<tr style="width: 100%">
177+
<td>
178+
<p
179+
style="font-size:14px;line-height:1.4;margin:0px 0px;color:#6a737d;font-family:-apple-system, BlinkMacSystemFont, &#x27;Roboto&#x27;, &#x27;Oxygen&#x27;, &#x27;Ubuntu&#x27;, &#x27;Cantarell&#x27;, &#x27;Fira Sans&#x27;, &#x27;Droid Sans&#x27;, &#x27;Helvetica Neue&#x27;, sans-serif;letter-spacing:0.25px"
180+
>
181+
<a
182+
href="https://npmx.dev"
183+
style="color:hsl(211, 20%, 53%);text-decoration:none;text-decoration-line:underline;font-family:-apple-system, BlinkMacSystemFont, &#x27;Roboto&#x27;, &#x27;Oxygen&#x27;, &#x27;Ubuntu&#x27;, &#x27;Cantarell&#x27;, &#x27;Fira Sans&#x27;, &#x27;Droid Sans&#x27;, &#x27;Helvetica Neue&#x27;, sans-serif;margin:0px 0px;line-height:1.0;font-size:14px;letter-spacing:0.25px"
184+
target="_blank"
185+
>npmx.dev</a
186+
>, a better browser for the npm registry
187+
</p>
188+
</td>
189+
<td align="center" style="width: 24px">
190+
<svg
191+
xmlns="http://www.w3.org/2000/svg"
192+
viewBox="0 0 512 512"
193+
width="24"
194+
style="
195+
display: block;
196+
margin: 0 auto;
197+
outline: none;
198+
border: none;
199+
"
200+
>
201+
<rect
202+
x="5"
203+
y="5"
204+
width="502"
205+
height="502"
206+
rx="64"
207+
fill="#0a0a0a"
208+
stroke="#6a737d"
209+
stroke-width="10"
210+
/>
211+
<rect x="110" y="310" width="60" height="60" fill="#1E4E5E" />
212+
<text
213+
x="320"
214+
y="370"
215+
font-family="ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace"
216+
font-size="420"
217+
font-weight="500"
218+
text-anchor="middle"
219+
fill="#5AB1CC"
220+
>
221+
<tspan>/</tspan>
222+
</text>
223+
</svg>
224+
</td>
225+
</tr>
226+
</tbody>
227+
</table>
228+
</td>
229+
</tr>
230+
</tbody>
231+
</table>
232+
</td>
233+
</tr>
234+
</tbody>
235+
</table>
236+
<table
237+
align="center"
238+
width="100%"
239+
border="0"
240+
cellpadding="0"
241+
cellspacing="0"
242+
role="presentation"
243+
style="height: 500px"
244+
>
245+
<tbody>
246+
<tr>
247+
<td></td>
248+
</tr>
249+
</tbody>
250+
</table>
251+
</td>
252+
</tr>
253+
</tbody>
254+
</table>
255+
</body>
256+
</html>

0 commit comments

Comments
 (0)