1  import m from 'mithril'
 2  import { App } from '../App'
 3  
 4  export class HelpScreen {
 5    public view(): Array<m.Vnode> {
 6      return [
 7        m('div', { 'id': 'topbar' }, [
 8          m('div', { 'class': 'topbar-gamename' }, 'Bobby'),
 9          m('div', { 'class': 'topbar-menu' }, [
10            m(m.route.Link, { 'href': '/', 'class': 'topbar-button' }, 'Retour'),
11          ]),
12        ]),
13  
14        m('div', { 'class': 'main-wrapper main-wrapper-unaligned', 'role': 'main' }, [
15          m('div', { 'class': 'main-content' }, [
16            m('h2', 'Touches'),
17            m('p', 'Déplacer le personnage avec les flèches directionnelles ↑ ← ↓ → ou ZQSD, ou bien via la souris ou l\'écran tactile (appuyer n\'importe où pour faire apparaitre le joystick).'),
18  
19            m('h2', 'Objectif'),
20            m('p', 'Réussir tous les niveaux.'),
21            m('p', 'Pour chaque niveau, récupérer toutes les pièces puis atteindre la sortie.'),
22  
23            m('h2', 'Blocs'),
24            m('p', 'Les rochers vous bloquent.'),
25            m('p', 'Les tapis roulant vous emmènent dans une direction donnée.'),
26            m('p', 'Les boutons ne vous permettent qu\'un nombre restreint de passages.'),
27            m('p', 'Les tourniquets vous bloquent certaines directions et tournent dans le sens horaire quand vous en sortez.'),
28            m('p', 'La glace vous fait glisser jusqu\'au prochain vide ou bloc solide que vous rencontrez.'),
29          ]),
30        ]),
31      ]
32    }
33  
34    public oncreate(): void {
35      App.resize()
36    }
37  }