danielmorrisey.com
The HTML files displayed at pds.madeydanny.uk
pds.madebydanny.uk
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.0" />
6 <title>Join MBD PDS - Choose Your Path</title>
7 <link rel="icon" href="/media/seo/icon.png" type="image/png" />
8 <link rel="preconnect" href="https://fonts.googleapis.com">
9 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10 <link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
11 <link rel="stylesheet" href="/css/index.css" />
12 <style>
13 .join-container {
14 display: grid;
15 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
16 gap: 20px;
17 margin-top: 2rem;
18 }
19 .join-card {
20 background: #1a1a1a;
21 border: 1px solid #333;
22 padding: 24px;
23 border-radius: 12px;
24 display: flex;
25 flex-direction: column;
26 transition: transform 0.2s, border-color 0.2s;
27 }
28 .join-card:hover {
29 transform: translateY(-5px);
30 border-color: #f45454;
31 }
32 .join-card h3 {
33 margin-top: 0;
34 color: #f45454;
35 }
36 .join-card p {
37 font-size: 0.9rem;
38 flex-grow: 1;
39 margin-bottom: 20px;
40 }
41 .back-link {
42 display: inline-block;
43 margin-top: 2rem;
44 font-size: 0.9rem;
45 }
46
47 /* Input styling */
48 .client-input-group {
49 display: flex;
50 gap: 8px;
51 }
52 .client-input-group input {
53 flex-grow: 1;
54 padding: 10px;
55 border-radius: 8px;
56 border: 1px solid #444;
57 background: #0d0d0d;
58 color: white;
59 font-family: inherit;
60 }
61 .client-input-group input:focus {
62 outline: none;
63 border-color: #f45454;
64 }
65 </style>
66 </head>
67 <body>
68 <main>
69 <h1>Join the MBD PDS</h1>
70 <p>Choose the best way for you to get started on the MBD PDS</p>
71
72 <div class="join-container">
73
74 <div class="join-card">
75 <h3>Use a client</h3>
76 <p>Sign up via your favorite client by selecting <code>rose.madebydanny.uk</code> as your provider.</p>
77 <div style="display: flex; flex-direction: column; gap: 10px;">
78 <small style="font-size: 0.75rem; color: #888;">Try bsky.app, witchsky.app, blacksky.community, etc</small>
79 <div class="client-input-group">
80 <input type="text" id="clientUrl" placeholder="bsky.app">
81 <button onclick="openClient()" class="btn" style="padding: 8px 15px;">Go</button>
82 </div>
83 </div>
84 </div>
85
86 <div class="join-card">
87 <h3>Use PDS MOOver</h3>
88 <p>Already have a Bluesky account? Move your existing data over to the MBD PDS using PDS Moover.</p>
89 <a href="https://pdsmoover.com/moover/rose.madebydanny.uk" target="_blank" class="btn">Migrate using PDS MOOver</a>
90 </div>
91 </div>
92
93 <a href="/" class="back-link">← Back to Home</a>
94 </main>
95
96 <footer>
97 <p>© 2024-2025 Made by Danny UK - Powered by Resend and Upcloud</p>
98 </footer>
99
100 <script>
101 function openClient() {
102 const input = document.getElementById('clientUrl').value.trim();
103 const target = input || 'bsky.app';
104 const url = target.startsWith('http') ? target : 'https://' + target;
105 window.open(url, '_blank');
106 }
107
108 // Allow "Enter" key to submit
109 document.getElementById('clientUrl').addEventListener('keypress', function (e) {
110 if (e.key === 'Enter') {
111 openClient();
112 }
113 });
114 </script>
115 </body>
116</html>