madebydanny.uk written in html, css, and a lot of JavaScript I don't understand
madebydanny.uk
html
css
javascript
update
+143
-3
+14
-3
index.html
+14
-3
index.html
···
63
63
<p class="text-xl text-gray-600 font-medium">Writer @ MBD News & <i class="fa-brands fa-html5"></i> <i class="fa-brands fa-css3"></i> <i class="fa-brands fa-js"></i> <i class="fa-brands fa-python"></i> developer</p>
64
64
<div class="mt-4 flex justify-center md:justify-start">
65
65
<!-- Bluesky Link -->
66
-
<a href="https://bsky.app/profile/danielmorrisey.com" class="bg-blue-600 text-white py-2 px-6 rounded-full font-semibold hover:bg-indigo-700 transition duration-300 shadow-md">
67
-
Follow on Bluesky
66
+
<a href="https://bsky.app/profile/danielmorrisey.com" class="bg-black text-white py-2 px-6 rounded-full font-semibold hover:bg-indigo-700 transition duration-300 shadow-md">
67
+
<i class="fa-brands fa-medium"></i> Follow on Medium
68
68
</a>
69
69
</div>
70
70
</div>
···
87
87
<br><br>
88
88
I also own the domain <code class="bg-gray-100 text-gray-900 px-2 py-1 rounded-lg">madebydanny.uk</code> I use it for more "professional" projects & sites like <a href="https://news.madebydanny.uk" class="text-indigo-600 hover:text-indigo-800 font-medium transition duration-300">MBD News</a>.
89
89
</p>
90
+
<p class="text-lg text-gray-700">
91
+
<br><br>
92
+
For more "professional" posts/textbites view my <a href="https://medium.com/@danielmorrisey" class="text-indigo-600 hover:text-indigo-800 font-medium transition duration-300">Medium Profile</a>.
93
+
<br><br>
94
+
I also own the domain <code class="bg-gray-100 text-gray-900 px-2 py-1 rounded-lg">madebydanny.uk</code> I use it for more "professional" projects & sites like <a href="https://news.madebydanny.uk" class="text-indigo-600 hover:text-indigo-800 font-medium transition duration-300">MBD News</a>.
95
+
</p>
90
96
</section>
91
97
92
98
<hr class="border-gray-200 my-8">
···
109
115
<a href="https://status.madebydanny.uk" target="blank_" class="flex items-center space-x-2 bg-gray-100 px-4 py-2 rounded-xl text-gray-700 hover:bg-gray-200 transition duration-300">
110
116
<i class="fa-solid fa-server"></i></i>
111
117
<span>Status</span>
118
+
</a>
119
+
<!-- Medium -->
120
+
<a href="https://medium.com/@danielmorrisey" target="blank_" class="flex items-center space-x-2 bg-gray-100 px-4 py-2 rounded-xl text-gray-700 hover:bg-gray-200 transition duration-300">
121
+
<i class="fa-brands fa-medium"></i>
122
+
<span>Medium</span>
112
123
</a>
113
124
<!-- Bluesky -->
114
125
<a href="https://bsky.app/profile/danielmorrisey.com" target="blank_" class="flex items-center space-x-2 bg-gray-100 px-4 py-2 rounded-xl text-gray-700 hover:bg-gray-200 transition duration-300">
···
160
171
161
172
<!-- RSS Feed(s)-->
162
173
<section>
163
-
<h2 class="text-2xl font-bold text-gray-900 mb-4">Text Bites <i class="fa-solid fa-arrow-trend-up"></i></h2>
174
+
<h2 class="text-2xl font-bold text-gray-900 mb-4">Medium Feed <i class="fa-brands fa-medium"></i></h2>
164
175
<div class="articles" id="textbites"></div>
165
176
</section>
166
177
+12
textbites/feed.xml
+12
textbites/feed.xml
···
18
18
</image>
19
19
20
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>
21
33
<title>I replaced the YouTube app on my phone with Medium</title>
22
34
<link>/textbites/noyoutubenowmedium.html</link>
23
35
<description><![CDATA[
+11
textbites/index.html
+11
textbites/index.html
···
75
75
<!-- Text Bites List Container -->
76
76
<div id="projectsList" class="space-y-6">
77
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 ditched Word for Markdown</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> 1 Min Read</span>
82
+
</div>
83
+
<p class="mt-2 text-gray-700 leading-relaxed textbite-description">
84
+
All thanks to this one Tool
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>
88
+
<div class="textbite-card bg-gray-50 p-6 rounded-2xl shadow-md">
78
89
<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
90
<div class="text-sm text-gray-500 mb-4">
80
91
<span class="mr-3"><i class="fa-solid fa-calendar-alt"></i> Tue Aug 19</span>
+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>