bretton.dev
A community based topic aggregation platform built on atproto
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1">
6 <title>Account Deleted - Coves</title>
7 <!-- Favicon -->
8 <link rel="icon" type="image/png" href="/static/images/lil_dude.png">
9 <style>
10 * { box-sizing: border-box; margin: 0; padding: 0; }
11 body {
12 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
13 background: #0B0F14;
14 color: #e4e6e7;
15 min-height: 100vh;
16 display: flex;
17 justify-content: center;
18 align-items: center;
19 padding: 24px;
20 }
21 .card {
22 background: #1A1F26;
23 border-radius: 16px;
24 padding: 32px;
25 max-width: 480px;
26 width: 100%;
27 text-align: center;
28 }
29 .checkmark {
30 width: 64px;
31 height: 64px;
32 margin: 0 auto 24px;
33 background: #22C55E;
34 border-radius: 50%;
35 display: flex;
36 align-items: center;
37 justify-content: center;
38 animation: scale-in 0.3s ease-out;
39 }
40 .checkmark svg {
41 width: 32px;
42 height: 32px;
43 stroke: white;
44 stroke-width: 3;
45 fill: none;
46 }
47 @keyframes scale-in {
48 0% { transform: scale(0); }
49 50% { transform: scale(1.1); }
50 100% { transform: scale(1); }
51 }
52 h1 {
53 font-size: 24px;
54 font-weight: 600;
55 margin-bottom: 16px;
56 color: #e4e6e7;
57 }
58 .message {
59 font-size: 16px;
60 color: #B6C2D2;
61 margin-bottom: 24px;
62 line-height: 1.5;
63 }
64 .info-box {
65 background: rgba(124, 185, 232, 0.1);
66 border: 1px solid rgba(124, 185, 232, 0.3);
67 border-radius: 8px;
68 padding: 16px;
69 margin-bottom: 24px;
70 text-align: left;
71 }
72 .info-box p {
73 color: #B6C2D2;
74 font-size: 14px;
75 line-height: 1.5;
76 }
77 .btn {
78 display: inline-block;
79 padding: 14px 28px;
80 border-radius: 8px;
81 font-size: 16px;
82 font-weight: 600;
83 text-decoration: none;
84 cursor: pointer;
85 border: none;
86 transition: all 0.2s ease;
87 }
88 .btn-primary {
89 background: #FF6B35;
90 color: white;
91 }
92 .btn-primary:hover {
93 background: #e55a2b;
94 }
95 </style>
96</head>
97<body>
98 <div class="card">
99 <div class="checkmark">
100 <svg viewBox="0 0 24 24">
101 <polyline points="20 6 9 17 4 12"></polyline>
102 </svg>
103 </div>
104 <h1>Account Deleted</h1>
105 <p class="message">Your Coves account has been successfully deleted.</p>
106
107 <div class="info-box">
108 <p>Your atProto identity has been preserved. You can continue using your Bluesky account and other atProto applications. If you ever want to return to Coves, you can create a new account using the same identity.</p>
109 </div>
110
111 <a href="/" class="btn btn-primary">Return to Homepage</a>
112 </div>
113</body>
114</html>