Heyyyyyyyyyy

  • 20 Posts
  • 57 Comments
Joined 11 months ago
cake
Cake day: August 9th, 2023

help-circle














  • I also have a similar side project planned for a revamp. Successfully made a v1 with grease monkey (vanilla JS) + stylish back in maybe 2016. Super dangerous to keep firefox 56 running only for this front-end. Just need to do the v2 then migrate to latest librewolf.

    I want to redo the whole thing in Vue, client side routing with build step. The problem is that

    • site is not open source
    • no API doc (but I already made my own)
    • required log-in (no sensitive info)
    • some route request must be made from that domain due to CORS

    My goal is not to change the UI but wipe the whole page and start over with custom API call instead. V1 do this by visiting a 404 route to stop unnecessary load and use my own URL param for the API call. For bonus cringe I used local storage for database.

    Ended up having to use userscript, and now I’m kinda stuck with how to mash Vite build and tamper/violent monkey together :(
    Do you have any suggestion or resource I can learn more on this?













  • g6d3np81@kbin.socialtoGames@lemmy.worldStop using Fandom
    link
    fedilink
    arrow-up
    15
    arrow-down
    2
    ·
    8 months ago

    Regarding SEO, What’s stopping maintainers from vandalizing their own fandom page?

    It would not be difficult to make a bot to update fandom page with a convincing but slightly wrong info, after a few hundred iterations, it’s all useless. Go look at what google recommend and do complete opposite. I’m convinced this will bomb ranking and put whatever wiki they migrated to at the top.


  • Can you explain a bit more about “zooming, different levels of detail” you mention? Maybe break them down to separate issue you are having with the library, what does it do, what do you want that it’s not doing. If there is a way to tweak it then you don’t have to build the component from scratch.

    But if you already abandoned the idea of tweaking timeline-js then you can have full control in vue, have to build it yourself though. Start by breaking the functionality of the timeline into separate interaction. From a quick look, timeline-js just make style attribute reactive. Have a box? good. Now put really long div in it with placeholder texture. Can you drag/scroll it? no? grab a suitable function from vueuse and make it scrollable. Follow with markers, zoom, dummy event items, data fetching (the actual width, marker spacing, events placement can be calculated from timestamp in json after this step), lazy loading, styling, animation, so on.

    I don’t know how much experience do you have with each things required (html, css, js, vue) so it is a bit difficult to give useful answer.