Microservice to bring 2FA to self hosted PDSes
baileytownsend.dev
1<html dir="ltr" lang="en">
2
3<head>
4 <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
5 <meta name="x-apple-disable-message-reformatting"/>
6 <title>Sign in to Bluesky</title>
7 <meta
8 name="description"
9 content="We received a sign in request for your account."
10 />
11</head>
12<div
13 style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0"
14>We received a sign-in request for the account @{{handle}}. Use the code below to sign in
15 <div
16 >
17
18 </div>
19</div>
20
21<body
22 style="padding:12px;padding-bottom:40px;background-color:hsl(211, 20%, 95.3%)"
23>
24<table
25 align="center"
26 width="100%"
27 border="0"
28 cellPadding="0"
29 cellSpacing="0"
30 role="presentation"
31 style="max-width:37.5em"
32>
33 <tbody>
34 <tr style="width:100%">
35 <td>
36 <table
37 align="center"
38 width="100%"
39 border="0"
40 cellPadding="0"
41 cellSpacing="0"
42 role="presentation"
43 style="padding-top:24px;padding-bottom:24px"
44 >
45 <tbody>
46 <tr>
47 <td><img
48 alt="Bluesky"
49 src="https://bsky.social/about/images/email/email_logo_default.png"
50 style="display:block;outline:none;border:none;text-decoration:none;width:110px;margin:0 auto"
51 /></td>
52 </tr>
53 </tbody>
54 </table>
55 <table
56 align="center"
57 width="100%"
58 border="0"
59 cellPadding="0"
60 cellSpacing="0"
61 role="presentation"
62 style="padding:24px;padding-bottom:16px;border-radius:12px;background-color:#FFFFFF"
63 >
64 <tbody>
65 <tr>
66 <td>
67 <h1
68 style="font-size:26px;letter-spacing:0.25px;color:#000000;font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;margin:0px 0px;line-height:1.0"
69 >Sign in to Bluesky</h1>
70 <p
71 style="font-size:16px;line-height:1.4;margin:0px 0px;letter-spacing:0.25px;color:hsl(211, 24%, 34.2%);font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;padding-top:12px;padding-bottom:12px"
72 >We received a sign-in request for the account @{{handle}}. Use the code below to sign in.</p>
73 <code
74 style="display:block;padding:16px;border-radius:8px;border-width:1px;border-style:solid;background-color:hsl(211, 20%, 95.3%);border-color:hsl(211, 20%, 85.89999999999999%);font-size:14px;letter-spacing:0.25px;font-family:monospace;text-transform:uppercase"
75 >{{token}}</code>
76 <p style="font-size:14px;line-height:1.4;margin:0px 0px;letter-spacing:0.25px;color:hsl(211,20%,53%);font-family:-apple-system,BlinkMacSystemFont,'Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;padding-top:12px">
77 If this wasn't you, we recommend taking steps to
78 protect your account by
79 <a href="https://bsky.app/settings"
80 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"
81 target="_blank"
82 data-saferedirecturl="https://bsky.app/settings">changing
83 your password.</a></p>
84 <table
85 align="center"
86 width="100%"
87 border="0"
88 cellPadding="0"
89 cellSpacing="0"
90 role="presentation"
91 style="padding-top:24px"
92 >
93 <tbody>
94 <tr>
95 <td>
96 <hr
97 style="width:100%;border:none;border-top:1px solid #eaeaea;margin:0"
98 />
99 <table
100 align="center"
101 width="100%"
102 border="0"
103 cellPadding="0"
104 cellSpacing="0"
105 role="presentation"
106 style="padding-top:16px;vertical-align:middle"
107 >
108 <tbody style="width:100%">
109 <tr style="width:100%">
110 <td data-id="__react-email-column">
111 <p
112 style="font-size:14px;line-height:1.4;margin:0px 0px;color:hsl(211, 20%, 53%);font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;letter-spacing:0.25px"
113 ><a
114 href="https://bsky.app"
115 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"
116 target="_blank"
117 >Bluesky</a>, the social internet</p>
118 </td>
119 <td
120 data-id="__react-email-column"
121 style="width:24px"
122 ><img
123 alt="🦋"
124 src="https://bsky.social/about/images/email/email_mark_dark.png"
125 style="display:block;outline:none;border:none;text-decoration:none;width:24px"
126 /></td>
127 </tr>
128 </tbody>
129 </table>
130 </td>
131 </tr>
132 </tbody>
133 </table>
134 </td>
135 </tr>
136 </tbody>
137 </table>
138 <table
139 align="center"
140 width="100%"
141 border="0"
142 cellPadding="0"
143 cellSpacing="0"
144 role="presentation"
145 style="height:500px"
146 >
147 <tbody>
148 <tr>
149 <td></td>
150 </tr>
151 </tbody>
152 </table>
153 </td>
154 </tr>
155 </tbody>
156</table>
157</body>
158
159</html>