forked from
npmx.dev/npmx.dev
[READ-ONLY]
a fast, modern browser for the npm registry
feat: add `npmx.dev` branded email templates (#741)
Co-authored-by: Bailey Townsend <baileytownsend2323@gmail.com>
authored by
Brandon Hurrington
Bailey Townsend
and committed by
GitHub
dfceb2dd
306d5376
+1251
+203
assets/email-templates/confirm-email.html
+203
assets/email-templates/confirm-email.html
···
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
+
<img
50
+
alt="npmx.dev's logo"
51
+
src="https://npmx.dev/pwa-512x512.png"
52
+
style="
53
+
display: block;
54
+
outline: none;
55
+
border: none;
56
+
text-decoration: none;
57
+
width: 110px;
58
+
margin: 0 auto;
59
+
"
60
+
/>
61
+
</td>
62
+
</tr>
63
+
</tbody>
64
+
</table>
65
+
<table
66
+
align="center"
67
+
width="100%"
68
+
border="0"
69
+
cellpadding="0"
70
+
cellspacing="0"
71
+
role="presentation"
72
+
style="
73
+
padding: 24px;
74
+
padding-bottom: 16px;
75
+
border: solid 4px #262626;
76
+
border-radius: 12px;
77
+
background-color: #222222;
78
+
"
79
+
>
80
+
<tbody>
81
+
<tr>
82
+
<td>
83
+
<h1
84
+
style="font-size:26px;letter-spacing:0.25px;color:#ffffff;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;margin:0px 0px;line-height:1.0"
85
+
>
86
+
Confirm your email
87
+
</h1>
88
+
<p
89
+
style="font-size:16px;line-height:1.4;margin:0px 0px;letter-spacing:0.25px;color:#fafafa;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;padding-top:12px;padding-bottom:12px;padding-right:32px"
90
+
>
91
+
To confirm this email for your account, please enter the code below in the app
92
+
</p>
93
+
<code
94
+
style="
95
+
display: block;
96
+
padding: 16px;
97
+
border-radius: 8px;
98
+
border-width: 1px;
99
+
border-style: solid;
100
+
background-color: #fafafa;
101
+
border-color: hsl(211, 20%, 85.89999999999999%);
102
+
font-size: 14px;
103
+
letter-spacing: 0.25px;
104
+
font-family: monospace;
105
+
text-transform: uppercase;
106
+
"
107
+
>{{token}}</code
108
+
>
109
+
<p
110
+
style="font-size:14px;line-height:1.4;margin:0px 0px;letter-spacing:0.25px;color:#fafafa;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;padding-top:12px"
111
+
>
112
+
If you didn't request an email confirmation, you can safely ignore this
113
+
email.
114
+
</p>
115
+
<table
116
+
align="center"
117
+
width="100%"
118
+
border="0"
119
+
cellpadding="0"
120
+
cellspacing="0"
121
+
role="presentation"
122
+
style="padding-top: 24px"
123
+
>
124
+
<tbody>
125
+
<tr>
126
+
<td>
127
+
<hr
128
+
style="
129
+
width: 100%;
130
+
border: none;
131
+
border-top: 1px solid #fafafa;
132
+
margin: 0;
133
+
"
134
+
/>
135
+
<table
136
+
align="center"
137
+
width="100%"
138
+
border="0"
139
+
cellpadding="0"
140
+
cellspacing="0"
141
+
role="presentation"
142
+
style="padding-top: 16px; vertical-align: middle"
143
+
>
144
+
<tbody style="width: 100%">
145
+
<tr style="width: 100%">
146
+
<td>
147
+
<p
148
+
style="font-size:14px;line-height:1.4;margin:0px 0px;color:#6a737d;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;letter-spacing:0.25px"
149
+
>
150
+
<a
151
+
href="https://npmx.dev"
152
+
style="color:hsl(211, 20%, 53%);text-decoration:none;text-decoration-line:underline;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;margin:0px 0px;line-height:1.0;font-size:14px;letter-spacing:0.25px"
153
+
target="_blank"
154
+
>npmx.dev</a
155
+
>, a better browser for the npm registry
156
+
</p>
157
+
</td>
158
+
<td align="center" style="width: 24px">
159
+
<img
160
+
alt="npmx.dev's logo"
161
+
src="https://npmx.dev/pwa-512x512.png"
162
+
style="
163
+
display: block;
164
+
outline: none;
165
+
border: none;
166
+
text-decoration: none;
167
+
width: 24px;
168
+
margin: 0 auto;
169
+
"
170
+
/>
171
+
</td>
172
+
</tr>
173
+
</tbody>
174
+
</table>
175
+
</td>
176
+
</tr>
177
+
</tbody>
178
+
</table>
179
+
</td>
180
+
</tr>
181
+
</tbody>
182
+
</table>
183
+
<table
184
+
align="center"
185
+
width="100%"
186
+
border="0"
187
+
cellpadding="0"
188
+
cellspacing="0"
189
+
role="presentation"
190
+
style="height: 500px"
191
+
>
192
+
<tbody>
193
+
<tr>
194
+
<td></td>
195
+
</tr>
196
+
</tbody>
197
+
</table>
198
+
</td>
199
+
</tr>
200
+
</tbody>
201
+
</table>
202
+
</body>
203
+
</html>
+210
assets/email-templates/delete-account.html
+210
assets/email-templates/delete-account.html
···
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>Delete your account</title>
6
+
<meta
7
+
name="description"
8
+
content="To permanently delete your account, please enter the code provided in the app along with your password."
9
+
/>
10
+
</head>
11
+
<div
12
+
style="
13
+
display: none;
14
+
overflow: hidden;
15
+
line-height: 1px;
16
+
opacity: 0;
17
+
max-height: 0;
18
+
max-width: 0;
19
+
"
20
+
>
21
+
To permanently delete your account, please enter the code provided in the app along with your
22
+
password.
23
+
<div>
24
+
25
+
</div>
26
+
</div>
27
+
28
+
<body style="padding: 12px; padding-bottom: 40px; background-color: #0a0a0a">
29
+
<table
30
+
align="center"
31
+
width="100%"
32
+
border="0"
33
+
cellpadding="0"
34
+
cellspacing="0"
35
+
role="presentation"
36
+
style="max-width: 37.5em"
37
+
>
38
+
<tbody>
39
+
<tr style="width: 100%">
40
+
<td>
41
+
<table
42
+
align="center"
43
+
width="100%"
44
+
border="0"
45
+
cellpadding="0"
46
+
cellspacing="0"
47
+
role="presentation"
48
+
style="padding-top: 24px; padding-bottom: 24px"
49
+
>
50
+
<tbody>
51
+
<tr>
52
+
<td align="center">
53
+
<img
54
+
alt="npmx.dev's logo"
55
+
src="https://npmx.dev/pwa-512x512.png"
56
+
style="
57
+
display: block;
58
+
outline: none;
59
+
border: none;
60
+
text-decoration: none;
61
+
width: 110px;
62
+
margin: 0 auto;
63
+
"
64
+
/>
65
+
</td>
66
+
</tr>
67
+
</tbody>
68
+
</table>
69
+
<table
70
+
align="center"
71
+
width="100%"
72
+
border="0"
73
+
cellpadding="0"
74
+
cellspacing="0"
75
+
role="presentation"
76
+
style="
77
+
padding: 24px;
78
+
padding-bottom: 16px;
79
+
border: solid 4px #262626;
80
+
border-radius: 12px;
81
+
background-color: #222222;
82
+
"
83
+
>
84
+
<tbody>
85
+
<tr>
86
+
<td>
87
+
<h1
88
+
style="font-size:26px;letter-spacing:0.25px;color:#ffffff;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;margin:0px 0px;line-height:1.0"
89
+
>
90
+
Delete your account
91
+
</h1>
92
+
<p
93
+
style="font-size:16px;line-height:1.4;margin:0px 0px;letter-spacing:0.25px;color:#fafafa;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;padding-top:12px;padding-bottom:12px;padding-right:32px"
94
+
>
95
+
<span style="font-weight: 600">To permanently delete your account,</span>
96
+
<!-- -->please enter the code below in the app along with your password.
97
+
</p>
98
+
<code
99
+
style="
100
+
display: block;
101
+
padding: 16px;
102
+
border-radius: 8px;
103
+
border-width: 1px;
104
+
border-style: solid;
105
+
background-color: #fafafa;
106
+
border-color: hsl(211, 20%, 85.89999999999999%);
107
+
font-size: 14px;
108
+
letter-spacing: 0.25px;
109
+
font-family: monospace;
110
+
text-transform: uppercase;
111
+
"
112
+
>{{token}}</code
113
+
>
114
+
<p
115
+
style="font-size:14px;line-height:1.4;margin:0px 0px;letter-spacing:0.25px;color:#fafafa;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;padding-top:12px;padding-right:32px"
116
+
>
117
+
👉 If you didn't request an account deletion,<!-- -->
118
+
<span style="font-weight: 600; color: #d73a49"
119
+
>you should update your password immediately.</span
120
+
>
121
+
</p>
122
+
<table
123
+
align="center"
124
+
width="100%"
125
+
border="0"
126
+
cellpadding="0"
127
+
cellspacing="0"
128
+
role="presentation"
129
+
style="padding-top: 24px"
130
+
>
131
+
<tbody>
132
+
<tr>
133
+
<td>
134
+
<hr
135
+
style="
136
+
width: 100%;
137
+
border: none;
138
+
border-top: 1px solid #fafafa;
139
+
margin: 0;
140
+
"
141
+
/>
142
+
<table
143
+
align="center"
144
+
width="100%"
145
+
border="0"
146
+
cellpadding="0"
147
+
cellspacing="0"
148
+
role="presentation"
149
+
style="padding-top: 16px; vertical-align: middle"
150
+
>
151
+
<tbody style="width: 100%">
152
+
<tr style="width: 100%">
153
+
<td data-id="__react-email-column">
154
+
<p
155
+
style="font-size:14px;line-height:1.4;margin:0px 0px;color:#6a737d;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;letter-spacing:0.25px"
156
+
>
157
+
<a
158
+
href="https://npmx.dev"
159
+
style="color:hsl(211, 20%, 53%);text-decoration:none;text-decoration-line:underline;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;margin:0px 0px;line-height:1.0;font-size:14px;letter-spacing:0.25px"
160
+
target="_blank"
161
+
>npmx.dev</a
162
+
>, a better browser for the npm registry
163
+
</p>
164
+
</td>
165
+
<td align="center" style="width: 24px">
166
+
<img
167
+
alt="npmx.dev's logo"
168
+
src="https://npmx.dev/pwa-512x512.png"
169
+
style="
170
+
display: block;
171
+
outline: none;
172
+
border: none;
173
+
text-decoration: none;
174
+
width: 24px;
175
+
margin: 0 auto;
176
+
"
177
+
/>
178
+
</td>
179
+
</tr>
180
+
</tbody>
181
+
</table>
182
+
</td>
183
+
</tr>
184
+
</tbody>
185
+
</table>
186
+
</td>
187
+
</tr>
188
+
</tbody>
189
+
</table>
190
+
<table
191
+
align="center"
192
+
width="100%"
193
+
border="0"
194
+
cellpadding="0"
195
+
cellspacing="0"
196
+
role="presentation"
197
+
style="height: 500px"
198
+
>
199
+
<tbody>
200
+
<tr>
201
+
<td></td>
202
+
</tr>
203
+
</tbody>
204
+
</table>
205
+
</td>
206
+
</tr>
207
+
</tbody>
208
+
</table>
209
+
</body>
210
+
</html>
+201
assets/email-templates/plc-operation.html
+201
assets/email-templates/plc-operation.html
···
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>PLC update requested</title>
6
+
<meta name="description" content="We received a request to update your PLC." />
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
+
We received a request to update your PLC.
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
+
<td align="center">
48
+
<img
49
+
alt="npmx.dev's logo"
50
+
src="https://npmx.dev/pwa-512x512.png"
51
+
style="
52
+
display: block;
53
+
outline: none;
54
+
border: none;
55
+
text-decoration: none;
56
+
width: 110px;
57
+
margin: 0 auto;
58
+
"
59
+
/>
60
+
</td>
61
+
</tbody>
62
+
</table>
63
+
<table
64
+
align="center"
65
+
width="100%"
66
+
border="0"
67
+
cellpadding="0"
68
+
cellspacing="0"
69
+
role="presentation"
70
+
style="
71
+
padding: 24px;
72
+
padding-bottom: 16px;
73
+
border: solid 4px #262626;
74
+
border-radius: 12px;
75
+
background-color: #222222;
76
+
"
77
+
>
78
+
<tbody>
79
+
<tr>
80
+
<td>
81
+
<h1
82
+
style="font-size:26px;letter-spacing:0.25px;color:#ffffff;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;margin:0px 0px;line-height:1.0"
83
+
>
84
+
PLC update requested
85
+
</h1>
86
+
<p
87
+
style="font-size:16px;line-height:1.4;margin:0px 0px;letter-spacing:0.25px;color:#fafafa;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;padding-top:12px;padding-bottom:12px"
88
+
>
89
+
We received a request to update your PLC identity. Your confirmation code is:
90
+
</p>
91
+
<code
92
+
style="
93
+
display: block;
94
+
padding: 16px;
95
+
border-radius: 8px;
96
+
border-width: 1px;
97
+
border-style: solid;
98
+
background-color: #fafafa;
99
+
border-color: hsl(211, 20%, 85.89999999999999%);
100
+
font-size: 14px;
101
+
letter-spacing: 0.25px;
102
+
font-family: monospace;
103
+
text-transform: uppercase;
104
+
"
105
+
>{{token}}</code
106
+
>
107
+
<p
108
+
style="font-size:14px;line-height:1.4;margin:0px 0px;letter-spacing:0.25px;color:#fafafa;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;padding-top:12px"
109
+
>
110
+
Updating your PLC identity is a very sensitive operation. Please only proceed
111
+
if you are confident in what you are doing.
112
+
</p>
113
+
<table
114
+
align="center"
115
+
width="100%"
116
+
border="0"
117
+
cellpadding="0"
118
+
cellspacing="0"
119
+
role="presentation"
120
+
style="padding-top: 24px"
121
+
>
122
+
<tbody>
123
+
<tr>
124
+
<td>
125
+
<hr
126
+
style="
127
+
width: 100%;
128
+
border: none;
129
+
border-top: 1px solid #fafafa;
130
+
margin: 0;
131
+
"
132
+
/>
133
+
<table
134
+
align="center"
135
+
width="100%"
136
+
border="0"
137
+
cellpadding="0"
138
+
cellspacing="0"
139
+
role="presentation"
140
+
style="padding-top: 16px; vertical-align: middle"
141
+
>
142
+
<tbody style="width: 100%">
143
+
<tr style="width: 100%">
144
+
<td data-id="__react-email-column">
145
+
<p
146
+
style="font-size:14px;line-height:1.4;margin:0px 0px;color:#6a737d;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;letter-spacing:0.25px"
147
+
>
148
+
<a
149
+
href="https://npmx.dev"
150
+
style="color:hsl(211, 20%, 53%);text-decoration:none;text-decoration-line:underline;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;margin:0px 0px;line-height:1.0;font-size:14px;letter-spacing:0.25px"
151
+
target="_blank"
152
+
>npmx.dev</a
153
+
>, a better browser for the npm registry
154
+
</p>
155
+
</td>
156
+
<td align="center" style="width: 24px">
157
+
<img
158
+
alt="npmx.dev's logo"
159
+
src="https://npmx.dev/pwa-512x512.png"
160
+
style="
161
+
display: block;
162
+
outline: none;
163
+
border: none;
164
+
text-decoration: none;
165
+
width: 24px;
166
+
margin: 0 auto;
167
+
"
168
+
/>
169
+
</td>
170
+
</tr>
171
+
</tbody>
172
+
</table>
173
+
</td>
174
+
</tr>
175
+
</tbody>
176
+
</table>
177
+
</td>
178
+
</tr>
179
+
</tbody>
180
+
</table>
181
+
<table
182
+
align="center"
183
+
width="100%"
184
+
border="0"
185
+
cellpadding="0"
186
+
cellspacing="0"
187
+
role="presentation"
188
+
style="height: 500px"
189
+
>
190
+
<tbody>
191
+
<tr>
192
+
<td></td>
193
+
</tr>
194
+
</tbody>
195
+
</table>
196
+
</td>
197
+
</tr>
198
+
</tbody>
199
+
</table>
200
+
</body>
201
+
</html>
+207
assets/email-templates/reset-password.html
+207
assets/email-templates/reset-password.html
···
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>Reset password</title>
6
+
<meta
7
+
name="description"
8
+
content="We received a request to reset the password for the account @{{handle}}."
9
+
/>
10
+
</head>
11
+
<div
12
+
style="
13
+
display: none;
14
+
overflow: hidden;
15
+
line-height: 1px;
16
+
opacity: 0;
17
+
max-height: 0;
18
+
max-width: 0;
19
+
"
20
+
>
21
+
We received a request to reset the password for the account @{{handle}}.
22
+
<div>
23
+
24
+
</div>
25
+
</div>
26
+
27
+
<body style="padding: 12px; padding-bottom: 40px; background-color: #0a0a0a">
28
+
<table
29
+
align="center"
30
+
width="100%"
31
+
border="0"
32
+
cellpadding="0"
33
+
cellspacing="0"
34
+
role="presentation"
35
+
style="max-width: 37.5em"
36
+
>
37
+
<tbody>
38
+
<tr style="width: 100%">
39
+
<td>
40
+
<table
41
+
align="center"
42
+
width="100%"
43
+
border="0"
44
+
cellpadding="0"
45
+
cellspacing="0"
46
+
role="presentation"
47
+
style="padding-top: 24px; padding-bottom: 24px"
48
+
>
49
+
<tbody>
50
+
<tr>
51
+
<td align="center">
52
+
<img
53
+
alt="npmx.dev's logo"
54
+
src="https://npmx.dev/pwa-512x512.png"
55
+
style="
56
+
display: block;
57
+
outline: none;
58
+
border: none;
59
+
text-decoration: none;
60
+
width: 110px;
61
+
margin: 0 auto;
62
+
"
63
+
/>
64
+
</td>
65
+
</tr>
66
+
</tbody>
67
+
</table>
68
+
<table
69
+
align="center"
70
+
width="100%"
71
+
border="0"
72
+
cellpadding="0"
73
+
cellspacing="0"
74
+
role="presentation"
75
+
style="
76
+
padding: 24px;
77
+
padding-bottom: 16px;
78
+
border: solid 4px #262626;
79
+
border-radius: 12px;
80
+
background-color: #222222;
81
+
"
82
+
>
83
+
<tbody>
84
+
<tr>
85
+
<td>
86
+
<h1
87
+
style="font-size:26px;letter-spacing:0.25px;color:#ffffff;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;margin:0px 0px;line-height:1.0"
88
+
>
89
+
Reset password
90
+
</h1>
91
+
<p
92
+
style="font-size:16px;line-height:1.4;margin:0px 0px;letter-spacing:0.25px;color:#fafafa;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;padding-top:12px;padding-bottom:12px"
93
+
>
94
+
We received a request to reset the password for the account<!-- -->
95
+
<span style="color: hsl(211, 20%, 53%)">@<!-- -->{{handle}}<!-- -->.</span>
96
+
</p>
97
+
<code
98
+
style="
99
+
display: block;
100
+
padding: 16px;
101
+
border-radius: 8px;
102
+
border-width: 1px;
103
+
border-style: solid;
104
+
background-color: #fafafa;
105
+
border-color: hsl(211, 20%, 85.89999999999999%);
106
+
font-size: 14px;
107
+
letter-spacing: 0.25px;
108
+
font-family: monospace;
109
+
text-transform: uppercase;
110
+
"
111
+
>{{token}}</code
112
+
>
113
+
<p
114
+
style="font-size:14px;line-height:1.4;margin:0px 0px;letter-spacing:0.25px;color:#fafafa;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;padding-top:12px"
115
+
>
116
+
To choose a new password, please enter the code above in the app along with
117
+
your new password.
118
+
</p>
119
+
<table
120
+
align="center"
121
+
width="100%"
122
+
border="0"
123
+
cellpadding="0"
124
+
cellspacing="0"
125
+
role="presentation"
126
+
style="padding-top: 24px"
127
+
>
128
+
<tbody>
129
+
<tr>
130
+
<td>
131
+
<hr
132
+
style="
133
+
width: 100%;
134
+
border: none;
135
+
border-top: 1px solid #fafafa;
136
+
margin: 0;
137
+
"
138
+
/>
139
+
<table
140
+
align="center"
141
+
width="100%"
142
+
border="0"
143
+
cellpadding="0"
144
+
cellspacing="0"
145
+
role="presentation"
146
+
style="padding-top: 16px; vertical-align: middle"
147
+
>
148
+
<tbody style="width: 100%">
149
+
<tr style="width: 100%">
150
+
<td data-id="__react-email-column">
151
+
<p
152
+
style="font-size:14px;line-height:1.4;margin:0px 0px;color:#6a737d;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;letter-spacing:0.25px"
153
+
>
154
+
<a
155
+
href="https://npmx.dev"
156
+
style="color:hsl(211, 20%, 53%);text-decoration:none;text-decoration-line:underline;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;margin:0px 0px;line-height:1.0;font-size:14px;letter-spacing:0.25px"
157
+
target="_blank"
158
+
>npmx.dev</a
159
+
>, a better browser for the npm registryt
160
+
</p>
161
+
</td>
162
+
<td align="center" style="width: 24px">
163
+
<img
164
+
alt="npmx.dev's logo"
165
+
src="https://npmx.dev/pwa-512x512.png"
166
+
style="
167
+
display: block;
168
+
outline: none;
169
+
border: none;
170
+
text-decoration: none;
171
+
width: 24px;
172
+
margin: 0 auto;
173
+
"
174
+
/>
175
+
</td>
176
+
</tr>
177
+
</tbody>
178
+
</table>
179
+
</td>
180
+
</tr>
181
+
</tbody>
182
+
</table>
183
+
</td>
184
+
</tr>
185
+
</tbody>
186
+
</table>
187
+
<table
188
+
align="center"
189
+
width="100%"
190
+
border="0"
191
+
cellpadding="0"
192
+
cellspacing="0"
193
+
role="presentation"
194
+
style="height: 500px"
195
+
>
196
+
<tbody>
197
+
<tr>
198
+
<td></td>
199
+
</tr>
200
+
</tbody>
201
+
</table>
202
+
</td>
203
+
</tr>
204
+
</tbody>
205
+
</table>
206
+
</body>
207
+
</html>
+223
assets/email-templates/two-factor-code.html
+223
assets/email-templates/two-factor-code.html
···
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>Sign in to npmx.dev</title>
6
+
<meta name="description" content="We received a sign in request for your account." />
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
+
We received a sign-in request for the account @{{handle}}. Use the code below to sign in
19
+
<div>
20
+
21
+
22
+
23
+
24
+
25
+
26
+
27
+
28
+
</div>
29
+
</div>
30
+
31
+
<body style="padding: 12px; padding-bottom: 40px; background-color: #0a0a0a">
32
+
<table
33
+
align="center"
34
+
width="100%"
35
+
border="0"
36
+
cellpadding="0"
37
+
cellspacing="0"
38
+
role="presentation"
39
+
style="max-width: 37.5em"
40
+
>
41
+
<tbody>
42
+
<tr style="width: 100%">
43
+
<td>
44
+
<table
45
+
align="center"
46
+
width="100%"
47
+
border="0"
48
+
cellpadding="0"
49
+
cellspacing="0"
50
+
role="presentation"
51
+
style="padding-top: 24px; padding-bottom: 24px"
52
+
>
53
+
<tbody>
54
+
<tr>
55
+
<td align="center">
56
+
<img
57
+
alt="npmx.dev's logo"
58
+
src="https://npmx.dev/pwa-512x512.png"
59
+
style="
60
+
display: block;
61
+
outline: none;
62
+
border: none;
63
+
text-decoration: none;
64
+
width: 110px;
65
+
margin: 0 auto;
66
+
"
67
+
/>
68
+
</td>
69
+
</tr>
70
+
</tbody>
71
+
</table>
72
+
<table
73
+
align="center"
74
+
width="100%"
75
+
border="0"
76
+
cellpadding="0"
77
+
cellspacing="0"
78
+
role="presentation"
79
+
style="
80
+
padding: 24px;
81
+
padding-bottom: 16px;
82
+
border: solid 4px #262626;
83
+
border-radius: 12px;
84
+
background-color: #222222;
85
+
"
86
+
>
87
+
<tbody>
88
+
<tr>
89
+
<td>
90
+
<h1
91
+
style="font-size:26px;letter-spacing:0.25px;color:#ffffff;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;margin:0px 0px;line-height:1.0"
92
+
>
93
+
Sign in to npmx.dev
94
+
</h1>
95
+
<p
96
+
style="font-size:16px;line-height:1.4;margin:0px 0px;letter-spacing:0.25px;color:#fafafa;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;padding-top:12px;padding-bottom:12px"
97
+
>
98
+
We received a sign-in request for the account<!-- -->
99
+
<span style="color: hsl(211, 20%, 53%)">@<!-- -->{{handle}}<!-- -->.</span>
100
+
Use the code below to sign in.
101
+
</p>
102
+
<code
103
+
style="
104
+
display: block;
105
+
padding: 16px;
106
+
border-radius: 8px;
107
+
border-width: 1px;
108
+
border-style: solid;
109
+
background-color: #fafafa;
110
+
border-color: hsl(211, 20%, 85.89999999999999%);
111
+
font-size: 14px;
112
+
letter-spacing: 0.25px;
113
+
font-family: monospace;
114
+
text-transform: uppercase;
115
+
"
116
+
>{{token}}</code
117
+
>
118
+
<p
119
+
style="font-size:14px;line-height:1.4;margin:0px 0px;letter-spacing:0.25px;color:#fafafa;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;padding-top:12px"
120
+
>
121
+
If this wasn't you, we recommend taking steps to protect your account by
122
+
<a
123
+
href="https://npmx.dev/settings"
124
+
style="
125
+
color: hsl(211, 20%, 53%);
126
+
text-decoration: none;
127
+
text-decoration-line: underline;
128
+
font-size: 14px;
129
+
letter-spacing: 0.25px;
130
+
"
131
+
target="_blank"
132
+
>changing your password.</a
133
+
>
134
+
</p>
135
+
<table
136
+
align="center"
137
+
width="100%"
138
+
border="0"
139
+
cellpadding="0"
140
+
cellspacing="0"
141
+
role="presentation"
142
+
style="padding-top: 24px"
143
+
>
144
+
<tbody>
145
+
<tr>
146
+
<td>
147
+
<hr
148
+
style="
149
+
width: 100%;
150
+
border: none;
151
+
border-top: 1px solid #fafafa;
152
+
margin: 0;
153
+
"
154
+
/>
155
+
<table
156
+
align="center"
157
+
width="100%"
158
+
border="0"
159
+
cellpadding="0"
160
+
cellspacing="0"
161
+
role="presentation"
162
+
style="padding-top: 16px; vertical-align: middle"
163
+
>
164
+
<tbody style="width: 100%">
165
+
<tr style="width: 100%">
166
+
<td data-id="__react-email-column">
167
+
<p
168
+
style="font-size:14px;line-height:1.4;margin:0px 0px;color:#6a737d;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;letter-spacing:0.25px"
169
+
>
170
+
<a
171
+
href="https://npmx.dev"
172
+
style="color:hsl(211, 20%, 53%);text-decoration:none;text-decoration-line:underline;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;margin:0px 0px;line-height:1.0;font-size:14px;letter-spacing:0.25px"
173
+
target="_blank"
174
+
>npmx.dev</a
175
+
>, a better browser for the npm registry
176
+
</p>
177
+
</td>
178
+
<td align="center" style="width: 24px">
179
+
<img
180
+
alt="npmx.dev's logo"
181
+
src="https://npmx.dev/pwa-512x512.png"
182
+
style="
183
+
display: block;
184
+
outline: none;
185
+
border: none;
186
+
text-decoration: none;
187
+
width: 24px;
188
+
margin: 0 auto;
189
+
"
190
+
/>
191
+
</td>
192
+
</tr>
193
+
</tbody>
194
+
</table>
195
+
</td>
196
+
</tr>
197
+
</tbody>
198
+
</table>
199
+
</td>
200
+
</tr>
201
+
</tbody>
202
+
</table>
203
+
<table
204
+
align="center"
205
+
width="100%"
206
+
border="0"
207
+
cellpadding="0"
208
+
cellspacing="0"
209
+
role="presentation"
210
+
style="height: 500px"
211
+
>
212
+
<tbody>
213
+
<tr>
214
+
<td></td>
215
+
</tr>
216
+
</tbody>
217
+
</table>
218
+
</td>
219
+
</tr>
220
+
</tbody>
221
+
</table>
222
+
</body>
223
+
</html>
+207
assets/email-templates/update-email.html
+207
assets/email-templates/update-email.html
···
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>Update your email</title>
6
+
<meta
7
+
name="description"
8
+
content="To update the email for your account, enter the code provided in the app along with your new email."
9
+
/>
10
+
</head>
11
+
<div
12
+
style="
13
+
display: none;
14
+
overflow: hidden;
15
+
line-height: 1px;
16
+
opacity: 0;
17
+
max-height: 0;
18
+
max-width: 0;
19
+
"
20
+
>
21
+
To update the email for your account, enter the code provided in the app along with your new
22
+
email.
23
+
<div>
24
+
25
+
</div>
26
+
</div>
27
+
28
+
<body style="padding: 12px; padding-bottom: 40px; background-color: #0a0a0a">
29
+
<table
30
+
align="center"
31
+
width="100%"
32
+
border="0"
33
+
cellpadding="0"
34
+
cellspacing="0"
35
+
role="presentation"
36
+
style="max-width: 37.5em"
37
+
>
38
+
<tbody>
39
+
<tr style="width: 100%">
40
+
<td>
41
+
<table
42
+
align="center"
43
+
width="100%"
44
+
border="0"
45
+
cellpadding="0"
46
+
cellspacing="0"
47
+
role="presentation"
48
+
style="padding-top: 24px; padding-bottom: 24px"
49
+
>
50
+
<tbody>
51
+
<tr>
52
+
<td align="center">
53
+
<img
54
+
alt="npmx.dev's logo"
55
+
src="https://npmx.dev/pwa-512x512.png"
56
+
style="
57
+
display: block;
58
+
outline: none;
59
+
border: none;
60
+
text-decoration: none;
61
+
width: 110px;
62
+
margin: 0 auto;
63
+
"
64
+
/>
65
+
</td>
66
+
</tr>
67
+
</tbody>
68
+
</table>
69
+
<table
70
+
align="center"
71
+
width="100%"
72
+
border="0"
73
+
cellpadding="0"
74
+
cellspacing="0"
75
+
role="presentation"
76
+
style="
77
+
padding: 24px;
78
+
padding-bottom: 16px;
79
+
border: solid 4px #262626;
80
+
border-radius: 12px;
81
+
background-color: #222222;
82
+
"
83
+
>
84
+
<tbody>
85
+
<tr>
86
+
<td>
87
+
<h1
88
+
style="font-size:26px;letter-spacing:0.25px;color:#ffffff;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;margin:0px 0px;line-height:1.0"
89
+
>
90
+
Update your email
91
+
</h1>
92
+
<p
93
+
style="font-size:16px;line-height:1.4;margin:0px 0px;letter-spacing:0.25px;color:#fafafa;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;padding-top:12px;padding-bottom:12px;padding-right:32px"
94
+
>
95
+
To update the email for your account, enter the code below in the app along
96
+
with your new email.
97
+
</p>
98
+
<code
99
+
style="
100
+
display: block;
101
+
padding: 16px;
102
+
border-radius: 8px;
103
+
border-width: 1px;
104
+
border-style: solid;
105
+
background-color: #fafafa;
106
+
border-color: hsl(211, 20%, 85.89999999999999%);
107
+
font-size: 14px;
108
+
letter-spacing: 0.25px;
109
+
font-family: monospace;
110
+
text-transform: uppercase;
111
+
"
112
+
>{{token}}</code
113
+
>
114
+
<p
115
+
style="font-size:14px;line-height:1.4;margin:0px 0px;letter-spacing:0.25px;color:#fafafa;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;padding-top:12px"
116
+
>
117
+
If you didn't request an email update, you can safely ignore this email.
118
+
</p>
119
+
<table
120
+
align="center"
121
+
width="100%"
122
+
border="0"
123
+
cellpadding="0"
124
+
cellspacing="0"
125
+
role="presentation"
126
+
style="padding-top: 24px"
127
+
>
128
+
<tbody>
129
+
<tr>
130
+
<td>
131
+
<hr
132
+
style="
133
+
width: 100%;
134
+
border: none;
135
+
border-top: 1px solid #fafafa;
136
+
margin: 0;
137
+
"
138
+
/>
139
+
<table
140
+
align="center"
141
+
width="100%"
142
+
border="0"
143
+
cellpadding="0"
144
+
cellspacing="0"
145
+
role="presentation"
146
+
style="padding-top: 16px; vertical-align: middle"
147
+
>
148
+
<tbody style="width: 100%">
149
+
<tr style="width: 100%">
150
+
<td data-id="__react-email-column">
151
+
<p
152
+
style="font-size:14px;line-height:1.4;margin:0px 0px;color:#6a737d;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;letter-spacing:0.25px"
153
+
>
154
+
<a
155
+
href="https://npmx.dev"
156
+
style="color:hsl(211, 20%, 53%);text-decoration:none;text-decoration-line:underline;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;margin:0px 0px;line-height:1.0;font-size:14px;letter-spacing:0.25px"
157
+
target="_blank"
158
+
>npmx.dev</a
159
+
>, a better browser for the npm registry
160
+
</p>
161
+
</td>
162
+
<td align="center" style="width: 24px">
163
+
<img
164
+
alt="npmx.dev's logo"
165
+
src="https://npmx.dev/pwa-512x512.png"
166
+
style="
167
+
display: block;
168
+
outline: none;
169
+
border: none;
170
+
text-decoration: none;
171
+
width: 24px;
172
+
margin: 0 auto;
173
+
"
174
+
/>
175
+
</td>
176
+
</tr>
177
+
</tbody>
178
+
</table>
179
+
</td>
180
+
</tr>
181
+
</tbody>
182
+
</table>
183
+
</td>
184
+
</tr>
185
+
</tbody>
186
+
</table>
187
+
<table
188
+
align="center"
189
+
width="100%"
190
+
border="0"
191
+
cellpadding="0"
192
+
cellspacing="0"
193
+
role="presentation"
194
+
style="height: 500px"
195
+
>
196
+
<tbody>
197
+
<tr>
198
+
<td></td>
199
+
</tr>
200
+
</tbody>
201
+
</table>
202
+
</td>
203
+
</tr>
204
+
</tbody>
205
+
</table>
206
+
</body>
207
+
</html>