diff --git a/.well-known/atproto-did b/.well-known/atproto-did
new file mode 100644
index 0000000..b07c7f8
--- /dev/null
+++ b/.well-known/atproto-did
@@ -0,0 +1 @@
+did:plc:l37td5yhxl2irrzrgvei4qay
\ No newline at end of file
diff --git a/.well-known/did.json b/.well-known/did.json
deleted file mode 100644
index d18614c..0000000
--- a/.well-known/did.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
- "@context": [
- "https://www.w3.org/ns/did/v1",
- "https://w3id.org/security/multikey/v1",
- "https://w3id.org/security/suites/secp256k1-2019/v1"
- ],
- "id": "did:web:madebyda",
- "alsoKnownAs": [
- "at://danielweb.pds.madebydanny.uk"
- ],
- "verificationMethod": [
- {
- "id": "did:web:madebyda#atproto",
- "type": "Multikey",
- "controller": "did:web:madebydanny.uk",
- "publicKeyMultibase": "zQ3shvTiQkygYvBcUGPxBF2SuZ7VURddsFr6exLHfZg8c3EWV"
- }
- ],
- "service": [
- {
- "id": "#atproto_pds",
- "type": "AtprotoPersonalDataServer",
- "serviceEndpoint": "https://pds.madebydanny.uk"
- }
- ]
-}
\ No newline at end of file
diff --git a/css/index.css b/css/index.css
new file mode 100644
index 0000000..492e08c
--- /dev/null
+++ b/css/index.css
@@ -0,0 +1,190 @@
+ /* --- THEME VARIABLES --- */
+ :root {
+ --bsky-card-bg: #4a2b32;
+ --bsky-post-bg: #1e1e1e;
+ --bsky-text-color: #ffffff;
+ --bsky-subtext-color: #dcbaba;
+ --bsky-link-color: #ffcccc;
+ --bsky-border: rgba(255,255,255,0.1);
+ }
+
+ body {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+ background-color: #121212;
+ color: white;
+ padding: 20px;
+ line-height: 1.5;
+ margin: auto;
+ text-align: center;
+ max-width: 600px;
+ }
+
+ /* --- CARD STYLING --- */
+ #music-status-card, #latest-post-card {
+ background-color: var(--bsky-card-bg);
+ color: var(--bsky-text-color);
+ border-radius: 12px;
+ padding: 16px;
+ margin: 20px auto;
+ display: none;
+ box-shadow: 0 4px 6px rgba(0,0,0,0.3);
+ max-width: 500px;
+ border: 1px solid var(--bsky-border);
+ text-align: center;
+ }
+
+ .bsky-header {
+ font-size: 0.75rem;
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ color: var(--bsky-subtext-color);
+ margin-bottom: 12px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ gap: 8px;
+ }
+
+ .bsky-header a {
+ color: var(--bsky-subtext-color);
+ text-decoration: none;
+ }
+
+ .bsky-content-body {
+ margin-bottom: 12px;
+ word-wrap: break-word;
+ text-align: center;
+ }
+
+ /* --- POST IMAGE STYLING --- */
+ .post-image {
+ width: 100%;
+ border-radius: 8px;
+ margin: 10px auto 0 auto;
+ border: 1px solid var(--bsky-border);
+ display: block;
+ }
+
+ .bsky-trackname {
+ font-weight: 700;
+ font-size: 1.1rem;
+ display: block;
+ color: var(--bsky-text-color);
+ text-decoration: none;
+ margin-bottom: 2px;
+ }
+
+ .bsky-artist {
+ color: var(--bsky-subtext-color);
+ font-size: 0.95rem;
+ }
+
+ .bsky-footer {
+ border-top: 1px solid var(--bsky-border);
+ padding-top: 10px;
+ margin-top: 12px;
+ font-size: 0.8rem;
+ color: var(--bsky-subtext-color);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 8px;
+ }
+
+ a { color: var(--bsky-link-color); }
+
+ .error-msg {
+ color: #ff6b6b;
+ font-size: 0.9rem;
+ }
+
+ hr {
+ border: none;
+ border-top: 1px solid var(--bsky-border);
+ margin: 20px 0;
+ }
+
+ /* Social button row */
+ .social-row {
+ display: flex;
+ gap: 10px;
+ flex-wrap: wrap;
+ margin: 12px 0 20px 0;
+ justify-content: center;
+ }
+
+ .social-btn {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ gap: 8px;
+ padding: 8px;
+ border-radius: 999px;
+ background: rgba(255,255,255,0.04);
+ color: var(--bsky-text-color);
+ text-decoration: none;
+ border: 1px solid var(--bsky-border);
+ font-size: 0.95rem;
+ transition: padding 180ms ease, background-color 180ms ease, color 180ms ease, border-color 180ms ease, transform 180ms ease;
+ flex: 0 0 auto; /* don't stretch; allow pushing */
+ min-width: 44px;
+ }
+
+ .social-btn i {
+ width: 1.1em;
+ text-align: center;
+ font-size: 1.05em;
+ }
+
+ /* label hidden by default, revealed on hover */
+ .social-btn .label {
+ display: inline-block;
+ opacity: 0;
+ transform: translateX(-6px);
+ transition: opacity 160ms ease, transform 160ms ease, max-width 180ms ease, margin-left 160ms ease;
+ margin-left: 0;
+ white-space: nowrap;
+ pointer-events: none;
+ color: inherit;
+ font-weight: 600;
+ font-size: 0.95rem;
+ max-width: 0;
+ overflow: hidden;
+ vertical-align: middle;
+ }
+
+ /* expand on hover: show label and add brand color */
+ .social-btn:hover {
+ padding: 8px 14px;
+ transform: translateZ(0);
+ }
+
+ .social-btn:hover .label {
+ opacity: 1;
+ transform: translateX(0);
+ margin-left: 8px;
+ max-width: 180px;
+ }
+
+ /* brand color variables per button */
+ .btn-bluesky { --btn-bg: #0077ff; --btn-border: rgba(0,119,255,0.6); }
+ .btn-instagram { --btn-bg: #E1306C; --btn-border: rgba(225,48,108,0.5); }
+ .btn-tangled { --btn-bg: #000000; --btn-border: rgba(107,114,128,0.4); }
+ .btn-threads { --btn-bg: #000000; --btn-border: rgba(17,24,39,0.4); }
+ .btn-mastodon { --btn-bg: #6364FF; --btn-border: rgba(48,136,212,0.4); }
+
+ /* apply brand color on hover */
+ .btn-bluesky:hover { background: var(--btn-bg); border-color: var(--btn-border); color: #fff; }
+ .btn-instagram:hover { background: var(--btn-bg); border-color: var(--btn-border); color: #fff; }
+ .btn-tangled:hover { background: var(--btn-bg); border-color: var(--btn-border); color: #fff; }
+ .btn-threads:hover { background: var(--btn-bg); border-color: var(--btn-border); color: #fff; }
+ .btn-mastodon:hover { background: var(--btn-bg); border-color: var(--btn-border); color: #fff; }
+
+ /* Screen-reader only text (keep for accessibility) */
+ .sr-only {
+ position: absolute !important;
+ height: 1px; width: 1px;
+ overflow: hidden;
+ clip: rect(1px, 1px, 1px, 1px);
+ white-space: nowrap;
+ }
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
index 85c42f3..e69de29 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,49 +0,0 @@
-/* Base Styles */
-body {
- background-color: #1a1a1a;
- color: #ffffff;
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
- font-size: 16px;
- margin: 0;
- padding: 40px 20px;
- line-height: 1.6;
- max-width: 500px;
- margin: auto;
-}
-
-/* Headings */
-h1 {
- font-size: 28px;
- margin: 0 0 20px 0;
- color: #ffffff;
-}
-
-/* Paragraphs */
-p {
- margin: 10px 0;
- color: #ffffff;
-}
-
-/* Emphasis */
-i {
- color: #f4871b;
-}
-
-a {
- color: #ff9933;
- text-decoration: none;
-}
-b {
- font-weight: bold;
- color: #ffffff;
-}
-a:hover {
- text-decoration: underline;
- color: white;
-}
-hr {
- border: 0;
- height: 1px;
- background: #333333;
- margin: 20px 0;
-}
\ No newline at end of file
diff --git a/index.html b/index.html
index 41e043d..c3f4d3e 100644
--- a/index.html
+++ b/index.html
@@ -3,117 +3,20 @@
- madebydanny.uk
-
+ Daniel Morrisey - nadebydanny.uk
+
-
+
Hi, I'm Daniel Morrisey
- I like to listen to Music (Mainly Tate McRae and Taylor Swift), and post on Bluesky.
+ I like to listen to Music (Mainly Tate McRae and Taylor Swift), and post on Bluesky
+ I'm also on Threads and Mastodon, but active on Bluesky, becuase it's the best social media platform