Add navigation instructions

tttapa · Dec 2, 2023 · cb02851 · cb02851
1 parent d111758
commit cb02851
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -32,11 +32,25 @@
         <!-- Any section element inside of this container is displayed as a slide -->
         <div class="slides">
             <section>
-                <h3>Mastering C++ for scientific computing:<br>tools, tips, and tricks</h3>
-                <hr>
-                <p>
-                    <small><a href="https://github.com/tttapa">Pieter Pas</a></small>
-                </p>
+                <div style="display: flex; flex-direction: column; justify-content: space-around; height: 700px;">
+                    <div>
+                        <h3>Mastering C++ for scientific computing:<br>tools, tips, and tricks</h3>
+                        <hr>
+                        <p>
+                            <small><a href="https://github.com/tttapa">Pieter Pas</a></small>
+                        </p>
+                    </div>
+                </div>
+                <div
+                    style="text-align: right; font-size: 0.5em; color: var(--r-link-color); opacity: 0.7; height: 0; overflow: visible;">
+                    <div style="display: inline-block; text-align: left;">
+                        <kbd>Space</kbd>:&nbsp; Next slide<br>
+                        <kbd>Shift</kbd>+<kbd>Space</kbd>:&nbsp; Previous slide<br>
+                        <kbd>←</kbd>/<kbd>→</kbd>:&nbsp; Previous/next chapter<br>
+                        <kbd>Esc</kbd>:&nbsp; Overview&nbsp; 
+                        <kbd>F11</kbd>:&nbsp; Full screen
+                    </div>
+                </div>
             </section>
 
             <section class="full">
@@ -2030,7 +2044,8 @@ <h4>Recap</h4>
                         <li>Use a build system generator and package manager to make installation as frictionless as
                             possible <small class="rmrk">(e.g. CMake + Conan)</small></li>
                         <li>Beware of Undefined Behavior</li>
-                        <li>Keep up with best practices <small class="rmrk">(e.g. C++ Core Guidelines, conference talks)</small></li>
+                        <li>Keep up with best practices <small class="rmrk">(e.g. C++ Core Guidelines, conference
+                                talks)</small></li>
                         <li>Enable compiler warnings and static analysis <small class="rmrk">(e.g. Clang-Tidy)</small>
                         </li>
                         <li>Use continuous integration for running tests (with sanitizers and Valgrind)</li>

diff --git a/style.css b/style.css
@@ -114,6 +114,23 @@
     display: none;
 }
 
+kbd {
+    display: inline-block;
+    padding: 0.1em 0.6em;
+    font-family: Arial, sans-serif;
+    font-size: 0.8em;
+    line-height: 1.4;
+    color: #242729;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: middle;
+    background-color: #f7f7f7;
+    border: 1px solid #ccc;
+    border-radius: 3px;
+    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;
+    margin: 1px;
+}
+
 :root {
     --r-heading4-size: 1.2em;
     --r-code-font: "Ubuntu Mono", monospace;