New version of tutochat

ocsigen · Sep 15, 2024 · 0d77cbc · 0d77cbc
1 parent fd38c87
commit 0d77cbc
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 9 deletions.
diff --git a/talks/tutochat.html b/talks/tutochat.html
@@ -1813,6 +1813,7 @@
 .vspace { height: 1em; }
 .hidden { position:absolute; visibility: hidden; }
 .center { text-align: center; }
+.right { text-align: right; }
 .smaller { font-size: smaller; }
 .focused { outline: 20000px solid #000000aa; }
 .comment { color: #888; font-style: italic; }
@@ -1880,7 +1881,11 @@ <h1 id="ocsigen-quickstart-guide"><a class="anchor" aria-hidden="true" href="#oc
 <p><span>FUN-OCaml - Berlin</span><br/><span> Sep 16-17 2024</span></p>
 </div>
 </div>
-<div style="height: 400px; width:100%;"></div>
+<div class="vspace"></div>
+<div class="vspace"></div>
+<p class="right comment"><span>Use arrow keys to navigate</span></p>
+ </slip-body>
+</slip-slip>
 <div class="slip-group">
 <slip-slip style="width: 33.33%;" auto-enter scale="0.3333" delay="1">
   <slip-body>
@@ -2201,7 +2206,7 @@ <h2 id="implement-a-basic-login-mechanism"><a class="anchor" aria-hidden="true"
 </ul>
 <p><span>Test your app with several browsers to check that you can have several users simultaneously.</span></p>
 <div down-at-unpause=endstep4 pause></div>
-<p class="comment"><span>See the solution </span><a href="https://github.com/ocsigen/quickstart-guide/myapp/myapp.eliom"><span>here</span></a><span>.</span></p>
+<p class="comment"><span>See the solution </span><a href="https://github.com/ocsigen/quickstart-guide/blob/Step4/myapp/myapp.eliom"><span>here</span></a><span>.</span></p>
 <p class="exo"><span>Advanced version: instead of using a reference with scope session,</span>
 <span>create a session group whose name is the user name.</span>
 <span>Check that you can share session data across multiple browsers.</span></p>
@@ -2371,7 +2376,7 @@ <h2 id="client-server-version-of-your-program"><a class="anchor" aria-hidden="tr
 <span>that is, when a page is generated on the server (subsequent pages are generated</span>
 <span>on the client, without stopping the client-side process).</span></li>
 </ol>
-<p class="comment"><span>See the solution </span><a href="https://github.com/ocsigen/quickstart-guide/myapp/myapp.eliom"><span>here</span></a><span>.</span></p>
+<p class="comment"><span>See the solution </span><a href="https://github.com/ocsigen/quickstart-guide/blob/Step5/myapp/myapp.eliom"><span>here</span></a><span>.</span></p>
   </slip-body>
 </slip-slip>
 <slip-slip style="width: 33.33%;" auto-enter scale="0.3333" delay="1">
@@ -2439,7 +2444,7 @@ <h2 id="send-a-message-to-another-user"><a class="anchor" aria-hidden="true" hre
 <li><span>Use module </span><a href="https://ocsigen.org/eliom/api/11.0/Eliom_content.Html.Manip"><code>Manip</code></a><span> to append the new element to the page</span></li>
 <li><span>To_dom.of_element</span></li>
 </ol>
-<p class="comment"><span>See the solution </span><a href="https://github.com/ocsigen/quickstart-guide/myapp/myapp.eliom"><span>here</span></a><span>.</span></p>
+<p class="comment"><span>See the solution </span><a href="https://github.com/ocsigen/quickstart-guide/blob/Step7/myapp/myapp.eliom"><span>here</span></a><span>.</span></p>
   </slip-body>
 </slip-slip>
 </div>

diff --git a/talks/tutochat.md b/talks/tutochat.md
@@ -31,6 +31,7 @@ code { font-size: smaller; }
 .vspace { height: 1em; }
 .hidden { position:absolute; visibility: hidden; }
 .center { text-align: center; }
+.right { text-align: right; }
 .smaller { font-size: smaller; }
 .focused { outline: 20000px solid #000000aa; }
 .comment { color: #888; font-style: italic; }
@@ -103,8 +104,15 @@ pre.tt code { padding-top: 0; }
 >>
 >> FUN-OCaml - Berlin<br/> Sep 16-17 2024
 
-{style="height: 400px; width:100%;"}
+{.vspace}
+
+{.vspace}
+
+{.comment .right}
+Use arrow keys to navigate
 
+ </slip-body>
+</slip-slip>
 <div class="slip-group">
 <slip-slip style="width: 33.33%;" auto-enter scale="0.3333" delay="1">
   <slip-body>
@@ -561,7 +569,7 @@ Test your app with several browsers to check that you can have several users sim
 {pause down-at-unpause=endstep4}
 
 {.comment}
-See the solution [here](https://github.com/ocsigen/quickstart-guide/myapp/myapp.eliom).
+See the solution [here](https://github.com/ocsigen/quickstart-guide/blob/Step4/myapp/myapp.eliom).
 
 {.exo}
 Advanced version: instead of using a reference with scope session,
@@ -809,7 +817,7 @@ generated page every time you connect or disconnect).
 
 
 {.comment}
-See the solution [here](https://github.com/ocsigen/quickstart-guide/myapp/myapp.eliom).
+See the solution [here](https://github.com/ocsigen/quickstart-guide/blob/Step5/myapp/myapp.eliom).
 
 
   </slip-body>
@@ -896,7 +904,7 @@ Hints:
 2. To_dom.of_element
 
 {.comment}
-See the solution [here](https://github.com/ocsigen/quickstart-guide/myapp/myapp.eliom).
+See the solution [here](https://github.com/ocsigen/quickstart-guide/blob/Step7/myapp/myapp.eliom).
 
   </slip-body>
 </slip-slip>
@@ -992,4 +1000,4 @@ and look at each example in Ocsigen Start's template.
 
   </slip-body>
 </slip-slip>
-</div>
+</div>