The HTML files displayed at pds.madeydanny.uk pds.madebydanny.uk

added beszel login

+230 -2
+72
beszellogin.html
··· 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>MBD PDS System Status - Beszel</title> 7 + <link rel="icon" id="favicon" href="/media/seo/icon.png" type="image/png" /> 8 + <meta property="og:title" content="MBD PDS System Status - pds.madebydanny.uk"> 9 + <meta property="og:description" id="og-description" content="The login Credentials for Beszel, the software used to monitor system resouces"> 10 + <meta property="og:type" content="website"> 11 + <meta property="og:url" content="https://pds.madebydanny.uk/"> 12 + <meta property="og:image" id="og-image" content="/media/seo/beszel.png"> 13 + <link rel="stylesheet" href="/css/beszel.css"> 14 + <style> 15 + </style> 16 + </head> 17 + <body> 18 + <div class="container"> 19 + <h1>MBD PDS System Status Login Credentials</h1> 20 + <p class="subtitle">The login Credentials for Beszel, the software used to monitor system resouces</p> 21 + 22 + <div class="credential-group"> 23 + <label>Email Address</label> 24 + <div class="input-wrapper"> 25 + <input type="text" id="email" value="login@example.com" readonly> 26 + <button class="copy-btn" onclick="copyToClipboard('email', this)">Copy</button> 27 + </div> 28 + </div> 29 + 30 + <div class="credential-group"> 31 + <label>Password</label> 32 + <div class="input-wrapper"> 33 + <input type="text" id="password" value="password" readonly> 34 + <button class="copy-btn" onclick="copyToClipboard('password', this)">Copy</button> 35 + </div> 36 + </div> 37 + 38 + <div class="instructions"> 39 + <h3>How to Login:</h3> 40 + <p>1. Click the copy buttons above to copy your credentials<br> 41 + 2. Click "Go to Login" below to navigate to Beszel<br> 42 + 3. Paste your email and password<br> 43 + 4. You'll have read-only access</p> 44 + <div class="login-url"> 45 + <div class="url-input">pdsstatus.madebydanny.uk</div> 46 + <a href="https://pdsstatus.madebydanny.uk/system/wkbvqa9zt3k4dlm" class="url-btn" target="_blank">Go to Login</a> 47 + </div> 48 + </div> 49 + </div> 50 + 51 + <script> 52 + function copyToClipboard(elementId, button) { 53 + const input = document.getElementById(elementId); 54 + const text = input.value; 55 + 56 + navigator.clipboard.writeText(text).then(() => { 57 + const originalText = button.textContent; 58 + button.textContent = 'Copied!'; 59 + button.classList.add('copied'); 60 + 61 + setTimeout(() => { 62 + button.textContent = originalText; 63 + button.classList.remove('copied'); 64 + }, 2000); 65 + }).catch(err => { 66 + console.error('Failed to copy:', err); 67 + alert('Failed to copy to clipboard'); 68 + }); 69 + } 70 + </script> 71 + </body> 72 + </html>
+157
css/beszel.css
··· 1 + * { 2 + margin: 0; 3 + padding: 0; 4 + box-sizing: border-box; 5 + } 6 + 7 + body { 8 + font-family: 'Georgia', 'Times New Roman', serif; 9 + background: #ffffff; 10 + min-height: 100vh; 11 + display: flex; 12 + align-items: center; 13 + justify-content: center; 14 + padding: 20px; 15 + } 16 + 17 + .container { 18 + background: white; 19 + border: 1px solid #000000; 20 + padding: 60px 40px; 21 + max-width: 500px; 22 + width: 100%; 23 + } 24 + 25 + h1 { 26 + color: #000000; 27 + margin-bottom: 10px; 28 + font-size: 24px; 29 + font-weight: 400; 30 + letter-spacing: 0.5px; 31 + } 32 + 33 + .subtitle { 34 + color: #000000; 35 + margin-bottom: 40px; 36 + font-size: 14px; 37 + font-weight: 300; 38 + } 39 + 40 + .credential-group { 41 + margin-bottom: 20px; 42 + } 43 + 44 + label { 45 + display: block; 46 + color: #000000; 47 + font-weight: 400; 48 + margin-bottom: 8px; 49 + font-size: 13px; 50 + text-transform: uppercase; 51 + letter-spacing: 1px; 52 + } 53 + 54 + .input-wrapper { 55 + display: flex; 56 + gap: 10px; 57 + } 58 + 59 + input { 60 + flex: 1; 61 + padding: 12px 16px; 62 + border: 1px solid #000000; 63 + font-size: 15px; 64 + background: #ffffff; 65 + color: #000000; 66 + font-family: 'Courier New', monospace; 67 + } 68 + 69 + .copy-btn { 70 + padding: 12px 20px; 71 + background: #000000; 72 + color: white; 73 + border: 1px solid #000000; 74 + cursor: pointer; 75 + font-weight: 400; 76 + font-size: 13px; 77 + transition: all 0.2s; 78 + white-space: nowrap; 79 + text-transform: uppercase; 80 + letter-spacing: 0.5px; 81 + } 82 + 83 + .copy-btn:hover { 84 + background: #ffffff; 85 + color: #000000; 86 + } 87 + 88 + .copy-btn:active { 89 + transform: translateY(0); 90 + } 91 + 92 + .copy-btn.copied { 93 + background: #ffffff; 94 + color: #000000; 95 + } 96 + 97 + .instructions { 98 + background: #ffffff; 99 + border: 1px solid #000000; 100 + padding: 20px; 101 + margin-top: 40px; 102 + } 103 + 104 + .instructions h3 { 105 + color: #000000; 106 + font-size: 14px; 107 + margin-bottom: 12px; 108 + font-weight: 400; 109 + text-transform: uppercase; 110 + letter-spacing: 1px; 111 + } 112 + 113 + .instructions p { 114 + color: #000000; 115 + font-size: 14px; 116 + line-height: 1.8; 117 + font-weight: 300; 118 + } 119 + 120 + .login-url { 121 + display: flex; 122 + gap: 10px; 123 + margin-top: 15px; 124 + } 125 + 126 + .url-input { 127 + flex: 1; 128 + padding: 12px; 129 + border: 1px solid #000000; 130 + word-break: break-all; 131 + font-family: 'Courier New', monospace; 132 + font-size: 13px; 133 + color: #000000; 134 + background: #ffffff; 135 + } 136 + 137 + .url-btn { 138 + padding: 12px 20px; 139 + background: #000000; 140 + color: white; 141 + border: 1px solid #000000; 142 + cursor: pointer; 143 + font-weight: 400; 144 + font-size: 13px; 145 + transition: all 0.2s; 146 + white-space: nowrap; 147 + text-transform: uppercase; 148 + letter-spacing: 0.5px; 149 + text-decoration: none; 150 + display: flex; 151 + align-items: center; 152 + } 153 + 154 + .url-btn:hover { 155 + background: #ffffff; 156 + color: #000000; 157 + }
+1 -2
index.html
··· 31 31 <li><a href="/status.html">View Server Status</a></li> 32 32 <li><a href="https://status.pds.madebydanny.uk">Check System Status</a></li> 33 33 <li><a href="/create.html">Create your Free Account</a></li> 34 - <li><a href="https://atproto.com" target="_blank">Learn more about the AT Protocol</a></li> 35 - <li><a href="https://github.com/bluesky-social/pds" target="_blank">View PDS on GitHub</a></li> 34 + <li><a href="/beszellogin.html">Beszel Login Credentials</a></li> 36 35 </ul> 37 36 38 37 <h2>Developer Info</h2>
media/seo/beszel.png

This is a binary file and will not be displayed.