From e45991ab86ab8003b6eeffd8b7a4357259168fa8 Mon Sep 17 00:00:00 2001 From: Fernando Hernandez Date: Tue, 16 Jul 2024 22:03:44 +0200 Subject: [PATCH 1/3] tutorial section added --- ui/src/routes/Nav2.svelte | 2 ++ ui/src/routes/tutorials/+page.svelte | 51 ++++++++++++++++++++++++++++ 2 files changed, 53 insertions(+) create mode 100644 ui/src/routes/tutorials/+page.svelte diff --git a/ui/src/routes/Nav2.svelte b/ui/src/routes/Nav2.svelte index 7e0902ca..1b438d14 100755 --- a/ui/src/routes/Nav2.svelte +++ b/ui/src/routes/Nav2.svelte @@ -7,6 +7,7 @@ import CogOutline from "svelte-material-icons/CogOutline.svelte"; import CloudCogOutline from "svelte-material-icons/CloudCogOutline.svelte"; import ChartBoxPlusOutline from "svelte-material-icons/ChartBoxPlusOutline.svelte"; + import SchoolOutline from "svelte-material-icons/SchoolOutline.svelte"; export let loading; const links = [ @@ -19,6 +20,7 @@ icon: CloudCogOutline, }, { href: "/applications", label: "Applications", icon: CogOutline }, + { href: "/tutorials", label: "Tutorials", icon: SchoolOutline }, { href: "/docs", label: "Docs", icon: TextBoxMultipleOutline }, ]; const secondary_links = [ diff --git a/ui/src/routes/tutorials/+page.svelte b/ui/src/routes/tutorials/+page.svelte new file mode 100644 index 00000000..95d783fb --- /dev/null +++ b/ui/src/routes/tutorials/+page.svelte @@ -0,0 +1,51 @@ + + +
+
+
+

Tutorials

+

+ Tutorials. +

+
+
+ {#each applications as application} +
+
+

+ {application.name} +

+ {application.name} +

{application.description}

+
+
+ + + +
+
+ {/each} +
+
+
From 42a764817a3ce0bd2e9db13878e6a01c21b0a5b8 Mon Sep 17 00:00:00 2001 From: Fernando Hernandez Date: Thu, 18 Jul 2024 21:10:23 +0200 Subject: [PATCH 2/3] added tutorial section --- ui/src/routes/tutorials/+page.svelte | 66 ++++++++++++++++++---------- ui/src/routes/tutorials/tutorials.js | 56 +++++++++++++++++++++++ 2 files changed, 99 insertions(+), 23 deletions(-) create mode 100644 ui/src/routes/tutorials/tutorials.js diff --git a/ui/src/routes/tutorials/+page.svelte b/ui/src/routes/tutorials/+page.svelte index 95d783fb..5adba78f 100644 --- a/ui/src/routes/tutorials/+page.svelte +++ b/ui/src/routes/tutorials/+page.svelte @@ -1,12 +1,5 @@
@@ -14,35 +7,62 @@ class="px-3 py-10 mt-10 w-full max-w-6xl flex flex-col items-center h-full" >
-

Tutorials

+

Workshops

- Tutorials. + Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium debitis.

- {#each applications as application} + {#each workshops as workshop}

- {application.name} + {workshop.name} +

+ {workshop.name} +

{workshop.description}

+
+
+ {workshop.name} +
+
+ {/each} +
+ +
+

Tutorials

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium debitis. +

+
+
+ {#each tutorials as tutorial} +
+
+

+ {tutorial.name}

{application.name} -

{application.description}

+

{tutorial.description}

-
- - - +
+ {#each Object.keys(tutorial.links) as key} + + {key} + + {/each}
{/each} diff --git a/ui/src/routes/tutorials/tutorials.js b/ui/src/routes/tutorials/tutorials.js new file mode 100644 index 00000000..c5a60119 --- /dev/null +++ b/ui/src/routes/tutorials/tutorials.js @@ -0,0 +1,56 @@ +const workshops = [ + { + name: "PhiLab 2024", + thumbnail: "", + description:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium debitis voluptates corporis enim mollitia voluptatum officia impedit minus sit, modi, nesciunt perspiciatis fuga eum molestias eaque similique alias, quos vel.", + link: "https://github.com/earthpulse/eotdl/blob/main/tutorials/workshops/philab24/README.md", + }, + { + name: "BiDS 2023", + thumbnail: "", + description:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium debitis voluptates corporis enim mollitia voluptatum officia impedit minus sit, modi, nesciunt perspiciatis fuga eum molestias eaque similique alias, quos vel.", + link: "https://github.com/earthpulse/eotdl/blob/main/tutorials/workshops/bids23/README.md", + }, +]; + +const tutorials = [ + { + name: "Datasets", + thumbnail: "", + description:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium debitis voluptates corporis enim mollitia voluptatum officia impedit minus sit, modi, nesciunt perspiciatis fuga eum molestias eaque similique alias, quos vel.", + links: {"Introducing the EOTDL":"https://github.com/earthpulse/eotdl/blob/main/tutorials/notebooks/00_eotdl.ipynb", + "Exploring the EOTDL":"https://github.com/earthpulse/eotdl/blob/main/tutorials/notebooks/01_exploring.ipynb", + "Ingesting in the EOTDL":"https://github.com/earthpulse/eotdl/blob/main/tutorials/notebooks/02_ingesting.ipynb", + "Creating and ingesting Q1 datasets":"https://github.com/earthpulse/eotdl/blob/main/tutorials/notebooks/03_q1_datasets.ipynb", + "Creating and ingesting Q2 datasets":"https://github.com/earthpulse/eotdl/blob/main/tutorials/notebooks/04_q2_datasets.ipynb", + "Training and Inference with Sentinel Hub":"https://github.com/earthpulse/eotdl/blob/main/tutorials/notebooks/forest-map.ipynb", + } + }, + { + name: "Data access", + thumbnail: "", + description:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium debitis voluptates corporis enim mollitia voluptatum officia impedit minus sit, modi, nesciunt perspiciatis fuga eum molestias eaque similique alias, quos vel.", + links: {"Search Sentinel imagery":"https://github.com/earthpulse/eotdl/blob/main/tutorials/notebooks/10_search_sentinel_imagery.ipynb", + "Download Sentinel imagery":"https://github.com/earthpulse/eotdl/blob/main/tutorials/notebooks/11_download_sentinel_imagery.ipynb", + } + }, + { + name: "STAC", + thumbnail: "", + description:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium debitis voluptates corporis enim mollitia voluptatum officia impedit minus sit, modi, nesciunt perspiciatis fuga eum molestias eaque similique alias, quos vel.", + links: {"Generate STAC metadata ":"https://github.com/earthpulse/eotdl/blob/main/tutorials/notebooks/20_stac.ipynb", + "Generate STAC metadata with extensions":"https://github.com/earthpulse/eotdl/blob/main/tutorials/notebooks/21_stac_extensions.ipynb", + "Introducing the STACDataFrame labeling strategy":"https://github.com/earthpulse/eotdl/blob/main/tutorials/notebooks/22_stac_df_labeling.ipynb", + "Introducing the STACDataFrame items parser":"https://github.com/earthpulse/eotdl/blob/main/tutorials/notebooks/23_stac_item_parsers.ipynb", + "Introducing the STACDataFrame assets generator":"https://github.com/earthpulse/eotdl/blob/main/tutorials/notebooks/24_stac_assets_generator.ipynb", + "Generate STAC labels generated from SCANEO":"https://github.com/earthpulse/eotdl/blob/main/tutorials/notebooks/25_stac_labels_scaneo.ipynb", + "Generate STAC labels from the filename":"https://github.com/earthpulse/eotdl/blob/main/tutorials/notebooks/26_stac_labels_name.ipynb", + "Add the ML-Dataset STAC extension to a Catalog":"https://github.com/earthpulse/eotdl/blob/main/tutorials/notebooks/27_stac_ml_dataset.ipynb", + "Calculate Quality metrics from your Catalog with the ML-Dataset extension":"https://github.com/earthpulse/eotdl/blob/main/tutorials/notebooks/28_ml_dataset_quality_metrics.ipynb", + "Get a GeoDataFrame from STAC items":"https://github.com/earthpulse/eotdl/blob/main/tutorials/notebooks/29_stac_to_geodataframe.ipynb", + } + }, + ]; + + +export {tutorials, workshops}; \ No newline at end of file From c4c6a30f33f73ac2b67fcfa3aa3c3c3779ef4142 Mon Sep 17 00:00:00 2001 From: Fernando Hernandez Date: Wed, 24 Jul 2024 12:18:23 +0200 Subject: [PATCH 3/3] updated tutorial section --- ui/src/routes/tutorials/+page.svelte | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/ui/src/routes/tutorials/+page.svelte b/ui/src/routes/tutorials/+page.svelte index 5adba78f..1778340e 100644 --- a/ui/src/routes/tutorials/+page.svelte +++ b/ui/src/routes/tutorials/+page.svelte @@ -35,7 +35,7 @@ {/each}
-
+

Tutorials

Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium debitis. @@ -44,7 +44,7 @@

{#each tutorials as tutorial}