• Elvith Ma'for@feddit.org
      link
      fedilink
      arrow-up
      3
      ·
      3 months ago

      The downside is, that I’m no JS or frontend dev. So this was just “some scripting” without framework. The problem is not the translation itself, but that there’s no internationalisation support in the code.

      I know dogshit about JS frameworks, so it’s just a little state machine in vanilla JS duct taped with some hardcode HTML and some random material design CSS and a CSS class that allows me to set everything but the current step to invisible, lol.

      And since everything is there in one place, hardcoded in the HTML (just visible: none), it’s trivial to translate. But hard to offer several languages unless you duplicate the HTML.

      But… I’m currently moving several things from GitHub to Codeberg, so I might just do an English version there?

      • Flagstaff@programming.dev
        link
        fedilink
        English
        arrow-up
        1
        ·
        2 months ago

        Oh, okay, yeah, I had no idea of the architecture. And ditching GitHub is always a good move, for as long as it’s owned by its current owner! See you on Codeberg.

        • Elvith Ma'for@feddit.org
          link
          fedilink
          arrow-up
          1
          ·
          2 months ago

          HTML is simple, especially if you learned to program when XML was the latest shit. And for the CSS… That’s just the material design lite template.

          The only CSS, that I made myself is this one here: https://github.com/elvith-de/lemmy-migration/blob/main/docs/css/custom.css

          The first statement does all the heavy lifting for the state machine (read: make things invisible). The snack-bar statements are basically from a material design tutorial and community-icon is a stripped down version of how Lemmy renders community icons. The table statement were trial and error trying to get it right.

          But CSS nowadays is way better than in the past. Especially if you compare it to its first days.