< back to the main website

Mastodon Unroller

Demo of a little thread unroller for Astro

's avatar'

Posted by NIGHTEͶ on July 06, 2024

(original)

While being stranded for 24h in Germany and Paris’ airport, I finished a first version of a “Mastodon Unroller”, a simple way to take activitypub threads and make clean article out of them in your Astro website.

After a few iteration I think it’s now time to show a little demo!

Screenshot of the a Mastodon post and a comment turned into a blog post. A video of a cat is displayed
🌍
8
🔁
4

It already support neat features such as:

  • Fetching a post content and its replies by the same author
  • Display images, audio, video and polls in a nice way
  • Attribution and links at the bottom of the article
  • Custom emojis!! c_hap
  • Optionally hide hashtags
  • Comments section!
🌍
0
🔁
0

For now I call it “Mastodon Unroller” because it’s based of the Mastodon API, but it should work with any fediverse software that implements it (hopefully)

In fact, this post has been created on my Akkoma instance!

🌍
0
🔁
0

It still needs some work before it can be released: I kinda made the mistake to go for Tailwind + manual css for the inner content, which could give inconsistent results if you were to use it without Tailwind or if your website already has a stylesheet.

I also have no idea how to publish a package or if that would be useful to people, so please let me know if that’s the case !

In any case, any feedback or suggestion are very welcome: here’s the link to this thread unrolled as well as some examples: Demo Blog Post

🌍
0
🔁
0

Thank you for your attention, have a very nice day g-fure

🌍
0
🔁
0

See more from NIGHTEͶ...

Fediverse Account ⁂My WebsiteWin a free print ! 🖼️Games (itch)

What follows is some examples of threads and posts to show the unroller capabilities

Display video + optionally show comments

's avatar'

Posted by josef on July 04, 2024

(last edited on: 07/04/2024)

(original)

very dramatic footage and music currently on the bbc

🌍
456
🔁
273

See more from josef...

Fediverse Account ⁂musicblog

Example of a poll with a lot of choices

's avatar'

Posted by NIGHTEͶ on April 26, 2024

(original)

gf just sent me this, and now I need to know:

Which one do you pick? 🐤

Screenshot from a whatsapp conversation, where my gf sent me a bunch of chicken emoji with plants on their head. They conclude by saying "Choose your fighter"
🌍
2
🔁
3
Votes: 22

🌱🐤

0%

🌻🐤

32%

🌷🐤

0%

🌹🐤

0%

🌵🐤

27%

🌾🐤

5%

🍄🐤

27%

🪻🐤

9%
Thanks everyone! It was close
🌻
🐤
🌍
0
🔁
0

See more from NIGHTEͶ...

Fediverse Account ⁂My WebsiteWin a free print ! 🖼️Games (itch)
's avatar'

Reply by InsertUser on April 26, 2024

(original)

@NIGHTEN
How are you doing 8 choice polls? Is that an instance setting?

🌍
0
🔁
0
's avatar'

Reply by NIGHTEͶ on April 26, 2024

(original)

@InsertUser Yes! Same for the maximum post length, it’s all instance settings; I’m running my own instance so I can configure it however I want.

I’m actually running Akkoma instead of standard mastodon, so I get that by default

🌍
1
🔁
0

Display audio and emojis from remote servers

's avatar'

Posted by FediTips has moved! on April 04, 2023

(last edited on: 04/04/2023)

(original)

You can upload audio files on Mastodon, they can be any length as long as the file is under 40 mb

Supported formats: MP3, AAC, OGG, WAV, FLAC, OPUS, M4A & 3GP

To upload:

1. Log in through your server's website
2. Click 📎 paperclip icon
3. Select audio file
4. Click Edit, add a text description of the audio (for deaf people) and optionally add a custom image. If you don't add a custom image, your profile image will be shown. Click Apply.
5. Click Publish

Some apps also allow audio uploads.

Trance music track "Modern Technology" by MokkaMusic, used under Creative Commons Attribution from https://www.youtube.com/watch?v=jjr3oYJ5wVo
🌍
184
🔁
160

See more from FediTips has moved!...

Fediverse Account ⁂New account
's avatar'

Reply by Nordnick :verified: on April 04, 2023

(original)

@feditips

Mhmm, "add a text description"... 😉

🌍
0
🔁
0
's avatar'

Reply by 𝗺𝗼𝗹𝗶𝘃𝗲𝗿 on April 04, 2023

(original)

@feditips
Thanks for the tip about the custom image. I posted an mp3 of a sad trombone and was surprised to see my profile pic featured. Actually, I wasn't that surprised. It was fitting.

🌍
1
🔁
0
's avatar'

Reply by The1goit :v1: on April 04, 2023

(original)

@feditips it'll also make a spectrum visualiser

🌍
2
🔁
0
's avatar'

Reply by glasszay :BlobhajReach: on April 04, 2023

(original)

@feditips is this a recent thing?

🌍
0
🔁
0
's avatar'

Reply by Bonnie Sonder on April 04, 2023

(original)

@feditips this sounds like fun and easier than typing long thoughts 🤓

🌍
1
🔁
0
's avatar'

Reply by BarbaraKB in Michigan on April 04, 2023

(original)
🌍
1
🔁
0
's avatar'

Reply by WMan22 on April 04, 2023

(original)

@feditips Would be nice if we could upload .webm video files.

🌍
0
🔁
0
's avatar'

Reply by Guillaume Rossolini on April 04, 2023

(original)

@feditips
I'm not sure where to find that text description? Does it only show up in specialized tools?

🌍
0
🔁
0
's avatar'

Reply by Josh Lewis! on April 04, 2023

(original)

@feditips So I could make a podcast via Mastodon! Maybe it wouldn't have the RSS side of it, but... maybe it would... ? Interesting!

🌍
1
🔁
0
's avatar'

Reply by 🏳️ Ben Soule :coffefied: on April 05, 2023

(last edited on: 04/05/2023)

(original)

@feditips can we get a gif allotment @admins? they can even be time sensitive say a few months. The issue is not being able to insert .gif directly from the web.

🌍
0
🔁
0
's avatar'

Reply by syn on April 05, 2023

(original)

@feditips "for deaf people"

Also for people who don't want to blast a random audio message on the train

🌍
1
🔁
0
's avatar'

Reply by xyb on April 05, 2023

(original)

@feditips Neat sound track.

🌍
1
🔁
0
's avatar'

Reply by Ethan Black on April 05, 2023

(original)

@baadman
@feditips It sounds kind of like the song Optimistic Nihilism.

🌍
0
🔁
0
's avatar'

Reply by Charlie North: Chilled Music on April 05, 2023

(original)

@feditips really helpful, thanks. :)

🌍
1
🔁
0

Shin Megami Tensei: Nocturne
Playthrough Thread

A playthrough threads, one of the possible use for the unroller

's avatar'

Posted by NIGHTEͶ on May 03, 2024

(last edited on: 05/03/2024)

(original)

Shin Megami Tensei: Nocturne

There we go, I finally started it; here’s how my adventure went so far

Title screen of Shin Megami Tensei: Nocturne. The protagonist is standing in a dark environment, surrounded by glowing eyes of powerful demons
🌍
3
🔁
1

First thing, more games should have an option in the main menu that just plays a cool trailer for another game; and the music of this one is just sooo good, I managed to find it on Bandcamp!

https://etroanime.bandcamp.com/track/danger

Menu of SMT:Nocturne, where the "Special" option is described as "Check out the latest game coming from Atlus"Title of Shin Megami Tensei: Digital Devil Sage
🌍
1
🔁
0

Me: Yeah, I’m just a casual at JRPG I’m not like that big on them

Also me: Okay omg hear me out, I have no way to check this but I’m pretty sure this exact gray panel texture is recycled from Persona 1 or 2 I swear I saw this thing somewhere

The protagonist from the game is standing in the metro exit, next to a texture against the wall of a metallic panel with a red button on it
🌍
1
🔁
0

That pattern for sure is from SMT2, it’s a nice touch honestly

Detail on the protagonist jacket: The pattern is made of little creature silhouetteScreenshot from SMT2, where the same pattern is used as an icon for the fighters
🌍
0
🔁
0

The lighting is quite impressive already, I wonder which technique they used to simulate this effect (not sure what was possible or not on the PS2)

The protagonist is standing in the light; he doesn't cast a shadow but is lighten correctly himself
🌍
0
🔁
0

hey wait a second that’s not how a hospital is supposed to look like

A surgery room surrounded by red curtain and riddle with satanic symbols
🌍
0
🔁
0

Yeah I’m glad it’s over too

A mysterious character named "Hikawa" saying "April is the cruelest month"
🌍
0
🔁
0

(genuinely cannot remember where he was going with that line)

🌍
0
🔁
0
Hijiri, a nice guy with long hair and a thin mustache, is saying "I don't think the police will be able to help us here"
🌍
0
🔁
0

She doesn’t know that she’s gonna get fused in a few hours

Pixie, a fairy demon, saying to the protag that she is sure they gonna be best friends
🌍
1
🔁
0
Mysterious man with a gun saying "This doesn't seem like the kind of place you'd fin sushi" in front of a apocalyptic land
🌍
0
🔁
0

crap she’s reaching puberty

"Sign of change can be seen on Pixie's body..." is displayed on the screen as lighting surrounds her
🌍
0
🔁
0
A ghost couple in a underground mall. The narrator simply comments: "They seem to be busy"
🌍
0
🔁
0

:(

The player is dead, laying down in the desert
🌍
0
🔁
0

There I got a hour of progress wiped out by a strong random encounter :(

Absolutely my fault, I was trying to befriend them while it wasn’t possible; I’m restarting stronger now. BUT it’s gonna be occasional save states from now on

🌍
1
🔁
0

You don’t see many humans in the game, but when you do they are depressed and disappear right after

A character is saying "No matter how much I cry or shout, this nightmare won't end."; yeah she had a rough day
🌍
1
🔁
0

Will you do something naughty with with Nekomata?


(I’m telling you what happens next time! Sorry for the spam)

A cat demon girl with long claws is standing in front of you
🌍
2
🔁
1
Votes: 1

Sounds purrrfect.

100%

Sounds rough.

0%

AAARG-

The cat girl is attacking the player, sad
🌍
0
🔁
0

The incident has been resolved and my adventure continues

A monster seemingly made of paper named "Shikigami" is shouting "HOW DARE YOU§ STOP TRYING TO NEGOTIATE WITH MY COMRADE!!"
🌍
0
🔁
0
A lady in black saying "This place is home to those who were cast down by god. They await the day when they can fly once again"
🌍
1
🔁
0

I’m not vibing with the absence of story so far, but this game really has cool designs

Interior of a fantasy jewel shop: a ghoul like creature is standing on swing supported by chain in the middle of a circular room lighten from above. All around are shelves of different shapes containing jewels and precious artifact
🌍
0
🔁
0
A cool demon named Loki is saying to the protagonist "Sorry kid, but I don't think they serve milk or juice boxes in this place."
🌍
3
🔁
2

Jack Frost just logged into twitter dot com

Jack Frost, the mascot of the franchise and a cute demon fairy, is saying: "There are plenty of stupid kids out there, hee ho!"
🌍
0
🔁
0

See more from NIGHTEͶ...

Fediverse Account ⁂My WebsiteWin a free print ! 🖼️Games (itch)
's avatar'

Reply by john on May 03, 2024

(original)

@NIGHTEN god I've been wanting to play this one forever xD

🌍
1
🔁
0
's avatar'

Reply by john on May 03, 2024

(original)

@NIGHTEN I love her

🌍
1
🔁
0
's avatar'

Reply by NIGHTEͶ on May 03, 2024

(original)

@farawaythyer Me too! I’m not to sure how I feel about the game yet to be honest, I don’t think it was made for my type of player.

But I’m gonna continue a bit and see what’s there!

🌍
1
🔁
0
's avatar'

Reply by TerquitelDes on May 04, 2024

(original)

@NIGHTEN
Have fun blackcat_11111

🌍
1
🔁
0
's avatar'

Reply by NIGHTEͶ on May 04, 2024

(original)
@Terquiteldes Thank you! I definitely wanted to try this one
🌍
0
🔁
0

That's it, see you on the Fediverse! ⁂