danielmorrisey.com
madebydanny.uk written in html, css, and a lot of JavaScript I don't understand
madeydanny.uk
html
css
javascript
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>About MBD CDN - madebydanny.uk</title>
7 <script src="https://kit.fontawesome.com/0ca27f8db1.js" crossorigin="anonymous"></script>
8 <link rel="icon" href="https://public-cdn.madebydanny.uk/user-content/2026-01-30/33913bec-bc2f-4e6c-a474-2ef8f8c00197">
9 <meta name="description" content="About the MBD CDN network and what it is built on.">
10 <meta property="og:title" content="About MBD CDN - madebydanny.uk">
11 <meta property="og:description" content="About the MBD CDN network and what it is built on.">
12 <meta property="og:image" content="https://imrs.madebydanny.uk?url=https://public-cdn.madebydanny.uk/user-content/2026-01-30/cb09a559-ae35-4617-971c-9230521f7a9c.png">
13 <meta property="og:type" content="website">
14 <style>
15 :root {
16 --bg: #121212;
17 --card-bg: #4a2b32;
18 --text: #fff;
19 --subtext: #dcbaba;
20 --link: #ffcccc;
21 --border: rgba(255,255,255,0.1);
22 }
23
24 * { box-sizing: border-box; margin: 0; padding: 0; }
25 body {
26 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
27 background: var(--bg);
28 color: var(--text);
29 line-height: 1.5;
30 min-height: 100vh;
31 }
32
33 a { color: var(--link); text-decoration: none; }
34 a:hover { text-decoration: underline; }
35
36 .site-header {
37 text-align: center;
38 padding: 44px 20px 10px;
39 max-width: 900px;
40 margin: 0 auto;
41 }
42
43 .site-header h1 { font-size: 2rem; margin-bottom: 8px; }
44 .site-header p { color: var(--subtext); font-size: 0.95rem; }
45
46 .tabs-wrap { max-width: 900px; margin: 20px auto 0; padding: 0 20px; }
47 .tab-bar {
48 display: flex;
49 gap: 4px;
50 border-bottom: 1px solid var(--border);
51 overflow-x: auto;
52 scrollbar-width: none;
53 }
54 .tab-bar::-webkit-scrollbar { display: none; }
55 .tab-btn {
56 font-size: 0.9rem;
57 font-weight: 600;
58 color: var(--subtext);
59 border-bottom: 2px solid transparent;
60 padding: 10px 18px;
61 white-space: nowrap;
62 margin-bottom: -1px;
63 display: inline-block;
64 }
65 .tab-btn.active { color: var(--link); border-bottom-color: var(--link); }
66
67 .card {
68 background: var(--card-bg);
69 border: 1px solid var(--border);
70 border-radius: 16px;
71 padding: 32px;
72 box-shadow: 0 6px 12px rgba(0,0,0,0.35);
73 margin-top: 26px;
74 }
75
76 .card h2 { font-size: 1.25rem; margin-bottom: 12px; }
77 .about-text p { color: var(--subtext); font-size: 0.95rem; }
78 .about-text p + p { margin-top: 12px; }
79
80 hr.divider { border: none; border-top: 1px solid var(--border); margin: 28px 0; }
81
82 .social-row {
83 display: flex;
84 gap: 10px;
85 flex-wrap: wrap;
86 justify-content: center;
87 }
88
89 .site-footer {
90 max-width: 900px;
91 margin: 26px auto 40px;
92 padding: 0 20px;
93 text-align: center;
94 color: var(--subtext);
95 font-size: 0.85rem;
96 }
97 </style>
98</head>
99<body>
100 <header class="site-header">
101 <h1><i class="fa-solid fa-database" style="color:#fff"></i> MBD CDN</h1>
102 <p>A simple easy to use CDN, free for life</p>
103 </header>
104
105 <div class="tabs-wrap">
106 <div class="tab-bar">
107 <a class="tab-btn" href="index.html"><i class="fa-solid fa-cloud-arrow-up"></i> Upload</a>
108 <a class="tab-btn active" href="about.html"><i class="fa-solid fa-circle-info"></i> About</a>
109 <a class="tab-btn" href="how-it-works.html"><i class="fa-solid fa-gears"></i> How it Works</a>
110 <a class="tab-btn" href="limits.html"><i class="fa-solid fa-gauge-high"></i> Limits</a>
111 </div>
112
113 <div class="card">
114 <h2>About MBD CDN</h2>
115 <div class="about-text">
116 <p>The MBD CDN is a content delivery network built by <a href="https://madebydanny.uk" target="_blank">madebydanny.uk</a> to host and serve media files - images, GIFs, and videos - at extremely fast speeds with global availability.</p>
117 <p>Files uploaded to the CDN are stored in Cloudflare R2 object storage and served from Cloudflare's global edge network, which spans over 310 cities worldwide. This means your media is delivered from a server geographically close to whoever is viewing it - minimising latency and maximising load speed.</p>
118 <p>The platform is designed to be simple and permanent. Files are stored indefinitely once uploaded and are immediately available via a public URL.</p>
119 </div>
120
121 <hr class="divider">
122
123 <h2 style="margin-bottom:16px;">Social Links</h2>
124 <div id="social-links" class="social-row"></div>
125 </div>
126 </div>
127
128 <footer class="site-footer">
129 © <script>document.write(new Date().getFullYear())</script> <a href="https://madebydanny.uk" target="_blank">madebydanny.uk</a>
130 </footer>
131
132 <script src="/js/social-links.js"></script>
133</body>
134</html>