Documentation website

website/includes/githubstars.liquid

@@ -0,0 +1,9 @@
+<a class="githubstars" href="https://github.com/garraflavatra/rolens" target="_blank">
+  <span class="star">★</span>
+
+  {% if github.stars %}
+  <span class="count">{{ github.stars }}</span>
+  {% endif %}
+
+  Star on GitHub!
+</a>

website/includes/shortcut.liquid

@@ -0,0 +1,3 @@
+{%- if shortcut.option -%}<kbd>⌥</kbd>{%- endif -%}
+{%- if shortcut.ctrl -%}<kbd>⌘</kbd>{%- endif -%}
+{%- if shortcut.symbol -%}<kbd>{{ shortcut.symbol }}</kbd>{%- endif -%}

website/includes/shortcuts.liquid

@@ -0,0 +1,10 @@
+<table><thead><tr><th>Shortcut</th><th>Action</th></tr></thead><tbody>
+    {%- for sc in shortcuts -%}
+      <tr><td>
+        {%- if sc.link -%}<a href="{{ sc.link }}">{%- endif -%}
+        {%- render "shortcut", shortcut: sc -%}
+        {%- if sc.link -%}</a>{%- endif -%}
+      </td>
+      <td>{{ sc.description }}</td></tr>
+    {%- endfor -%}
+</tbody></table>