From bf16840b7b36a265d89f8728286f8b252e9ca57a Mon Sep 17 00:00:00 2001 From: Veronica Andreo Date: Wed, 21 May 2025 16:27:17 -0300 Subject: [PATCH 1/4] Use the .lightbox class to make images clickable --- content/tutorials/get_started/fast_track.qmd | 22 ++++++++++---------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/content/tutorials/get_started/fast_track.qmd b/content/tutorials/get_started/fast_track.qmd index c996785..64bdb2d 100644 --- a/content/tutorials/get_started/fast_track.qmd +++ b/content/tutorials/get_started/fast_track.qmd @@ -43,7 +43,7 @@ Just double click on the GRASS ![](images/grass-32x32.png) icon. You will get the GUI and terminal. You can use GRASS tools in either. It's a matter of taste, task on hand and habit, too. -![GRASS Graphical User Interface and terminal](images/grass_gui_first_time_and_cli_combined.png){width=60%} +![GRASS Graphical User Interface and terminal](images/grass_gui_first_time_and_cli_combined.png){width=60% fig-align="center" .lightbox} GRASS GUI has a single window layout by default, but it is also possible to minimize and/or dock/undock the panels. On the right, you can find the **data** @@ -59,7 +59,7 @@ simple **Python console** where you can use the GRASS Python API. ::: {.callout-note} See this example of the GRASS single window GUI with multiple map displays: -![](images/grass_gui_multiple_map_displays.png){.preview-image width=50%} +![](images/grass_gui_multiple_map_displays.png){.preview-image width=50% .lightbox} ::: ## Step 3: Create a project @@ -86,7 +86,7 @@ name, EPSG code or take it from your input data. Let's see a simple way to create a project in GRASS GUI. You can either click over "Create new project" in the info bar or use ![](images/project-add.png) icon. -![Create a new GRASS project](images/create_new_project_gui.png){width=75%} +![Create a new GRASS project](images/create_new_project_gui.png){width=75% .lightbox} ## Step 4: Import your data @@ -111,16 +111,16 @@ scenes that can be found Note that we can import all files within a directory if we specify the extension of such files, `jp2` in this case. -![](images/import_raster.png){width=50%} +![](images/import_raster.png){width=50% .lightbox} In another example, we import a GeoPackage with different CRS. Data will be automatically reprojected. -![](images/import_vector_with_reprojection.png){width=55%} +![](images/import_vector_with_reprojection.png){width=55% .lightbox} Maps will be added to the layer tree and displayed automatically. -![](images/raster_and_vector_imported.png){width=75%} +![](images/raster_and_vector_imported.png){width=75% .lightbox} ## Step 5: Set the computational region @@ -139,7 +139,7 @@ smaller computational region allows you to test your algorithms and parameter values without the need to clip input maps, so once you are happy with the result, you can run the process for the whole raster extent. -![](images/region.png){width=60%} +![](images/region.png){width=60% .lightbox} The computational region can be changed interactively from the map display by selecting a region with your mouse, or using the `g.region` tool both @@ -147,22 +147,22 @@ from the GUI and command line. * Interactive: -![](images/set_region_interactively.png){width=65%} +![](images/set_region_interactively.png){width=65% .lightbox} * Using `g.region` from the contextual menu after right click on a layer: -![](images/grass_gui_set_region_contextual_menu.png){width=70%} +![](images/grass_gui_set_region_contextual_menu.png){width=70% .lightbox} * Using `g.region` from the main menu in the GUI: -![](images/set_region_gui.png){width=70%} +![](images/set_region_gui.png){width=70% .lightbox} Note how commands are formed when you select options in the GUI. If you use the button, you can then paste these in a text file and set the basis of your protocol, which can then be generalized into a script or even your own GRASS tool. -![](images/region_set.png){width=60%} +![](images/region_set.png){width=60% .lightbox} * From the console tab or in the terminal: From 1f103a292ac3e6cbd3a0ce6e4338d6238d03ed71 Mon Sep 17 00:00:00 2001 From: Veronica Andreo Date: Wed, 21 May 2025 16:40:23 -0300 Subject: [PATCH 2/4] fix one more img --- .../tutorials/get_started/JupyterOnWindows_OSGeo4W_Tutorial.qmd | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/tutorials/get_started/JupyterOnWindows_OSGeo4W_Tutorial.qmd b/content/tutorials/get_started/JupyterOnWindows_OSGeo4W_Tutorial.qmd index c5a1662..7bedda4 100644 --- a/content/tutorials/get_started/JupyterOnWindows_OSGeo4W_Tutorial.qmd +++ b/content/tutorials/get_started/JupyterOnWindows_OSGeo4W_Tutorial.qmd @@ -44,7 +44,7 @@ following packages for install (switching from "Skip" to the version number): * `python3-jupyterlab` * `python3-ipywidgets` -![Install GRASS with OSGeo4W installer](images/osgeo4w_install_grass.png){width=60%} +![Install GRASS with OSGeo4W installer](images/osgeo4w_install_grass.png){width=60% .lightbox} #### 3. Go make a cup of tea From c170013cbfa839150a28b1a0b8dea6d0b6ea5f3d Mon Sep 17 00:00:00 2001 From: Veronica Andreo Date: Fri, 23 May 2025 11:48:14 -0300 Subject: [PATCH 3/4] Update content/tutorials/get_started/JupyterOnWindows_OSGeo4W_Tutorial.qmd Co-authored-by: Corey White --- .../tutorials/get_started/JupyterOnWindows_OSGeo4W_Tutorial.qmd | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/tutorials/get_started/JupyterOnWindows_OSGeo4W_Tutorial.qmd b/content/tutorials/get_started/JupyterOnWindows_OSGeo4W_Tutorial.qmd index 7bedda4..16536e9 100644 --- a/content/tutorials/get_started/JupyterOnWindows_OSGeo4W_Tutorial.qmd +++ b/content/tutorials/get_started/JupyterOnWindows_OSGeo4W_Tutorial.qmd @@ -44,7 +44,7 @@ following packages for install (switching from "Skip" to the version number): * `python3-jupyterlab` * `python3-ipywidgets` -![Install GRASS with OSGeo4W installer](images/osgeo4w_install_grass.png){width=60% .lightbox} +![Install GRASS with OSGeo4W installer](images/osgeo4w_install_grass.png){.lightbox width=60%} #### 3. Go make a cup of tea From 5dd30f0b71294152dd96ebdec8045206a251e312 Mon Sep 17 00:00:00 2001 From: Veronica Andreo Date: Fri, 23 May 2025 13:06:54 -0300 Subject: [PATCH 4/4] move lightbox to the header --- .../JupyterOnWindows_OSGeo4W_Tutorial.qmd | 1 + content/tutorials/get_started/fast_track.qmd | 23 ++++++++++--------- .../get_started/fast_track_grass_and_R.qmd | 1 + .../fast_track_grass_and_python.qmd | 1 + .../get_started/grass_gis_in_google_colab.qmd | 1 + 5 files changed, 16 insertions(+), 11 deletions(-) diff --git a/content/tutorials/get_started/JupyterOnWindows_OSGeo4W_Tutorial.qmd b/content/tutorials/get_started/JupyterOnWindows_OSGeo4W_Tutorial.qmd index 16536e9..576bc54 100644 --- a/content/tutorials/get_started/JupyterOnWindows_OSGeo4W_Tutorial.qmd +++ b/content/tutorials/get_started/JupyterOnWindows_OSGeo4W_Tutorial.qmd @@ -4,6 +4,7 @@ author: "Caitlin Haedrich" date: 2024-06-15 image: images/getting_started_grass_jupyternotebook.png date-modified: today +lightbox: true format: html: toc: true diff --git a/content/tutorials/get_started/fast_track.qmd b/content/tutorials/get_started/fast_track.qmd index 64bdb2d..e34dd42 100644 --- a/content/tutorials/get_started/fast_track.qmd +++ b/content/tutorials/get_started/fast_track.qmd @@ -3,6 +3,7 @@ title: "Get started with GRASS GUI" author: "Veronica Andreo" date: 2024-03-19 date-modified: today +lightbox: true format: html: toc: true @@ -43,7 +44,7 @@ Just double click on the GRASS ![](images/grass-32x32.png) icon. You will get the GUI and terminal. You can use GRASS tools in either. It's a matter of taste, task on hand and habit, too. -![GRASS Graphical User Interface and terminal](images/grass_gui_first_time_and_cli_combined.png){width=60% fig-align="center" .lightbox} +![GRASS Graphical User Interface and terminal](images/grass_gui_first_time_and_cli_combined.png){width=60% fig-align="center"} GRASS GUI has a single window layout by default, but it is also possible to minimize and/or dock/undock the panels. On the right, you can find the **data** @@ -59,7 +60,7 @@ simple **Python console** where you can use the GRASS Python API. ::: {.callout-note} See this example of the GRASS single window GUI with multiple map displays: -![](images/grass_gui_multiple_map_displays.png){.preview-image width=50% .lightbox} +![](images/grass_gui_multiple_map_displays.png){.preview-image width=50%} ::: ## Step 3: Create a project @@ -86,7 +87,7 @@ name, EPSG code or take it from your input data. Let's see a simple way to create a project in GRASS GUI. You can either click over "Create new project" in the info bar or use ![](images/project-add.png) icon. -![Create a new GRASS project](images/create_new_project_gui.png){width=75% .lightbox} +![Create a new GRASS project](images/create_new_project_gui.png){width=75%} ## Step 4: Import your data @@ -111,16 +112,16 @@ scenes that can be found Note that we can import all files within a directory if we specify the extension of such files, `jp2` in this case. -![](images/import_raster.png){width=50% .lightbox} +![](images/import_raster.png){width=50%} In another example, we import a GeoPackage with different CRS. Data will be automatically reprojected. -![](images/import_vector_with_reprojection.png){width=55% .lightbox} +![](images/import_vector_with_reprojection.png){width=55%} Maps will be added to the layer tree and displayed automatically. -![](images/raster_and_vector_imported.png){width=75% .lightbox} +![](images/raster_and_vector_imported.png){width=75%} ## Step 5: Set the computational region @@ -139,7 +140,7 @@ smaller computational region allows you to test your algorithms and parameter values without the need to clip input maps, so once you are happy with the result, you can run the process for the whole raster extent. -![](images/region.png){width=60% .lightbox} +![](images/region.png){width=60%} The computational region can be changed interactively from the map display by selecting a region with your mouse, or using the `g.region` tool both @@ -147,22 +148,22 @@ from the GUI and command line. * Interactive: -![](images/set_region_interactively.png){width=65% .lightbox} +![](images/set_region_interactively.png){width=65%} * Using `g.region` from the contextual menu after right click on a layer: -![](images/grass_gui_set_region_contextual_menu.png){width=70% .lightbox} +![](images/grass_gui_set_region_contextual_menu.png){width=70%} * Using `g.region` from the main menu in the GUI: -![](images/set_region_gui.png){width=70% .lightbox} +![](images/set_region_gui.png){width=70%} Note how commands are formed when you select options in the GUI. If you use the button, you can then paste these in a text file and set the basis of your protocol, which can then be generalized into a script or even your own GRASS tool. -![](images/region_set.png){width=60% .lightbox} +![](images/region_set.png){width=60%} * From the console tab or in the terminal: diff --git a/content/tutorials/get_started/fast_track_grass_and_R.qmd b/content/tutorials/get_started/fast_track_grass_and_R.qmd index 980aaeb..d9c506f 100644 --- a/content/tutorials/get_started/fast_track_grass_and_R.qmd +++ b/content/tutorials/get_started/fast_track_grass_and_R.qmd @@ -3,6 +3,7 @@ title: "Get started with GRASS & R: the rgrass package" author: "Veronica Andreo" date: 2024-03-29 date-modified: today +lightbox: true format: ipynb: default html: diff --git a/content/tutorials/get_started/fast_track_grass_and_python.qmd b/content/tutorials/get_started/fast_track_grass_and_python.qmd index 5ec0ee7..f6000d9 100644 --- a/content/tutorials/get_started/fast_track_grass_and_python.qmd +++ b/content/tutorials/get_started/fast_track_grass_and_python.qmd @@ -3,6 +3,7 @@ title: "Get started with GRASS & Python in Jupyter Notebooks" author: "Veronica Andreo" date: 2024-03-25 date-modified: today +lightbox: true format: ipynb: default html: diff --git a/content/tutorials/get_started/grass_gis_in_google_colab.qmd b/content/tutorials/get_started/grass_gis_in_google_colab.qmd index d6fdc73..fec4731 100644 --- a/content/tutorials/get_started/grass_gis_in_google_colab.qmd +++ b/content/tutorials/get_started/grass_gis_in_google_colab.qmd @@ -3,6 +3,7 @@ title: "Get started with GRASS in Google Colab" author: "Veronica Andreo" date: 2024-04-12 date-modified: today +lightbox: true format: ipynb: default html: