madebydanny.uk written in html, css, and a lot of JavaScript I don't understand madeydanny.uk
html css javascript

added blog page and updated icon

+58 -31
+2 -1
.vscode/settings.json
··· 1 { 2 - "liveServer.settings.port": 5501 3 }
··· 1 { 2 + "liveServer.settings.port": 5501, 3 + "livePreview.defaultPreviewPath": "/blog/index.html" 4 }
+49
blog/index.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>Blog - Daniel Morrisey</title> 7 + <meta name="description" content="Daniel Morrisey's personal blog"> 8 + <link rel="preconnect" href="https://fonts.googleapis.com"> 9 + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 10 + <link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&display=swap" rel="stylesheet"> 11 + <meta name="keywords" content="Daniel Morrisey, Danny Morrisey, MBD, Made by Danny, Made by Danny UK"/> 12 + <meta name="author" content="Daniel Morrisey"/> 13 + <meta property="og:type" content="website"/> 14 + <meta property="og:url" content="https://danielmorrisey.com/"/> 15 + <meta property="og:title" content="Blog - Daniel Morrisey"/> 16 + <meta property="og:description" content="Daniel Morrisey's personal blog"/> 17 + <meta property="og:image" content="https://public-danielmorrisey-com.danielmorrisey.com/media/banner.jpg"/> 18 + <link rel="me" href="https://mastodon.social/@danielmorrisey"/> 19 + <link rel="icon" type="image/x-icon" href="https://public-cdn.madebydanny.uk/user-content/2025-08-30/newspaper-solid-full.svg"> 20 + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" xintegrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 21 + <link rel="stylesheet" href="/css/styles.css"> 22 + <script src="/js/script.js" defer></script> 23 + </head> 24 + <body> 25 + <p class="title"><b>Blog</b></p> 26 + <p><a href="/index.html"><i class="fa-solid fa-arrow-left"></i>Back</a> / Daniel Morrisey's personal blog</p> 27 + <hr> 28 + <p class="heading">Newest:</p> 29 + <p><a href="#"></a></p> 30 + <hr> 31 + <p class="heading">Archive</p> 32 + <ul> 33 + <li><a href="#"></a></li> 34 + <li><a href="#"></a></li> 35 + <li><a href="#"></a></li> 36 + <li><a href="#"></a></li> 37 + <li><a href="#"></a></li> 38 + <li><a href="#"></a></li> 39 + </ul> 40 + <hr> 41 + <ul> 42 + <li><a href="https://corsproxy.io/" target="_blank"><i class="fa-solid fa-globe"></i> CORS Proxy</a></li> 43 + <li><a href="https://fontawesome.com/" target="_blank"><i class="fa-brands fa-font-awesome"></i> Font Awesome</a></li> 44 + <li><a href="https://cloudflare.com" target="_blank"><i class="fa-brands fa-cloudflare"></i> Cloudflare</a></li> 45 + </ul> 46 + <hr> 47 + <p>&copy; 2024-<span id="current-year"></span> Made by Danny UK, <i>by Daniel Morrisey</i></p> 48 + </body> 49 + </html>
+6 -16
index.html
··· 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Daniel Morrisey</title> 7 <meta name="description" content="Writer @ Code and Chaos & HTML, CSS, Javascript & Python developer"> 8 - 9 - <!-- Google Fonts for a monospaced terminal font --> 10 <link rel="preconnect" href="https://fonts.googleapis.com"> 11 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 12 <link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&display=swap" rel="stylesheet"> 13 - 14 <meta name="keywords" content="Daniel Morrisey, Danny Morrisey, MBD, Made by Danny, Made by Danny UK"/> 15 <meta name="author" content="Daniel Morrisey"/> 16 - 17 <meta property="og:type" content="website"/> 18 <meta property="og:url" content="https://danielmorrisey.com/"/> 19 <meta property="og:title" content="Daniel Morrisey"/> 20 <meta property="og:description" content="Writer @ Code and Chaos & HTML, CSS, Javascript & Python developer"/> 21 <meta property="og:image" content="https://public-danielmorrisey-com.danielmorrisey.com/media/banner.jpg"/> 22 - 23 <link rel="me" href="https://mastodon.social/@danielmorrisey"/> 24 <link rel="icon" type="image/x-icon" href="https://public-danielmorrisey-com.danielmorrisey.com/media/icon.jpg"> 25 - 26 - <!-- Status Banner --> 27 - <script src="https://uptime.betterstack.com/widgets/announcement.js" data-id="223534" async="async" type="text/javascript"></script> 28 - 29 - 30 - <!-- Font Awesome CDN --> 31 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" xintegrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 32 - 33 - <!-- Styles --> 34 <link rel="stylesheet" href="/css/styles.css"> 35 - <!-- Scripts --> 36 <script src="/js/script.js" defer></script> 37 </head> 38 <body> 39 <p class="title"><b>Hello World</b> I'm Daniel Morrisey</p> 40 <p>Writer @ <a href="https://medium.com/code-and-chaos" target="_blank">Code and Chaos</a> & HTML, CSS, Javascript & Python developer</p> 41 - <p><a href="/photos.html">View my Photos</a></p> 42 <hr> 43 - <p>Find me on:</p> 44 <ul> 45 <li><a href="https://bsky.app/profile/danielmorrisey.com" target="_blank"><i class="fa-brands fa-bluesky"></i> Bluesky</a></li> 46 <li><a href="https://threads.com/madebydanny.uk" target="_blank"><i class="fa-brands fa-threads"></i> Threads</a></li> 47 <li><a href="https://mastodon.social/@danielmorrisey" target="_blank"><i class="fa-brands fa-mastodon"></i> Mastodon<i>(.social)</i></a></li> 48 <li><a href="https://medium.com/@danielmorrisey" target="_blank"><i class="fa-brands fa-medium"></i> Medium</a></li> 49 <li><a href="mailto:danielmorrisey.large390@passinbox.com" target="_blank"><i class="fa-solid fa-envelope"></i> Email</a></li> 50 </ul> 51 <hr>
··· 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Daniel Morrisey</title> 7 <meta name="description" content="Writer @ Code and Chaos & HTML, CSS, Javascript & Python developer"> 8 <link rel="preconnect" href="https://fonts.googleapis.com"> 9 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 10 <link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&display=swap" rel="stylesheet"> 11 <meta name="keywords" content="Daniel Morrisey, Danny Morrisey, MBD, Made by Danny, Made by Danny UK"/> 12 <meta name="author" content="Daniel Morrisey"/> 13 <meta property="og:type" content="website"/> 14 <meta property="og:url" content="https://danielmorrisey.com/"/> 15 <meta property="og:title" content="Daniel Morrisey"/> 16 <meta property="og:description" content="Writer @ Code and Chaos & HTML, CSS, Javascript & Python developer"/> 17 <meta property="og:image" content="https://public-danielmorrisey-com.danielmorrisey.com/media/banner.jpg"/> 18 <link rel="me" href="https://mastodon.social/@danielmorrisey"/> 19 <link rel="icon" type="image/x-icon" href="https://public-danielmorrisey-com.danielmorrisey.com/media/icon.jpg"> 20 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" xintegrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 21 <link rel="stylesheet" href="/css/styles.css"> 22 <script src="/js/script.js" defer></script> 23 </head> 24 <body> 25 <p class="title"><b>Hello World</b> I'm Daniel Morrisey</p> 26 <p>Writer @ <a href="https://medium.com/code-and-chaos" target="_blank">Code and Chaos</a> & HTML, CSS, Javascript & Python developer</p> 27 + <hr> 28 + <p class="heading">Things to do:</p> 29 + <p><a href="/photos.html"><i class="fa-solid fa-images"></i>View my Photos</a></p> 30 + <p><a href="/blog/"><i class="fa-solid fa-newspaper"></i>Read my Blog</a></p> 31 <hr> 32 + <p class="heading">Find me on:</p> 33 <ul> 34 <li><a href="https://bsky.app/profile/danielmorrisey.com" target="_blank"><i class="fa-brands fa-bluesky"></i> Bluesky</a></li> 35 <li><a href="https://threads.com/madebydanny.uk" target="_blank"><i class="fa-brands fa-threads"></i> Threads</a></li> 36 <li><a href="https://mastodon.social/@danielmorrisey" target="_blank"><i class="fa-brands fa-mastodon"></i> Mastodon<i>(.social)</i></a></li> 37 <li><a href="https://medium.com/@danielmorrisey" target="_blank"><i class="fa-brands fa-medium"></i> Medium</a></li> 38 + <li><a href="https://github.com/therealfuntimeswithdanny" target="_blank"><i class="fa-brands fa-github"></i> Github</a></li> 39 <li><a href="mailto:danielmorrisey.large390@passinbox.com" target="_blank"><i class="fa-solid fa-envelope"></i> Email</a></li> 40 </ul> 41 <hr>
+1 -14
photos.html
··· 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>My Photos</title> 7 <meta name="description" content="A photo gallery by Daniel Morrisey"> 8 - 9 - <!-- Google Fonts for a monospaced terminal font --> 10 <link rel="preconnect" href="https://fonts.googleapis.com"> 11 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 12 <link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&display=swap" rel="stylesheet"> 13 - 14 <meta name="keywords" content="Daniel Morrisey, Danny Morrisey, MBD, Made by Danny, Made by Danny UK, photos, gallery"/> 15 <meta name="author" content="Daniel Morrisey"/> 16 - 17 <meta property="og:type" content="website"/> 18 <meta property="og:url" content="https://danielmorrisey.com/photos.html"/> 19 <meta property="og:title" content="Daniel Morrisey - Photos"/> 20 <meta property="og:description" content="A photo gallery by Daniel Morrisey"/> 21 <meta property="og:image" content="https://public-danielmorrisey-com.danielmorrisey.com/media/banner.jpg"/> 22 - 23 <link rel="me" href="https://mastodon.social/@danielmorrisey"/> 24 - <link rel="icon" type="image/x-icon" href="https://public-danielmorrisey-com.danielmorrisey.com/media/icon.jpg"> 25 - 26 - <!-- Status Banner --> 27 <script src="https://uptime.betterstack.com/widgets/announcement.js" data-id="223534" async="async" type="text/javascript"></script> 28 - 29 - <!-- Font Awesome CDN --> 30 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" /> 31 - 32 - <!-- JSZip Library for file compression --> 33 <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script> 34 - 35 - <!-- External Stylesheets --> 36 <link rel="stylesheet" href="/css/photos.css"> 37 </head> 38 <body>
··· 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>My Photos</title> 7 <meta name="description" content="A photo gallery by Daniel Morrisey"> 8 <link rel="preconnect" href="https://fonts.googleapis.com"> 9 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 10 <link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&display=swap" rel="stylesheet"> 11 <meta name="keywords" content="Daniel Morrisey, Danny Morrisey, MBD, Made by Danny, Made by Danny UK, photos, gallery"/> 12 <meta name="author" content="Daniel Morrisey"/> 13 <meta property="og:type" content="website"/> 14 <meta property="og:url" content="https://danielmorrisey.com/photos.html"/> 15 <meta property="og:title" content="Daniel Morrisey - Photos"/> 16 <meta property="og:description" content="A photo gallery by Daniel Morrisey"/> 17 <meta property="og:image" content="https://public-danielmorrisey-com.danielmorrisey.com/media/banner.jpg"/> 18 <link rel="me" href="https://mastodon.social/@danielmorrisey"/> 19 + <link rel="icon" type="image/x-icon" href="https://public-cdn.madebydanny.uk/user-content/2025-08-31/images-solid-full.svg"> 20 <script src="https://uptime.betterstack.com/widgets/announcement.js" data-id="223534" async="async" type="text/javascript"></script> 21 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" /> 22 <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script> 23 <link rel="stylesheet" href="/css/photos.css"> 24 </head> 25 <body>