From 69b960e2119c1003cc8a755715cbdaf4d5111430 Mon Sep 17 00:00:00 2001
From: Joshua Seigler <joshua@seigler.net>
Date: Fri, 5 Feb 2021 17:31:56 -0500
Subject: [PATCH] clearer instructions in presentation

---
 index.html      | 7 +++++++
 styles/main.css | 6 ++++++
 2 files changed, 13 insertions(+)

diff --git a/index.html b/index.html
index bbd68da..820d21e 100644
--- a/index.html
+++ b/index.html
@@ -38,6 +38,13 @@
         <p><kbd>Esc</kbd> for commands</p>
       </section>
 
+      <section>
+        <h2>How to use</h2>
+        <p><kbd>Esc</kbd> <kbd>C</kbd> to clone the window. Cloned windows will stay in sync.</p>
+        <p>Move the new window to the projector screen and fullscreen.</p>
+        <p>In the presenter window, <kbd>Esc</kbd> <kbd>P</kbd> to eliminate transitions and preview the upcoming slide.</p>
+      </section>
+
       <section>
         <blockquote>
           <p>Blockquotes are pretty cool, right?</p>
diff --git a/styles/main.css b/styles/main.css
index b648b13..c026713 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -245,6 +245,12 @@ section {
   transform-origin: 50% 50%;
 }
 
+p {
+  text-align: left;
+  padding: 0 1ch;
+  margin-top: 0.5em;
+}
+
 /* live-coding */
 
 .live-coding {