Skip to content

Commit f9bd331

Browse files
Kai-rosKai-ros
authored
Merge pull request #1 from fatfingers23/feat/npmx-email-redesign
2FA email template and moved to a png
2 parents 297a9c6 + 19f6a11 commit f9bd331

File tree

6 files changed

+318
-304
lines changed

6 files changed

+318
-304
lines changed

‎pds/email-templates/confirm-email.html‎

Lines changed: 19 additions & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -46,35 +46,18 @@
4646
<tbody>
4747
<tr>
4848
<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>
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+
/>
7861
</td>
7962
</tr>
8063
</tbody>
@@ -106,20 +89,6 @@
10689
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"
10790
>
10891
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-
>
12392
</p>
12493
<code
12594
style="
@@ -187,40 +156,18 @@
187156
</p>
188157
</td>
189158
<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"
159+
<img
160+
alt="npmx.dev's logo"
161+
src="https://npmx.dev/pwa-512x512.png"
194162
style="
195163
display: block;
196-
margin: 0 auto;
197164
outline: none;
198165
border: none;
166+
text-decoration: none;
167+
width: 24px;
168+
margin: 0 auto;
199169
"
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>
170+
/>
224171
</td>
225172
</tr>
226173
</tbody>

‎pds/email-templates/delete-account.html‎

Lines changed: 19 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -50,35 +50,18 @@
5050
<tbody>
5151
<tr>
5252
<td align="center">
53-
<svg
54-
xmlns="http://www.w3.org/2000/svg"
55-
viewBox="0 0 512 512"
56-
width="110"
57-
style="display: block; margin: 0 auto; outline: none; border: none"
58-
>
59-
<rect
60-
x="5"
61-
y="5"
62-
width="502"
63-
height="502"
64-
rx="64"
65-
fill="#0a0a0a"
66-
stroke="#262626"
67-
stroke-width="10"
68-
/>
69-
<rect x="110" y="310" width="60" height="60" fill="#1E4E5E" />
70-
<text
71-
x="320"
72-
y="370"
73-
font-family="ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace"
74-
font-size="420"
75-
font-weight="500"
76-
text-anchor="middle"
77-
fill="#5AB1CC"
78-
>
79-
<tspan>/</tspan>
80-
</text>
81-
</svg>
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+
/>
8265
</td>
8366
</tr>
8467
</tbody>
@@ -180,40 +163,18 @@
180163
</p>
181164
</td>
182165
<td align="center" style="width: 24px">
183-
<svg
184-
xmlns="http://www.w3.org/2000/svg"
185-
viewBox="0 0 512 512"
186-
width="24"
166+
<img
167+
alt="npmx.dev's logo"
168+
src="https://npmx.dev/pwa-512x512.png"
187169
style="
188170
display: block;
189-
margin: 0 auto;
190171
outline: none;
191172
border: none;
173+
text-decoration: none;
174+
width: 24px;
175+
margin: 0 auto;
192176
"
193-
>
194-
<rect
195-
x="5"
196-
y="5"
197-
width="502"
198-
height="502"
199-
rx="64"
200-
fill="#0a0a0a"
201-
stroke="#6a737d"
202-
stroke-width="10"
203-
/>
204-
<rect x="110" y="310" width="60" height="60" fill="#1E4E5E" />
205-
<text
206-
x="320"
207-
y="370"
208-
font-family="ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace"
209-
font-size="420"
210-
font-weight="500"
211-
text-anchor="middle"
212-
fill="#5AB1CC"
213-
>
214-
<tspan>/</tspan>
215-
</text>
216-
</svg>
177+
/>
217178
</td>
218179
</tr>
219180
</tbody>

‎pds/email-templates/plc-operation.html‎

Lines changed: 19 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -45,35 +45,18 @@
4545
>
4646
<tbody>
4747
<td align="center">
48-
<svg
49-
xmlns="http://www.w3.org/2000/svg"
50-
viewBox="0 0 512 512"
51-
width="110"
52-
style="display: block; margin: 0 auto; outline: none; border: none"
53-
>
54-
<rect
55-
x="5"
56-
y="5"
57-
width="502"
58-
height="502"
59-
rx="64"
60-
fill="#0a0a0a"
61-
stroke="#262626"
62-
stroke-width="10"
63-
/>
64-
<rect x="110" y="310" width="60" height="60" fill="#1E4E5E" />
65-
<text
66-
x="320"
67-
y="370"
68-
font-family="ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace"
69-
font-size="420"
70-
font-weight="500"
71-
text-anchor="middle"
72-
fill="#5AB1CC"
73-
>
74-
<tspan>/</tspan>
75-
</text>
76-
</svg>
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+
/>
7760
</td>
7861
</tbody>
7962
</table>
@@ -171,40 +154,18 @@
171154
</p>
172155
</td>
173156
<td align="center" style="width: 24px">
174-
<svg
175-
xmlns="http://www.w3.org/2000/svg"
176-
viewBox="0 0 512 512"
177-
width="24"
157+
<img
158+
alt="npmx.dev's logo"
159+
src="https://npmx.dev/pwa-512x512.png"
178160
style="
179161
display: block;
180-
margin: 0 auto;
181162
outline: none;
182163
border: none;
164+
text-decoration: none;
165+
width: 24px;
166+
margin: 0 auto;
183167
"
184-
>
185-
<rect
186-
x="5"
187-
y="5"
188-
width="502"
189-
height="502"
190-
rx="64"
191-
fill="#0a0a0a"
192-
stroke="#6a737d"
193-
stroke-width="10"
194-
/>
195-
<rect x="110" y="310" width="60" height="60" fill="#1E4E5E" />
196-
<text
197-
x="320"
198-
y="370"
199-
font-family="ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace"
200-
font-size="420"
201-
font-weight="500"
202-
text-anchor="middle"
203-
fill="#5AB1CC"
204-
>
205-
<tspan>/</tspan>
206-
</text>
207-
</svg>
168+
/>
208169
</td>
209170
</tr>
210171
</tbody>

0 commit comments

Comments
 (0)