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.

hjkfwfw

+92 -1
media/Screenshot 2025-07-24 at 20.47.52 (2).png

This is a binary file and will not be displayed.

media/Screenshot 2025-07-24 at 20.48.16.png

This is a binary file and will not be displayed.

media/Screenshot 2025-07-24 at 20.58.00.png

This is a binary file and will not be displayed.

media/Screenshot 2025-07-24 at 21.05.19 (2).png

This is a binary file and will not be displayed.

media/Screenshot 2025-07-24 at 21.06.44.png

This is a binary file and will not be displayed.

+2 -1
projects/index.html
··· 47 47 <div id="projectsList"> 48 48 <!-- Project Card 1: Space Shooter --> 49 49 <div class="project-card mb-4 p-4 border rounded-lg shadow-sm bg-white"> 50 - <h4 class="mb-2 text-xl font-small project-title-text">Space Shooter (v0.2)</h4> 50 + <h4 class="mb-2 text-xl font-small project-title-text">Space Shooter (v1)</h4> 51 51 <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-github"></i>/therealfuntimeswithdanny/space-shooter</a></code></p> 52 52 <p class="project-description mt-2 text-gray-700"> 53 53 Space Shooter is a simple Space Invaders clone written in Python using Pygame. The game can run on MacOS in two simple steps, Windows support coming soon. 54 54 </p> 55 + <a href="/projects/space-shooter.html" class="text-blue-600 transition-colors hover:text-blue-800"> Download & Install</a> <a href="/projects/space-shooter.html#macos" class="text-blue-600 transition-colors hover:text-blue-800"><i class="fa-brands fa-apple"></i></a> 55 56 </div> 56 57 57 58 <!-- Project Card 2: Ball Shooter -->
+90
projects/space-shooter.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) - 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 two 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) - 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 two simple steps, Windows support coming soon. "/> 16 + <meta property="og:image" content="/media/banner.jpg"/> 17 + 18 + <link rel="me" href="https://mastodon.social/@danielmorrisey"/> 19 + <link rel="icon" type="image/x-icon" href="/media/icon.jpg"> 20 + <script src="https://kit.fontawesome.com/0ca27f8db1.js" crossorigin="anonymous"></script> 21 + <script src="https://cdn.tailwindcss.com"></script> 22 + 23 + <link rel="preload" href="/_next/static/media/97a52bce187043ec-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/> 24 + <link rel="preload" href="/_next/static/media/e4af272ccee01ff0-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/> 25 + </head> 26 + <body> 27 + <div id="__next"> 28 + <div> 29 + <header class="flex flex-col items-center py-12 md:py-16"> 30 + <div class="mb-8"> 31 + <a href="#" class="flex flex-col items-center"> 32 + <img src="/media/icon.jpg" alt="Profile Picture" class="w-16 h-16 mb-2 rounded-full"/> 33 + <h1 class="text-3xl font-bold">Daniel Morrisey</h1> 34 + </a> 35 + </div> 36 + </header> 37 + <div class="w-9/10 max-w-md mx-auto"> 38 + 39 + <!-- Main Projects Heading --> 40 + <h3 class="mb-2 mt-5 text-xl font-medium first:mt-0">Space Shooter</h3> 41 + 42 + <!-- Projects List Container --> 43 + <div id="projectsList"> 44 + <!-- Project Card 1: Space Shooter --> 45 + <div class="project-card mb-4 p-4 border rounded-lg shadow-sm bg-white"> 46 + <h4 class="mb-2 text-xl font-small project-title-text">Space Shooter (v1)</h4> 47 + <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-github"></i>/therealfuntimeswithdanny/space-shooter</a></code></p> 48 + <p class="project-description mt-2 text-gray-700"> 49 + 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. 50 + </p> 51 + <p> 52 + <br> 53 + Space Shooter works with <a href="#macos" class="text-blue-600 transition-colors hover:text-blue-800"><i class="fa-brands fa-apple"></i></a> 54 + </p> 55 + <br> 56 + <h4 class="mb-2 text-xl font-small project-title-text">Install</h4> 57 + <h3 class="mb-2 text-xl font-small project-title-text">Step 1</h3> 58 + <p id="macos" class="project-description mt-2 text-gray-700"> Download for <i class="fa-brands fa-apple"></i> MacOS</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/archive/refs/tags/public.tar.gz">.tar (recomended)</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/public.zip">.zip</a></code></p> 60 + <h3 class="mb-2 text-xl font-small project-title-text"><br>Step 2</h3> 61 + <p class="project-description mt-2 text-gray-700">Look for your downloads folder on your dock</p> 62 + <p class="project-description mt-2 text-gray-700">Open the downloaded file, it should be called <code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm">space-shooter-public.tar</code> or <code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm">space-shooter-public.zip</code><br><br></p> 63 + <img src="/media/Screenshot 2025-07-24 at 20.48.16.png" alt="Space Shooter MacOS" class="w-full h-auto mb-4 rounded-lg shadow-sm"/> 64 + <h3 class="mb-2 text-xl font-small project-title-text"><br>Step 3</h3> 65 + <p class="project-description mt-2 text-gray-700">When it's opening the <code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm">.tar</code> or <code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm">.zip</code> you will be brought to a scrren like this, <b>STOP once you get here!</b><br><br></br.></p> 66 + <img src="/media/Screenshot 2025-07-24 at 20.47.52 (2).png" alt="Space Shooter MacOS" class="w-full h-auto mb-4 rounded-lg shadow-sm"/> 67 + <h3 class="mb-2 text-xl font-small project-title-text"><br>Step 4</h3> 68 + <p class="project-description mt-2 text-gray-700">I don't feel like paying $100/year so apple can let people use my apps so in the mean time we need to do this.</p> 69 + <p class="project-description mt-2 text-gray-700"><br>Open system settings witch can be done by pressing <code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm">CMD + SPACE</code> on your keyboard, then type in settings and hit enter.</p> 70 + <p class="project-description mt-2 text-gray-700"><br>Once you are in settings, click on <code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm">Privacy & Security</code> and scroll down to the bottom of the page.</p> 71 + <img src="/media/Screenshot 2025-07-24 at 20.58.00.png" alt="Space Shooter MacOS" class="w-full h-auto mb-4 rounded-lg shadow-sm"/> 72 + <p class="project-description mt-2 text-gray-700"><br>Click on the button that says <code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm">Open Anyway</code> and then click on <code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm">Open</code> in the pop-up.</p> 73 + <p class="project-description mt-2 text-gray-700"><br>Now you can play Space Shooter!</p> 74 + <h3 class="mb-2 text-xl font-small project-title-text"><br>Step 5</h3> 75 + <p class="project-description mt-2 text-gray-700">To play Space Shooter, open the <code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm">space-shooter-public</code> folder from your downloads folder, then open the <code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm">dist</code> folder & drag the <b>First</b> game app it has a black box with green text over to your applications folder on the left.</p> 76 + <img src="/media/Screenshot 2025-07-24 at 21.05.19 (2).png" alt="Space Shooter MacOS" class="w-full h-auto mb-4 rounded-lg shadow-sm"/> 77 + <p class="project-description mt-2 text-gray-700"><br>Now if you press <code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm">CMD + SPACE</code> and type in game click the black box with green text to luanch Space Shooter!</p> 78 + <img src="/media/Screenshot 2025-07-24 at 21.06.44.png" alt="Space Shooter MacOS" class="w-full h-auto mb-4 rounded-lg shadow-sm"/> 79 + </div> 80 + </div> 81 + </div> 82 + <div class="w-9/10 max-w-md mx-auto"> 83 + <br><br> 84 + <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> 85 + </div> 86 + </div> 87 + </div> 88 + <script src="/script/main.js"></script> 89 + </body> 90 + </html>