madebydanny.uk written in html, css, and a lot of JavaScript I don't understand
madebydanny.uk
html
css
javascript
fixed rss feeds
-1336
-21
index.html
-21
index.html
···
26
26
<!-- Status Banner -->
27
27
<script src="https://uptime.betterstack.com/widgets/announcement.js" data-id="223534" async="async" type="text/javascript"></script>
28
28
29
-
<!-- RSS Feed-->
30
-
<script src="/rssloader/mbdnews.js"></script>
31
-
<script src="/rssloader/textbites.js"></script>
32
-
<link rel="stylesheet" href="/rssloader/style.css"/>
33
29
34
30
<!-- Font Awesome CDN -->
35
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" />
···
78
74
I also own the domain <code class="code-snippet">madebydanny.uk</code> I use it for more "professional" projects & sites like <a href="https://news.madebydanny.uk" target="_blank" rel="noopener noreferrer" class="about-link">MBD News</a>.
79
75
</p>
80
76
<p class="about-paragraph">
81
-
<br><br>
82
-
For more "professional" posts/textbites view my <a href="https://medium.com/@danielmorrisey" target="_blank" rel="noopener noreferrer" class="about-link">Medium Profile</a>.
83
77
<br><br>
84
78
I also own the domain <code class="code-snippet">madebydanny.uk</code> I use it for more "professional" projects & sites like <a href="https://news.madebydanny.uk" target="_blank" rel="noopener noreferrer" class="about-link">MBD News</a>.
85
79
</p>
···
148
142
</a>
149
143
</div>
150
144
</section>
151
-
152
-
<hr>
153
-
154
-
<!-- RSS Feed(s)-->
155
-
<section>
156
-
<h2>Trending from MBD News <i class="fa-solid fa-arrow-trend-up"></i></h2>
157
-
<div class="articles" id="articles"></div>
158
-
</section>
159
145
160
146
<hr>
161
-
162
-
<!-- RSS Feed(s)-->
163
-
<section>
164
-
<h2>Medium Feed <i class="fa-brands fa-medium"></i></h2>
165
-
<div class="articles" id="textbites"></div>
166
-
</section>
167
-
168
147
<footer class="footer">
169
148
<!-- Centered Iframe -->
170
149
<div style="display: flex; justify-content: center; margin-top: 2rem;">
-52
rssloader/mbdnews.js
-52
rssloader/mbdnews.js
···
1
-
2
-
async function loadArticles() {
3
-
const RSS_URL = "https://rss.beehiiv.com/feeds/OhvCIep1j1.xml";
4
-
try {
5
-
// fetch RSS feed via CORS proxy
6
-
const response = await fetch("https://corsproxy.io/?" + encodeURIComponent(RSS_URL));
7
-
const text = await response.text();
8
-
const parser = new DOMParser();
9
-
const xml = parser.parseFromString(text, "text/xml");
10
-
11
-
const items = [...xml.querySelectorAll("item")].slice(0, 3);
12
-
const container = document.getElementById("articles");
13
-
container.innerHTML = "";
14
-
15
-
items.forEach(item => {
16
-
const title = item.querySelector("title")?.textContent || "Untitled";
17
-
const link = item.querySelector("link")?.textContent || "#";
18
-
const description = item.querySelector("description")?.textContent || "";
19
-
let image = "";
20
-
21
-
// Try to find an image
22
-
const encoded = item.querySelector("content\\:encoded")?.textContent;
23
-
if (encoded && encoded.match(/<img[^>]+src="([^">]+)"/)) {
24
-
image = encoded.match(/<img[^>]+src="([^">]+)"/)[1];
25
-
}
26
-
const enclosure = item.querySelector("enclosure");
27
-
if (!image && enclosure) {
28
-
image = enclosure.getAttribute("url");
29
-
}
30
-
31
-
// Build card
32
-
const card = document.createElement("div");
33
-
card.className = "card";
34
-
card.innerHTML = `
35
-
<a href="${link}" target="_blank">
36
-
<img src="${image || 'https://placehold.co/600x400?text=No+Image'}" alt="${title}">
37
-
</a>
38
-
<div class="card-content">
39
-
<a href="${link}" target="_blank">
40
-
<h3>${title}</h3>
41
-
<p>${description.replace(/(<([^>]+)>)/gi, "").substring(0, 100)}...</p>
42
-
</a>
43
-
</div>
44
-
`;
45
-
container.appendChild(card);
46
-
});
47
-
} catch (err) {
48
-
console.error("Error loading RSS feed:", err);
49
-
}
50
-
}
51
-
52
-
loadArticles();
-41
rssloader/style.css
-41
rssloader/style.css
···
1
-
body {
2
-
font-family: Arial, sans-serif;
3
-
margin: 40px;
4
-
}
5
-
.articles {
6
-
display: flex;
7
-
gap: 10px;
8
-
justify-content: left;
9
-
flex-wrap: wrap;
10
-
}
11
-
.card {
12
-
width: 32%;
13
-
border-radius: 8px;
14
-
overflow: hidden;
15
-
box-shadow: 0 2px 6px rgba(255, 255, 255, 0.375);
16
-
display: flex;
17
-
flex-direction: column;
18
-
background: black;
19
-
}
20
-
.card img {
21
-
width: 100%;
22
-
height: 100px;
23
-
object-fit: cover;
24
-
background: black;
25
-
}
26
-
.card-content {
27
-
padding: 15px;
28
-
}
29
-
.card-content h3 {
30
-
margin: 0 0 8px;
31
-
font-size: 20px;
32
-
}
33
-
.card-content p {
34
-
margin: 0;
35
-
color: white;
36
-
font-size: 14px;
37
-
}
38
-
.card-content a {
39
-
text-decoration: none;
40
-
color: inherit;
41
-
}
-76
rssloader/textbites.js
-76
rssloader/textbites.js
···
1
-
async function loadArticles() {
2
-
const RSS_URL = "/textbites/feed.xml"; // your local file
3
-
const PROXY = "https://corsproxy.io/?"; // proxy base
4
-
5
-
try {
6
-
const response = await fetch(RSS_URL);
7
-
const text = await response.text();
8
-
const parser = new DOMParser();
9
-
const xml = parser.parseFromString(text, "text/xml");
10
-
11
-
const items = [...xml.querySelectorAll("item")].slice(0, 3);
12
-
const container = document.getElementById("textbites");
13
-
container.innerHTML = "";
14
-
15
-
items.forEach(item => {
16
-
const title = item.querySelector("title")?.textContent || "Untitled";
17
-
const link = item.querySelector("link")?.textContent || "#";
18
-
const description = item.querySelector("description")?.textContent || "";
19
-
let image = "";
20
-
21
-
// 1. Try <img> inside description
22
-
const imgMatch = description.match(/<img[^>]+src="([^">]+)"/);
23
-
if (imgMatch) {
24
-
image = imgMatch[1];
25
-
}
26
-
27
-
// 2. Try <content:encoded>
28
-
const encoded = item.querySelector("content\\:encoded")?.textContent;
29
-
if (!image && encoded) {
30
-
const encodedMatch = encoded.match(/<img[^>]+src="([^">]+)"/);
31
-
if (encodedMatch) {
32
-
image = encodedMatch[1];
33
-
}
34
-
}
35
-
36
-
// 3. Try <enclosure>
37
-
const enclosure = item.querySelector("enclosure");
38
-
if (!image && enclosure) {
39
-
image = enclosure.getAttribute("url");
40
-
}
41
-
42
-
// 4. Try <media:content>
43
-
const media = item.querySelector("media\\:content");
44
-
if (!image && media) {
45
-
image = media.getAttribute("url");
46
-
}
47
-
48
-
// Wrap image with proxy if found
49
-
if (image) {
50
-
image = PROXY + encodeURIComponent(image);
51
-
} else {
52
-
image = "https://placehold.co/300x200?text=No+Image";
53
-
}
54
-
55
-
// Build card
56
-
const card = document.createElement("div");
57
-
card.className = "card";
58
-
card.innerHTML = `
59
-
<a href="${link}" target="_blank">
60
-
<img src="${image}" alt="${title}">
61
-
</a>
62
-
<div class="card-content">
63
-
<a href="${link}" target="_blank">
64
-
<h3>${title}</h3>
65
-
<p>${description.replace(/(<([^>]+)>)/gi, "").substring(0, 100)}...</p>
66
-
</a>
67
-
</div>
68
-
`;
69
-
container.appendChild(card);
70
-
});
71
-
} catch (err) {
72
-
console.error("Error loading RSS feed:", err);
73
-
}
74
-
}
75
-
76
-
loadArticles();
-110
textbites/blueskydeck.html
-110
textbites/blueskydeck.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>I need a Bluesky version of mastodon’s deck layout - Daniel Morrisey</title>
7
-
8
-
<meta name="description" content="Just like Mastodon, Threads also has a “deck” layout for desktop users."/>
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="I need a Bluesky version of mastodon’s deck layout - Daniel Morrisey"/>
15
-
<meta property="og:description" content="Just like Mastodon, Threads also has a “deck” layout for desktop users."/>
16
-
<meta property="og:image" content="https://public-danielmorrisey-com.danielmorrisey.com/media/banner.jpg"/>
17
-
18
-
<meta name="fediverse:creator" content="@danielmorrisey@mastodon.social">
19
-
<link rel="me" href="https://mastodon.social/@danielmorrisey"/>
20
-
<link rel="icon" type="image/x-icon" href="https://public-danielmorrisey-com.danielmorrisey.com/media/icon.jpg">
21
-
<script src="https://cdn.tailwindcss.com"></script>
22
-
<script src="https://kit.fontawesome.com/0ca27f8db1.js" crossorigin="anonymous"></script>
23
-
24
-
</head>
25
-
<body>
26
-
<div id="__next">
27
-
<div>
28
-
<div class="w-9/10 max-w-md mx-auto">
29
-
<br><br>
30
-
<h1 class="text-3xl font-bold">We need a Bluesky version of mastodon’s deck layout</h1>
31
-
<h3 id="#" class="mb-2 mt-5 text-xl font-medium first:mt-0">Just like Mastodon, Threads also has a “deck” layout for desktop users.</h3>
32
-
<p> 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.
33
-
<br><br>
34
-
On Mastodon, my Deck Layout goes:
35
-
<br><br>
36
-
1. Home/ Following
37
-
<br>
38
-
2. Notifications
39
-
<br>
40
-
3. Trending (News)
41
-
<br>
42
-
<img src="https://public-danielmorrisey-com.danielmorrisey.com/media/mastodondeck.png" alt="Space Shooter MacOS" class="w-full h-auto mb-4 rounded-lg shadow-sm"/>
43
-
<i><a href="/leaving.html?link=https://mastodon.social/deck/explore/links" class="text-blue-600 hover:underline">https://mastodon.social/deck/explore/links</a></i>
44
-
<br><br>
45
-
46
-
On Threads, my Home Page “Deck” layout goes:
47
-
<br><br>
48
-
1. For You
49
-
<br>
50
-
2. Activity (notifications)
51
-
<br>
52
-
3. Following
53
-
<br>
54
-
4. My Profile
55
-
<br>
56
-
<img src="https://public-danielmorrisey-com.danielmorrisey.com/media/threadsdeck.png" alt="Space Shooter MacOS" class="w-full h-auto mb-4 rounded-lg shadow-sm"/>
57
-
<br><br>
58
-
59
-
Now, if Bluesky were to add a deck layout, I would definitely use it, that way I don’t need to constantly switch pages or have multiple tabs open. <br>Here is what my layout would look like:
60
-
<br><br>
61
-
1. Discover (For You)
62
-
<br>
63
-
2. Notifications
64
-
<br>
65
-
3. Following
66
-
<br>
67
-
4. <a href="/leaving.html?link=https://bsky.app/profile/firesky.tv/feed/news-tech" class="text-blue-600 hover:underline">This Bluesky Feed</a>
68
-
</p>
69
-
70
-
<h3 class="mt-5 mb-2 text-xl font-medium"><i class="fa-solid fa-comments"></i> Comments</h3>
71
-
<code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm"><a href="/leaving.html?link=https://github.com/therealfuntimeswithdanny/giscuscomments" class="text-blue-600 hover:underline"><i class="fa-brands fa-github"></i>therealfuntimeswithdanny/giscuscomments</a></code></p>
72
-
<script src="https://giscus.app/client.js"
73
-
data-repo="therealfuntimeswithdanny/giscuscomments"
74
-
data-repo-id="R_kgDOPXUWOA"
75
-
data-category="Announcements"
76
-
data-category-id="DIC_kwDOPXUWOM4CttzC"
77
-
data-mapping="og:title"
78
-
data-strict="0"
79
-
data-reactions-enabled="1"
80
-
data-emit-metadata="0"
81
-
data-input-position="top"
82
-
data-theme="light_tritanopia"
83
-
data-lang="en"
84
-
data-loading="lazy"
85
-
crossorigin="anonymous"
86
-
async>
87
-
</script>
88
-
</div>
89
-
<div class="w-9/10 max-w-md mx-auto">
90
-
<br><br>
91
-
<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>
92
-
</div>
93
-
</div>
94
-
</div>
95
-
<div class="w-9/10 max-w-md mx-auto">
96
-
<br>
97
-
<hr>
98
-
<p>
99
-
<a href="javascript:history.back()" ><i class="fa-solid fa-arrow-left"></i> Back</a> | <a href="/index.html"><i class="fa-solid fa-house"></i> Home</a> | <a href="/search.html"><i class="fa-solid fa-magnifying-glass"></i> Search</a>
100
-
</p>
101
-
<br>
102
-
<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>
103
-
<hr>
104
-
<br>
105
-
</div>
106
-
</div>
107
-
<app-info></app-info>
108
-
<script src="/script/footer.js"></script>
109
-
</body>
110
-
</html>
-117
textbites/feed.xml
-117
textbites/feed.xml
···
1
-
<?xml version="1.0" encoding="UTF-8"?>
2
-
<rss version="2.0" xmlns:media="http://search.yahoo.com/mrss/">
3
-
<channel>
4
-
<title>Text Bites - Daniel Morrisey</title>
5
-
<link>https://danielmorrisey.com/</link>
6
-
<description>From news to things you don't care about, read all of Daniel Morrisey's Text Bites</description>
7
-
<language>en-us</language>
8
-
<lastBuildDate>Mon, 18 Aug 2025 12:00:00 GMT</lastBuildDate>
9
-
<pubDate>Mon, 18 Aug 2025 12:00:00 GMT</pubDate>
10
-
<ttl>1800</ttl>
11
-
12
-
<image>
13
-
<url>https://public-danielmorrisey-com.danielmorrisey.com/media/icon.jpg</url>
14
-
<title>Text Bites - Daniel Morrisey</title>
15
-
<link>https://danielmorrisey.com/</link>
16
-
<width>144</width>
17
-
<height>144</height>
18
-
</image>
19
-
20
-
<item>
21
-
<title>I ditched Word for Markdown</title>
22
-
<link>/textbites/nowordmarkdown.html</link>
23
-
<description><![CDATA[
24
-
<p>All thanks to this one Tool</p>
25
-
<img src="https://public-danielmorrisey-com.danielmorrisey.com/media/markdown-guide-og.jpg" alt="#" width="600"/>
26
-
]]></description>
27
-
<pubDate>Tue, 9 Aug 2025 14:00:00 GMT</pubDate>
28
-
<guid isPermaLink="true">/textbites/nowordmarkdown.html</guid>
29
-
<media:content url="https://public-danielmorrisey-com.danielmorrisey.com/media/markdown-guide-og.jpg" medium="image" type="image/jpeg" />
30
-
</item>
31
-
32
-
<item>
33
-
<title>I replaced the YouTube app on my phone with Medium</title>
34
-
<link>/textbites/noyoutubenowmedium.html</link>
35
-
<description><![CDATA[
36
-
<p>I stopped doom scrolling and started Doom Reading</p>
37
-
<img src="https://public-danielmorrisey-com.danielmorrisey.com/media/1*I0E7U5xI-4UvnkExSGKp_w.png" alt="#" width="600"/>
38
-
]]></description>
39
-
<pubDate>Tue, 9 Aug 2025 12:00:00 GMT</pubDate>
40
-
<guid isPermaLink="true">/textbites/noyoutubenowmedium.html</guid>
41
-
<media:content url="https://public-danielmorrisey-com.danielmorrisey.com/media/1*I0E7U5xI-4UvnkExSGKp_w.png" medium="image" type="image/jpeg" />
42
-
</item>
43
-
44
-
<item>
45
-
<title>MBD Status now uses Better Stack</title>
46
-
<link>https://danielmorrisey.com/textbites/mbdstatus.html</link>
47
-
<description><![CDATA[
48
-
<p>Faster alerts, higher uptime, and better everything</p>
49
-
<img src="https://public-danielmorrisey-com.danielmorrisey.com/media/bafkreibhgywir5ta2fc2eml25afs7axlthdilurni7xks6asjmyf7awkjm.jpg" alt="Mac Mini on desk" width="600"/>
50
-
]]></description>
51
-
<pubDate>Mon, 18 Aug 2025 12:00:00 GMT</pubDate>
52
-
<guid isPermaLink="true">https://danielmorrisey.com/textbites/mbdstatus.html</guid>
53
-
<media:content url="https://public-danielmorrisey-com.danielmorrisey.com/media/bafkreibhgywir5ta2fc2eml25afs7axlthdilurni7xks6asjmyf7awkjm.jpg" medium="image" type="image/jpeg" />
54
-
</item>
55
-
56
-
<item>
57
-
<title>Mac mini update, 2 weeks later</title>
58
-
<link>https://danielmorrisey.com/textbites/macminiupdateaug15.html</link>
59
-
<description><![CDATA[
60
-
<p>I still can’t believe it’s 5’ x 5’ and yet so powerful</p>
61
-
<img src="https://public-danielmorrisey-com.danielmorrisey.com/media/mac-mini-m4-desk1.jpeg.webp" alt="Mac Mini on desk" width="600"/>
62
-
]]></description>
63
-
<pubDate>Fri, 15 Aug 2025 12:00:00 GMT</pubDate>
64
-
<guid isPermaLink="true">https://danielmorrisey.com/textbites/macminiupdateaug15.html</guid>
65
-
<media:content url="https://public-danielmorrisey-com.danielmorrisey.com/media/mac-mini-m4-desk1.jpeg.webp" medium="image" type="image/jpeg" />
66
-
</item>
67
-
68
-
<item>
69
-
<title>I got a Mac Mini</title>
70
-
<link>https://danielmorrisey.com/textbites/igotamacmini.html</link>
71
-
<description><![CDATA[
72
-
<p>It might be mini, but it sure is fast!</p>
73
-
<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"/>
74
-
]]></description>
75
-
<pubDate>Tue, 05 Aug 2025 12:00:00 GMT</pubDate>
76
-
<guid isPermaLink="true">https://danielmorrisey.com/textbites/igotamacmini.html</guid>
77
-
<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" />
78
-
</item>
79
-
80
-
<item>
81
-
<title>I need a Bluesky version of mastodon’s deck layout</title>
82
-
<link>https://danielmorrisey.com/textbites/blueskydeck.html</link>
83
-
<description><![CDATA[
84
-
<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>
85
-
<img src="https://placehold.co/600x400?text=No+Image" alt="Placeholder image" width="600"/>
86
-
]]></description>
87
-
<pubDate>Sun, 03 Aug 2025 12:00:00 GMT</pubDate>
88
-
<guid isPermaLink="true">https://danielmorrisey.com/textbites/blueskydeck.html</guid>
89
-
<media:content url="https://placehold.co/600x400?text=No+Image" medium="image" type="image/jpeg" />
90
-
</item>
91
-
92
-
<item>
93
-
<title>The Power of Hashtags</title>
94
-
<link>https://danielmorrisey.com/textbites/hepowerofhashtags.html</link>
95
-
<description><![CDATA[
96
-
<p>All it takes is one # to reach an audience of 100+</p>
97
-
<img src="https://placehold.co/600x400?text=No+Image" alt="Placeholder image" width="600"/>
98
-
]]></description>
99
-
<pubDate>Sun, 03 Aug 2025 12:00:00 GMT</pubDate>
100
-
<guid isPermaLink="true">https://danielmorrisey.com/textbites/thepowerofhashtags.html</guid>
101
-
<media:content url="https://placehold.co/600x400?text=No+Image" medium="image" type="image/jpeg" />
102
-
</item>
103
-
104
-
<item>
105
-
<title>MBD is working on MBDIO</title>
106
-
<link>https://danielmorrisey.com/textbites/mbdio.html</link>
107
-
<description><![CDATA[
108
-
<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>
109
-
<img src="https://placehold.co/600x400?text=No+Image" alt="Placeholder image" width="600"/>
110
-
]]></description>
111
-
<pubDate>Sat, 02 Aug 2025 12:00:00 GMT</pubDate>
112
-
<guid isPermaLink="true">https://danielmorrisey.com/textbites/mbdio.html</guid>
113
-
<media:content url="https://placehold.co/600x400?text=No+Image" medium="image" type="image/jpeg" />
114
-
</item>
115
-
116
-
</channel>
117
-
</rss>
-131
textbites/igotamacmini.html
-131
textbites/igotamacmini.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 got a Mac Mini - Daniel Morrisey</title>
7
-
8
-
<meta name="description" content="It might be mini, but it sure is fast!"/>
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="I got a Mac Mini - Daniel Morrisey"/>
15
-
<meta property="og:description" content="It might be mini, but it sure is fast!"/>
16
-
<meta property="og:image" content="https://public-danielmorrisey-com.danielmorrisey.com/media/Screenshot%202025-08-05%20at%201.13.08%E2%80%AFPM.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
-
</style>
37
-
<!-- Footer Custom Element Script -->
38
-
<script src="/script/footer.js"></script>
39
-
</head>
40
-
<body class="bg-gray-100 text-gray-800 antialiased leading-relaxed">
41
-
42
-
<!-- Main Container -->
43
-
<div class="min-h-screen flex items-center justify-center p-4">
44
-
45
-
<!-- Card-like container for the content -->
46
-
<div class="bg-white rounded-3xl shadow-xl p-8 md:p-12 w-full max-w-4xl">
47
-
48
-
<!-- Header Section -->
49
-
<header class="flex flex-col items-center mb-8 text-center">
50
-
<a href="/index.html" class="flex flex-col items-center">
51
-
<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"/>
52
-
<h1 class="text-3xl font-bold text-gray-900">Text Bites</h1>
53
-
<p class="text-lg text-gray-600 font-medium mt-1">Updates from Daniel Morrisey</p>
54
-
</a>
55
-
</header>
56
-
57
-
<hr class="border-gray-200 my-8">
58
-
59
-
<!-- Post Content -->
60
-
<article class="prose max-w-none prose-indigo">
61
-
<h1 class="text-3xl font-bold text-gray-900 mt-0">I got a Mac Mini</h1>
62
-
<h3 class="text-xl font-medium text-gray-700">It might be mini, but it sure is fast!</h3>
63
-
<p>1.5 months ago, I switched from Windows to Mac.
64
-
<br><br>
65
-
The Mac I was using for the past 1.5 months was a 2021 M1 iMac Base model. It got the job done, but after using it for about 4 weeks, I realized that the 8 gigs of RAM was starting to show. Because I mainly write about tech news, I have 10s of tabs open (Bluesky, 9to5 Mac, 9to5 Google, The Verge, MacRumors, CNET, and many more). I also draft my post for my blog and MBD News in Pages, so that’s another app open. I also use Apple Music to focus and most of the time have Discord and Figma open.
66
-
<br><br>
67
-
That’s a lot of apps for a four-year-old iMac with 8 gigs of RAM, so after some research, I found out that I can trade in my old iMac for $270 and use the EDU discount for $100 off, bringing the total to $247. After a not-so-quick trade-in ( I forgot my Apple ID password), I got the Mac.
68
-
<br><br>
69
-
I've only had it for about 2 hours, but in that 2 hours, I could already see the performance improvement. I took about 10 minutes to install macOS 26 (Developer Beta ~ 30GB). It took about 5 minutes to install Darkroom, VS Code, GitHub Desktop, DaVinci Resolve, Fimga & Msty.
70
-
<br><br>
71
-
I will continue to post updates here!
72
-
<br><br>
73
-
<img src="https://public-danielmorrisey-com.danielmorrisey.com/media/IMG_2059.JPG" alt="Mac Mini" class="w-full rounded-2xl shadow-lg my-6">
74
-
<i class="block text-center text-gray-500">My Mac Mini on my Desk</i>
75
-
<br><br>
76
-
</p>
77
-
</article>
78
-
79
-
<!-- Comments Section -->
80
-
<div class="mt-8 pt-4 border-t border-gray-200">
81
-
<h3 class="text-xl font-semibold mb-4"><i class="fa-solid fa-comments"></i> Comments</h3>
82
-
<div class="mb-4">
83
-
<code class="rounded-lg border bg-gray-100 px-2 py-1 text-sm block md:inline-block">
84
-
<a href="https://github.com/therealfuntimeswithdanny/giscuscomments" class="text-indigo-600 hover:text-indigo-800 transition-colors">
85
-
<i class="fa-brands fa-github"></i>therealfuntimeswithdanny/giscuscomments
86
-
</a>
87
-
</code>
88
-
</div>
89
-
<!-- Giscus comments script -->
90
-
<script src="https://giscus.app/client.js"
91
-
data-repo="therealfuntimeswithdanny/giscuscomments"
92
-
data-repo-id="R_kgDOPXUWOA"
93
-
data-category="Announcements"
94
-
data-category-id="DIC_kwDOPXUWOM4CttzC"
95
-
data-mapping="og:title"
96
-
data-strict="0"
97
-
data-reactions-enabled="1"
98
-
data-emit-metadata="0"
99
-
data-input-position="top"
100
-
data-theme="light_tritanopia"
101
-
data-lang="en"
102
-
data-loading="lazy"
103
-
crossorigin="anonymous"
104
-
async>
105
-
</script>
106
-
</div>
107
-
108
-
<footer class="mt-12 pt-4 text-center text-gray-500 border-t border-gray-200">
109
-
<div class="flex justify-center space-x-6 mb-4 text-lg">
110
-
<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>
111
-
<a href="/index.html" class="text-gray-600 hover:text-indigo-600 transition duration-300"><i class="fa-solid fa-house"></i> Home</a>
112
-
</div>
113
-
<!-- Centered Iframe -->
114
-
<div class="flex justify-center mt-8">
115
-
<iframe src="https://status.madebydanny.uk/badge?theme=light" width="200" height="30" frameborder="0" scrolling="no" style="color-scheme: normal"></iframe>
116
-
</div>
117
-
<p>
118
-
© 2024-<span id="currentYear"></span>
119
-
<a href="https://madebydanny.uk" class="hover:text-indigo-600 transition duration-300 font-medium">Made by Danny UK</a>
120
-
</p>
121
-
<p class="text-sm mt-1">
122
-
by Daniel Morrisey
123
-
</p>
124
-
</footer>
125
-
126
-
</div>
127
-
</div>
128
-
129
-
<app-info></app-info>
130
-
</body>
131
-
</html>
-220
textbites/index.html
-220
textbites/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>Text Bites - Daniel Morrisey</title>
7
-
<meta name="description" content="From news to things you don't care about read all of Daniel Morriey's Text Bites"/>
8
-
<meta name="keywords" content="Daniel Morrisey, Danny Morrisey, MBD, Made by Danny, Made by Danny UK"/>
9
-
<meta name="author" content="Daniel Morrisey"/>
10
-
11
-
<meta property="og:type" content="website"/>
12
-
<meta property="og:url" content="https://danielmorrisey.com/"/>
13
-
<meta property="og:title" content="Text Bites - Daniel Morrisey"/>
14
-
<meta property="og:description" content="From news to things you don't care about read all of Daniel Morriey's Text Bites"/>
15
-
<meta property="og:image" content="https://public-danielmorrisey-com.danielmorrisey.com/media/banner.jpg"/>
16
-
17
-
<link rel="me" href="https://mastodon.social/@danielmorrisey"/>
18
-
<link rel="icon" type="image/x-icon" href="https://public-danielmorrisey-com.danielmorrisey.com/media/icon.jpg">
19
-
20
-
<!-- Using Fira Code for a cohesive terminal theme -->
21
-
<link rel="preconnect" href="https://fonts.googleapis.com">
22
-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
23
-
<link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&display=swap" rel="stylesheet">
24
-
25
-
<!-- Status Banner -->
26
-
<script src="https://uptime.betterstack.com/widgets/announcement.js" data-id="223534" async="async" type="text/javascript"></script>
27
-
28
-
<!-- Tailwind CSS CDN -->
29
-
<script src="https://cdn.tailwindcss.com"></script>
30
-
31
-
<!-- Font Awesome CDN -->
32
-
<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" />
33
-
34
-
<!-- Footer-->
35
-
<script src="/script/footer.js"></script>
36
-
</head>
37
-
<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;">
38
-
39
-
<!-- Main Container -->
40
-
<div style="min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 1rem;">
41
-
42
-
<!-- Card-like container for the content -->
43
-
<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;">
44
-
45
-
<!-- Header Section -->
46
-
<header style="display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 2rem;">
47
-
<a href="/index.html" style="display: flex; flex-direction: column; align-items: center;">
48
-
<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);"/>
49
-
<h1 style="font-size: 2rem; font-weight: 600; color: #f0f0f0; margin-bottom: 0.5rem;">Text Bites</h1>
50
-
<p style="font-size: 1.125rem; color: #f0f0f0; font-weight: 400; margin-top: 0.25rem;">Updates from Daniel Morrisey</p>
51
-
</a>
52
-
</header>
53
-
54
-
<hr style="border-color: #444; margin-top: 1.5rem; margin-bottom: 1.5rem;">
55
-
56
-
<!-- Search Bar -->
57
-
<div style="margin-bottom: 1.5rem;">
58
-
<input type="text" id="textbiteSearch" placeholder="Search Text Bites..." 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;"/>
59
-
</div>
60
-
61
-
<div style="background-color: transparent; border: 1px solid #3cb878; color: #3cb878; padding: 0.5rem 1rem; border-radius: 8px;">
62
-
<p style="display: flex; align-items: center; gap: 0.5rem;">
63
-
<a href="/textbites/feed.xml" target="blank_" style="color: #3cb878; text-decoration: none;">RSS Feed <i class="fa-solid fa-rss"></i></a>
64
-
</p>
65
-
</div>
66
-
67
-
<br>
68
-
<!-- Text Bites List Container -->
69
-
<div id="projectsList" style="space-y: 1.5rem;">
70
-
<div 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;">
71
-
<h4 style="font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; color: #f0f0f0;">I ditched Word for Markdown</h4>
72
-
<div style="font-size: 0.875rem; color: #999; margin-bottom: 1rem;">
73
-
<span style="margin-right: 0.75rem;"><i class="fa-solid fa-calendar-alt"></i> Tue Aug 19</span>
74
-
<span><i class="fa-solid fa-clock"></i> 1 Min Read</span>
75
-
</div>
76
-
<p style="margin-top: 0.5rem; color: #f0f0f0; line-height: 1.625;">
77
-
All thanks to this one Tool
78
-
</p>
79
-
<a href="noyoutubenowmedium.html" style="display: inline-block; margin-top: 1rem; color: #3cb878; text-decoration: none; font-weight: 600;">Read More...</a>
80
-
</div>
81
-
<div 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;">
82
-
<h4 style="font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; color: #f0f0f0;">I replaced the YouTube app on my phone with Medium</h4>
83
-
<div style="font-size: 0.875rem; color: #999; margin-bottom: 1rem;">
84
-
<span style="margin-right: 0.75rem;"><i class="fa-solid fa-calendar-alt"></i> Tue Aug 19</span>
85
-
<span><i class="fa-solid fa-clock"></i> 2 Min Read</span>
86
-
</div>
87
-
<p style="margin-top: 0.5rem; color: #f0f0f0; line-height: 1.625;">
88
-
I stopped doom scrolling and started Doom Reading
89
-
</p>
90
-
<a href="noyoutubenowmedium.html" style="display: inline-block; margin-top: 1rem; color: #3cb878; text-decoration: none; font-weight: 600;">Read More...</a>
91
-
</div>
92
-
<!-- mbdstatus.html -->
93
-
<div 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;">
94
-
<h4 style="font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; color: #f0f0f0;">MBD Status now uses Better Stack</h4>
95
-
<div style="font-size: 0.875rem; color: #999; margin-bottom: 1rem;">
96
-
<span style="margin-right: 0.75rem;"><i class="fa-solid fa-calendar-alt"></i> Mon Aug 18</span>
97
-
<span><i class="fa-solid fa-clock"></i> 45 Sec Read</span>
98
-
</div>
99
-
<p style="margin-top: 0.5rem; color: #f0f0f0; line-height: 1.625;">
100
-
Faster alerts, higher uptime, and better everything
101
-
</p>
102
-
<a href="mbdstatus.html" style="display: inline-block; margin-top: 1rem; color: #3cb878; text-decoration: none; font-weight: 600;">Read More...</a>
103
-
</div>
104
-
<!-- macminiupdateaug15.html -->
105
-
<div 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;">
106
-
<h4 style="font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; color: #f0f0f0;">Mac mini update, 2 weeks later</h4>
107
-
<div style="font-size: 0.875rem; color: #999; margin-bottom: 1rem;">
108
-
<span style="margin-right: 0.75rem;"><i class="fa-solid fa-calendar-alt"></i> Fri Aug 15</span>
109
-
<span><i class="fa-solid fa-clock"></i> 1 Min Read</span>
110
-
</div>
111
-
<p style="margin-top: 0.5rem; color: #f0f0f0; line-height: 1.625;">
112
-
I still can’t believe it’s 5’ x 5’ and yet so powerful
113
-
</p>
114
-
<a href="macminiupdateaug15.html" style="display: inline-block; margin-top: 1rem; color: #3cb878; text-decoration: none; font-weight: 600;">Read More...</a>
115
-
</div>
116
-
<!-- igotamacmini.html -->
117
-
<div 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;">
118
-
<h4 style="font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; color: #f0f0f0;">I got a Mac Mini</h4>
119
-
<div style="font-size: 0.875rem; color: #999; margin-bottom: 1rem;">
120
-
<span style="margin-right: 0.75rem;"><i class="fa-solid fa-calendar-alt"></i> Tue Aug 5</span>
121
-
<span><i class="fa-solid fa-clock"></i> 1 Min Read</span>
122
-
</div>
123
-
<p style="margin-top: 0.5rem; color: #f0f0f0; line-height: 1.625;">
124
-
It might be mini, but it sure is fast!
125
-
</p>
126
-
<a href="igotamacmini.html" style="display: inline-block; margin-top: 1rem; color: #3cb878; text-decoration: none; font-weight: 600;">Read More...</a>
127
-
</div>
128
-
<!-- card -->
129
-
<div 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;">
130
-
<h4 style="font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; color: #f0f0f0;">I need a Bluesky version of mastodon’s deck layout</h4>
131
-
<div style="font-size: 0.875rem; color: #999; margin-bottom: 1rem;">
132
-
<span style="margin-right: 0.75rem;"><i class="fa-solid fa-calendar-alt"></i> Sun Aug 3</span>
133
-
<span><i class="fa-solid fa-clock"></i> 50 Sec Read</span>
134
-
</div>
135
-
<p style="margin-top: 0.5rem; color: #f0f0f0; line-height: 1.625;">
136
-
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.
137
-
</p>
138
-
<a href="blueskydeck.html" style="display: inline-block; margin-top: 1rem; color: #3cb878; text-decoration: none; font-weight: 600;">Read More...</a>
139
-
</div>
140
-
<!-- card -->
141
-
<div 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;">
142
-
<h4 style="font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; color: #f0f0f0;">The Power of Hashtags</h4>
143
-
<div style="font-size: 0.875rem; color: #999; margin-bottom: 1rem;">
144
-
<span style="margin-right: 0.75rem;"><i class="fa-solid fa-calendar-alt"></i> Sun Aug 3</span>
145
-
<span><i class="fa-solid fa-clock"></i> 1 Min Read</span>
146
-
</div>
147
-
<p style="margin-top: 0.5rem; color: #f0f0f0; line-height: 1.625;">
148
-
All it takes is one # to reach an audience of 100+
149
-
</p>
150
-
<a href="thepowerofhashtags.html" style="display: inline-block; margin-top: 1rem; color: #3cb878; text-decoration: none; font-weight: 600;">Read More...</a>
151
-
</div>
152
-
<!-- card -->
153
-
<div 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;">
154
-
<h4 style="font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; color: #f0f0f0;">MBD is working on MBDIO</h4>
155
-
<div style="font-size: 0.875rem; color: #999; margin-bottom: 1rem;">
156
-
<span style="margin-right: 0.75rem;"><i class="fa-solid fa-calendar-alt"></i> Sat Aug 2</span>
157
-
<span><i class="fa-solid fa-clock"></i> 30 Sec Read</span>
158
-
</div>
159
-
<p style="margin-top: 0.5rem; color: #f0f0f0; line-height: 1.625;">
160
-
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.
161
-
</p>
162
-
<!-- This one doesn't have a link yet, so I've removed the anchor tag to prevent a broken link -->
163
-
</div>
164
-
</div>
165
-
166
-
<!-- Footer -->
167
-
<footer style="margin-top: 3rem; padding-top: 1rem; text-align: center; color: #f0f0f0; border-top: 1px solid #444;">
168
-
<div style="display: flex; justify-content: center; gap: 1.5rem; margin-bottom: 1rem; font-size: 1.125rem;">
169
-
<a href="javascript:history.back()" style="color: #f0f0f0; text-decoration: none;"><i class="fa-solid fa-arrow-left"></i> Back</a>
170
-
<a href="/index.html" style="color: #f0f0f0; text-decoration: none;"><i class="fa-solid fa-house"></i> Home</a>
171
-
</div>
172
-
<!-- Centered Iframe -->
173
-
<div style="display: flex; justify-content: center; margin-top: 2rem;">
174
-
<iframe src="https://status.madebydanny.uk/badge?theme=dark" width="200" height="30" frameborder="0" scrolling="no" style="color-scheme: normal"></iframe>
175
-
</div>
176
-
<p>
177
-
© 2024-<span id="currentYear"></span>
178
-
<a href="https://madebydanny.uk" style="color: #3cb878; font-weight: 600; text-decoration: none;">Made by Danny UK</a>
179
-
</p>
180
-
<p style="font-size: 0.875rem; margin-top: 0.25rem;">
181
-
by Daniel Morrisey
182
-
</p>
183
-
</footer>
184
-
185
-
</div>
186
-
</div>
187
-
188
-
<script>
189
-
// Set the current year for the copyright notice
190
-
document.getElementById('currentYear').textContent = new Date().getFullYear();
191
-
192
-
// Get the search input and all project cards
193
-
const searchInput = document.getElementById('textbiteSearch');
194
-
const textbiteCards = document.querySelectorAll('#projectsList > div');
195
-
196
-
// Add a 'keyup' event listener to the search input
197
-
searchInput.addEventListener('keyup', (e) => {
198
-
// Get the value from the search input and convert it to lowercase
199
-
const searchValue = e.target.value.toLowerCase();
200
-
201
-
// Loop through each textbite card to check for a match
202
-
textbiteCards.forEach(card => {
203
-
// Get the title and description text from the current card
204
-
const title = card.querySelector('h4').textContent.toLowerCase();
205
-
const description = card.querySelector('p').textContent.toLowerCase();
206
-
207
-
// Check if the search value is found in either the title or description
208
-
if (title.includes(searchValue) || description.includes(searchValue)) {
209
-
// If it's a match, show the card
210
-
card.style.display = 'block';
211
-
} else {
212
-
// If it's not a match, hide the card
213
-
card.style.display = 'none';
214
-
}
215
-
});
216
-
});
217
-
</script>
218
-
</div>
219
-
</body>
220
-
</html>
-139
textbites/macminiupdateaug15.html
-139
textbites/macminiupdateaug15.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>Mac mini update, 2 weeks later - Daniel Morrisey</title>
7
-
8
-
<meta name="description" content="I still can’t believe it’s 5’ x 5’ and yet so powerful"/>
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="Mac mini update, 2 weeks later - Daniel Morrisey"/>
15
-
<meta property="og:description" content="I still can’t believe it’s 5’ x 5’ and yet so powerful"/>
16
-
<meta property="og:image" content="https://public-danielmorrisey-com.danielmorrisey.com/media/mac-mini-m4-desk1.jpeg.webp"/>
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
-
</style>
37
-
<!-- Footer Custom Element Script -->
38
-
<script src="/script/footer.js"></script>
39
-
</head>
40
-
<body class="bg-gray-100 text-gray-800 antialiased leading-relaxed">
41
-
42
-
<!-- Main Container -->
43
-
<div class="min-h-screen flex items-center justify-center p-4">
44
-
45
-
<!-- Card-like container for the content -->
46
-
<div class="bg-white rounded-3xl shadow-xl p-8 md:p-12 w-full max-w-4xl">
47
-
48
-
<!-- Header Section -->
49
-
<header class="flex flex-col items-center mb-8 text-center">
50
-
<a href="/index.html" class="flex flex-col items-center">
51
-
<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"/>
52
-
<h1 class="text-3xl font-bold text-gray-900">Text Bites</h1>
53
-
<p class="text-lg text-gray-600 font-medium mt-1">Updates from Daniel Morrisey</p>
54
-
</a>
55
-
</header>
56
-
57
-
<hr class="border-gray-200 my-8">
58
-
59
-
<!-- Post Content -->
60
-
<article class="prose max-w-none prose-indigo">
61
-
<h1 class="text-3xl font-bold text-gray-900 mt-0">Mac mini update, 2 weeks later</h1>
62
-
<h3 class="text-xl font-medium text-gray-700">I still can’t believe it’s 5’ x 5’ and yet so powerful</h3>
63
-
<p>I’ve had this M4 Mac mini for about 2 weeks and it’s the perfect computer for me. It can get all my tasks done without any issues. Apps never slow down or crash, macOS feels responsive at all times even though I’m running macOS 26 Beta 6 which is a Developer Beta.
64
-
<br><br>
65
-
Apple Intelligence feels way faster than on my previous Mac which was a 2020 M1 iMac.
66
-
<br><br>
67
-
It might be small, but it sure does have a lot of ports. I use the built-in HDMI port for my main 23” Amazon Basics Monitor because that’s my main monitor.
68
-
<br><br>
69
-
Then I have a USB-C dock that I use just for my second monitor, which mostly has YouTube or Twitch because my ADHD brain needs it. Now I still need a USB-A hub, which I use for USB drives and other accessories that use USB-A.
70
-
<br><br>
71
-
Then I have a SD Card and Micro SD Card reader that’s connected to the second Front USB-C port with the first one open in case I need it.
72
-
<br><br>
73
-
Now one thing I hate about this Mac mini is the Power Button, It’s in the most inconvenient place possible. Now with that said I don’t really use it, I never need to shut it down because most of the time it’s in sleep mode.
74
-
<br><br>
75
-
Besides the power button, this is the best mini computer for non-“pro users”. Now, like all Apple products, the M4 Mac mini works best if you use iCloud and have an iPhone.
76
-
<br><br>
77
-
And the price is a steal at $600 for an M4, 256GB with 16GB of RAM. Or you can be smart like me and use the .edu discount and do a trade-in.
78
-
<img src="https://public-danielmorrisey-com.danielmorrisey.com/media/IMG_2059.JPG" alt="Mac Mini" class="w-full rounded-2xl shadow-lg my-6">
79
-
<i class="block text-center text-gray-500">My Mac mini on my Desk, on Aug 3</i>
80
-
<br><br>
81
-
<img src="https://public-danielmorrisey-com.danielmorrisey.com/media/IMG_2204.jpeg" alt="Mac Mini" class="w-full rounded-2xl shadow-lg my-6">
82
-
<i class="block text-center text-gray-500">My Mac mini on my Desk, on Aug 15</i>
83
-
<br><br>
84
-
</p>
85
-
</article>
86
-
87
-
<!-- Comments Section -->
88
-
<div class="mt-8 pt-4 border-t border-gray-200">
89
-
<h3 class="text-xl font-semibold mb-4"><i class="fa-solid fa-comments"></i> Comments</h3>
90
-
<div class="mb-4">
91
-
<code class="rounded-lg border bg-gray-100 px-2 py-1 text-sm block md:inline-block">
92
-
<a href="https://github.com/therealfuntimeswithdanny/giscuscomments" class="text-indigo-600 hover:text-indigo-800 transition-colors">
93
-
<i class="fa-brands fa-github"></i>therealfuntimeswithdanny/giscuscomments
94
-
</a>
95
-
</code>
96
-
</div>
97
-
<!-- Giscus comments script -->
98
-
<script src="https://giscus.app/client.js"
99
-
data-repo="therealfuntimeswithdanny/giscuscomments"
100
-
data-repo-id="R_kgDOPXUWOA"
101
-
data-category="Announcements"
102
-
data-category-id="DIC_kwDOPXUWOM4CttzC"
103
-
data-mapping="og:title"
104
-
data-strict="0"
105
-
data-reactions-enabled="1"
106
-
data-emit-metadata="0"
107
-
data-input-position="top"
108
-
data-theme="light_tritanopia"
109
-
data-lang="en"
110
-
data-loading="lazy"
111
-
crossorigin="anonymous"
112
-
async>
113
-
</script>
114
-
</div>
115
-
116
-
<footer class="mt-12 pt-4 text-center text-gray-500 border-t border-gray-200">
117
-
<div class="flex justify-center space-x-6 mb-4 text-lg">
118
-
<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>
119
-
<a href="/index.html" class="text-gray-600 hover:text-indigo-600 transition duration-300"><i class="fa-solid fa-house"></i> Home</a>
120
-
</div>
121
-
<!-- Centered Iframe -->
122
-
<div class="flex justify-center mt-8">
123
-
<iframe src="https://status.madebydanny.uk/badge?theme=light" width="200" height="30" frameborder="0" scrolling="no" style="color-scheme: normal"></iframe>
124
-
</div>
125
-
<p>
126
-
© 2024-<span id="currentYear"></span>
127
-
<a href="https://madebydanny.uk" class="hover:text-indigo-600 transition duration-300 font-medium">Made by Danny UK</a>
128
-
</p>
129
-
<p class="text-sm mt-1">
130
-
by Daniel Morrisey
131
-
</p>
132
-
</footer>
133
-
134
-
</div>
135
-
</div>
136
-
137
-
<app-info></app-info>
138
-
</body>
139
-
</html>
-133
textbites/mbdstatus.html
-133
textbites/mbdstatus.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>MBD Status now uses Better Stack - Daniel Morrisey</title>
7
-
8
-
<meta name="description" content="Faster alerts, higher uptime, and better everything"/>
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="MBD Status now uses Better Stack - Daniel Morrisey"/>
15
-
<meta property="og:description" content="Faster alerts, higher uptime, and better everything"/>
16
-
<meta property="og:image" content="https://public-danielmorrisey-com.danielmorrisey.com/media/bafkreibhgywir5ta2fc2eml25afs7axlthdilurni7xks6asjmyf7awkjm.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
-
<!-- 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
-
</style>
37
-
<!-- Footer Custom Element Script -->
38
-
<script src="/script/footer.js"></script>
39
-
</head>
40
-
<body class="bg-gray-100 text-gray-800 antialiased leading-relaxed">
41
-
42
-
<!-- Main Container -->
43
-
<div class="min-h-screen flex items-center justify-center p-4">
44
-
45
-
<!-- Card-like container for the content -->
46
-
<div class="bg-white rounded-3xl shadow-xl p-8 md:p-12 w-full max-w-4xl">
47
-
48
-
<!-- Header Section -->
49
-
<header class="flex flex-col items-center mb-8 text-center">
50
-
<a href="/index.html" class="flex flex-col items-center">
51
-
<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"/>
52
-
<h1 class="text-3xl font-bold text-gray-900">MBD Status now uses Better Stack</h1>
53
-
<p class="text-lg text-gray-600 font-medium mt-1">Updates from Daniel Morrisey</p>
54
-
</a>
55
-
</header>
56
-
57
-
<hr class="border-gray-200 my-8">
58
-
59
-
<!-- Post Content -->
60
-
<article class="prose max-w-none prose-indigo">
61
-
<h1 class="text-3xl font-bold text-gray-900 mt-0">MBD Status now uses Better Stack</h1>
62
-
<h3 class="text-xl font-medium text-gray-700">Faster alerts, higher uptime, and better everything</h3>
63
-
<p>Before I made the switch to Better Stack, MBD Status was powered by a Uptime Kuma Docker container in my house. This is an issue.
64
-
<br><br>
65
-
Services like Better Stack and Uptime Robot have servers across the globe with fast internet and backup power supplies.
66
-
<br><br>
67
-
Unlike me, this Raspberry Pi is connected over Ethernet and is plugged in via a USB brick.
68
-
<br><br>
69
-
Resulting in inaccurate uptime, constant downtime, and higher ping.
70
-
<br><br>
71
-
Better Stack has servers everywhere, back up power and faster internet but what makes it easier is the fact that I don’t have to mange it, no need to update docker.
72
-
<br><br>
73
-
It also has a awesome simple UI interface that lets me add monitors and customize my status page.
74
-
<br><br>
75
-
<img src="https://public-danielmorrisey-com.danielmorrisey.com/media/Screenshot%202025-08-18%20at%2017.47.14.png" alt="Mac Mini" class="w-full rounded-2xl shadow-lg my-6">
76
-
<i class="block text-center text-gray-500">status.madebydanny.uk</i>
77
-
<br><br>
78
-
</p>
79
-
</article>
80
-
81
-
<!-- Comments Section -->
82
-
<div class="mt-8 pt-4 border-t border-gray-200">
83
-
<h3 class="text-xl font-semibold mb-4"><i class="fa-solid fa-comments"></i> Comments</h3>
84
-
<div class="mb-4">
85
-
<code class="rounded-lg border bg-gray-100 px-2 py-1 text-sm block md:inline-block">
86
-
<a href="https://github.com/therealfuntimeswithdanny/giscuscomments" class="text-indigo-600 hover:text-indigo-800 transition-colors">
87
-
<i class="fa-brands fa-github"></i>therealfuntimeswithdanny/giscuscomments
88
-
</a>
89
-
</code>
90
-
</div>
91
-
<!-- Giscus comments script -->
92
-
<script src="https://giscus.app/client.js"
93
-
data-repo="therealfuntimeswithdanny/giscuscomments"
94
-
data-repo-id="R_kgDOPXUWOA"
95
-
data-category="Announcements"
96
-
data-category-id="DIC_kwDOPXUWOM4CttzC"
97
-
data-mapping="og:title"
98
-
data-strict="0"
99
-
data-reactions-enabled="1"
100
-
data-emit-metadata="0"
101
-
data-input-position="top"
102
-
data-theme="light_tritanopia"
103
-
data-lang="en"
104
-
data-loading="lazy"
105
-
crossorigin="anonymous"
106
-
async>
107
-
</script>
108
-
</div>
109
-
110
-
<footer class="mt-12 pt-4 text-center text-gray-500 border-t border-gray-200">
111
-
<div class="flex justify-center space-x-6 mb-4 text-lg">
112
-
<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>
113
-
<a href="/index.html" class="text-gray-600 hover:text-indigo-600 transition duration-300"><i class="fa-solid fa-house"></i> Home</a>
114
-
</div>
115
-
<!-- Centered Iframe -->
116
-
<div class="flex justify-center mt-8">
117
-
<iframe src="https://status.madebydanny.uk/badge?theme=light" width="200" height="30" frameborder="0" scrolling="no" style="color-scheme: normal"></iframe>
118
-
</div>
119
-
<p>
120
-
© 2024-<span id="currentYear"></span>
121
-
<a href="https://madebydanny.uk" class="hover:text-indigo-600 transition duration-300 font-medium">Made by Danny UK</a>
122
-
</p>
123
-
<p class="text-sm mt-1">
124
-
by Daniel Morrisey
125
-
</p>
126
-
</footer>
127
-
128
-
</div>
129
-
</div>
130
-
131
-
<app-info></app-info>
132
-
</body>
133
-
</html>
-106
textbites/nowordmarkdown.html
-106
textbites/nowordmarkdown.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 ditched Word for Markdown - Daniel Morrisey</title>
7
-
8
-
<meta name="description" content="I stopped using Microsoft Word and iCloud Pages for my writing all thanks to this one tool: StackEdit."/>
9
-
<meta name="keywords" content="Daniel Morrisey, Danny Morrisey, MBD, Made by Danny, Made by Danny UK, Word, Markdown, StackEdit"/>
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 ditched Word for Markdown - Daniel Morrisey"/>
15
-
<meta property="og:description" content="I stopped using Microsoft Word and iCloud Pages for my writing all thanks to this one tool: StackEdit."/>
16
-
<meta property="og:image" content="https://public-danielmorrisey-com.danielmorrisey.com/media/markdown-guide-og.jpg"/>
17
-
18
-
<link rel="preconnect" href="https://fonts.googleapis.com">
19
-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
20
-
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
21
-
22
-
<script src="https://cdn.tailwindcss.com"></script>
23
-
24
-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
25
-
26
-
<style>
27
-
body {
28
-
font-family: 'Inter', sans-serif;
29
-
}
30
-
.prose img {
31
-
border-radius: 1rem;
32
-
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
33
-
margin-top: 1.5rem;
34
-
margin-bottom: 1.5rem;
35
-
}
36
-
</style>
37
-
</head>
38
-
<body class="bg-gray-100 text-gray-800 antialiased leading-relaxed">
39
-
40
-
<div class="min-h-screen flex items-center justify-center p-4">
41
-
42
-
<div class="bg-white rounded-3xl shadow-xl p-8 md:p-12 w-full max-w-4xl">
43
-
44
-
<header class="flex flex-col items-center mb-8 text-center">
45
-
<a href="/index.html" class="flex flex-col items-center">
46
-
<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"/>
47
-
<h1 class="text-3xl font-bold text-gray-900">Text Bites</h1>
48
-
<p class="text-lg text-gray-600 font-medium mt-1">Updates from Daniel Morrisey</p>
49
-
</a>
50
-
</header>
51
-
52
-
<hr class="border-gray-200 my-8">
53
-
54
-
<article class="prose max-w-none prose-indigo">
55
-
<h1 class="text-3xl font-bold text-gray-900 mt-0">I ditched Word for Markdown</h1>
56
-
57
-
<h2 class="text-2xl font-semibold text-gray-800 mt-8 mb-4">All thanks to this one Tool</h2>
58
-
<p>For the past 3 months I’ve been using Microsoft and iCloud Pages but not anymore, because of this one tool.<br><br></p>
59
-
60
-
<p>You’re probably thinking <em>“what is markdown”</em>, if you don’t use GitHub you probably don’t know what it is. Markdown is a language that you can use to write text, insert images and tables, text styling and much more all in a simple <code>.md</code> file. In fact this Medium Post was once a markdown file!<br><br></p>
61
-
62
-
<p>So what is this awesome tool I’ve been using?</p>
63
-
64
-
<p>It’s <a href="https://stackedit.io" class="text-indigo-600 hover:text-indigo-800 transition-colors">StackEdit</a> a browser based Markdown editor with advanced features such as Cloud Syncing with services like Google Drive, Dropbox, Github and more. Its user interface may not be the most user friendly, but I can understand it.</p>
65
-
66
-
<img src="https://public-danielmorrisey-com.danielmorrisey.com/media/Screenshot%202025-08-19%20at%2018.07.53.png" alt="StackEdit screenshot">
67
-
68
-
<p>It supports full markdown and tools like File History, Sync with Cloud services, Workspaces, and many more.<br><br></p>
69
-
70
-
<p>By far my favorite feature is the Workspaces tool, being able to export a whole workspace that includes the files and folders, and transfer them to an another device and continue working from there. You can also sync Workspaces with Google Drive and Github.<br><br></p>
71
-
72
-
<p>I’m using this tool for notes, <a href="https://news.madebydanny.uk" class="text-indigo-600 hover:text-indigo-800 transition-colors">MBD News Articles</a> & and Medium Posts.</p>
73
-
74
-
<p>Learn more & get started at <a href="https://stackedit.io" class="text-indigo-600 hover:text-indigo-800 transition-colors">stackedit.io</a>.</p>
75
-
</article>
76
-
77
-
<div class="mt-8 pt-4 border-t border-gray-200">
78
-
<h3 class="text-xl font-semibold mb-4"><i class="fa-solid fa-comments"></i> Comments</h3>
79
-
<div class="mb-4">
80
-
<code class="rounded-lg border bg-gray-100 px-2 py-1 text-sm block md:inline-block">
81
-
<a href="https://github.com/therealfuntimeswithdanny/giscuscomments" class="text-indigo-600 hover:text-indigo-800 transition-colors">
82
-
<i class="fa-brands fa-github"></i>therealfuntimeswithdanny/giscuscomments
83
-
</a>
84
-
</code>
85
-
</div>
86
-
<script src="https://giscus.app/client.js"
87
-
data-repo="therealfuntimeswithdanny/giscuscomments"
88
-
data-repo-id="R_kgDOPXUWOA"
89
-
data-category="Announcements"
90
-
data-category-id="DIC_kwDOPXUWOM4CttzC"
91
-
data-mapping="og:title"
92
-
data-strict="0"
93
-
data-reactions-enabled="1"
94
-
data-emit-metadata="0"
95
-
data-input-position="top"
96
-
data-theme="light_tritanopia"
97
-
data-lang="en"
98
-
data-loading="lazy"
99
-
crossorigin="anonymous"
100
-
async>
101
-
</script>
102
-
</div>
103
-
</div>
104
-
</div>
105
-
</body>
106
-
</html>
-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>