From d3c4fd70dcc1c6e8e42276a2bfe20843f190edac Mon Sep 17 00:00:00 2001
From: Felix Roos <flix91@gmail.com>
Date: Wed, 5 Apr 2023 23:47:53 +0200
Subject: [PATCH] slides: add missing syntax comparison labels

---
 iclc2023/slides/src/SyntaxComparison.jsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/iclc2023/slides/src/SyntaxComparison.jsx b/iclc2023/slides/src/SyntaxComparison.jsx
index 95d851c51..e963f9b79 100644
--- a/iclc2023/slides/src/SyntaxComparison.jsx
+++ b/iclc2023/slides/src/SyntaxComparison.jsx
@@ -21,9 +21,10 @@ const snippets = [
   $ sound "bd sd"`,
     [
       `sound("bd sd")
-  .every(3, fast(2))
+  .every(3, fast("2"))
   .jux(rev)`,
     ],
+    'Higher order transformations (with partial application)',
   ],
   [
     `jux rev 
@@ -34,6 +35,7 @@ const snippets = [
   .every("<3 5>", fast("1 2"))
   .jux(rev)`,
     ],
+    'Patterns all the way down',
   ],
 ];
 
@@ -51,13 +53,13 @@ function SyntaxComparison() {
             <h3 className="pb-4">{label}</h3>
             <div>
               <div className="flex space-x-2">
-                <img src="./img/haskell.png" className="h-10 mt-1" />
+                <img src="./img/haskell.png" className="h-10 mt-2" />
                 <Highlight language="haskell" code={hs} />
               </div>
               <div>
-                {js.map((c) => (
-                  <div className="flex space-x-2">
-                    <img src="./img/js.jpg" className="h-10 mt-1" />
+                {js.map((c, j) => (
+                  <div className="flex space-x-2" key={j}>
+                    <img src="./img/js.jpg" className="h-10 mt-2" />
                     <SlideRepl tune={c} hideHeader />
                   </div>
                 ))}