shakedown.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A community for live music fans with roots in the jam scene. Shakedown Social is run by a team of volunteers (led by @clifff and @sethadam1) and funded by donations.

Administered by:

Server stats:

291
active users

#personalwebsite

2 posts2 participants0 posts today
Elena. (she/ her)<p><span>New on the blog: My first German language blog post.<br><br>Heute </span><a href="https://theresmiling.eu/blog/2025/03/so-soll-web" rel="nofollow noopener noreferrer" target="_blank">mein erster Blogpost auf Deutsch</a>. Ich antworte auf <a href="https://bonn.social/@annette" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@annette@bonn.social</a><span>'s Aufruf, zu überlegen, wie gutes Web aussehen kann. Ich bin zufällig über Annettes Blog gestolpert und fand es interessant, dass ich erst kürzlich darüber geschrieben habe, wie ich Social Media nutzen möchte. Jetzt also auch mal ein paar Gedanken dazu auf Deutsch.<br><br></span><a href="https://ibe.social/tags/SoSollWeb" rel="nofollow noopener noreferrer" target="_blank">#SoSollWeb</a> <a href="https://ibe.social/tags/smallWeb" rel="nofollow noopener noreferrer" target="_blank">#smallWeb</a> <a href="https://ibe.social/tags/personalWeb" rel="nofollow noopener noreferrer" target="_blank">#personalWeb</a> <a href="https://ibe.social/tags/personalWebsite" rel="nofollow noopener noreferrer" target="_blank">#personalWebsite</a> <a href="https://ibe.social/tags/blog" rel="nofollow noopener noreferrer" target="_blank">#blog</a> <a href="https://ibe.social/tags/personalBlog" rel="nofollow noopener noreferrer" target="_blank">#personalBlog</a></p>
Amadeus Maximilian<p>Needed a bit of an outlet for some worries going round in my head, so I managed to type up a small blog post about how my hands have been in (more or less) pain for a month.</p><p><a href="https://amxmln.com/blog/2025/hurting-hands/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">amxmln.com/blog/2025/hurting-h</span><span class="invisible">ands/</span></a></p><p>I’m hoping I’ll be back to more regular content next month. 😅 </p><p><a href="https://mastodon.design/tags/personalWebsite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>personalWebsite</span></a> <a href="https://mastodon.design/tags/blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blog</span></a></p>
Joel :void: :casio:<p>I kinda feel like going back to a side bar, thoughts? :blobcatderpy: </p><p><a href="https://fosstodon.org/tags/blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blog</span></a> <a href="https://fosstodon.org/tags/jekyll" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>jekyll</span></a> <a href="https://fosstodon.org/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://fosstodon.org/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://fosstodon.org/tags/personalWebsite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>personalWebsite</span></a> <a href="https://fosstodon.org/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a></p>
nannnsss🌱🏴<p>a post in which I practice public vulnerability and saying "eff youuu" to shame.<br><a href="https://nannnsss.omg.lol/2025/burnout-question-mark/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nannnsss.omg.lol/2025/burnout-</span><span class="invisible">question-mark/</span></a> <br><a href="https://social.lol/tags/mentalhealth" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mentalhealth</span></a> <a href="https://social.lol/tags/burnout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>burnout</span></a> <a href="https://social.lol/tags/blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blog</span></a> <a href="https://social.lol/tags/personalwebsite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>personalwebsite</span></a></p>
axxuy<p>And here's today's actual new blog post!</p><p><a href="https://axxuy.xyz/blog/posts/2025/watermountainsforestrainbows/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">axxuy.xyz/blog/posts/2025/wate</span><span class="invisible">rmountainsforestrainbows/</span></a></p><p><a href="https://pony.social/tags/blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blog</span></a> <a href="https://pony.social/tags/blogpost" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blogpost</span></a> <a href="https://pony.social/tags/blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blogging</span></a> <a href="https://pony.social/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>indieweb</span></a> <a href="https://pony.social/tags/smolweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>smolweb</span></a> <a href="https://pony.social/tags/personalwebsite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>personalwebsite</span></a> <a href="https://pony.social/tags/mountains" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mountains</span></a></p>
axxuy<p>I wrote a post about everybody's favorite thing: internet ads!</p><p><a href="https://axxuy.xyz/blog/posts/2025/tension/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">axxuy.xyz/blog/posts/2025/tens</span><span class="invisible">ion/</span></a><br><a href="https://pony.social/tags/blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blog</span></a> <a href="https://pony.social/tags/blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blogging</span></a> <a href="https://pony.social/tags/blogpost" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blogpost</span></a> <a href="https://pony.social/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>indieweb</span></a> <a href="https://pony.social/tags/advertising" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>advertising</span></a> <a href="https://pony.social/tags/personalwebsite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>personalwebsite</span></a></p>
Shannon Kay<p>I'm checking out free web hosting providers that can be used for fun and personal websites. </p><p>I wanted to know what to recommend to people who want to make their own website, so I decided to try things out for myself! </p><p>Testing Free Website Hosts<br><a href="https://web.pixelshannon.com/freehosts" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">web.pixelshannon.com/freehosts</span><span class="invisible"></span></a></p><p><a href="https://bookstodon.com/tags/WebHost" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebHost</span></a> <a href="https://bookstodon.com/tags/PersonalSites" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PersonalSites</span></a> <a href="https://bookstodon.com/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallWeb</span></a> <a href="https://bookstodon.com/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>IndieWeb</span></a> <a href="https://bookstodon.com/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Website</span></a> <a href="https://bookstodon.com/tags/PersonalWebsite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PersonalWebsite</span></a></p>
readbeanicecream<p><a href="https://mastodon.social/tags/bloggers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bloggers</span></a> how often you post to your <a href="https://mastodon.social/tags/blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blog</span></a> ?</p><p><a href="https://mastodon.social/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>indieweb</span></a> <a href="https://mastodon.social/tags/personalwebsite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>personalwebsite</span></a> <a href="https://mastodon.social/tags/personalsite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>personalsite</span></a></p>
Gloria Ciavarrini :redhat:<p>My personal website is live! 🖥️🎉</p><p>It’s a little corner of the internet where I’ll be sharing my projects, random thoughts, and whatever else feels right.</p><p>If you’re curious, take a peek: <a href="https://gciavarrini.github.io/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">gciavarrini.github.io/</span><span class="invisible"></span></a></p><p><a href="https://fosstodon.org/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OpenSource</span></a> <a href="https://fosstodon.org/tags/PersonalWebsite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PersonalWebsite</span></a> <a href="https://fosstodon.org/tags/Community" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Community</span></a></p>
Elena. (she/ her)<p><a href="https://mastodon.nz/@aimee" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@aimee@mastodon.nz</a><span> <br>Here in the fedi the hashtags </span><a href="https://ibe.social/tags/indieWeb" rel="nofollow noopener noreferrer" target="_blank">#indieWeb</a> <a href="https://ibe.social/tags/smallWeb" rel="nofollow noopener noreferrer" target="_blank">#smallWeb</a> <a href="https://ibe.social/tags/personalWebsite" rel="nofollow noopener noreferrer" target="_blank">#personalWebsite</a><span> are a good starting point.<br>Then there’s the </span><a href="https://neocities.org/browse" rel="nofollow noopener noreferrer" target="_blank">website directory</a> on neocities.org. There are other hosting services like that that also have website directories, e.g. <a href="https://nekoweb.org/explore?page=1&amp;sort=follows&amp;by=name&amp;q=" rel="nofollow noopener noreferrer" target="_blank">nekoweb.org</a><span>.<br>The </span><a href="https://32bit.cafe/" rel="nofollow noopener noreferrer" target="_blank">32-Bit Café</a> is a good rescource, too. I'm a member of the <a href="https://discourse.32bit.cafe/" rel="nofollow noopener noreferrer" target="_blank">forum</a><span> and it's a wonderful community there. They also have a Discord server, but I am not using that, so I can't say anything about it.<br>Then there are newsletters and e-zines, like </span><a href="https://shellsharks.com/scrolls/" rel="nofollow noopener noreferrer" target="_blank">Scrolls</a> from <a href="https://malici.ous.computer/@shellsharks" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@shellsharks@malici.ous.computer</a>, or <a href="https://ajazz.neocities.org/" rel="nofollow noopener noreferrer" target="_blank">ajazz</a>'s <a href="https://fromthesuperhighway.com/" rel="nofollow noopener noreferrer" target="_blank">From the Superhighway</a>, or <a href="https://newsletter.ownyourweb.site/" rel="nofollow noopener noreferrer" target="_blank">Own your Web</a> by <a href="https://mastodon.social/@matthiasott" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@matthiasott@mastodon.social</a><span> that are good entry points as well.<br>Lots of members and voices from the community are also in the fedi. You'll find them as soon as you explore those hashtags above.<br>And then it's all surfing form one to the other site from there. You'll be amazed about what you're going to find! Have fun!<br><br>Edited for more typos.</span></p>
Elena. (she/ her)<p><span>What I absolutely adore about the indie/ personal/ small web: Everybody's approach is very different. There are super modern looking websites and there are the ones who seem to come straight out of the 1990's/ early 2000's. There are ones that are specially made to work on the oldest computers. There are ones with and ones without Java Script. Ones made by pro web devs and ones made my people who are just starting to learn the basics. There are people who've been there from the beginning and those who are very new. And everything in between. People of all ages, backgrounds, and walks of life.<br>In visiting personal websites you are seeing and experiencing the diversity of the world. And it's glorious!<br><br></span><a href="https://ibe.social/tags/indieWeb" rel="nofollow noopener noreferrer" target="_blank">#indieWeb</a> <a href="https://ibe.social/tags/personalWeb" rel="nofollow noopener noreferrer" target="_blank">#personalWeb</a> <a href="https://ibe.social/tags/personalWebsite" rel="nofollow noopener noreferrer" target="_blank">#personalWebsite</a> <a href="https://ibe.social/tags/smallWeb" rel="nofollow noopener noreferrer" target="_blank">#smallWeb</a></p>
nannnsss<p>bloggers: I'm wanting to add ways for people to interact with me on my blog. I have a couple of ideas, but wanted to ask the fedi. <br>(⁠*⁠❛⁠‿⁠❛⁠)⁠→ What are the most effective ways you interact with visitors to your blog? Why?<br>(also... Not looking for specific recommendations for my blog, but rather YOUR experiences!)<br><a href="https://indieweb.social/tags/blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blog</span></a> <a href="https://indieweb.social/tags/personalwebsite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>personalwebsite</span></a> <a href="https://indieweb.social/tags/personalblog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>personalblog</span></a> <a href="https://indieweb.social/tags/community" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>community</span></a></p>
readbeanicecream<p>ReadBeanIceCream Slash Pages</p><p>I recently asked for some tips on improving my site. In doing so, I learned about slash pages.</p><p><a href="https://readbeanicecream.surge.sh/2025/03/08/readbeanicecream-slash-pages/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">readbeanicecream.surge.sh/2025</span><span class="invisible">/03/08/readbeanicecream-slash-pages/</span></a></p><p>Thanks to <span class="h-card" translate="no"><a href="https://shellsharks.social/@shellsharks" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>shellsharks</span></a></span> for the recommendation!</p><p><a href="https://mastodon.social/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>indieweb</span></a> <a href="https://mastodon.social/tags/smallweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>smallweb</span></a> <a href="https://mastodon.social/tags/blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blogging</span></a> <a href="https://mastodon.social/tags/blogs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blogs</span></a> <a href="https://mastodon.social/tags/bloggers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bloggers</span></a> <a href="https://mastodon.social/tags/personalwebsite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>personalwebsite</span></a></p>

I'm a bit obsessed with working on my website currently. And inspired by all the fantastic personal websites I'm finding. So here's another update to my website:
I added three pages: a sitemap, a page where I want to collect all the single pages I want to make, and one such single page.
I also put the change log on my
homepage into a scrollable box. I'm not super happy with how it looks, but I do like a scrollable box thing.
I am feeling a bigger re-design coming... I have ideas, but don't know when I'll actually sit down to try it out. I have some ideas of single pages first.

#personalWebsite #neocities #smallWeb #personalWeb #indieWeb

theresmiling.eutheresmiling has a website

I have updated my website's CSS. The updates are barely visible for the most part, as the design stayed the same. But thanks to @kevinpowell@front-end.social and his excellent "HTML & CSS for Absolute Beginners" video series on Youtube I made some changes and improvements. Some of which have lead into another problem, but for now I won't think too hard about it. After all, I am still learning and this is only just a hobby project.

One improvement: The images on
this post are now behaving way better.

The problem: The gap between image and text in
this post is huge. Which I believe has to do with the grid-template-colums set to 1fr 1fr. But as I said, I'm not going to loose any sleep over it, and I'm going to figure this one out eventually.

(Please no-one look too closely at my stylesheet. It's a mess.
😅)

Thanks again to
@flamed@social.lol for pointing me towards Kevin's YouTube.

#PersonalWebsite #PersonalBlog #SmallWeb #CSS

theresmiling.eutheresmiling has a website