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

Configure Feed

Select the types of activity you want to include in your feed.

hgj

+3 -488
+3 -6
index.html
··· 55 55 </div> 56 56 </header> 57 57 <div class="social-button-container"> 58 - <a href="https://bsky.app/profile/danielmorrisey.com" class="follow-button" target="_blank" rel="noopener noreferrer"> 58 + <a href="https://medium.com/@danielmorrisey" class="follow-button" target="_blank" rel="noopener noreferrer"> 59 59 <i class="fa-brands fa-medium"></i> Follow on Medium 60 60 </a> 61 61 </div> ··· 65 65 <section class="about-section"> 66 66 <h2>About</h2> 67 67 <p class="about-paragraph"> 68 - Welcome to <code class="code-snippet">danielmorrisey.com</code>, I use this site as a place to share & store my 69 - <a href="/projects/index.html" class="about-link">projects</a>. 70 - </p> 71 - <p class="about-paragraph"> 72 - I also use <code class="code-snippet">danielmorrisey.com</code> to host some backend services and as a content delivery network (CDN) for my other sites & projects. 68 + Hello World i'm Daniel, a writer at <a href="https://medium.com/@danielmorrisey" target="_blank" rel="noopener noreferrer">Code and Chaos</a> and a frontend developer with a passion for HTML, CSS, JavaScript, and Python. 73 69 <br><br> 70 + I don't really use this site, but for <i>real</i> content you can find me on <a href="https://medium.com/@danielmorrisey" target="_blank" rel="noopener noreferrer">Medium</a> or <a href="https://bsky.app/profile/danielmorrisey.com" target="_blank" rel="noopener noreferrer">Bluesky</a>. 74 71 </p> 75 72 </section> 76 73
-180
projects/index.html
··· 1 - <!DOCTYPE html> 2 - <html lang="en" style="font-family: 'Fira Code', monospace; background-color: #1e1e1e; color: #f0f0f0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.625;"> 3 - <head> 4 - <meta charset="UTF-8"> 5 - <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 - <title>Projects - Daniel Morrisey</title> 7 - <meta name="description" content="From HTML to Python view all of Daniel Morriey's projects"/> 8 - 9 - <!-- Using Fira Code for a cohesive terminal theme --> 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="Projects - Daniel Morrisey"/> 20 - <meta property="og:description" content="From HTML to Python view all of Daniel Morriey's projects"/> 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" xintegrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 31 - 32 - <!-- Footer Custom Element Script --> 33 - <script src="/script/footer.js"></script> 34 - </head> 35 - <body style="font-family: 'Fira Code', monospace; background-color: #1e1e1e; color: #f0f0f0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.625;"> 36 - 37 - <!-- Main Container --> 38 - <div style="min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 1rem;"> 39 - 40 - <!-- Card-like container for the content --> 41 - <div style="background-color: #2c2c2c; border-radius: 8px; border: 1px solid #444; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4); padding: 2rem; width: 100%; max-width: 45rem;"> 42 - 43 - <!-- Header Section --> 44 - <header style="display: flex; flex-direction: column; align-items: center; margin-bottom: 2rem; text-align: center;"> 45 - <a href="/index.html" style="display: flex; flex-direction: column; align-items: center; text-decoration: none;"> 46 - <img src="https://public-danielmorrisey-com.danielmorrisey.com/media/icon.jpg" alt="Profile Picture" style="width: 6rem; height: 6rem; margin-bottom: 1rem; border-radius: 9999px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);"/> 47 - <h1 style="font-size: 2rem; font-weight: 600; color: #f0f0f0;">Projects</h1> 48 - <p style="font-size: 1.125rem; color: #f0f0f0; font-weight: 400; margin-top: 0.25rem;">From HTML to Python</p> 49 - </a> 50 - </header> 51 - 52 - <hr style="border-color: #444; margin-top: 1.5rem; margin-bottom: 1.5rem;"> 53 - 54 - <!-- Search Bar --> 55 - <div style="margin-bottom: 1.5rem;"> 56 - <input type="text" id="projectSearch" placeholder="Search projects..." style="width: 100%; padding: 0.5rem 1rem; background-color: #1e1e1e; border: 1px solid #444; border-radius: 9999px; outline: none; transition: border-color 0.3s; color: #f0f0f0;"/> 57 - </div> 58 - 59 - <!-- Projects List Container --> 60 - <div id="projectsList" style="space-y: 1.5rem;"> 61 - <div class="project-card" style="background-color: #2c2c2c; padding: 1.5rem; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); border: 1px solid #444; margin-bottom: 1.5rem;"> 62 - <h4 class="project-title-text" style="font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; color: #f0f0f0;">Image Scope</h4> 63 - <div style="margin-bottom: 1rem;"> 64 - <code style="display: inline-block; background-color: #1e1e1e; border: 1px solid #444; border-radius: 6px; padding: 0.25rem 0.5rem; font-size: 0.875rem; color: #3cb878;"> 65 - <a href="https://github.com/therealfuntimeswithdanny/imagescope" style="color: #3cb878; text-decoration: none;"> 66 - <i class="fa-brands fa-github"></i>/therealfuntimeswithdanny/imagescope 67 - </a> 68 - </code> 69 - </div> 70 - <p class="project-description" style="margin-top: 0.5rem; color: #f0f0f0; line-height: 1.625;"> 71 - View random objects under a microscope. In a Tik Tok stye format. 72 - </p> 73 - <div style="margin-top: 1rem; display: flex; flex-wrap: wrap; gap: 1rem;"> 74 - <a href="https://imagescope.madebydanny.uk" style="display: inline-flex; align-items: center; justify-content: center; background-color: #3cb878; color: #1e1e1e; padding: 0.5rem 1rem; border-radius: 9999px; font-weight: 600; text-decoration: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);"> 75 - <i class="fa-solid fa-globe"></i> 76 - </a> 77 - </div> 78 - </div> 79 - <!-- Project Card 1: Space Shooter --> 80 - <div class="project-card" style="background-color: #2c2c2c; padding: 1.5rem; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); border: 1px solid #444; margin-bottom: 1.5rem;"> 81 - <h4 class="project-title-text" style="font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; color: #f0f0f0;">Space Shooter (v1.3)</h4> 82 - <div style="margin-bottom: 1rem;"> 83 - <code style="display: inline-block; background-color: #1e1e1e; border: 1px solid #444; border-radius: 6px; padding: 0.25rem 0.5rem; font-size: 0.875rem; color: #3cb878; margin-bottom: 0.5rem;"> 84 - <a href="https://github.com/therealfuntimeswithdanny/space-shooter" style="color: #3cb878; text-decoration: none;"> 85 - <i class="fa-brands fa-apple"></i>/therealfuntimeswithdanny/space-shooter 86 - </a> 87 - </code> 88 - <code style="display: inline-block; background-color: #1e1e1e; border: 1px solid #444; border-radius: 6px; padding: 0.25rem 0.5rem; font-size: 0.875rem; color: #3cb878;"> 89 - <a href="https://github.com/therealfuntimeswithdanny/spaceshooter-windows" style="color: #3cb878; text-decoration: none;"> 90 - <i class="fa-brands fa-windows"></i>/spaceshooter-windows 91 - </a> 92 - </code> 93 - </div> 94 - <p class="project-description" style="margin-top: 0.5rem; color: #f0f0f0; line-height: 1.625;"> 95 - Space Shooter is a simple Space Invaders clone written in Python using Pygame. The game can run on MacOS & Windows. 96 - </p> 97 - <div style="margin-top: 1rem; display: flex; flex-wrap: wrap; gap: 1rem;"> 98 - <a href="/projects/space-shooter/index.html" style="display: inline-flex; align-items: center; justify-content: center; background-color: #3cb878; color: #1e1e1e; padding: 0.5rem 1rem; border-radius: 9999px; font-weight: 600; text-decoration: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);"> 99 - Download & Install 100 - </a> 101 - <a href="/projects/space-shooter/macos.html" style="display: inline-flex; align-items: center; justify-content: center; background-color: #1e1e1e; color: #f0f0f0; padding: 0.5rem 1rem; border: 1px solid #444; border-radius: 9999px; font-weight: 600; text-decoration: none;"> 102 - <i class="fa-brands fa-apple"></i> 103 - </a> 104 - <a href="/projects/space-shooter/windows.html" style="display: inline-flex; align-items: center; justify-content: center; background-color: #1e1e1e; color: #f0f0f0; padding: 0.5rem 1rem; border: 1px solid #444; border-radius: 9999px; font-weight: 600; text-decoration: none;"> 105 - <i class="fa-brands fa-windows"></i> 106 - </a> 107 - </div> 108 - </div> 109 - 110 - <!-- Project Card 2: Ball Shooter --> 111 - <div class="project-card" style="background-color: #2c2c2c; padding: 1.5rem; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); border: 1px solid #444; margin-bottom: 1.5rem;"> 112 - <h4 class="project-title-text" style="font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; color: #f0f0f0;">Ball Shooter (v0.0.1)</h4> 113 - <div style="margin-bottom: 1rem;"> 114 - <code style="display: inline-block; background-color: #1e1e1e; border: 1px solid #444; border-radius: 6px; padding: 0.25rem 0.5rem; font-size: 0.875rem; color: #3cb878;"> 115 - <a href="https://github.com/therealfuntimeswithdanny/ball-shooter" style="color: #3cb878; text-decoration: none;"> 116 - <i class="fa-brands fa-github"></i>/therealfuntimeswithdanny/ball-shooter 117 - </a> 118 - </code> 119 - </div> 120 - <p class="project-description" style="margin-top: 0.5rem; color: #f0f0f0; line-height: 1.625;"> 121 - Ball Shooter is a simple game, where your goal is to destroy all blocks using a paddle and ball. The game is in development. 122 - </p> 123 - </div> 124 - </div> 125 - 126 - <!-- Footer --> 127 - <footer style="margin-top: 3rem; padding-top: 1rem; text-align: center; color: #f0f0f0; border-top: 1px solid #444;"> 128 - <div style="display: flex; justify-content: center; gap: 1.5rem; margin-bottom: 1rem; font-size: 1.125rem;"> 129 - <a href="javascript:history.back()" style="color: #f0f0f0; text-decoration: none;"><i class="fa-solid fa-arrow-left"></i> Back</a> 130 - <a href="/index.html" style="color: #f0f0f0; text-decoration: none;"><i class="fa-solid fa-house"></i> Home</a> 131 - </div> 132 - <!-- Centered Iframe --> 133 - <div style="display: flex; justify-content: center; margin-top: 2rem;"> 134 - <iframe src="https://status.madebydanny.uk/badge?theme=dark" width="200" height="30" frameborder="0" scrolling="no" style="color-scheme: normal"></iframe> 135 - </div> 136 - <p> 137 - &copy; 2024-<span id="currentYear"></span> 138 - <a href="https://madebydanny.uk" style="color: #3cb878; font-weight: 600; text-decoration: none;">Made by Danny UK</a> 139 - </p> 140 - <p style="font-size: 0.875rem; margin-top: 0.25rem;"> 141 - by Daniel Morrisey 142 - </p> 143 - </footer> 144 - 145 - </div> 146 - </div> 147 - 148 - <script> 149 - // Set the current year for the copyright notice 150 - document.getElementById('currentYear').textContent = new Date().getFullYear(); 151 - 152 - // Get the search input and all project cards 153 - const searchInput = document.getElementById('projectSearch'); 154 - const projectCards = document.querySelectorAll('.project-card'); 155 - 156 - // Add a 'keyup' event listener to the search input 157 - searchInput.addEventListener('keyup', (e) => { 158 - // Get the value from the search input and convert it to lowercase 159 - const searchValue = e.target.value.toLowerCase(); 160 - 161 - // Loop through each project card to check for a match 162 - projectCards.forEach(card => { 163 - // Get the title and description text from the current card 164 - const title = card.querySelector('.project-title-text').textContent.toLowerCase(); 165 - const description = card.querySelector('.project-description').textContent.toLowerCase(); 166 - 167 - // Check if the search value is found in either the title or description 168 - if (title.includes(searchValue) || description.includes(searchValue)) { 169 - // If it's a match, show the card 170 - card.style.display = 'block'; 171 - } else { 172 - // If it's not a match, hide the card 173 - card.style.display = 'none'; 174 - } 175 - }); 176 - }); 177 - </script> 178 - </div> 179 - </body> 180 - </html>
-75
projects/space-shooter/index.html
··· 1 - <!DOCTYPE html> 2 - <html> 3 - <head> 4 - <meta charSet="utf-8"/> 5 - <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 6 - <title>Space Shooter (v1.3) - Daniel Morrisey</title> 7 - 8 - <meta name="description" content="Space Shooter is a simple Space Invaders clone written in Python using Pygame. The game can run on MacOS in 5 simple steps, Windows support coming soon."/> 9 - <meta name="keywords" content="Danile Morrisey, Danny Morrisey, MBD, Made by Danny, Made by Danny UK"/> 10 - <meta name="author" content="Daniel Morrisey"/> 11 - 12 - <meta property="og:type" content="website"/> 13 - <meta property="og:url" content="https://danielmorrisey.com/"/> 14 - <meta property="og:title" content="Space Shooter (v1.2.3) - Daniel Morrisey"/> 15 - <meta property="og:description" content="Space Shooter is a simple Space Invaders clone written in Python using Pygame. The game can run on MacOS in 5 simple steps, Windows support coming soon. "/> 16 - <meta property="og:image" content="https://public-danielmorrisey-com.danielmorrisey.com/media/banner.jpg"/> 17 - 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 - <script src="https://kit.fontawesome.com/0ca27f8db1.js" crossorigin="anonymous"></script> 21 - 22 - <script src="https://cdn.tailwindcss.com"></script> 23 - <!-- Footer Custom Element Script --> 24 - <script src="/script/footer.js"></script> 25 - 26 - </head> 27 - <body> 28 - <div id="__next"> 29 - <div> 30 - <header class="flex flex-col items-center py-12 md:py-16"> 31 - <div class="mb-8"> 32 - <a href="/index.html" class="flex flex-col items-center"> 33 - <img src="https://public-danielmorrisey-com.danielmorrisey.com/media/icon.jpg" alt="Profile Picture" class="w-16 h-16 mb-2"/> 34 - <h1 class="text-3xl font-bold">Daniel Morrisey</h1> 35 - </a> 36 - </div> 37 - </header> 38 - <div class="w-9/10 max-w-md mx-auto"> 39 - 40 - <!-- Main Projects Heading --> 41 - <h3 class="mb-2 mt-5 text-xl font-medium first:mt-0">Space Shooter</h3> 42 - 43 - <!-- Projects List Container --> 44 - <div id="projectsList"> 45 - <!-- Project Card 1: Space Shooter --> 46 - <div class="project-card mb-4 p-4 border rounded-lg shadow-sm bg-white"> 47 - <h4 class="mb-2 text-xl font-small project-title-text">Space Shooter (v1.3)</h4> 48 - <code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm"><a href="/leaving.html?link=https://github.com/therealfuntimeswithdanny/space-shooter" class="text-blue-600 hover:underline"><i class="fa-brands fa-apple"></i>/therealfuntimeswithdanny/space-shooter</a></code><br><code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm"><a href="/leaving.html?link=https://github.com/therealfuntimeswithdanny/spaceshooter-windows" class="text-blue-600 hover:underline"><i class="fa-brands fa-windows"></i>/therealfuntimeswith.../spaceshooter-windows</a></code></p> 49 - <p class="project-description mt-2 text-gray-700"> 50 - Space Shooter is a simple Space Invaders clone written in Python using Pygame. The game can run on MacOS & Windows. 51 - </p> 52 - <p> 53 - <br> 54 - Space Shooter works with <a href="macos.html" class="text-blue-600 transition-colors hover:text-blue-800"><i class="fa-brands fa-apple"></i> <a href="windows.html" class="text-blue-600 transition-colors hover:text-blue-800"><i class="fa-brands fa-windows"></i></a> 55 - </p> 56 - <br> 57 - <h3 class="mb-2 text-xl font-small project-title-text">Downloads</h3> 58 - <p id="macos" class="project-description mt-2 text-gray-700"> Download for <i class="fa-brands fa-windows"></i> Windows, <a class="text-blue-600 transition-colors hover:text-blue-800" href="windows.html">Guide</a></p> 59 - <p><code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm"><a href="/leaving.html?link=https://github.com/therealfuntimeswithdanny/space-shooter/releases/download/v1.3/Space.Shooter.exe">.exe (Best Option)</a></code> <code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm"><a href="/leaving.html?link=https://github.com/therealfuntimeswithdanny/space-shooter/archive/refs/tags/v1.3.tar.gz">.tar</a></code> <code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm"><a href="/leaving.html?link=https://github.com/therealfuntimeswithdanny/space-shooter/archive/refs/tags/v1.3.zip">.zip</a></code></p> 60 - <p id="macos" class="project-description mt-2 text-gray-700"> Download for <i class="fa-brands fa-apple"></i> MacOS, <a class="text-blue-600 transition-colors hover:text-blue-800" href="macos.html">Guide</a></p> 61 - <p><code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm"><a href="/leaving.html?link=https://github.com/therealfuntimeswithdanny/space-shooter/releases/download/v1.3/Space.Shooter.app.zip">.app (Best Option)</a></code> <code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm"><a href="/leaving.html?link=https://github.com/therealfuntimeswithdanny/space-shooter/archive/refs/tags/v1.3.tar.gz">.tar</a></code> <code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm"><a href="/leaving.html?link=https://github.com/therealfuntimeswithdanny/space-shooter/archive/refs/tags/v1.3.zip">.zip</a></code></p> 62 - </div> 63 - </div> 64 - </div> 65 - <div class="w-9/10 max-w-md mx-auto"> 66 - <br><br> 67 - <p class="text-center text-gray-500">&copy; 2024-<span id="currentYear"></span> <a href="/leaving.html?link=https://madebydanny.uk" class="text-blue-600 transition-colors hover:text-blue-800">Made by Danny UK</a> <i>by Daniel Morrisey</i></p> 68 - </div> 69 - </div> 70 - </div> 71 - <script src="/script/main.js"></script> 72 - </div> 73 - <app-info></app-info> 74 - </body> 75 - </html>
-153
projects/space-shooter/macos.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>Space Shooter (MacOS) - Daniel Morrisey</title> 7 - 8 - <meta name="description" content="Space Shooter is a simple Space Invaders clone written in Python using Pygame. The game can run on MacOS in 5 simple steps, Windows support coming soon."/> 9 - <meta name="keywords" content="Danile Morrisey, Danny Morrisey, MBD, Made by Danny, Made by Danny UK"/> 10 - <meta name="author" content="Daniel Morrisey"/> 11 - 12 - <meta property="og:type" content="website"/> 13 - <meta property="og:url" content="https://danielmorrisey.com/"/> 14 - <meta property="og:title" content="Space Shooter (MacOS) - Daniel Morrisey"/> 15 - <meta property="og:description" content="Space Shooter is a simple Space Invaders clone written in Python using Pygame. The game can run on MacOS in 5 simple steps, Windows support coming soon. "/> 16 - <meta property="og:image" content="https://public-danielmorrisey-com.danielmorrisey.com/media/banner.jpg"/> 17 - 18 - <!-- Google Fonts for a clean font --> 19 - <link rel="preconnect" href="https://fonts.googleapis.com"> 20 - <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 21 - <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet"> 22 - 23 - <!-- Tailwind CSS CDN --> 24 - <script src="https://cdn.tailwindcss.com"></script> 25 - 26 - <!-- Font Awesome CDN --> 27 - <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" /> 28 - 29 - <style> 30 - body { 31 - font-family: 'Inter', sans-serif; 32 - } 33 - </style> 34 - <!-- Footer Custom Element Script --> 35 - <script src="/script/footer.js"></script> 36 - </head> 37 - <body class="bg-gray-100 text-gray-800 antialiased leading-relaxed"> 38 - 39 - <!-- Main Container --> 40 - <div class="min-h-screen flex items-center justify-center p-4"> 41 - 42 - <!-- Card-like container for the content --> 43 - <div class="bg-white rounded-3xl shadow-xl p-8 md:p-12 w-full max-w-4xl"> 44 - 45 - <!-- Header Section --> 46 - <header class="flex flex-col items-center mb-8 text-center"> 47 - <a href="/index.html" class="flex flex-col items-center"> 48 - <img src="https://public-danielmorrisey-com.danielmorrisey.com/media/icon.jpg" alt="Profile Picture" class="w-24 h-24 mb-4 rounded-full shadow-lg"/> 49 - <h1 class="text-3xl font-bold text-gray-900">Projects</h1> 50 - <p class="text-lg text-gray-600 font-medium mt-1">From HTML to Python</p> 51 - </a> 52 - </header> 53 - 54 - <hr class="border-gray-200 my-8"> 55 - 56 - <!-- Post Content --> 57 - <article class="prose max-w-none prose-indigo"> 58 - <h1 class="text-3xl font-bold text-gray-900 mt-0">Space Shooter (MacOS)</h1> 59 - <p class="text-lg text-gray-700"> 60 - Space Shooter is a simple Space Invaders clone written in Python using Pygame. The game can run on MacOS in five simple steps. Windows support coming soon. 61 - </p> 62 - 63 - <!-- Project Info Section --> 64 - <div class="mt-8 p-6 bg-gray-50 rounded-2xl shadow-md"> 65 - <h4 class="text-xl font-semibold mb-2 text-gray-900">Space Shooter (v1.2.3)</h4> 66 - <p class="text-sm text-gray-600 mb-4"> 67 - <i class="fa-brands fa-github"></i> 68 - <a href="https://github.com/therealfuntimeswithdanny/space-shooter" class="text-indigo-600 hover:text-indigo-800 transition-colors font-medium">/therealfuntimeswithdanny/space-shooter</a> 69 - </p> 70 - <p class="text-gray-700 leading-relaxed"> 71 - This game is a simple Space Invaders clone. 72 - </p> 73 - </div> 74 - 75 - <!-- Install Section --> 76 - <div class="mt-8"> 77 - <h4 class="text-xl font-semibold mb-4 text-gray-900">Install</h4> 78 - 79 - <!-- Step 1 --> 80 - <div class="mb-6 p-6 bg-gray-50 rounded-2xl shadow-md"> 81 - <h5 class="text-lg font-semibold mb-2"><code class="rounded-lg border bg-gray-200 px-2 py-1 text-sm font-medium">Step 1</code>: Download for <i class="fa-brands fa-apple"></i> MacOS</h5> 82 - <p class="text-gray-700 mb-4">Choose your preferred download format:</p> 83 - <div class="flex flex-wrap gap-2"> 84 - <a href="https://github.com/therealfuntimeswithdanny/space-shooter/releases/download/v1.3/Space.Shooter.app.zip" class="inline-block bg-indigo-600 text-white px-4 py-2 rounded-full text-sm font-medium hover:bg-indigo-700 transition duration-300">.app (Best Option)</a> 85 - <a href="https://github.com/therealfuntimeswithdanny/space-shooter/archive/refs/tags/v1.3.tar.gz" class="inline-block bg-gray-200 text-gray-800 px-4 py-2 rounded-full text-sm font-medium hover:bg-gray-300 transition duration-300">.tar</a> 86 - <a href="https://github.com/therealfuntimeswithdanny/space-shooter/archive/refs/tags/v1.3.zip" class="inline-block bg-gray-200 text-gray-800 px-4 py-2 rounded-full text-sm font-medium hover:bg-gray-300 transition duration-300">.zip</a> 87 - </div> 88 - </div> 89 - 90 - <!-- Step 2 --> 91 - <div class="mb-6 p-6 bg-gray-50 rounded-2xl shadow-md"> 92 - <h5 class="text-lg font-semibold mb-2"><code class="rounded-lg border bg-gray-200 px-2 py-1 text-sm font-medium">Step 2</code>: Locate and Open</h5> 93 - <p class="text-gray-700">Look for the app named `Space Shooter` and double-click to open it.</p> 94 - <img src="https://public-danielmorrisey-com.danielmorrisey.com/media/Screenshot%202025-08-07%20at%2016.57.55.png" alt="Space Shooter MacOS" class="w-full rounded-2xl shadow-lg my-6"/> 95 - </div> 96 - 97 - <!-- Step 3 --> 98 - <div class="mb-6 p-6 bg-gray-50 rounded-2xl shadow-md"> 99 - <h5 class="text-lg font-semibold mb-2"><code class="rounded-lg border bg-gray-200 px-2 py-1 text-sm font-medium">Step 3</code>: Handle Unidentified Developer Warning</h5> 100 - <p class="text-gray-700">A pop-up will appear stating the app is from an unidentified developer. This is because I am not a registered Apple Developer. Simply click <code class="bg-gray-200 rounded px-1 text-sm font-mono">Done</code>.</p> 101 - <img src="https://public-danielmorrisey-com.danielmorrisey.com/media/Screenshot%202025-08-07%20at%2017.02.56.png" alt="Space Shooter MacOS" class="w-full rounded-2xl shadow-lg my-6"/> 102 - </div> 103 - 104 - <!-- Step 4 --> 105 - <div class="mb-6 p-6 bg-gray-50 rounded-2xl shadow-md"> 106 - <h5 class="text-lg font-semibold mb-2"><code class="rounded-lg border bg-gray-200 px-2 py-1 text-sm font-medium">Step 4</code>: Bypass Security Settings</h5> 107 - <p class="text-gray-700 mb-2">Since I don't pay for an Apple Developer license, you need to manually allow the app. Here's how:</p> 108 - <ul class="list-disc list-inside text-gray-700 space-y-2"> 109 - <li>Open **System Settings** by pressing <code class="bg-gray-200 rounded px-1 text-sm font-mono">CMD + SPACE</code> on your keyboard, typing `settings`, and hitting enter.</li> 110 - <li>Navigate to **Privacy & Security** and scroll to the bottom.</li> 111 - </ul> 112 - <img src="https://public-danielmorrisey-com.danielmorrisey.com/media/Screenshot%202025-08-07%20at%2017.04.17.png" alt="Space Shooter MacOS" class="w-full rounded-2xl shadow-lg my-6"/> 113 - </div> 114 - 115 - <!-- Step 5 --> 116 - <div class="mb-6 p-6 bg-gray-50 rounded-2xl shadow-md"> 117 - <h5 class="text-lg font-semibold mb-2"><code class="rounded-lg border bg-gray-200 px-2 py-1 text-sm font-medium">Step 5</code>: Open Anyway and Play</h5> 118 - <p class="text-gray-700">Once you click <code class="bg-gray-200 rounded px-1 text-sm font-mono">Open Anyway</code>, the game window will appear and you can start playing! Remember that you'll need to repeat **Step 2** each time you want to play the game.</p> 119 - </div> 120 - 121 - </div> 122 - </article> 123 - 124 - <!-- Footer --> 125 - <footer class="mt-12 pt-4 text-center text-gray-500 border-t border-gray-200"> 126 - <div class="flex justify-center space-x-6 mb-4 text-lg"> 127 - <a href="javascript:history.back()" class="text-gray-600 hover:text-indigo-600 transition duration-300"><i class="fa-solid fa-arrow-left"></i> Back</a> 128 - <a href="/index.html" class="text-gray-600 hover:text-indigo-600 transition duration-300"><i class="fa-solid fa-house"></i> Home</a> 129 - </div> 130 - <!-- Centered Iframe --> 131 - <div class="flex justify-center mt-8"> 132 - <iframe src="https://status.madebydanny.uk/badge?theme=light" width="200" height="30" frameborder="0" scrolling="no" style="color-scheme: normal"></iframe> 133 - </div> 134 - <p> 135 - &copy; 2024-<span id="currentYear"></span> 136 - <a href="https://madebydanny.uk" class="hover:text-indigo-600 transition duration-300 font-medium">Made by Danny UK</a> 137 - </p> 138 - <p class="text-sm mt-1"> 139 - by Daniel Morrisey 140 - </p> 141 - </footer> 142 - 143 - </div> 144 - </div> 145 - 146 - <script> 147 - // Set the current year for the copyright notice 148 - document.getElementById('currentYear').textContent = new Date().getFullYear(); 149 - </script> 150 - </div> 151 - <app-info></app-info> 152 - </body> 153 - </html>
-74
projects/space-shooter/windows.html
··· 1 - <!DOCTYPE html> 2 - <html> 3 - <head> 4 - <meta charSet="utf-8"/> 5 - <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 6 - <title>Space Shooter (Windows) - Daniel Morrisey</title> 7 - 8 - <meta name="description" content="Space Shooter is a simple Space Invaders clone written in Python using Pygame. The game can run on MacOS in 5 simple steps, Windows support coming soon."/> 9 - <meta name="keywords" content="Danile Morrisey, Danny Morrisey, MBD, Made by Danny, Made by Danny UK"/> 10 - <meta name="author" content="Daniel Morrisey"/> 11 - 12 - <meta property="og:type" content="website"/> 13 - <meta property="og:url" content="https://danielmorrisey.com/"/> 14 - <meta property="og:title" content="Space Shooter (Windows) - Daniel Morrisey"/> 15 - <meta property="og:description" content="Space Shooter is a simple Space Invaders clone written in Python using Pygame. The game can run on MacOS in 5 simple steps, Windows support coming soon. "/> 16 - <meta property="og:image" content="https://public-danielmorrisey-com.danielmorrisey.com/media/banner.jpg"/> 17 - 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 - <script src="https://kit.fontawesome.com/0ca27f8db1.js" crossorigin="anonymous"></script> 21 - 22 - <script src="https://cdn.tailwindcss.com"></script> 23 - <!-- Footer Custom Element Script --> 24 - <script src="/script/footer.js"></script> 25 - 26 - </head> 27 - <body> 28 - <div id="__next"> 29 - <div> 30 - <header class="flex flex-col items-center py-12 md:py-16"> 31 - <div class="mb-8"> 32 - <a href="/index.html" class="flex flex-col items-center"> 33 - <img src="https://public-danielmorrisey-com.danielmorrisey.com/media/icon.jpg" alt="Profile Picture" class="w-16 h-16 mb-2"/> 34 - <h1 class="text-3xl font-bold">Daniel Morrisey</h1> 35 - </a> 36 - </div> 37 - </header> 38 - <div class="w-9/10 max-w-md mx-auto"> 39 - 40 - <!-- Main Projects Heading --> 41 - <h3 class="mb-2 mt-5 text-xl font-medium first:mt-0">Space Shooter</h3> 42 - 43 - <!-- Projects List Container --> 44 - <div id="projectsList"> 45 - <!-- Project Card 1: Space Shooter --> 46 - <div class="project-card mb-4 p-4 border rounded-lg shadow-sm bg-white"> 47 - <h4 class="mb-2 text-xl font-small project-title-text">Space Shooter (v1.2.3)</h4> 48 - <code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm"><a href="/leaving.html?link=https://github.com/therealfuntimeswithdanny/spaceshooter-windows" class="text-blue-600 hover:underline"><i class="fa-brands fa-github"></i>/therealfuntimeswith.../spaceshooter-windows</a></code></p> 49 - <p class="project-description mt-2 text-gray-700"> 50 - Space Shooter is a simple Space Invaders clone written in Python using Pygame. The game can run on MacOS & Windows. 51 - </p> 52 - <br> 53 - <h4 class="mb-2 text-xl font-small project-title-text">Install</h4> 54 - <h3 class="mb-2 text-xl font-small project-title-text">Step 1</h3> 55 - <p id="macos" class="project-description mt-2 text-gray-700"> Download for <i class="fa-brands fa-windows"></i> Windows</p> 56 - <p><code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm"><a href="/leaving.html?link=https://github.com/therealfuntimeswithdanny/space-shooter/releases/download/v1.3/Space.Shooter.exe">.app (Best Option)</a></code> <code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm"><a href="/leaving.html?link=https://github.com/therealfuntimeswithdanny/space-shooter/archive/refs/tags/v1.3.tar.gz">.tar</a></code> <code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm"><a href="/leaving.html?link=https://github.com/therealfuntimeswithdanny/space-shooter/archive/refs/tags/v1.3.zip">.zip</a></code></p> 57 - <h3 class="mb-2 text-xl font-small project-title-text"><br>Step 2</h3> 58 - <p class="project-description mt-2 text-gray-700">Look for <code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm">Space.Shooter.exe</code> in your downloads then dubble click it.</p> 59 - <br> 60 - <img src="https://public-danielmorrisey-com.danielmorrisey.com/media/Screenshot%202025-08-07%20185820.png" alt="Space Shooter MacOS" class="w-full h-auto mb-4 rounded-lg shadow-sm"/> 61 - </div> 62 - </div> 63 - </div> 64 - <div class="w-9/10 max-w-md mx-auto"> 65 - <br><br> 66 - <p class="text-center text-gray-500">&copy; 2024-<span id="currentYear"></span> <a href="/leaving.html?link=https://madebydanny.uk" class="text-blue-600 transition-colors hover:text-blue-800">Made by Danny UK</a> <i>by Daniel Morrisey</i></p> 67 - </div> 68 - </div> 69 - </div> 70 - <script src="/script/main.js"></script> 71 - </div> 72 - <app-info></app-info> 73 - </body> 74 - </html>