madebydanny.uk written in html, css, and a lot of JavaScript I don't understand
madebydanny.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>Daniel Morrisey — madebydanny.uk</title>
7 <meta name="description" content="Hello I'm Daniel Morrisey, I'm on Bluesky where I post everything into the endless jet stream of posts™">
8 <meta name="keywords" content="Daniel Morrisey, web developer, Bluesky, music, portfolio">
9 <meta name="author" content="Daniel Morrisey">
10 <meta name="robots" content="index, follow">
11 <meta name="language" content="English">
12
13 <!-- Open Graph -->
14 <meta property="og:url" content="https://madebydanny.uk/">
15 <meta property="og:type" content="website">
16 <meta property="og:title" content="Daniel Morrisey — madebydanny.uk">
17 <meta property="og:description" content="Hello I'm Daniel Morrisey, I'm on Bluesky where I post everything into the endless jet stream of posts™">
18 <meta property="og:image" content="https://cdn.madebydanny.uk/user-content/2026-03-20/07c24dfa-7037-4409-8774-a8235c350a0e.png">
19 <meta property="og:site_name" content="madebydanny.uk">
20 <meta property="og:locale" content="en_US">
21
22 <!-- Twitter Card -->
23 <meta name="twitter:card" content="summary_large_image">
24 <meta name="twitter:title" content="Daniel Morrisey — madebydanny.uk">
25 <meta name="twitter:description" content="Hello I'm Daniel Morrisey, I'm on Bluesky where I post everything into the endless jet stream of posts™">
26 <meta name="twitter:image" content="https://cdn.madebydanny.uk/user-content/2026-03-20/07c24dfa-7037-4409-8774-a8235c350a0e.png">
27
28 <link rel="canonical" href="https://madebydanny.uk/">
29
30 <!-- Favicons -->
31 <link rel="icon" type="image/png" href="https://cdn.blueat.net/img/avatar/plain/did:plc:l37td5yhxl2irrzrgvei4qay/bafkreidfielr2nk5xr4v2odm5bth5yjk5y536ex5qpxsheq2ocl2qobwt4">
32 <link rel="apple-touch-icon" href="https://cdn.blueat.net/img/avatar/plain/did:plc:l37td5yhxl2irrzrgvei4qay/bafkreidfielr2nk5xr4v2odm5bth5yjk5y536ex5qpxsheq2ocl2qobwt4">
33
34 <!-- Performance -->
35 <link rel="preconnect" href="https://kit.fontawesome.com">
36 <link rel="preconnect" href="https://cdn.madebydanny.uk">
37 <link rel="dns-prefetch" href="https://api.bsky.app">
38 <link rel="preconnect" href="https://fonts.googleapis.com">
39 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
40 <link href="https://fonts.googleapis.com/css2?family=Sometype+Mono:wght@400;600&family=Lota:wght@400;500;600&family=DM+Sans:wght@400;500&display=swap" rel="stylesheet">
41
42 <!-- Font Awesome -->
43 <script src="https://kit.fontawesome.com/0ca27f8db1.js" crossorigin="anonymous"></script>
44
45 <!-- Stylesheet -->
46 <link rel="stylesheet" href="/css/index.css">
47
48 <!-- JSON-LD -->
49 <script type="application/ld+json">
50 {
51 "@context": "https://schema.org",
52 "@type": "Person",
53 "name": "Daniel Morrisey",
54 "url": "https://madebydanny.uk",
55 "image": "https://cdn.madebydanny.uk/user-content/2026-03-20/07c24dfa-7037-4409-8774-a8235c350a0e.png",
56 "description": "Web developer, musician, and content creator",
57 "sameAs": [
58 "https://bsky.app/profile/did:plc:l37td5yhxl2irrzrgvei4qay",
59 "https://threads.net/@madebydanny.uk",
60 "https://mastodon.social/@danielmorrisey"
61 ],
62 "jobTitle": "Web Developer"
63 }
64 </script>
65
66 <meta http-equiv="onion-location" content="http://irgwdhat74pqcpkk7ynrphvohnnt574yvwmhredrfusemgu6wj2ik5id.onion/" />
67 <script defer src="https://cloud.umami.is/script.js" data-website-id="87c0069b-6d7e-4e4b-85df-3608171d9562"></script>
68</head>
69
70<body>
71
72 <!-- Header -->
73 <header class="site-header">
74 <nav class="nav-container">
75 <a href="/" class="nav-logo">Daniel Morrisey <i>.com</i></a>
76 <ul class="nav-menu">
77 <li><a href="/about.html">About</a></li>
78 <li><a href="/photos.html">Photos</a></li>
79 <li><a href="/cdn.html">CDN</a></li>
80 <li><a href="https://danielmorrisey.com">Blog</a></li>
81 <li><a href="https://blueat.net" target="_blank">BlueAT Network</a></li>
82 <li><a href="https://bsky.app/profile/danielmorrisey.com" target="_blank"><i class="fa-brands fa-bluesky" aria-hidden="true"></i></a></li>
83 </ul>
84 </nav>
85 </header>
86
87 <main class="main-content">
88
89 <!-- Hero -->
90 <section class="hero">
91 <p class="hero-eyebrow">hi, I'm</p>
92 <h1 class="hero-title">Daniel Morrisey</h1>
93 <p class="hero-bio">
94 I build things for the AT Protocol, myself, and spend too much time on <a href="https://bsky.app/profile/danielmorrisey.com" target="_blank">Bluesky</a>.
95 I run the <a href="https://blueat.net" target="_blank">BlueAT Network</a> — a simple Bluesky PDS made for the everyday user. When I'm not doing that,
96 I'm probably listening to music.
97 </p>
98 <div id="visitor-counter" class="visitor-badge">Loading visitor info…</div>
99 </section>
100
101 <!-- Music -->
102 <section class="content-section">
103 <h2 class="section-label">now playing</h2>
104 <div id="music-card" class="card">
105 <div class="card-inner">
106 <span class="card-icon">♪</span>
107 <div id="music-content" class="card-text">
108 <span class="loading-text">fetching last played…</span>
109 </div>
110 </div>
111 <div class="card-meta">via teal.fm & piper</div>
112 </div>
113 </section>
114
115 <!-- Latest post -->
116 <section class="content-section">
117 <h2 class="section-label">latest from bluesky</h2>
118 <div id="post-card" class="card">
119 <div id="post-content" class="card-text">
120 <span class="loading-text">loading post…</span>
121 </div>
122 <div id="post-media"></div>
123 <div class="card-meta" id="post-date"></div>
124 </div>
125 </section>
126
127 <!-- Hero -->
128 <section class="about">
129 <h1 class="hero-title">Daniel Morrisey</h1>
130 <p class="hero-bio">
131 I build things for the AT Protocol, myself, and spend too much time on <a href="https://bsky.app/profile/danielmorrisey.com" target="_blank">Bluesky</a>.
132 I run the <a href="https://blueat.net" target="_blank">BlueAT Network</a> — a simple Bluesky PDS made for the everyday user. When I'm not doing that,
133 I'm probably listening to music.
134 </p>
135 </section>
136
137
138 <!-- Photos -->
139 <section class="content-section">
140 <h2 class="section-label">
141 recent photos
142 <a href="/photos.html" class="section-more">all photos →</a>
143 </h2>
144 <div id="home-photo-strip" class="photo-strip"></div>
145 </section>
146
147 <!-- Find me -->
148 <section class="content-section">
149 <h2 class="section-label">find me</h2>
150 <ul class="social-list" role="list">
151 <li>
152 <a href="https://bsky.app/profile/did:plc:l37td5yhxl2irrzrgvei4qay" target="_blank" rel="noopener noreferrer" class="social-item">
153 <i class="fa-brands fa-bluesky" aria-hidden="true"></i>
154 <span>Bluesky</span>
155 <span class="social-handle">@danielmorrisey.com</span>
156 </a>
157 </li>
158 <li>
159 <a href="https://tangled.org/did:plc:l37td5yhxl2irrzrgvei4qay" target="_blank" rel="noopener noreferrer" class="social-item">
160 <i class="fa-brands fa-git-alt" aria-hidden="true"></i>
161 <span>Tangled</span>
162 <span class="social-handle">danielmorrisey.com</span>
163 </a>
164 </li>
165 <li>
166 <a href="https://threads.net/@madebydanny.uk" target="_blank" rel="noopener noreferrer" class="social-item">
167 <i class="fa-brands fa-threads" aria-hidden="true"></i>
168 <span>Threads</span>
169 <span class="social-handle">@madebydanny.uk</span>
170 </a>
171 </li>
172 <li>
173 <a href="https://mastodon.social/@danielmorrisey" target="_blank" rel="noopener noreferrer" class="social-item">
174 <i class="fa-brands fa-mastodon" aria-hidden="true"></i>
175 <span>Mastodon</span>
176 <span class="social-handle">@danielmorrisey@mastodon.social</span>
177 </a>
178 </li>
179 <li>
180 <a href="https://grain.social/profile/did:plc:l37td5yhxl2irrzrgvei4qay" target="_blank" rel="noopener noreferrer" class="social-item">
181 <i class="fa-solid fa-images" aria-hidden="true"></i>
182 <span>Grain</span>
183 <span class="social-handle">@danielmorrisey.com</span>
184 </a>
185 </li>
186 </ul>
187 </section>
188
189 <!-- Explore -->
190 <section class="content-section">
191 <h2 class="section-label">explore</h2>
192 <div class="link-grid">
193 <a href="https://blueat.net" target="_blank" class="grid-link">
194 <span class="grid-link-title">BlueAT Network</span>
195 <span class="grid-link-desc">A simple ATProto PDS made for the everyday user</span>
196 </a>
197 <a href="/cdn.html" class="grid-link">
198 <span class="grid-link-title">MBD CDN</span>
199 <span class="grid-link-desc">My simple, lightweight, and fast CDN anyone can use</span>
200 </a>
201 <a href="https://danielmorrisey.com" class="grid-link">
202 <span class="grid-link-title">Blog</span>
203 <span class="grid-link-desc">My personal blog hosted on the AT Protocol</span>
204 </a>
205 <a href="https://blueat.net/tweet2bsky" class="grid-link">
206 <span class="grid-link-title">Tweets 2 Bsky</span>
207 <span class="grid-link-desc">Mirror X accounts to Bluesky</span>
208 </a>
209 </div>
210 </section>
211
212 </main>
213
214 <!-- Footer -->
215 <footer class="site-footer">
216 <p>© 2024–26 Daniel Morrisey · <a href="https://bsky.app/did:plc:l37td5yhxl2irrzrgvei4qay" target="_blank" rel="noopener noreferrer">@danielmorrisey.com</a> · hosted on <a href="https://wisp.place" target="_blank" rel="noopener noreferrer">wisp.place</a></p>
217 </footer>
218
219 <!-- Photo modal -->
220 <div id="photo-modal" class="photo-modal" role="dialog" aria-modal="true" aria-label="Photo viewer">
221 <button id="modal-close" class="modal-close" aria-label="Close">✕</button>
222 <img id="modal-photo" src="" alt="" class="modal-img">
223 </div>
224
225 <script src="/js/script.js"></script>
226 <script src="/js/photos.js"></script>
227 <script src="https://visit-counter.madebydanny.uk"></script>
228
229 <!-- Statcounter -->
230 <script type="text/javascript">
231 var sc_project = 13180172;
232 var sc_invisible = 1;
233 var sc_security = "a4ed014f";
234 document.write("<sc" + "ript type='text/javascript' src='https://statcounter.com/counter/counter.js'></" + "script>");
235 </script>
236 <noscript>
237 <img src="https://c.statcounter.com/13180172/0/a4ed014f/1/" alt="" referrerpolicy="no-referrer-when-downgrade" style="display:none">
238 </noscript>
239
240</body>
241</html>