this post was submitted on 13 Jun 2023
47 points (100.0% liked)

Lemmy Plugins and Userscripts

375 readers
1 users here now

A general repository for user scripts and plugins used to enhance the Lemmy browsing experience.

Post (or cross-post) your favorite Lemmy enhancements here!

General posting suggestions:

Thanks!

founded 1 year ago
MODERATORS
[email protected]
[email protected]
[email protected]
47
[userscript] (grease/violent/tamper) *monkey script to reformat Lemmy's look and feel to old.reddit with RES (i.imgur.com)
submitted 1 year ago* (last edited 1 year ago) by [email protected] to c/[email protected]
55 comments fedilink hide all child comments
 

userscript called "old.reddit" found here: https://github.com/soundjester/lemmy_monkey

  • (recently updated for Lemmy v0.18)

  • original thread link here

  • This is primarily for desktop clients. At the moment, formatting get a little crazy below 1280 px wide. There are ways to address this, but I have not at this time.

  • script will be updated as suggested

    • significant changes have been made to address alignment, spacing, and other format issues. v1.1 will be where I stop for a while.

  • there are two script versions: old.reddit and old.reddit.compact. The primary difference is that the "compact" version greatly reduces thumbnail size and padding space.

  • notice: current script unblurs NSFW

(linked thumbnail shows old.reddit.compact version of the script)

Screenshot of old.reddit script results:

top 50 comments
sorted by: hot top controversial new old
[–] [email protected] 6 points 1 year ago (4 children)

I don't want to pat myself on the back TOO hard, but I just browsed through 44 pages of content and it was SO NICE and easy on the eyes.

[–] [email protected] 5 points 1 year ago (1 children)

The widescreen really makes a difference.

[–] [email protected] 3 points 1 year ago (1 children)

modded you

[–] [email protected] 3 points 1 year ago (1 children)

Nice, thanks. Not sure I'll want to stay a mod if this picks up however :D

[–] [email protected] 3 points 1 year ago (1 children)

lol why not?

and leaving is ez, there's a "leave mod team" button on the sidebar below the community name

[–] [email protected] 2 points 1 year ago (1 children)

I have way too many responsibilities as it is, can't add another in good conscience, that's all

[–] [email protected] 3 points 1 year ago

alright, no problem :)

[–] [email protected] 3 points 1 year ago (1 children)

dude.... the screenshots don't do it justice, it's a beautiful thing. :) the experience is much better than i imagined.

[–] [email protected] 3 points 1 year ago

nice job team! @darkwing_[email protected]

[–] [email protected] 2 points 1 year ago (1 children)

Nah man you can pat yourself. My 4k resolution is finally utilized and I am very happy with how almost everything looks.

Some community headers get scaled pretty wonky, for example in https://sh.itjust.works/c/[email protected] but thats a small price to pay for more visual clarity overall.

Thank you for the great work!

[–] [email protected] 2 points 1 year ago (6 children)

I added a line to restrict the banner width to a lemmy-native 730px - this should keep banner images looking as intended... Check out the update and see if that fixes the issue. (link for good order: https://github.com/soundjester/lemmy_monkey)

load more comments (6 replies)
[–] [email protected] 1 points 1 year ago

all throughout doing all of what I was doing, I forgot to test your awesome script??? lmao im a retard, doing it now.

[–] [email protected] 4 points 1 year ago

This is amazing! I think everyone needs to install this. Thank you!

[–] [email protected] 3 points 1 year ago

Oh my gosh this is amazing. Thank you for this.

[–] [email protected] 3 points 1 year ago (1 children)

If you are using greasemonkey, I suggest appending #.user.js to the end of the github raw url and then reloading the page, this should allow the css to be installed by greasemonkey and automatically updated.

[–] [email protected] 2 points 1 year ago (1 children)

Ooh, pro tip! I'll do that

[–] [email protected] 2 points 1 year ago* (last edited 1 year ago) (1 children)

If you are changing the actual file name in the github repo remove the "#"

So

https://raw.githubusercontent.com/soundjester/lemmy_monkey/main/old.reddit.compact.js

Would become

https://raw.githubusercontent.com/soundjester/lemmy_monkey/main/old.reddit.compact.user.js

The # is just to append it in the url bar to allow auto installing in greasemonkey. I'm not sure if it's the same in tampermonkey though.

[–] [email protected] 2 points 1 year ago

Yup, got it. Thanks for the pointer!

[–] [email protected] 3 points 1 year ago (1 children)

it's great!

[–] [email protected] 2 points 1 year ago (1 children)

out of curiosity, which version did you go for - the one with the larger thumbnails or the compact version?

[–] [email protected] 2 points 1 year ago

Compact version! Liking it very much :)

[–] [email protected] 3 points 1 year ago* (last edited 1 year ago) (1 children)

i pinned a guide on how to install grease tamper etc here: https://sh.itjust.works/post/71088 maybe you can help augment it if you want. i'll add violentmonkey link.

hopefully this removes the need of clarifying how to install userscripts any time we make an update or post.

[–] [email protected] 2 points 1 year ago (1 children)

looks good!

[–] [email protected] 2 points 1 year ago* (last edited 1 year ago)
[–] dimspace 2 points 1 year ago (2 children)

nice job so far.

Communities page (both list and search) need some margins.

[–] [email protected] 3 points 1 year ago

Issue (hopefully) resolved. v0.8 available on github: https://github.com/soundjester/lemmy_monkey/blob/main/old.reddit

[–] [email protected] 2 points 1 year ago

yup. I see the problem.

[–] denemdenem 2 points 1 year ago (2 children)

It looks really cool but the side margins are waaay too small for my taste. I tried putting some little 1rem margins back in the container css but that gave a bad bottom scrollbar (which is the most annoying on the communities list). It's getting late and there is work tomorrow but I might look into it more later.

[–] [email protected] 3 points 1 year ago (1 children)

I believe I've remedied this issue, if you want to take another look at it. link to script here: https://github.com/soundjester/lemmy_monkey

[–] denemdenem 1 points 1 year ago

Wow, this is it! Thanks for looking into my problem!

I just really don't like when content "hugs" the edge of the monitor.

[–] [email protected] 2 points 1 year ago

understandable. I like things really compact with minimal open spacing, but that's def not for everyone.

[–] [email protected] 2 points 1 year ago (2 children)

modded

thanks for formatting like this, good style reference.

load more comments (2 replies)
[–] [email protected] 1 points 1 year ago (1 children)

great! Have you consider packing this up as a full theme for Lemmy?

[–] [email protected] 1 points 1 year ago (1 children)

yeah, i keep trying to look at the bootstrap themes but it just isn't super clear how I would edit it to be color agnostic. Like, hopefully this script works with whatever color theming you choose, it just changes the layout.

[–] [email protected] 1 points 1 year ago

Maybe it's enough to make a pull request to the original CSS files here? I would guess the Lemmy devs would rather focus more on the backend right now

[–] [email protected] 1 points 1 year ago (1 children)

Awesome work! Would it be possible to add the "expand image/video/text" button from RES? Preferably with the option to increase/decrease the size of images by dragging with the mouse.

I'm talking about these: https://imgur.com/a/1yH5FTN

That would perfect my experience!

[–] [email protected] 3 points 1 year ago

Here's a userscript that auto-expands images: https://sh.itjust.works/post/164735 it's nice because it keeps the scripts a little more single-purpose so that if one malfunctions, the other stays working. Incorporating all of the things would be perfect for a plug-in, which is being discussed.

[–] [email protected] 1 points 1 year ago (1 children)

BTW, I love your themes but I haven't been using them cuz I have a very wide screen, it's like 80cm ez, and the margins are necessary lol, maybe i'll add some surround margins to the compact theme to create a version that works 4 me.

[–] [email protected] 1 points 1 year ago* (last edited 1 year ago) (2 children)

how big we talking in pixels? I can add some more @media tags (probably)

[–] [email protected] 1 points 1 year ago* (last edited 1 year ago) (2 children)

3440px wide

::: spoiler screenshots

[–] [email protected] 2 points 1 year ago

dats beeeg. ok thx

[–] [email protected] 2 points 1 year ago (1 children)

When you get a free moment, check out one of the script updates here: https://github.com/soundjester/lemmy_monkey/tree/dev-Lemmy-v0.17.

I've cleaned up a lot of things and added a big-screen handler around line 120. Perhaps you can experiment with the width as you like and let me know what works.

[–] [email protected] 1 points 1 year ago

😍🥰

load more comments
view more: next ›