Tutorial Levels arranged into a 2D structure

[H3rby7]

looks like this:

tutorials = [
  {
    categoryName: 'sampleCategory',
    levels: [
      require('./someLevel.js'),
      require('./someOtherLevel.js')
    ]
  }
]

This changes the routing for tutorials again: localhost:9966/#tutorial/CATEGORY/LEVEL. Levels start with index 1.

Would be nice for the Overview page something like this:

<h1>Category</h1>
<div class="levels">
  <div style="display: inline-block">
    <img src="linkToImageOfLevel1">
  </div>
  <div style="display: inline-block">
    <img src="linkToImageOfLevel2">
  </div>
  <div style="display: inline-block">
    <img src="linkToImageOfLevel3">
  </div>
</div>

[timgrossmann]

@H3rby7 Could be please not use inline If-Conditions at all?

[timgrossmann]

To keep it consistent, i would recommend changing 'ID' to 'Id' in e.g. tileId.