madebydanny.uk written in html, css, and a lot of JavaScript I don't understand
madebydanny.uk
html
css
javascript
added new post
+140
-6
+18
-6
textbites/feed.xml
+18
-6
textbites/feed.xml
···
18
18
</image>
19
19
20
20
<item>
21
+
<title>I replaced the YouTube app on my phone with Medium</title>
22
+
<link>/textbites/noyoutubenowmedium.html</link>
23
+
<description><![CDATA[
24
+
<p>I stopped doom scrolling and started Doom Reading</p>
25
+
<img src="https://public-danielmorrisey-com.danielmorrisey.com/media/1*I0E7U5xI-4UvnkExSGKp_w.png" alt="#" width="600"/>
26
+
]]></description>
27
+
<pubDate>Tue, 9 Aug 2025 12:00:00 GMT</pubDate>
28
+
<guid isPermaLink="true">/textbites/noyoutubenowmedium.html</guid>
29
+
<media:content url="https://public-danielmorrisey-com.danielmorrisey.com/media/1*I0E7U5xI-4UvnkExSGKp_w.png" medium="image" type="image/jpeg" />
30
+
</item>
31
+
32
+
<item>
21
33
<title>MBD Status now uses Better Stack</title>
22
34
<link>https://danielmorrisey.com/textbites/mbdstatus.html</link>
23
35
<description><![CDATA[
24
36
<p>Faster alerts, higher uptime, and better everything</p>
25
37
<img src="https://public-danielmorrisey-com.danielmorrisey.com/media/bafkreibhgywir5ta2fc2eml25afs7axlthdilurni7xks6asjmyf7awkjm.jpg" alt="Mac Mini on desk" width="600"/>
26
38
]]></description>
27
-
<pubDate>Mon, 18 Aug 2024 12:00:00 GMT</pubDate>
39
+
<pubDate>Mon, 18 Aug 2025 12:00:00 GMT</pubDate>
28
40
<guid isPermaLink="true">https://danielmorrisey.com/textbites/mbdstatus.html</guid>
29
41
<media:content url="https://public-danielmorrisey-com.danielmorrisey.com/media/bafkreibhgywir5ta2fc2eml25afs7axlthdilurni7xks6asjmyf7awkjm.jpg" medium="image" type="image/jpeg" />
30
42
</item>
···
36
48
<p>I still can’t believe it’s 5’ x 5’ and yet so powerful</p>
37
49
<img src="https://public-danielmorrisey-com.danielmorrisey.com/media/mac-mini-m4-desk1.jpeg.webp" alt="Mac Mini on desk" width="600"/>
38
50
]]></description>
39
-
<pubDate>Fri, 15 Aug 2024 12:00:00 GMT</pubDate>
51
+
<pubDate>Fri, 15 Aug 2025 12:00:00 GMT</pubDate>
40
52
<guid isPermaLink="true">https://danielmorrisey.com/textbites/macminiupdateaug15.html</guid>
41
53
<media:content url="https://public-danielmorrisey-com.danielmorrisey.com/media/mac-mini-m4-desk1.jpeg.webp" medium="image" type="image/jpeg" />
42
54
</item>
···
48
60
<p>It might be mini, but it sure is fast!</p>
49
61
<img src="https://public-danielmorrisey-com.danielmorrisey.com/media/Screenshot%202025-08-05%20at%201.13.08%E2%80%AFPM.png" alt="Mac Mini Screenshot" width="600"/>
50
62
]]></description>
51
-
<pubDate>Tue, 05 Aug 2024 12:00:00 GMT</pubDate>
63
+
<pubDate>Tue, 05 Aug 2025 12:00:00 GMT</pubDate>
52
64
<guid isPermaLink="true">https://danielmorrisey.com/textbites/igotamacmini.html</guid>
53
65
<media:content url="https://public-danielmorrisey-com.danielmorrisey.com/media/Screenshot%202025-08-05%20at%201.13.08%E2%80%AFPM.png" medium="image" type="image/jpeg" />
54
66
</item>
···
60
72
<p>Just like Mastodon, Threads also has a “deck” layout for desktop users. And my 3 main social media platforms I use are Bluesky, Mastodon, and Threads. Having a Bluesky Deck layout for desktop would be nice to have.</p>
61
73
<img src="https://placehold.co/600x400?text=No+Image" alt="Placeholder image" width="600"/>
62
74
]]></description>
63
-
<pubDate>Sun, 03 Aug 2024 12:00:00 GMT</pubDate>
75
+
<pubDate>Sun, 03 Aug 2025 12:00:00 GMT</pubDate>
64
76
<guid isPermaLink="true">https://danielmorrisey.com/textbites/blueskydeck.html</guid>
65
77
<media:content url="https://placehold.co/600x400?text=No+Image" medium="image" type="image/jpeg" />
66
78
</item>
···
72
84
<p>All it takes is one # to reach an audience of 100+</p>
73
85
<img src="https://placehold.co/600x400?text=No+Image" alt="Placeholder image" width="600"/>
74
86
]]></description>
75
-
<pubDate>Sun, 03 Aug 2024 12:00:00 GMT</pubDate>
87
+
<pubDate>Sun, 03 Aug 2025 12:00:00 GMT</pubDate>
76
88
<guid isPermaLink="true">https://danielmorrisey.com/textbites/thepowerofhashtags.html</guid>
77
89
<media:content url="https://placehold.co/600x400?text=No+Image" medium="image" type="image/jpeg" />
78
90
</item>
···
84
96
<p>MBD is working on a new tool called MBDIO, it's a simple, easy & fast link shortener that will allow you to shorten links and share them.</p>
85
97
<img src="https://placehold.co/600x400?text=No+Image" alt="Placeholder image" width="600"/>
86
98
]]></description>
87
-
<pubDate>Sat, 02 Aug 2024 12:00:00 GMT</pubDate>
99
+
<pubDate>Sat, 02 Aug 2025 12:00:00 GMT</pubDate>
88
100
<guid isPermaLink="true">https://danielmorrisey.com/textbites/mbdio.html</guid>
89
101
<media:content url="https://placehold.co/600x400?text=No+Image" medium="image" type="image/jpeg" />
90
102
</item>
+11
textbites/index.html
+11
textbites/index.html
···
74
74
<br>
75
75
<!-- Text Bites List Container -->
76
76
<div id="projectsList" class="space-y-6">
77
+
<div class="textbite-card bg-gray-50 p-6 rounded-2xl shadow-md">
78
+
<h4 class="text-xl font-semibold mb-2 text-gray-900 textbite-title">I replaced the YouTube app on my phone with Medium</h4>
79
+
<div class="text-sm text-gray-500 mb-4">
80
+
<span class="mr-3"><i class="fa-solid fa-calendar-alt"></i> Tue Aug 19</span>
81
+
<span><i class="fa-solid fa-clock"></i> 2 Min Read</span>
82
+
</div>
83
+
<p class="mt-2 text-gray-700 leading-relaxed textbite-description">
84
+
I stopped doom scrolling and started Doom Reading
85
+
</p>
86
+
<a href="noyoutubenowmedium.html" class="inline-block mt-4 text-indigo-600 hover:text-indigo-800 font-medium transition duration-300">Read More...</a>
87
+
</div>
77
88
<!-- mbdstatus.html -->
78
89
<div class="textbite-card bg-gray-50 p-6 rounded-2xl shadow-md">
79
90
<h4 class="text-xl font-semibold mb-2 text-gray-900 textbite-title">MBD Status now uses Better Stack</h4>
+111
textbites/noyoutubenowmedium.html
+111
textbites/noyoutubenowmedium.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>I replaced the YouTube app on my phone with Medium - Daniel Morrisey</title>
7
+
8
+
<meta name="description" content="I stopped doom scrolling and started Doom Reading<"/>
9
+
<meta name="keywords" content="Daniel Morrisey, Danny Morrisey, MBD, Made by Danny, Made by Danny UK, YouTube, Medium, Shorts, Doom Scrolling"/>
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="I replaced the YouTube app on my phone with Medium - Daniel Morrisey"/>
15
+
<meta property="og:description" content="I stopped doom scrolling and started Doom Reading<"/>
16
+
<meta property="og:image" content="https://miro.medium.com/v2/resize:fit:727/1*I0E7U5xI-4UvnkExSGKp_w.png"/>
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
+
<!-- Status Banner -->
24
+
<script src="https://uptime.betterstack.com/widgets/announcement.js" data-id="223534" async="async" type="text/javascript"></script>
25
+
26
+
<!-- Tailwind CSS CDN -->
27
+
<script src="https://cdn.tailwindcss.com"></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
+
<style>
33
+
body {
34
+
font-family: 'Inter', sans-serif;
35
+
}
36
+
.prose img {
37
+
border-radius: 1rem;
38
+
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
39
+
margin-top: 1.5rem;
40
+
margin-bottom: 1.5rem;
41
+
}
42
+
</style>
43
+
<!-- Footer Custom Element Script -->
44
+
<script src="/script/footer.js"></script>
45
+
</head>
46
+
<body class="bg-gray-100 text-gray-800 antialiased leading-relaxed">
47
+
48
+
<!-- Main Container -->
49
+
<div class="min-h-screen flex items-center justify-center p-4">
50
+
51
+
<!-- Card-like container for the content -->
52
+
<div class="bg-white rounded-3xl shadow-xl p-8 md:p-12 w-full max-w-4xl">
53
+
54
+
<!-- Header Section -->
55
+
<header class="flex flex-col items-center mb-8 text-center">
56
+
<a href="/index.html" class="flex flex-col items-center">
57
+
<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"/>
58
+
<h1 class="text-3xl font-bold text-gray-900">Text Bites</h1>
59
+
<p class="text-lg text-gray-600 font-medium mt-1">Updates from Daniel Morrisey</p>
60
+
</a>
61
+
</header>
62
+
63
+
<hr class="border-gray-200 my-8">
64
+
65
+
<!-- Post Content -->
66
+
<article class="prose max-w-none prose-indigo">
67
+
<h1 class="text-3xl font-bold text-gray-900 mt-0">I replaced the YouTube app on my phone with Medium</h1>
68
+
69
+
<h2 class="text-2xl font-semibold text-gray-800 mt-8 mb-4">I stopped doom scrolling and started Doom Reading</h2>
70
+
<p>For the past week I haven’t used YouTube Shorts once. I stopped doom scrolling on YouTube and started Doom Reading on Medium.<br><br></p>
71
+
<p>Like most people, you probably have the YouTube or TikTok app on your phone and once or 10 times a day, probably doom scroll for hours at a time, which is bad for your brain and limits your attention span. I realized that in the future, having an attention span shorter than 1 minute could result in issues where every 5 minutes I need to have Subway Surfers on.<br><br></p>
72
+
<p><strong>It wasn’t easy</strong> but it was worth it. I uninstalled the YouTube app and replaced it with Medium. Now the content I’m consuming is tips for better UX design and articles on how to get work done as easily and as fast as possible. I even started <a href="https://medium.com/@danielmorrisey" class="text-indigo-600 hover:text-indigo-800 transition-colors">my own Medium account</a> where I post about 3 times a week.<br><br></p>
73
+
<p>Now I still use YouTube for more long-form videos. I need my <a href="https://youtube.com/@ltt" class="text-indigo-600 hover:text-indigo-800 transition-colors">Linus Tech Tips</a>, but not opening up Shorts first thing in the morning is nice. First thing I do now is open my Medium “saved for later” list and start reading.<br><br></p>
74
+
<p>And you should do the same. Rebuild your brain the right way. <strong>It might not be easy, but it’s worth it</strong>.</p>
75
+
</article>
76
+
77
+
<!-- Comments Section -->
78
+
<div class="mt-8 pt-4 border-t border-gray-200">
79
+
<h3 class="text-xl font-semibold mb-4"><i class="fa-solid fa-comments"></i> Comments</h3>
80
+
<div class="mb-4">
81
+
<code class="rounded-lg border bg-gray-100 px-2 py-1 text-sm block md:inline-block">
82
+
<a href="https://github.com/therealfuntimeswithdanny/giscuscomments" class="text-indigo-600 hover:text-indigo-800 transition-colors">
83
+
<i class="fa-brands fa-github"></i>therealfuntimeswithdanny/giscuscomments
84
+
</a>
85
+
</code>
86
+
</div>
87
+
<!-- Giscus comments script -->
88
+
<script src="https://giscus.app/client.js"
89
+
data-repo="therealfuntimeswithdanny/giscuscomments"
90
+
data-repo-id="R_kgDOPXUWOA"
91
+
data-category="Announcements"
92
+
data-category-id="DIC_kwDOPXUWOM4CttzC"
93
+
data-mapping="og:title"
94
+
data-strict="0"
95
+
data-reactions-enabled="1"
96
+
data-emit-metadata="0"
97
+
data-input-position="top"
98
+
data-theme="light_tritanopia"
99
+
data-lang="en"
100
+
data-loading="lazy"
101
+
crossorigin="anonymous"
102
+
async>
103
+
</script>
104
+
</div>
105
+
106
+
</div>
107
+
</div>
108
+
109
+
<app-info></app-info>
110
+
</body>
111
+
</html>