i think one of the things that bugs me about RSS feeds is that there's zero feedback.
-
Julian Fietkaureplied to Eniko | Kitsune Tails out now! last edited by
@eniko @swiftcoder If you're planning to post about your blog posts on here, another possibility would be to fetch and display the Mastodon replies. There are some JavaScript thingies floating around that can make that happen, most of them compatible with static sites. (Traveling right now and can't search/link, but can follow up if needed.) I've currently got my own blog set up like that. Example: https://fietkau.blog/2023/generating_terrain_simplex_noise
-
Eniko | Kitsune Tails out now!replied to Julian Fietkau last edited by
@julian @swiftcoder oh that could be a cool thing to do!
-
Eniko | Kitsune Tails out now!replied to Eniko | Kitsune Tails out now! last edited by
@julian @swiftcoder and it would promote mastodon
-
Eniko | Kitsune Tails out now!replied to Eniko | Kitsune Tails out now! last edited by
@julian I got this one working: https://github.com/dpecos/mastodon-comments
but yours seems to play nice with mobile and dark mode and the one i found doesn't, so i'd love to know where you got yours >_>
-
Julian Fietkaureplied to Eniko | Kitsune Tails out now! last edited by
@eniko Congrats, first of all! Those aspects would all come down to the CSS which I wrote from scratch for my own use. How are you with CSS Grid and media queries? If you don't feel like experimenting, I can try and improve on that version's styling in a few hours. Still on the train right now.
-
Eniko | Kitsune Tails out now!replied to Julian Fietkau last edited by
@julian i'm not sure i've ever used css grid, and i definitely don't remember how to use css media queries :'D i could probably figure it out, but it'd be a lot of work
-
Julian Fietkaureplied to Eniko | Kitsune Tails out now! last edited by
@eniko I'm fairly confident I can get that done in 20 minutes or so when I'm at my PC, assuming the web component architecture doesn't make it much more complicated. I'll check it out sometime tonight.
-
Eniko | Kitsune Tails out now!replied to Julian Fietkau last edited by
@julian thank you, that would be very helpful. i assume the git repo maintainers wouldn't mind some help with that, either
EDIT: taking out the style="width : 1024px" helped a bit on mobile actually but there's still a lot wrong with this >_>
-
Julian Fietkaureplied to Eniko | Kitsune Tails out now! last edited by [email protected]
@eniko Ok, quick and dirty fixes:
In the custom CSS for the Mastodon comments, change
--font-color: #5d686f;
to
--font-color: currentColor;--block-background-color: #f7f8f8;
to
--block-background-color: #80808010;And then at the very end (outside of the curly brackets for mastodon-comments) add this:
@media (max-width: 40rem) {
.mastodon-comment .author {
display: block !important;
}
}That looks like it covers the most important parts, let me know if it does the job.
-
Julian Fietkaureplied to Julian Fietkau last edited by
@eniko Also, the content text of the comments being center-aligned looks unintentional to my eyes, did you mean to do that? If not, you can add:
.mastodon-comment {
text-align: left;
} -
Eniko | Kitsune Tails out now!replied to Julian Fietkau last edited by
@julian was about to head to bed but did this real quick, and that's a lot better, thank you!
i can tweak some of the more general aesthetics from here i think
-
Julian Fietkaureplied to Eniko | Kitsune Tails out now! last edited by
@eniko Cool, happy to help. I ended up doing it without a grid since I'm actually still on the train and can only really work with one-liner type CSS right now. But luckily that one looks passable on mobile. The trick for the comment background color was to set it to a medium gray but make it almost fully transparent, that way it works in light and dark mode and I don't need to introduce a different dark mode palette. (You could do that with prefers-color-scheme if you want to.)
Sleep well!
-
Eniko | Kitsune Tails out now!replied to Julian Fietkau last edited by
@julian someone asked a good question about using mastodon for blog comments: is there any way to moderate them? i assume just because i block someone, that won't stop their post showing up
-
Julian Fietkaureplied to Eniko | Kitsune Tails out now! last edited by
@eniko That's correct, yes. What you could do though is add a list of IDs of the specific posts you'd like to block to the page's source code, and then also modify the comment loading script to filter those specific comments.
Alternatively, there are ways to make the comment loading API call go through your account (which would make it respect your blocks), but that's not compatible with doing it in JavaScript because the token needed for that would grant people general access to your account.
-
Eniko | Kitsune Tails out now!replied to Julian Fietkau last edited by
@julian hmm, that's a bit unfortunate. yeah i guess once that comes up i'll have to make an addition to my json for blocked comments
-
Julian Fietkaureplied to Eniko | Kitsune Tails out now! last edited by
@eniko The code doesn't currently surface the post ID of each comment, but if you want to hide all comments by a specific person, you can currently do that in pure CSS:
.mastodon-comment:has(.author .user[href="https://peoplemaking.games/@eniko"]) {
display: none;
}They'll still appear in the page source code, but maybe that's not so much of a bother. I guess slurs and illegal content and such would get removed by your server's moderation anyway.
-
Eniko | Kitsune Tails out now!replied to Julian Fietkau last edited by
@julian yeah, i suspect it's probably not that big of a problem
-
Julian Fietkaureplied to Julian Fietkau last edited by
@eniko (The profile address there is supposed to start with "https://", it's just reformatted by Mastodon.)
Wait no, the post ID is actually in the date link! So you can hide a specific comment like this:
.mastodon-comment:has(.author .date[href="https://peoplemaking.games/@eniko/113136659568980775"]) {
display: none;
}(Same link situation here: this is supposed to be the full URL starting with "https://".)
-
Julian Fietkaureplied to Eniko | Kitsune Tails out now! last edited by
@eniko In practice yeah, I haven't had to do any comment blocking so far.