kevingrillet / afkarena-labhelper Goto Github PK

• JSLint / ESLint
• update .vscode/settings.json
• update !wiki/Constribute.md

Describe the bug
Clicking on "Export as PNG" when on the Arcane Labyrinth does not export a correct image. The Hard Floor is completely ignored.

To Reproduce
Steps to reproduce the behaviour:

1. Make sure to be in Arcane Labyrinth
2. Click on "Export as PNG"

Expected behaviour
The whole map should get exported, along with the legend.

Desktop (please complete the following information):

• OS: Windows
• Browser: Chrome (Firefox as well apparently)

• If it's possible ofc ;)
• Remove useless dismal luck

Looks like it's not working on mac...
Or my fonts are not loading properly...
And I need to remove useless fonts, but I don't understand how it's working, so meh

Since I'm not a web developer, so my way of doing it is ugly and I think someone knowing how it's working could help :)

<script src="https://use.fontawesome.com/releases/v5.15.4/js/all.js"></script>

• Tags
  • Reddit: https://fontawesome.com/v5.15/icons/reddit-alien?style=brands
  • GitHub: https://fontawesome.com/v5.15/icons/github-alt?style=brands
• Toogle light
  • Sun: https://fontawesome.com/v5.15/icons/sun?style=solid
  • Moon: https://fontawesome.com/v5.15/icons/moon?style=solid
• Toogle text
  • Book: https://fontawesome.com/v5.15/icons/book?style=solid
  • Phone: https://fontawesome.com/v5.15/icons/mobile?style=solid

• Manage colors: https://www.solodev.com/blog/web-design/how-to-change-icon-colors-and-background-colors-on-hover.stml

• ESlint + ReviewDog: https://github.com/marketplace/actions/run-eslint-with-reviewdog
• HTML5Validator: https://github.com/marketplace/actions/html5-validator
• Broken links in html/md: https://github.com/marketplace/actions/lychee-broken-link-checker
  • Create issue? maybe nothttps://github.com/marketplace/actions/create-issue-from-file

With asset mining, it should be possible to extract high quality images to replace the one that we got from the screenshot.

• Home > Discord

• Get Started

• Contribute

• Asset mining
  https://www.reddit.com/r/TalesofLink/comments/7tiqnf/datamining_and_file_processing_howto_guide/
  https://exvius.fandom.com/wiki/How_to_data_mine

  • How to root bluestacks https://bstweaker.tk/

• Action: https://github.com/marketplace/actions/github-wiki-action

Instead of using colors, maybe use the tiles from the game, will require some help to extract thems from the game.

Will require refacto:

• replacing span with images
• css
• context menu
• drag&drop
• load/save

When dragging a tile, the polygon switch back to square for no reason other than that is not working properly...
Maybe leaving polygon to use svg may work.

Save color & legend in cookies + auto load after.

• Date

  const _MS_PER_DAY = 1000 * 60 * 60 * 24;
  const _DATE_FIX = new Date('2021-09-18');
  const _DATE_TODAY = new Date();
  
  function dateDiffInDays(a, b) {
    const utc1 = Date.UTC(a.getFullYear(), a.getMonth(), a.getDate());
    const utc2 = Date.UTC(b.getFullYear(), b.getMonth(), b.getDate());
  
    return Math.floor((utc2 - utc1) / _MS_PER_DAY);
  }
  
  var dateModulo = dateDiffInDays(_DATE_FIX, _DATE_TODAY) % 2;
  
  var d = new Date();
  d.setDate(d.getDate() - dateModulo );
  d.toLocaleDateString()

Better image output to be ready to push on Reddit ;)

• Title
• Date
• Tags (reddit/github)
• Bigger legend
• White mode
• Toogle legend
• Original colors