feat(showcase): refactor LocalImage function to accept keyword arguments for improved image handling

Author: amaurigmartins

binder/requirements.txt

@@ -1 +1 @@
-jupyter-pluto-proxy
+julia=1.11

binder/start

@@ -2,13 +2,14 @@
 set -euxo pipefail
 
 # Start Pluto on the Binder port and open your notebook
-exec julia -e '
+exec julia --project=binder -e '
 import Pluto
 import WGLMakie; WGLMakie.activate!()
 using PlutoStyles
 Pluto.run(host = "0.0.0.0",
     port = parse(Int, get(ENV, "PORT", "8888")),
     launch_browser = false,
-    require_secret_for_open = false,
+    require_secret_for_open_links=false, 
+    require_secret_for_access=false,
 )
 '

showcase/showcase1.jl

@@ -74,8 +74,9 @@ begin
 		write(io, "</p></details>")
 	end
 
-	LocalImage(x, kwargs) = LocalResource(joinpath(@__DIR__, "assets", "img", x), kwargs...)
-end
+	LocalImage(x::AbstractString; attrs...) =
+    LocalResource(joinpath(@__DIR__, "assets", "img", x), pairs(attrs)...)
+end;
 
 # ╔═╡ b806b033-db55-4033-a975-ae3fe609b345
 md"""# 
@@ -145,7 +146,7 @@ TwoColumn(
    2. ###### **Protection** of cable-based systems
    3. ###### **Control** interactions
    4. ###### **Resilient HVDC** grids
-   $(LocalResource(joinpath(@__DIR__, "assets", "img", "future_grids.svg"), :width => 600, :style => "display: block; float: left; margin-left: auto; margin-right: auto;"))
+   $(LocalImage("future_grids.svg", width = 600, style = "display: block; float: left; margin-left: auto; margin-right: auto;"))
    	""")
 
 # ╔═╡ 3e6a9c64-827d-4491-bcac-252ee7b1dc81
@@ -171,8 +172,8 @@ TwoColumn(
 	- #### Cables as a part of multi-GW future power grids.
 
 		""",
-	md"""$(LocalImage("cables1.png", :width => 250, :style => "display: block; margin-left: auto; margin-right: auto; margin-bottom: 50px;"))
-   $(LocalImage("cables2.png"), :width => 250, :style => "display: block; margin-left: auto; margin-right: auto;"))
+	md"""$(LocalImage("cables1.png", width=250, style="display: block; margin-left: auto; margin-right: auto; margin-bottom: 50px;"))
+   $(LocalImage("cables2.png", width=250, style="display: block; margin-left: auto; margin-right: auto;"))
    	""")
 
 # ╔═╡ a3f5a8c5-4ab9-4a33-abab-7907ffab1347
@@ -669,22 +670,22 @@ md"""
 
 # ╔═╡ Cell order:
 # ╠═a82fd7fe-465d-4744-870f-638a72a54317
-# ╠═7b9396bd-5253-4ecd-b863-c7f9ae47cc65
-# ╠═e85bf184-df3d-45b1-a4d8-958e75ae71b8
-# ╠═4462e48f-0d08-4ad9-8dd9-12f4f5912f38
-# ╠═b806b033-db55-4033-a975-ae3fe609b345
+# ╟─7b9396bd-5253-4ecd-b863-c7f9ae47cc65
+# ╟─e85bf184-df3d-45b1-a4d8-958e75ae71b8
+# ╟─4462e48f-0d08-4ad9-8dd9-12f4f5912f38
+# ╟─b806b033-db55-4033-a975-ae3fe609b345
 # ╟─de026730-c3ad-4fda-9140-84f11370a7fc
 # ╟─f08a32db-05d9-4ddb-9c46-34bc623ce5e7
 # ╟─50384351-fc38-4b29-9bf6-db1556d49dee
 # ╟─23913cc6-a81b-4098-bacf-7a2e09998e53
 # ╟─d482241c-4bd5-4896-bdc1-e82387f69051
 # ╟─14f07acc-5353-4b1d-b94f-9ae43f87289b
 # ╟─a38bd2da-4ee7-4b16-88ae-f2eeb426dff3
-# ╠═6c6e4d21-cc38-46eb-8178-4cc4a99adcba
+# ╟─6c6e4d21-cc38-46eb-8178-4cc4a99adcba
 # ╟─3e6a9c64-827d-4491-bcac-252ee7b1dc81
-# ╠═877a84cc-979f-48c9-ac41-59be60b4850b
+# ╟─877a84cc-979f-48c9-ac41-59be60b4850b
 # ╟─a3f5a8c5-4ab9-4a33-abab-7907ffab1347
-# ╠═3ff0eea3-9f1d-487f-a752-be6462f4bfb7
+# ╟─3ff0eea3-9f1d-487f-a752-be6462f4bfb7
 # ╟─a8ea0da0-36f1-44d4-9415-d3041f34c23f
 # ╟─f5fa7e28-97a7-456b-87a9-5ac4b76be9d4
 # ╟─8c2eaef0-4e01-41b9-b1a6-a20dfa9b2d57