<template>
  <section id="help" class="screen">
    <header>
      <h1>How to play</h1>
    </header>

    <section>
      <h2>Walk around: WASD or Arrow Keys</h2>
      <p>A / Left: walk left</p>
      <p>D / Right: walk right</p>
      <p>W / Up: jump or climb up</p>
      <p>S / Down: climb down</p>
      <p>Hold Shift, to run.</p>
    </section>
    <section>
      <h2>Dig Blocks: Left Mouse Key</h2>
      <p>To dig a block, click on it with your left mouse key. Only adjacent blocks can be digged.</p>
      <p><i>(not implemented, yet)</i></p>
    </section>
    <section>
      <h2>Build / Set Blocks: Right Mouse Key</h2>
      <p>To set a block, right click an empty position close to you.</p>
      <p><i>(not implemented, yet)</i></p>
    </section>
    <section>
      <h2>Inventory: I</h2>
      <p>Press I or click your character to open the inventory and use the mouse to select an item. This item can then be put into the world with a right click.</p>
      <p><i>(not implemented, yet)</i></p>
    </section>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
  </section>
</template>

<style scoped>
#help {
  column-count: 2;
  column-gap: 40px;
  column-rule: 1px dotted gray;
}
header {
  column-span: all;
}
</style>
