danielmorrisey.com
The HTML files displayed at pds.madeydanny.uk
pds.madebydanny.uk
added beszel login
+72
beszellogin.html
+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
+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
+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
media/seo/beszel.png
This is a binary file and will not be displayed.