feat(showcase): update Pluto notebooks with new interactive features and corporate styling

Author: amaurigmartins

docs/showcase/pluto/hello.jl

@@ -330,4 +330,51 @@ version = "17.4.0+2"
 # ╠═83def218-0a73-4808-acbb-47491780a8c3
 # ╠═161e535b-b177-4fd3-9968-68e9ebe3909e
 # ╟─00000000-0000-0000-0000-000000000001
-# ╟─00000000-0000-0000-0000-000000000002
+# ╟─00000000-0000-0000-0000-000000000002
+### A Pluto.jl notebook ###
+# v0.19.43
+
+using Markdown
+using InteractiveUtils
+
+# ╔═╡ 11111111-1111-1111-1111-111111111111
+begin
+    import Pkg
+    try
+        using HypertextLiteral
+    catch
+        Pkg.add("HypertextLiteral"); using HypertextLiteral
+    end
+    # Inject corporate CSS
+    css = read("docs/showcase/pluto/corporate.css", String)
+    @htl("<style>$(css)</style>")
+end
+
+# ╔═╡ 22222222-2222-2222-2222-222222222222
+md"""
+# Pluto Demo (Hello)
+Adjust N and recompute a couple of expressions.
+"""
+
+# ╔═╡ 33333333-3333-3333-3333-333333333333
+begin
+    import Pkg
+    try
+        using PlutoUI
+    catch
+        Pkg.add("PlutoUI"); using PlutoUI
+    end
+    nothing
+end
+
+# ╔═╡ 44444444-4444-4444-4444-444444444444
+@bind N Slider(1:50; default=10, show_value=true)
+
+# ╔═╡ 55555555-5555-5555-5555-555555555555
+sum_squares = sum(i^2 for i in 1:N)
+
+# ╔═╡ 66666666-6666-6666-6666-666666666666
+prod_small = prod(1:5)
+
+# ╔═╡ 77777777-7777-7777-7777-777777777777
+md"sum(i^2 for i in 1:N) = $(sum_squares)\n\nprod(1:5) = $(prod_small)"

docs/showcase/pluto/plot.jl

@@ -1181,4 +1181,51 @@ version = "1.9.2+0"
 # ╠═fe7cd2d7-8f42-48c5-b453-b10263e282a9
 # ╠═dfe372ba-082c-4fe1-8f4e-0f32c295594b
 # ╟─00000000-0000-0000-0000-000000000001
-# ╟─00000000-0000-0000-0000-000000000002
+# ╟─00000000-0000-0000-0000-000000000002
+### A Pluto.jl notebook ###
+# v0.19.43
+
+using Markdown
+using InteractiveUtils
+
+# ╔═╡ aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa
+begin
+    import Pkg
+    try
+        using HypertextLiteral
+    catch
+        Pkg.add("HypertextLiteral"); using HypertextLiteral
+    end
+    css = read("docs/showcase/pluto/corporate.css", String)
+    @htl("<style>$(css)</style>")
+end
+
+# ╔═╡ bbbbbbbb-bbbb-bbbb-bbbb-bbbbbbbbbbbb
+md"""
+# Pluto Plot Demo
+Interactively change N and see the curve update.
+"""
+
+# ╔═╡ cccccccc-cccc-cccc-cccc-cccccccccccc
+begin
+    import Pkg
+    try
+        using PlutoUI, Plots
+    catch
+        Pkg.add(["PlutoUI","Plots"]); using PlutoUI, Plots
+    end
+    nothing
+end
+
+# ╔═╡ dddddddd-dddd-dddd-dddd-dddddddddddd
+@bind N Slider(10:10:200; default=50, show_value=true)
+
+# ╔═╡ eeeeeeee-eeee-eeee-eeee-eeeeeeeeeeee
+x = 0:0.01:2π
+
+# ╔═╡ ffffffff-ffff-ffff-ffff-ffffffffffff
+y = @. sin(N * x) * exp(-0.2x)
+
+# ╔═╡ 99999999-9999-9999-9999-999999999999
+plot(x, y, lw=2, color=:cyan, bg=:transparent, legend=false,
+     xlabel="x", ylabel="y", title="y = sin(Nx) * exp(-0.2x)")