kevingrillet / afkarena-labhelper

Little UI to draw the labyrinth.

My name is Kevin GRILLET and I'm a software developer. I'm from France, living in Dijon and currently working at .

You can find me on .

🔧 Technologies & Tools

📈 GitHub Stats

---

afkarena-labhelper's Issues

Add cookies

Save color & legend in cookies + auto load after.

Dismal luck images

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

Fix drag & drop an image on same image generating error

Create Wiki

• 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

Fix drag & drop not working properly with clip-path: polygon

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.

Automate Dismal luck loop

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

Font not loading properly on mac

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

Work on image output

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

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

Add CI

• 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

Use fontawesome instead of SVG/Images

<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

Use in-game images instead of colors

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

Start to automate things

• 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()

Use JSLint / ESLint

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

Refacto everything

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 :)

Exporting arcane labyrinth as png does not render the hard floor

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)