Paul Sutton


Embedding Mastodon Posts

By default. When you embed a post from mastodon in to a WriteAs blog the default width is 400.

I am going to use the embed from my previous post as an example

<iframe src="" class="mastodon-embed" style="max-width: 100%; border: 0" width="400" allowfullscreen="allowfullscreen"></iframe>

Changing the width to 600 results in, as you would expect a wider post which fits really nicely.

<iframe src="" class="mastodon-embed" style="max-width: 100%; border: 0" width="600" allowfullscreen="allowfullscreen"></iframe>

We can go further and add a height element too.

<iframe src="" class="mastodon-embed" style="max-width: 100%; border: 0" width="600" height="600" allowfullscreen="allowfullscreen"></iframe>

Which allows more of the post to be displayed.

This can, and should be adjusted for better fit, depending on size of the post being embedded.

Hope this is useful to people.



How to follow this blog

You can follow this blog by checking back daily or if you are on a ActivityPub enabled fediverse instance, for example, Mastodon, you can follow

** RSS Feed :** RSS Feed ** Fediverse :**


SnapAs : Adding photos to WriteFreely Blogs

As this blog is powered using WriteFreely, I have just found another service that is designed to complement adding pictures to blogs, making this process very simple.

SnapAs allows you to drag and drop a photo and provide the markdown code so that you just copy / paste in this to your blog.

There is a tutorial and further explanation here.

The video is hosted on Peertube which is a federated and decentralised video sharing platform. There is a video here to explain more about this.

Hope this post is useful.


I can be contacted on Mastodon here.

cc-by logo

Licenced under Attribution 4.0 International (CC BY 4.0)

Get a free online IDE account here Get an Overleaf account here, Online collaborative LaTeX Editor