big restructure

pages/help/hotkeys(default).phtml

@@ -0,0 +1,68 @@
+<div class="app-details-container">
+  <section>
+
+    <?php
+    $breadcrumbs = [
+      ['label' => t('Home'), 'path' => 'admin'],
+      ['label' => t('Keyboard shortcuts')],
+    ];
+    require templatePath('partials/app-breadcrumb.phtml');
+    ?>
+
+    <div class="app-list-titlebar">
+      <h1><?php e(t('Keyboard shortcuts')); ?></h1>
+    </div>
+
+    <div class="app-details">
+      <div class="app-details-body">
+        <?php
+        $shortcuts = [
+          [
+            'label' => t('Open search'),
+            'mac' => 'Cmd + K',
+            'win' => 'Ctrl + K',
+          ],
+          [
+            'label' => t('Toggle sidebar'),
+            'mac' => 'Cmd + B',
+            'win' => 'Ctrl + B',
+          ],
+          [
+            'label' => t('Switch sidebar section'),
+            'mac' => 'Cmd + 1 … 0',
+            'win' => 'Ctrl + 1 … 0',
+          ],
+          [
+            'label' => t('Back'),
+            'mac' => 'Alt + Left',
+            'win' => 'Alt + Left',
+          ],
+          [
+            'label' => t('Forward'),
+            'mac' => 'Alt + Right',
+            'win' => 'Alt + Right',
+          ],
+        ];
+        ?>
+        <table>
+          <thead>
+            <tr>
+              <th><?php e(t('Action')); ?></th>
+              <th><?php e(t('Mac')); ?></th>
+              <th><?php e(t('Windows')); ?></th>
+            </tr>
+          </thead>
+          <tbody>
+            <?php foreach ($shortcuts as $row): ?>
+              <tr>
+                <td><?php e($row['label']); ?></td>
+                <td><kbd><?php e($row['mac']); ?></kbd></td>
+                <td><kbd><?php e($row['win']); ?></kbd></td>
+              </tr>
+            <?php endforeach; ?>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </section>
+</div>