madebydanny.uk written in html, css, and a lot of JavaScript I don't understand
madebydanny.uk
html
css
javascript
added search
+93
-17
+5
404.html
+5
404.html
···
35
35
<a href="/index.html" class="text-blue-600 transition-colors hover:text-blue-800">Home Page</a>
36
36
</p>
37
37
</div>
38
+
<div class="w-9/10 max-w-md mx-auto">
39
+
<br><br>
40
+
<p>© 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>
41
+
</div>
38
42
</div>
39
43
</div>
40
44
<script>
41
45
document.getElementById("url").innerHTML = "Cloudflare Pages returned \"404 error\" when looking for <code class=\"rounded-lg border bg-gray-50 px-1 py-0.5 text-sm\">" + window.location.href + "</code>.";
42
46
</script>
47
+
<script src="/script/main.js"></script>
43
48
</body>
44
49
</html>
+12
-5
index.html
+12
-5
index.html
···
34
34
</div>
35
35
</header>
36
36
<div class="w-9/10 max-w-md mx-auto">
37
-
<h3 id="what-is-tsnet" class="mb-2 mt-5 text-xl font-medium first:mt-0">Hello World!</h3>
37
+
<h3 id="#" class="mb-2 mt-5 text-xl font-medium first:mt-0">Hello World!</h3>
38
38
<p>
39
39
You have found my website
40
40
<code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm">danielmorrisey.com</code>
···
44
44
<code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm">danielmorrisey.com</code>
45
45
to host some backend sevreices and use it as a CDN for my orther sites.
46
46
</p>
47
-
<h3 id="concerns" class="mb-2 mt-5 text-xl font-medium first:mt-0">What to do?</h3>
47
+
<h3 id="#" class="mb-2 mt-5 text-xl font-medium first:mt-0">What to do?</h3>
48
48
<p>
49
49
While you are here, you can check out my
50
-
<a href="/projects/index.html" class="text-blue-600 transition-colors hover:text-blue-800">Projects</a>
51
-
or follow me on
50
+
<a href="/projects/index.html" class="text-blue-600 transition-colors hover:text-blue-800">Projects</a>,
51
+
follow me on
52
52
<a href="/leaving.html?link=https://mastodon.social/@danielmorrisey" class="text-blue-600 transition-colors hover:text-blue-800">Mastodon</a>
53
53
&
54
-
<a href="/leaving.html?link=https://bsky.app" class="text-blue-600 transition-colors hover:text-blue-800">Bluesky</a>
54
+
<a href="/leaving.html?link=https://bsky.app/profile/danielmorrisey.com" class="text-blue-600 transition-colors hover:text-blue-800">Bluesky</a>
55
+
or check out
56
+
<a href="/leaving.html?link=https://madebydanny.uk/" class="text-blue-600 transition-colors hover:text-blue-800">MBD News</a>, a News website that I own for all things <i>#Tech</i>.
55
57
</p>
56
58
</div>
59
+
<div class="w-9/10 max-w-md mx-auto">
60
+
<br><br>
61
+
<p>© 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>
62
+
</div>
57
63
</div>
58
64
</div>
65
+
<script src="/script/main.js"></script>
59
66
</body>
60
67
</html>
+5
leaving.html
+5
leaving.html
···
48
48
<p>A valid destination link was not provided. Please check the URL and try again.</p>
49
49
</div>
50
50
</main>
51
+
<div class="w-9/10 max-w-md mx-auto">
52
+
<br><br>
53
+
<p>© 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>
54
+
</div>
51
55
</div>
52
56
</div>
53
57
<script src="/script/leaving.js"></script>
58
+
<script src="/script/main.js"></script>
54
59
</body>
55
60
</html>
+35
-12
projects/index.html
+35
-12
projects/index.html
···
17
17
18
18
<link rel="me" href="https://mastodon.social/@danielmorrisey"/>
19
19
<link rel="icon" type="image/x-icon" href="/media/icon.jpg">
20
-
20
+
<script src="https://kit.fontawesome.com/0ca27f8db1.js" crossorigin="anonymous"></script>
21
21
<script src="https://cdn.tailwindcss.com"></script>
22
22
23
23
<link rel="preload" href="/_next/static/media/97a52bce187043ec-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/>
···
29
29
<header class="flex flex-col items-center py-12 md:py-16">
30
30
<div class="mb-8">
31
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"/>
32
+
<img src="/media/icon.jpg" alt="Profile Picture" class="w-16 h-16 mb-2 rounded-full"/>
33
33
<h1 class="text-3xl font-bold">Daniel Morrisey</h1>
34
34
</a>
35
35
</div>
36
36
</header>
37
37
<div class="w-9/10 max-w-md mx-auto">
38
-
<h3 id="what-is-tsnet" class="mb-2 mt-5 text-xl font-medium first:mt-0">Projects</h3>
39
-
<h4 class="mb-2 mt- text-xl font-small first:mt-0">Space Shooter (v0.2)</h4>
40
-
<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">therealfuntimeswithdanny/space-shooter</a></code></p>
41
-
<p>
42
-
Space Shooter is a simple Space Inveders clone written in Python using Pygame, The game can run on MacOS in two simple steps, Windows support comming soon.
43
-
</p>
44
-
<h3 id="what-is-tsnet" class="mb-2 mt-5 text-xl font-medium first:mt-0">Ball Shooter (v0.0.1)</h3>
45
-
<code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm"><a href="/leaving.html?link=https://github.com/therealfuntimeswithdanny/ball-shooter">therealfuntimeswithdanny/ball-shooter</a></code></p>
46
-
<p>Ball Shooter is a simpe game, where your goal is to distory all blocks using a paddle and ball, the game is in developement.</p>
38
+
<!-- Search Bar -->
39
+
<div class="mb-5">
40
+
<input type="text" id="projectSearch" placeholder="Search projects..." class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
41
+
</div>
42
+
43
+
<!-- Main Projects Heading -->
44
+
<h3 class="mb-2 mt-5 text-xl font-medium first:mt-0">Projects</h3>
45
+
46
+
<!-- Projects List Container -->
47
+
<div id="projectsList">
48
+
<!-- Project Card 1: Space Shooter -->
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>
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
+
<p class="project-description mt-2 text-gray-700">
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
+
</p>
55
+
</div>
56
+
57
+
<!-- Project Card 2: Ball Shooter -->
58
+
<div class="project-card mb-4 p-4 border rounded-lg shadow-sm bg-white">
59
+
<h4 class="mb-2 text-xl font-small project-title-text">Ball Shooter (v0.0.1)</h4>
60
+
<code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm"><a href="/leaving.html?link=https://github.com/therealfuntimeswithdanny/ball-shooter" class="text-blue-600 hover:underline"><i class="fa-brands fa-github"></i>/therealfuntimeswithdanny/ball-shooter</a></code></p>
61
+
<p class="project-description mt-2 text-gray-700">Ball Shooter is a simple game, where your goal is to destroy all blocks using a paddle and ball. The game is in development.</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">© 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>
47
68
</div>
48
69
</div>
49
70
</div>
71
+
<script src="/script/main.js"></script>
72
+
<script src="/script/search.js"></script>
50
73
</body>
51
-
</html>
74
+
</html>
+4
script/main.js
+4
script/main.js
+32
script/search.js
+32
script/search.js
···
1
+
document.addEventListener('DOMContentLoaded', function() {
2
+
// Existing script for current year (if main.js doesn't handle it)
3
+
const currentYearSpan = document.getElementById('currentYear');
4
+
if (currentYearSpan) {
5
+
currentYearSpan.textContent = new Date().getFullYear();
6
+
}
7
+
8
+
// Search functionality
9
+
const searchInput = document.getElementById('projectSearch');
10
+
const projectCards = document.querySelectorAll('.project-card'); // Select all project cards
11
+
12
+
searchInput.addEventListener('keyup', function() {
13
+
const searchTerm = searchInput.value.toLowerCase(); // Get search term and convert to lowercase
14
+
15
+
projectCards.forEach(card => {
16
+
// Get the title and description elements within the current card
17
+
const titleElement = card.querySelector('.project-title-text');
18
+
const descriptionElement = card.querySelector('.project-description');
19
+
20
+
// Extract text content and convert to lowercase for comparison
21
+
const titleText = titleElement ? titleElement.textContent.toLowerCase() : '';
22
+
const descriptionText = descriptionElement ? descriptionElement.textContent.toLowerCase() : '';
23
+
24
+
// Check if the search term is found in either the title or description
25
+
if (titleText.includes(searchTerm) || descriptionText.includes(searchTerm)) {
26
+
card.style.display = ''; // Show the project card
27
+
} else {
28
+
card.style.display = 'none'; // Hide the project card
29
+
}
30
+
});
31
+
});
32
+
});