Rewrite view templates to use Pug engine.

1 files changed, 41 insertions, 0 deletions

diff --git a/views/about.pug b/views/about.pug
new file mode 100644
index 0000000..382ad59
--- /dev/null
+++ b/views/about.pug
@@ -0,0 +1,41 @@
+//- vim:ts=4:sw=4:
+doctype html
+html
+	head
+		include head
+		title Rally the Troops!
+		style.
+			li img { height: 1.0em; vertical-align: middle; }
+	body
+		include header
+		article
+			h1 Rally the Troops!
+
+			p Rally the Troops! is created and maintained by Tor Andersson. It is an open source project.
+
+			p Please submit problem reports and make suggestions for improvements on #[a(href="https://github.com/ccxvii/rally-the-troops/issues") GitHub].
+
+			h2 Tips & Tricks
+
+			ul
+				li Open a separate browser tab or window for each side when playing solo.
+				li Use the middle mouse button to drag and scroll around the map.
+				li Hold down the Shift key when mousing over a block or counter in order to magnify it.
+				li The #[i Enter] and #[i Escape] keys open and close the chat box.
+				li To invite your friends to a private game, send them the address of the join page.
+				li Chat messages can only be seen by players who are part of a game. They are hidden from observers.
+				li The #[img(src="/images/cog.svg")] menu has links to rules, player aids and other reference material. In some games you can also choose between alternative graphics and layout options.
+				li The #[img(src="/images/earth-africa-europe.svg")] button hides all counters and markers, if you need to check something on the map that is obscured.
+				li The #[img(src="/images/magnifying-glass.svg")] button shrinks the map to fit the screen width.
+				li The #[img(src="/images/scroll-quill.svg")] button hides the game log and player status displays, so you can see more of the map.
+				li The #[img(src="/images/chat-bubble.svg")] button lights up if you have unread chat messages.
+				li The #[img(src="/images/cycle.svg")] button appears when the game is over, and can be used to quickly start a rematch.
+
+			h2 Licensing
+
+			p All games are used with consent from their respective rights holders.
+
+			p Icons are sourced from #[a(href="https://game-icons.net") game-icons.net] by Delapouite, Lorc, and others under the #[a(href="https://creativecommons.org/licenses/by/3.0/") CC BY 3.0] license.
+
+			p Other images and graphics are sourced from #[a( href="https://commons.wikimedia.org/wiki/Main_Page") Wikimedia Commons].
+