chore: some qr stuff

docs/presentations/linkedin-meetup-2024-04-24.qmd

@@ -14,7 +14,7 @@ format:
     theme: night
 ---
 
-# Who
+# Who {background-image="./qrcode.svg" background-size="10%" background-position="96% 96%"}
 
 :::: {.columns}
 
@@ -139,29 +139,12 @@ End-to-end analytics application built with Ibis.
 
 ## DataFrame lore
 
-::: {.fragment .highlight-current-blue}
 - DataFrames appear in the `S` programming language, which evolves into the `R` ~~calculator~~ programming language.
-:::
-
-::: {.fragment .highlight-current-blue}
 - `pandas` perfects the DataFrame in Python...or did it?
-:::
-
-::: {.fragment .highlight-current-blue}
 - Dozens of Python DataFrames libraries appear and disappear...
-:::
-
-::: {.fragment .highlight-current-blue}
 - Pandas is the de facto standard for Python DataFrames. It still doesn't scale.
-:::
-
-::: {.fragment .highlight-current-blue}
 - Leads to data scientists throwing code over the wall to engineers.
-:::
-
-::: {.fragment .highlight-current-blue}
 - What if there were a new [standard](https://xkcd.com/927/)?
-:::
 
 
 ## The legal dept requires this slide
@@ -182,18 +165,6 @@ from [Apache Arrow and the "10 Things I Hate About pandas"](https://wesmckinney.
 > pandas core team has been actively working on Ibis with me for quite a long
 > time.
 
-## DataFrame history
-
-- **pandas** (2008): DataFrames in Python
-- **Spark** (2009): distributed DataFrames with PySpark
-- **Dask** (2014): distributed DataFrames with Python
-- **dplyr** (2014): DataFrames in R with SQL-like syntax
-- **Ibis** (2015): DataFrames in Python with SQL-like syntax
-- **cuDF** (2017): pandas on GPUs
-- **Modin** (2018): pandas on Ray/Dask
-- **Koalas** (2019): pandas on Spark
-- **Polars** (2020): multicore DataFrames in Python
-
 ## Two world problem
 
 ### What does Ibis solve?
@@ -694,7 +665,38 @@ t = ibis.examples.penguins.fetch()
 t
 ```
 
-## **HIGHLY EXPERIMENTAL**: Ibis in the browser
+## 😬 Ibis in the browser 😬
+
+```{python}
+#| echo: false
+#| output: asis
+from urllib.parse import urlencode
+
+lines = """
+%pip install numpy pandas tzdata
+import pyodide_js, pathlib, js
+await pyodide_js.loadPackage("https://storage.googleapis.com/ibis-wasm-wheels/pyarrow-16.0.0.dev2661%2Bg9bddb87fd-cp311-cp311-emscripten_3_1_46_wasm32.whl")
+pathlib.Path("penguins.csv").write_text(await (await js.fetch("https://storage.googleapis.com/ibis-tutorial-data/penguins.csv")).text())
+del pyodide_js, pathlib, js
+%clear
+%pip install 'ibis-framework[duckdb]'
+from ibis.interactive import *
+penguins = ibis.read_csv("penguins.csv")
+penguins
+"""
+
+params = [
+    ("toolbar", "1"),
+    ("theme", "JupyterLab Night"),
+    ("kernel", "python"),
+]
+params.extend(("code", line) for line in lines.splitlines() if line)
+query = urlencode(params)
+
+jupyterlite = f"../jupyterlite/repl/?{query}"
+iframe = f'<iframe src="{jupyterlite}" class="jupyterlite-console" width="100%" height="600px"></iframe>'
+print(iframe)
+```
 
 :::
 
@@ -708,7 +710,7 @@ Phillip
 
 - [LinkedIn (phillip-cloud)](https://www.linkedin.com/in/phillip-cloud/)
 - [GitHub (@cpcloud)](https://github.com/cpcloud)
-- [X (@cpcloudy)](https://twitter.com/cpcloudy)
+- [Twitter (@cpcloudy)](https://twitter.com/cpcloudy)
 
 :::
 ::: {.column width="50%"}
@@ -727,5 +729,3 @@ Chloe
 - Installation: <https://ibis-project.org/install>
 - Tutorial: <https://ibis-project.org/tutorials/getting_started>
 - This talk: <https://ibis-project.org/presentations/linkedin-meetup-2024-04-24>
-
-# The end

docs/styles.css

@@ -15,7 +15,7 @@ section[id^="parameters-"] {
   width: 1em;
 }
 
-#jupyterlite-console {
+.jupyterlite-console {
   width: 100%;
   height: 95%;
   margin: auto;

docs/tutorials/browser/repl.qmd

@@ -37,7 +37,7 @@ params.extend(("code", line) for line in lines.splitlines() if line)
 query = urlencode(params)
 
 jupyterlite = f"../../jupyterlite/repl/?{query}"
-iframe = f'<iframe src="{jupyterlite}" id="jupyterlite-console"></iframe>'
+iframe = f'<iframe src="{jupyterlite}" class="jupyterlite-console"></iframe>'
 print(iframe)
 ```