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:

  • mershed_perderdersOPM
    link
    fedilink
    English
    arrow-up
    6
    ·
    1 year ago

    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.

        • DarkwingDuck
          link
          fedilink
          English
          arrow-up
          3
          ·
          1 year ago

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

          • GodM
            link
            fedilink
            English
            arrow-up
            3
            ·
            1 year ago

            lol why not?

            and leaving is ez, there’s a “leave mod team” button on the sidebar below the community name

            • DarkwingDuck
              link
              fedilink
              English
              arrow-up
              2
              ·
              1 year ago

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

              • GodM
                link
                fedilink
                English
                arrow-up
                3
                ·
                1 year ago

                alright, no problem :)

    • GodM
      link
      fedilink
      English
      arrow-up
      3
      ·
      1 year ago

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

    • starrox
      link
      fedilink
      English
      arrow-up
      2
      ·
      1 year ago

      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!

        • starrox
          link
          fedilink
          English
          arrow-up
          1
          ·
          1 year ago

          Wow that was fast! Although I’m not 100% sure its better (for high-res at least).

          Here’s how it looks for me on a 3840x2160 resolution and 110% zoom:

          But I think I understand the technical reasons beyond your change. It should be universally applicable and not just on 4k res.

          I think it still would look best if the banner is spanning the whole top, maybe up to the community-sidebar on the right (1) or even beyond that (2). I tried to highlight 1 & 2 in this poor greenshot cap :)

          Anyway, thanks for your great work!!

          • mershed_perderdersOPM
            link
            fedilink
            English
            arrow-up
            2
            ·
            edit-2
            1 year ago

            I absolutely agree that a wider, somewhat shorter banner across the top would be best. My current logic is that most mods do not have this userscript and rely on the limits set by the default stylesheet. So they upload images optimized to fill a 730 x 240 space.

            The line that controls this in the script is line 75: GM_addStyle(".position-relative.mb-2 { max-width: 730px; }");

            if you take that out and replace it with: GM_addStyle(".img-fluid { height: 180px; }"); you’ll have something closer to what you want. It’ll still look strange tho (IMO)

            ^^ do not do this ^^ I was wrong

            • starrox
              link
              fedilink
              English
              arrow-up
              2
              ·
              1 year ago

              I’ve just tested it. the GM_addStyle(“.position-relative.mb-2 { max-width: 730px; }”); is definitive the way to for now. I think you are spot on with the banner size.

              • mershed_perderdersOPM
                link
                fedilink
                English
                arrow-up
                2
                ·
                1 year ago

                yeah. this also has the happy effect of “correctly” formatting profile banner pics as well…

                • starrox
                  link
                  fedilink
                  English
                  arrow-up
                  1
                  ·
                  1 year ago

                  Yes. I’ve also looked around a bit in different subs and many of them dont even have a banner wider than a few pixels. I guess thats as good as it gets as long as there are no specified banner sizes enforced all across the network. And of course not everyone uses your glorious script (but I’ll spread the word, its really really cool!).

          • gandalf_der_12te@feddit.de
            link
            fedilink
            English
            arrow-up
            2
            ·
            1 year ago

            I think having a slim banner is better, because it takes away less precious space on smaller screens. Remember that not everyone has huge monitors, many use web browsers on laptops and the like.

    • GodM
      link
      fedilink
      English
      arrow-up
      1
      ·
      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.

  • GodM
    link
    fedilink
    English
    arrow-up
    5
    ·
    edit-2
    1 year ago

    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.

  • GodM
    link
    fedilink
    English
    arrow-up
    4
    ·
    1 year ago

    modded

    thanks for formatting like this, good style reference.

  • AnAverageSnoot
    link
    fedilink
    English
    arrow-up
    4
    ·
    1 year ago

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

  • Whooping_Seal
    link
    fedilink
    English
    arrow-up
    3
    ·
    1 year ago

    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.

    • mershed_perderdersOPM
      link
      fedilink
      English
      arrow-up
      2
      ·
      1 year ago

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

      • starrox
        link
        fedilink
        English
        arrow-up
        2
        ·
        1 year ago

        Compact version! Liking it very much :)

  • denemdenem@lemmy.world
    link
    fedilink
    English
    arrow-up
    2
    ·
    1 year ago

    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.

  • NoisyFlake@feddit.de
    link
    fedilink
    English
    arrow-up
    2
    ·
    1 year ago

    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!

    • mershed_perderdersOPM
      link
      fedilink
      English
      arrow-up
      3
      ·
      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.

  • GodM
    link
    fedilink
    English
    arrow-up
    1
    ·
    1 year ago

    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.

    • mershed_perderdersOPM
      link
      fedilink
      English
      arrow-up
      1
      ·
      1 year ago

      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.

      • 0xCBE@infosec.pub
        link
        fedilink
        English
        arrow-up
        1
        ·
        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