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="https://mindly.social/@erinwhalen/109672470870988630/embed" 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="https://mindly.social/@erinwhalen/109672470870988630/embed" 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="https://mindly.social/@erinwhalen/109672470870988630/embed" 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.

Tags

#Fediverse,#Mastodon,#WriteAs,#Embed,#Tips

Mastodon	ShellLabs	Join Mastodon

AI statement : Consent is NOT granted to use the content of this blog for the purposes of AI training or similar activity. Consent CANNOT be assumed, it has to be granted.

Just found this on Mastodon, so sharing and this is also an excuse to try it out.

Links

• Feditips

Tags

#Mastodon,#Embed,#Websites

Mastodon	ShellLabs	Join Mastodon

AI statement : Consent is NOT granted to use the content of this blog for the purposes of AI training or similar activity. Consent CANNOT be assumed, it has to be granted.

This is a re-post from December 2019

If you create lots of media such as photos or graphics. You may want to add information pertaining to the copyright (or ideally copyleft) of the image.

As I am interested in Creative Commons (CC) then it makes sense to be able to add one of the many creative commons license logos to an image.

I asked on Friendica about how to do this (having tried and failed before) and was provided with some help and a really useful shell script to automate the process.

Firstly we need an image to modify and a logo image to add to this:

Example logo file to insert

For the sake of this article, I am just using a random photo I took of Paignton Geopark. I have also reduced the image size to 640×480 to make it smaller for the website as per command below.

gm mogrify -resize 640×480 *.JPG

I also had to convert the jpg files to png files with the following

gm convert DSCF0182mod.jpg DSCF0182mod.png

So that this blog would display the images.

The next step is to create a folder structure to contain what we need to undertake the work.

What we need is a new folder

mkdir insertcc-logo

Inside this, we need another folder called out

cd insertcc-logo

mkdir out

we need some more files mostly the cc logos, these are available from a simple duckduckgo search.

Note if putting on a website or other media you need to properly include the creative commons license being used on here I have put

''' Licenced under Attribution 4.0 International (CC BY 4.0) '''

Which should then link to the human readable license terms you want to use.

So what we should have is

\insertcc-logo\insertcc.sh

\insertcc-logo\out

\insertcc-logo\out\88×31.png

\insertcc-logo\out\88×31-sa.png

\insertcc-logo\out\cc-zero.png

etc

Put the SOURCE FILE in \insertcc-logo

MODIFY AND RUN the script below

Our script looks like ( save this as insertcc.sh or what you want to call this )

for p in *.JPG; do convert “$p” ./out/88×31.png -gravity southeast -geometry +10+10 -composite “out/$p”; done

What the script does is take each file with the JPG extension (or other extension), add the required logo, and save the modified file in

\insertcc-logo\out

As per :

You need to make sure that the script points to the correct source files.

You also need to point the script to the correct file you want to insert in to your source image.

for p in *.JPG;

To use a different logo change this section of the script

$p” ./out/88×31.png

This article originally appeared on http://www.zleap.net.

—

#photo,#embed,#add,#creativecommonslogo,#linux #graphicsmagick,#editing,#manipulation,#bash,#commands, #media,#copyleft,#attribute,#share,#alike,#sharealike, #commons,#freedom,

You can find me on Friendica at zleap@social.isurf.ca

Licenced under Attribution 4.0 International (CC BY 4.0)

Mastodon	ShellLabs	Join Mastodon

AI statement : Consent is NOT granted to use the content of this blog for the purposes of AI training or similar activity. Consent CANNOT be assumed, it has to be granted.