Mastodawn

sheodox Feb 14, 2025

Alexandrite 0.8.20 - Vibe Check for mods, various styling changes

Alexandrite 0.8.20 - Vibe Check for mods, various styling changes - Lemmy.World

cross-posted from: https://lemmy.world/post/25586204 [https://lemmy.world/post/25586204] > alexandrite.app [https://alexandrite.app/] - [email protected] [/c/[email protected]] - Github [https://github.com/sheodox/alexandrite] > > The main feature of this release is just for moderators. If you’re the moderator of at least one community you’ll see a new “Vibe Check” section in the sidebar when viewing a user page which is meant to help you identify trolls. When you’re viewing a user’s profile page, as you scroll (loading additional posts and comments) it will total up everything you’ve loaded so far, and the scores in various communities. This might be useful if you’re trying to gauge the intentions of a commenter and you want to see if they’re frequently upvoted in certain communities, or if they’re frequently downvoted in other places. > > vibe check example screenshot showing scores in various communities [https://lemmy.world/pictrs/image/b3822c0f-c033-45e7-96b7-702dc6feb304.png] > > I’m limiting this to just a mod tool, because I know incentivizing paying attention to scores is frowned upon on Lemmy. That’s also why it doesn’t total up everything (unless you happen to scroll enough to load someone’s entire post history), as it’s just meant to give a ‘vibe check’. > > Beyond that all that really changed was some theme changes. The frosted glass backgrounds on cards are more visible (especially in light mode where it did almost nothing), and in light mode the name of the user/community in the feed banner doesn’t have a very out of place looking dark text shadow. > > That’s it for now! Let me know what you think, or if you have any other things that would help you as a moderator!

sheodox Feb 14, 2025

Alexandrite 0.8.20 - Vibe Check for mods, various styling changes

https://lemmy.world/post/25586204

Alexandrite 0.8.20 - Vibe Check for mods, various styling changes - Lemmy.World

alexandrite.app [https://alexandrite.app/] - [email protected] [/c/[email protected]] - Github [https://github.com/sheodox/alexandrite] The main feature of this release is just for moderators. If you’re the moderator of at least one community you’ll see a new “Vibe Check” section in the sidebar when viewing a user page which is meant to help you identify trolls. When you’re viewing a user’s profile page, as you scroll (loading additional posts and comments) it will total up everything you’ve loaded so far, and the scores in various communities. This might be useful if you’re trying to gauge the intentions of a commenter and you want to see if they’re frequently upvoted in certain communities, or if they’re frequently downvoted in other places. vibe check example screenshot showing scores in various communities [https://lemmy.world/pictrs/image/b3822c0f-c033-45e7-96b7-702dc6feb304.png] I’m limiting this to just a mod tool, because I know incentivizing paying attention to scores is frowned upon on Lemmy. That’s also why it doesn’t total up everything (unless you happen to scroll enough to load someone’s entire post history), as it’s just meant to give a ‘vibe check’. Beyond that all that really changed was some theme changes. The frosted glass backgrounds on cards are more visible (especially in light mode where it did almost nothing), and in light mode the name of the user/community in the feed banner doesn’t have a very out of place looking dark text shadow. That’s it for now! Let me know what you think, or if you have any other things that would help you as a moderator!

Show thread

sheodox Feb 5, 2025

It might not help because it’s in svelte and it doesn’t look like you’re using lemmy-js-client, but this is an example of how I do it in Alexandrite using lemmy-js-client. The onPaste function handles the paste event on the markdown editor textarea when someone pastes with an image in their clipboard, and the onFileInputChange is the change event for an <input type=“file” /> element so when someone selects a file it uploads and the input’s label can be styled like a button. Here is the client’s fetch function which handles the authorization header and whatnot. You can upload client-side without a proxy server for any instance running a newer version of Lemmy than like… 0.19.0? I didn’t want to be responsible for proxying image uploads so I waited to add image uploading in Alexandrite until I could do the uploads directly client side.

lemmy-js-client

A javascript / typescript client for Lemmy. Latest version: 0.20.0-search-combined.1, last published: 15 days ago. Start using lemmy-js-client in your project by running `npm i lemmy-js-client`. There are 4 other projects in the npm registry using lemmy-js-client.

npm

Show thread

sheodox Feb 5, 2025

Good to know!

I can see how many unique users view the site in 1, 7, or 30 days, and I think after a year of no updates the 7 day average is pretty close to what it was still. Nice to see so many people liking my site!

sheodox Feb 4, 2025

Alexandrite 0.8.19 - redesigned blocks page, instance blocking, better user/community/crosspost tooltips, 'frosted glass' card layout backgrounds

https://lemmy.world/post/25135716

Alexandrite 0.8.19 - redesigned blocks page, instance blocking, better user/community/crosspost tooltips, 'frosted glass' card layout backgrounds - Lemmy.World

cross-posted from: https://lemmy.world/post/25135715 [https://lemmy.world/post/25135715] > alexandrite.app [https://alexandrite.app/] - [email protected] [/c/[email protected]] - Github [https://github.com/sheodox/alexandrite] > > Hey, got some new updates for ya! > > I added instance blocking, and completely redesigned the page for managing blocks. For all three categories you’re able to search, so you don’t have to go to someone’s profile or find a post by them to find a block button to click. Honestly this page looked awful before, the sizing was weird, if you blocked something with a long name the ‘unblock’ buttons would be huge. I mostly copied the features available on lemmy-ui (like the searching, and the fact that instance blocks are a thing now). > > screenshot of the blocks page [https://lemmy.world/pictrs/image/dcbd9488-1919-464f-8cb1-2fa3cb1b1cba.png] > > Tooltips in a couple places got some big upgrades! > > User tooltips now show the full ‘address’ of the user (which it did before, but it wasn’t super obvious what you were looking at), and you can now see when they made their account. > > screenshot of the tooltip shown when hovering over a link to a user [https://lemmy.world/pictrs/image/7657ea7e-1d4b-40fe-9d75-0b19e509076b.png] > > Community tooltips got the same address/origin date. > > screenshot of a tooltip shown when hovering over a link to a community [https://lemmy.world/pictrs/image/4c0d2471-072b-4475-956d-159094265484.png] > > When you hover over a crosspost link it additionally shows the crosspost’s title, who posted, when, the score, and comment counts. This should make it a lot easier to see where other discussion is actually happening. > > screenshot of a crosspost tooltip showing a different post title [https://lemmy.world/pictrs/image/356cb87f-9575-4cb0-9f51-b20b16edcff2.png] > > The card layout has a new feature, a nice frosted glass background. This looks similar to how Photon renders its link previews. If you’re not familiar with it, this is what I’m talking about. [https://lemmy.world/pictrs/image/e9ca209c-40cb-4672-b01d-dc4a1d148008.png]. The effect is fairly subtle because it stretches over the entire card and it could be distracting, I wanted to make sure a fully white image wouldn’t make the text too hard to read. > > It’s on by default, but you can turn it off with the “Frosted glass background” checkbox in Alexandrite settings when your Feed Post Layout is set to Cards if you’d like. If you’re curious how it’s done, it loads a low resolution thumbnail, places it with a low opacity behind the card, and blurs it so it’s less distracting and hides how pixelated it is. It works because all the gray background colors on the site (like all the gray backgrounds on cards) are transparent so when stacked on other gray backgrounds there’s always a contrast in color without any extra work. If you don’t want to load extra images just for this, or if the blur makes the site lag on a low spec device (didn’t notice any impact on my pc), then you might want to turn this setting off. > > Screenshot of a card showing a photo of a bunny in some very green grass, the colors from the image are visible [https://lemmy.world/pictrs/image/3730776a-c686-4c94-8193-dd33cb77ccd6.png] > > Besides that, I bumped the node version the docker image uses, and I think that’s about it. > > Let me know if there’s any features Alexandrite is missing that you’d really like! Especially interested in features you want that the default Lemmy UI has that I haven’t added yet (like instance blocks until now, community creation/editing, emojis, user/community search when typing a @ or ! in the markdown editor, etc).

sheodox Feb 4, 2025

Alexandrite 0.8.19 - redesigned blocks page, instance blocking, better user/community/crosspost tooltips, 'frosted glass' card layout backgrounds

https://lemmy.world/post/25135715

Alexandrite 0.8.19 - redesigned blocks page, instance blocking, better user/community/crosspost tooltips, 'frosted glass' card layout backgrounds - Lemmy.World

alexandrite.app [https://alexandrite.app/] - [email protected] [/c/[email protected]] - Github [https://github.com/sheodox/alexandrite] Hey, got some new updates for ya! I added instance blocking, and completely redesigned the page for managing blocks. For all three categories you’re able to search, so you don’t have to go to someone’s profile or find a post by them to find a block button to click. Honestly this page looked awful before, the sizing was weird, if you blocked something with a long name the ‘unblock’ buttons would be huge. I mostly copied the features available on lemmy-ui (like the searching, and the fact that instance blocks are a thing now). screenshot of the blocks page [https://lemmy.world/pictrs/image/dcbd9488-1919-464f-8cb1-2fa3cb1b1cba.png] Tooltips in a couple places got some big upgrades! User tooltips now show the full ‘address’ of the user (which it did before, but it wasn’t super obvious what you were looking at), and you can now see when they made their account. screenshot of the tooltip shown when hovering over a link to a user [https://lemmy.world/pictrs/image/7657ea7e-1d4b-40fe-9d75-0b19e509076b.png] Community tooltips got the same address/origin date. screenshot of a tooltip shown when hovering over a link to a community [https://lemmy.world/pictrs/image/4c0d2471-072b-4475-956d-159094265484.png] When you hover over a crosspost link it additionally shows the crosspost’s title, who posted, when, the score, and comment counts. This should make it a lot easier to see where other discussion is actually happening. screenshot of a crosspost tooltip showing a different post title [https://lemmy.world/pictrs/image/356cb87f-9575-4cb0-9f51-b20b16edcff2.png] The card layout has a new feature, a nice frosted glass background. This looks similar to how Photon renders its link previews. If you’re not familiar with it, this is what I’m talking about. [https://lemmy.world/pictrs/image/e9ca209c-40cb-4672-b01d-dc4a1d148008.png]. The effect is fairly subtle because it stretches over the entire card and it could be distracting, I wanted to make sure a fully white image wouldn’t make the text too hard to read. It’s on by default, but you can turn it off with the “Frosted glass background” checkbox in Alexandrite settings when your Feed Post Layout is set to Cards if you’d like. If you’re curious how it’s done, it loads a low resolution thumbnail, places it with a low opacity behind the card, and blurs it so it’s less distracting and hides how pixelated it is. It works because all the gray background colors on the site (like all the gray backgrounds on cards) are transparent so when stacked on other gray backgrounds there’s always a contrast in color without any extra work. If you don’t want to load extra images just for this, or if the blur makes the site lag on a low spec device (didn’t notice any impact on my pc), then you might want to turn this setting off. Screenshot of a card showing a photo of a bunny in some very green grass, the colors from the image are visible [https://lemmy.world/pictrs/image/3730776a-c686-4c94-8193-dd33cb77ccd6.png] Besides that, I bumped the node version the docker image uses, and I think that’s about it. Let me know if there’s any features Alexandrite is missing that you’d really like! Especially interested in features you want that the default Lemmy UI has that I haven’t added yet (like instance blocks until now, community creation/editing, emojis, user/community search when typing a @ or ! in the markdown editor, etc).

Show thread

sheodox Feb 3, 2025

Ooo I love it! What lens did you use? I bought a cheap old Pentax lens that has some cool looking chromatic aberration like on the branches in your photo and I love it.

sheodox Jan 31, 2025

Alexandrite 0.8.18 - pretty toolbar dropdowns, moderator view, relative/absolute dates setting, pure light/dark theme backgrounds

https://lemmy.world/post/24943351

Alexandrite 0.8.18 - pretty toolbar dropdowns, moderator view, relative/absolute dates setting, pure light/dark theme backgrounds - Lemmy.World

cross-posted from: https://lemmy.world/post/24943349 [https://lemmy.world/post/24943349] > alexandrite.app [https://alexandrite.app/] - [email protected] [/c/[email protected]] - Github [https://github.com/sheodox/alexandrite] > > This time it’s mostly UI changes I really wanted to make, and some things people have asked for. > > All toolbar toggles and dropdowns are now these nicer looking dropdowns. They look a lot more consistently sized, everything has a label I also added “Moderator View” into that new dropdown. > > screenshot of top level feed dropdowns [https://lemmy.world/pictrs/image/061a04f2-0707-41ed-b7ea-a67a5ddbbec2.png] > > The search page looks way nicer now, here’s the before: > > old search page toolbar [https://lemmy.world/pictrs/image/13fc13ca-40d0-46bd-af67-887c48a1cfa1.png] > > And now: > > new search page toolbar [https://lemmy.world/pictrs/image/8e39c6d0-912f-473d-9406-48ea5d610a82.png] > > Added an option that lets you toggle between relative and absolute dates > > absolute date screenshot [https://lemmy.world/pictrs/image/b1c01ed0-226e-45fd-b0d1-166bd0747a20.png] relative date screenshot [https://lemmy.world/pictrs/image/0bf2287a-c6c2-4439-a93e-06cebe5ca0b4.png] > > Added an option for completely white/black backgrounds > > pure light/dark theme setting [https://lemmy.world/pictrs/image/098f1a88-c48b-4689-b6bc-88a117166756.png]

sheodox Jan 31, 2025

Alexandrite 0.8.18 - pretty toolbar dropdowns, moderator view, relative/absolute dates setting, pure light/dark theme backgrounds

https://lemmy.world/post/24943349

Alexandrite 0.8.18 - pretty toolbar dropdowns, moderator view, relative/absolute dates setting, pure light/dark theme backgrounds - Lemmy.World

alexandrite.app [https://alexandrite.app/] - [email protected] [/c/[email protected]] - Github [https://github.com/sheodox/alexandrite] This time it’s mostly UI changes I really wanted to make, and some things people have asked for. All toolbar toggles and dropdowns are now these nicer looking dropdowns. They look a lot more consistently sized, everything has a label I also added “Moderator View” into that new dropdown. screenshot of top level feed dropdowns [https://lemmy.world/pictrs/image/061a04f2-0707-41ed-b7ea-a67a5ddbbec2.png] The search page looks way nicer now, here’s the before: old search page toolbar [https://lemmy.world/pictrs/image/13fc13ca-40d0-46bd-af67-887c48a1cfa1.png] And now: new search page toolbar [https://lemmy.world/pictrs/image/8e39c6d0-912f-473d-9406-48ea5d610a82.png] Added an option that lets you toggle between relative and absolute dates absolute date screenshot [https://lemmy.world/pictrs/image/b1c01ed0-226e-45fd-b0d1-166bd0747a20.png] relative date screenshot [https://lemmy.world/pictrs/image/0bf2287a-c6c2-4439-a93e-06cebe5ca0b4.png] Added an option for completely white/black backgrounds pure light/dark theme setting [https://lemmy.world/pictrs/image/098f1a88-c48b-4689-b6bc-88a117166756.png]

sheodox Jan 28, 2025

Alexandrite 0.8.17 - default comment sort setting, copyable community/user 'addresses', and more

https://lemmy.world/post/24823277

Alexandrite 0.8.17 - default comment sort setting, copyable community/user 'addresses', and more - Lemmy.World

cross-posted from: https://lemmy.world/post/24823273 [https://lemmy.world/post/24823273] > Smaller release, mostly focused on some styling changes and easy features. > > In the settings you can now set a default comment sort, also added “Controversial” > > screenshot showing the default comment sort setting [https://lemmy.world/pictrs/image/fb231677-0262-4bf1-a7cf-7e9a1d63ca74.png] > > Now in the community/user sidebar and community search results you will see the full ‘address’ of a community/user. Clicking the text or the button on the right side copies it to your clipboard. In search results this makes it a lot easier to see what exactly the community is, not just what the display name says it is. > > screenshot of a community sidebar [https://lemmy.world/pictrs/image/99840e26-4fdc-42a9-b78d-2237aeb1625a.png] > > screenshot of a community search for 'games' [https://lemmy.world/pictrs/image/20a95a63-fb25-4988-abec-34a163b07a13.png] > > When viewing the inbox, the “No More Messages” message has a “View Read” button, so if you wanted to view an already read notification you’ve got a nice big button to get there. > > screenshot of an empty inbox [https://lemmy.world/pictrs/image/081353e3-dbb0-4cb4-a3d6-3c9510994df4.png] > > Buttons in the community header aren’t transparent anymore so they’re easier to see if the banner’s image is busy. > > screenshot of the header of a community [https://lemmy.world/pictrs/image/34aa841c-115b-4500-b788-87fb7243a523.png]