Something went wrong. Try again.
My website, danielmorrisey.com. Written in HTML, CSS and javascript, by hand. danielmorrisey.com
javascript html css wisp-place
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Daniel’s Corner - danielmorrisey.com</title> <meta name="description" content="My tiny corner of the world wide web"> <meta name="author" content="Daniel Morrisey"> <meta name="robots" content="index, follow"> <meta name="language" content="English">
<!-- Open Graph --> <meta property="og:url" content="https://danielmorrisey.com"> <meta property="og:type" content="website"> <meta property="og:title" content="Daniel’s Corner - danielmorrisey.com"> <meta property="og:description" content="My tiny corner of the world wide web"> <meta property="og:image" content="https://public-cdn.madebydanny.uk/danielmorrisey.com/media/images/seo/canva-design-site-banner.png"> <meta property="og:site_name" content="danielmorrisey.com"> <meta property="og:locale" content="en_US"> <link rel="canonical" href="https://danielmorrisey.com"> <link rel="icon" type="image/png" href="/favicon.ico"> <link rel="apple-touch-icon" href="/favicon.ico"> <link rel="preconnect" href="https://kit.fontawesome.com"> <link rel="dns-prefetch" href="https://api.bsky.app"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <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"> <script src="https://kit.fontawesome.com/0ca27f8db1.js" crossorigin="anonymous"></script> <link rel="stylesheet" href="/css/index.css"> <link rel="stylesheet" href="/css/core.css"> <a rel="me" href="https://mastodon.social/@danielmorrisey"></a></head><body> <!-- Header injected by /js/core.js --> <main class="main-content"> <div id="css-error" class="css-error"><h1>FAILED TO REACH CSS STYLE SHEET, PLEASE MAKE SURE THE CSS FILE IS ACCESSIBLE AND YOU HAVE CSS ENABLED IN YOUR BROWSER</h1></div> <!-- Hero --> <section class="hero"> <p class="hero-eyebrow"></p> <h1 class="hero-title">Daniel Morrisey</h1> <p class="hero-bio"> Hello World! I'm Daniel Morrisey, also known as @madebydanny_uk or Danny, welcome to my corner of the <a href="https://en.wikipedia.org/wiki/Internet" target="_blank" rel="noopener noreferrer">Internet</a>, and when I'm not doing that, I'm probably playing video games. <br><br> I'm a <a href="https://en.wikipedia.org/wiki/Front-end_web_development" target="_blank" rel="noopener noreferrer">front-end web developer</a> and a <a href="https://bsky.social" target="_blank" rel="noopener noreferrer">Bluesky</a>/<a href="https://atproto.com" target="_blank" rel="noopener noreferrer">AT Protocol</a> nerd, who spends too much time on Bluesky and listening to Hamilton. </p> <div class="skills-container"> <img src="https://skillicons.dev/icons?i=apple,windows,linux,raspberrypi,figma,docker,cloudflare,workers,debian,ubuntu,vscode,git,github,html,css,js,markdown,supabase&perline=9" alt="" class="skills-icons"> </div> <div id="visitor-counter" class="visitor-badge"></div> <script src="https://visit-counter.madebydanny.uk/" async></script> </section> <section class="content-section"> <h2 class="section-label">Recently Played</h2> <div id="music-card" class="card"> <div class="card-inner"> <span class="card-icon"><i class="fa-brands fa-itunes-note"></i> </span> <div id="music-content" class="card-text"> <span class="loading-text"></span> </div> </div> <div class="card-meta">powered by <a href="https://teal.fm" target="_blank" rel="noopener noreferrer">teal.fm</a> via <a href="https://pipper.mmatt.net" target="_blank" rel="noopener noreferrer">pipper</a></div> </div> </section> <section class="content-section"> <h2 class="section-label">latest post from bluesky</h2> <div id="post-card" class="card"> <div class="card-inner"> <span class="card-icon"><i class="fa-brands fa-bluesky"></i></span> <div id="post-content" class="card-text"> <span class="loading-text"></span> </div> </div> <div id="post-media"></div> <div class="card-meta" id="post-date"></div> </div> </section> <section class="content-section"> <h2 class="section-label">recent blog posts</h2> <p class="note">powered by <a href="https://site-standard-document.danielmorrisey.com" target="_blank" rel="noopener noreferrer">document finder for Standard Site</a></p> <sequoia-subscribe button-type="sequoia" publication-uri="at://did:plc:l37td5yhxl2irrzrgvei4qay/site.standard.publication/3m2mxdedwoc2m"></sequoia-subscribe> <br><br> <ul id="blog-post-list" class="blog-post-list" role="list"> <li class="loading-text"><a href="https://site-standard-document.danielmorrisey.com">document finder for Standard Site</a></li> </ul> </section> <section class="content-section" id="projects"> <h2 class="section-label">Projects</h2> <div class="link-grid"> <a href="https://coffeeandcode.danielmorrisey.com/" class="grid-link"> <span class="grid-link-title"><i class="fa-solid fa-mug-hot" style="color: #d4a574;"></i> Coffee & Code</span> <span class="grid-link-desc">A publication by Daniel Morrisey with a rich coffee theme, covering the latest in tech and reviews</span> </a> <a href="/cdn.html" class="grid-link"> <span class="grid-link-title"><i class="fa-solid fa-circle-nodes"></i> MBD CDN</span> <span class="grid-link-desc">A simple, fast CDN powered by Cloudflare R2. Free for Life</span> </a> <a href="/imrs.html" class="grid-link"> <span class="grid-link-title"><i class="fa-solid fa-images"></i> IMRS</span> <span class="grid-link-desc">Transform images on the edge to WebP & AVIF to inprove loading times and lower bandwidth</span> </a> <a href="/favfinder.html" class="grid-link"> <span class="grid-link-title"><i class="fa-solid fa-star"></i> Favfinder</span> <span class="grid-link-desc">Fetch favicons for any website in seconds using Google S2 and Cloudflare Workers</span> </a> <a href="/privo.html" class="grid-link" target="_blank" rel="noopener noreferrer"> <span class="grid-link-title"><i class="fa-solid fa-link"></i> Privo<i>.fyi</i></span> <span class="grid-link-desc">Shorten links in seconds. Zero tracking. Free for life.</span> </a> <a href="" class="grid-link"> <span class="grid-link-title"><i class="fa-solid fa-database"></i> Luna CDN <i>(soon™)</i></span> <span class="grid-link-desc">An alternative to the Bluesky CDN built on Cloudflare Workers and D1 SQLight Database</span> </a> <a href="" class="grid-link"> <span class="grid-link-title"><i class="fa-solid fa-at"></i> mbdio.uk <i>(soon™)</i></span> <span class="grid-link-desc">A custom Bluesky handle service, claim your mbdio.uk handle and keep it for life</span> </a> </div> </section> <section class="content-section" id="photos"> <h2 class="section-label"> pinned photos <a href="https://grain.social/profile/did:plc:l37td5yhxl2irrzrgvei4qay" class="section-more">view more on grain<i>.social</i></a> </h2> <div id="home-photo-strip" class="photo-strip"></div> </section> <section class="content-section"> <h2 class="section-label">socials</h2> <ul class="social-list" role="list"> <li> <a href="https://bsky.app/profile/danielmorrisey.com" target="_blank" rel="noopener noreferrer" class="social-item"> <i class="fa-brands fa-bluesky" aria-hidden="true"></i> <span>Bluesky</span> <span class="social-handle">@danielmorrisey.com</span> </a> </li> <li> <a href="https://discord.com/users/1049123160055894107" target="_blank" rel="noopener noreferrer" class="social-item"> <i class="fa-brands fa-discord" aria-hidden="true"></i> <span>Discord</span> <span class="social-handle">@danielmorrisey.com</span> </a> </li> <li> <a href="https://tangled.org/did:plc:l37td5yhxl2irrzrgvei4qay" target="_blank" rel="noopener noreferrer" class="social-item"> <i class="fa-brands fa-git-alt" aria-hidden="true"></i> <span>Tangled</span> <span class="social-handle">danielmorrisey.com</span> </a> </li> <li> <a href="https://threads.net/@madebydanny.uk" target="_blank" rel="noopener noreferrer" class="social-item"> <i class="fa-brands fa-threads" aria-hidden="true"></i> <span>Threads</span> <span class="social-handle">@madebydanny.uk</span> </a> </li> <li> <a href="https://mastodon.social/@danielmorrisey" target="_blank" rel="noopener noreferrer" class="social-item"> <i class="fa-brands fa-mastodon" aria-hidden="true"></i> <span>Mastodon</span> <span class="social-handle">@danielmorrisey@mastodon.social</span> </a> </li> <li> <a href="https://grain.social/profile/did:plc:l37td5yhxl2irrzrgvei4qay" target="_blank" rel="noopener noreferrer" class="social-item"> <i class="fa-solid fa-images" aria-hidden="true"></i> <span>Grain</span> <span class="social-handle">@danielmorrisey.com</span> </a> </li> </ul> </section> <section class="content-section"> <h2 class="section-label">contact me</h2> <p class="note">ranked on how likely I am to check</p> <ul class="social-list" role="list"> <li> <a href="https://discord.com/users/1049123160055894107" target="_blank" rel="noopener noreferrer" class="social-item"> <i class="fa-brands fa-discord" aria-hidden="true"></i> <span>Discord</span> <span class="social-handle">danielmorrisey.com</span> </a> </li> <li> <a href="mailto:hello@danielmorrisey.com" target="_blank" rel="noopener noreferrer" class="social-item"> <i class="fa-solid fa-envelope" aria-hidden="true"></i> <span>Email</span> <span class="social-handle">hello@danielmorrisey.com</span> </a> </li> <li> <a href="https://signal.me/#eu/IFaU2ml0XkM5uA3AiQWCdwPpEcq8z2iw6aT5sUaqZnTXFwaJoDRNHZMkNvCPJLax" target="_blank" rel="noopener noreferrer" class="social-item"> <i class="fa-brands fa-signal-messenger" aria-hidden="true"></i> <span>Signal</span> <span class="social-handle">danielmorrisey.6754</span> </a> </li> </ul> </section> </main> <div id="photo-modal" class="photo-modal" role="dialog" aria-modal="true" aria-label="Photo viewer"> <button id="modal-close" class="modal-close" aria-label="Close">✕</button> <img id="modal-photo" src="" alt="" class="modal-img"> </div> <script defer src="https://cloud.umami.is/script.js" data-website-id="6c410bee-e1ef-4f05-80ab-de39ec03aa72"></script> <script src="/js/core.js"></script> <script src="/js/index.js"></script> <script type="module" src="/js/sequoia-subscribe.js"></script></body></html>