Merge pull request #68 from ESA-EarthCODE/review2-edits-and-fixes

various fixes

Author: sunnydean

pages/Getting started with EarthCODE/10 minutes to EarthCODE.md

@@ -78,8 +78,8 @@ Platforms differ in four areas: the data they give you access to (and the way yo
 
 ### Data Access
 Each platform provides a variety of EO data stored on the cloud and expose access in different ways. For example you can access the full Sentinel, Landsat and Modis archives via the Sentinel Hub API on the Euro Data Cube platform. By moving your compute to data, you eliminate the need to download and handle large files and benefit from distributed, cloud-optimized services to scale at the local, regional and global level of analysis. Moreover, by referencing inputs for your workflows through links to a platform, you ensure reusability and reproducibility of your data and workflows.
-:::tip note to self - bigger, better, zoomable
-:::
+<!-- :::tip note to self - bigger, better, zoomable
+::: -->
 ![Sentinel Data https://eox.at/2024/08/sentinel-2-cloudless-2023/](/img/terms/eoxcloudless2023_mediterranean.jpg)
 *Sentinel Data at Scale - The Mediterranean - Sentinel 2 Cloudless 2023*
 
@@ -88,8 +88,8 @@ Each platform provides a variety of EO data stored on the cloud and expose acces
 ### Workflow Development
 EarthCODE platforms differ in interface and how you build and run algorithms: some offer visual process designers, others provide Jupyter Notebooks with extensions, and several combine both. For example OpenEO provides both the OpenEO API and a graphical interface. Many platforms also ship pre‑configured machine‑learning environments and ready‑made domain algorithms. Pick the platform whose tooling matches the tools you already use and project goals; cloud execution keeps everything reproducible and scalable without local setup hassles. By using platforms to develop code you can directly publish end-to-end FAIR workflows that enable users to reproduce and reuse result datasets and code.
 
-:::tip Note to self turn this to a gif of how the editor produces something
-:::
+<!-- :::tip Note to self turn this to a gif of how the editor produces something
+::: -->
 ![OpenEO Editor](/img/terms/open_eo_save_process.png)
 *Open EO Process Editor GUI*
 
@@ -108,8 +108,8 @@ Platforms vary in the compute they expose: some offer standard CPU and some offe
 ### Vizualization tools
 Platforms differ in how they let you visualize published results from others and present your own results, some embed interactive map widgets, time‑series explorers or dashboard builders, some allow you to easily combine multiple data cubes. DeepESDL, for instance, includes the xcube viewer, a browser‑based component for slicing and animating data cubes. Robust in‑platform visualisation can streamline exploratory analysis and make it easier to share insights, so factor these capabilities into your platform choice.
 
-:::tip Note to self, would be super cool to just embed it, can we do it instead of an image?
-:::
+<!-- :::tip Note to self, would be super cool to just embed it, can we do it instead of an image?
+::: -->
 <!-- <details> Potential solution to scroll snapping 
   <summary>Show DeepESDL viewer</summary>
 
@@ -122,15 +122,17 @@ Platforms differ in how they let you visualize published results from others and
   ></iframe>
 </details> -->
 
-<iframe  src="https://viewer.earthsystemdatalab.net/" title="DeepESDL Vizualization Tools" width="100%" height="700" loading="lazy" onload="this.blur()">
-</iframe>
+<!-- <iframe  src="https://viewer.earthsystemdatalab.net/" title="DeepESDL Vizualization Tools" width="100%" height="700" loading="lazy" onload="this.blur()">
+</iframe> -->
+
+![DeepESDL](/img/terms/deepesdlseasfire.png)
 *DeepESDL [Xcube Viewer](https://viewer.earthsystemdatalab.net/)*
 
 
-<details> 
-  <summary>Option 2, just an image </summary>
+<!-- <details> 
+  <summary>Click here if the above example does not load</summary>
     <img src="/img/terms/deepesdlseasfire.png"/>
-</details>
+</details> -->
 
 
 Visit the [Working with Platforms](../Technical%20Documentation/Platforms/) page to explore EarthCODE platform and for help to choose the platform that best suits your research objectives.

pages/Getting started with EarthCODE/index.md

@@ -19,7 +19,6 @@ order: 0
 
 
 
-
 ## Welcome to EarthCODE!
 
 Whether you are a scientist, a member of a research project, a developer or simply someone interested in using EarthCODE, this guide will help you get started.
@@ -40,8 +39,18 @@ There are two ways to explore EarthCODE:
    * [Accessing EarthCODE](./Accessing%20EarthCODE.md) – Accessing EarthCODE and Platforms
    * [Troubleshooting and Support](./Troubleshooting%20and%20Support.md) – Help when you need it
 
-:::tip Idea, iterate over the platform logos here
-:::
+2. **Explore the EarthCODE Platform Ecosystem** – We have a growing ecosystem of platforms to provide [FAIR and Open Earth Observation science tools and infrastructure](../Technical%20Documentation/Platforms/index.md) to explore.
+
+<div style="display: flex; justify-content: center; align-items: center; gap: 2rem; flex-wrap: wrap; margin: 2rem 0;">
+  <img src="/img/platforms/platform_logos/deepesdl.webp" alt="DeepESDL" style="max-height: 120px; object-fit: contain;" />
+  <img src="/img/platforms/platform_logos/eurodatacube.png" alt="Euro Data Cube" style="max-height: 120px; object-fit: contain;" />
+  <img src="/img/platforms/platform_logos/openeo.png" alt="openEO" style="max-height: 120px; object-fit: contain;" />
+</div>
+<div style="display: flex; justify-content: center; align-items: center; gap: 2rem; flex-wrap: wrap; margin: 2rem 0;">
+  <img src="/img/platforms/platform_logos/PANGEO.png" alt="DeepESDL" style="max-height: 120px; object-fit: contain;" />
+  <img src="/img/platforms/platform_logos/Polar-TEP-Logo.png" alt="Euro Data Cube" style="max-height: 120px; object-fit: contain;" />
+  <img src="/img/platforms/platform_logos/CoCalc_logo.svg.png" alt="openEO" style="max-height: 120px; object-fit: contain;" />
+</div>
 
 Whichever path you choose, this guide will support your journey as you engage with the EarthCODE community.
 
@@ -59,7 +68,8 @@ Here's how it works:
 4. Anyone can browse the Open Science Catog, find your published data and workflows, reuse and *reproduce them. 
 5. The community engages via the **EarthCODE Forum**, which is directly connected to the catalog.
 
-::: tip Users can reproduce, reuse and run your workflows through EarthCODE if they are published via an EarthCODE integrated platform AND If the user has sufficient resources or sponsorship (from NoR) for the compute costs. This is why it is important to consider what tooling/platforms one uses so as to ensure reuse-ability from the start of the project.
+::: tip Reusability of Workflows Across Platforms
+Users can reproduce, reuse and run your workflows through EarthCODE if they are published via an EarthCODE integrated platform and If the user has sufficient resources through self-sponsorship or sponsorship from the Network of Resources. This is why it is important to consider what tooling/platforms one uses so as to ensure reuse-ability from the start of the project.
 :::
 
 ![EarthCODE Components](/img/gettingstarted/earthcode-components.png)
@@ -135,12 +145,16 @@ You can explore what **your role** is in the EarthCODE community below:
 
 ### I am a:
 
-:::tip note to self
+
+:::tip 
+Hold down shift to scroll horizontally with your mousewheel
+:::
+<!-- :::tip note to self
 Use Case Examples / Personas
 A few brief examples of how a climate scientist, ML developer, or EO analyst might use EarthCODE end-to-end. Helps make abstract concepts concrete.
 
 make these clickable and expandable as well
-:::
+::: -->
 ---
 
 <!-- HTML for actor cards Note: Maybe add some icons here for each of the roles -->
@@ -239,7 +253,7 @@ make these clickable and expandable as well
 </div>
 
 <style>
-/* Container: horizontal scroll + scroll snap. */
+
 .role-cards-container {
   display: flex;
   flex-wrap: nowrap; 
@@ -291,8 +305,8 @@ make these clickable and expandable as well
   color: #333;
 }
 #post-wrapper {
-  overflow-y: hidden;   /* off at first – script re‑enables it later*/
-  overflow-x: auto;     /* horizontal scroll remains on*/
+  overflow-y: hidden;
+  overflow-x: auto;  
 }
 
 </style>

pages/Technical Documentation/Platforms/index.md

@@ -3,15 +3,27 @@ order: 0
 ---
 # Working with Platforms
 
+EarthCODE partners with a growing ecosystem of platforms to provide FAIR and Open Earth Observation science tools and infrastructure!
+
+<div style="display: flex; justify-content: center; align-items: center; gap: 2rem; flex-wrap: wrap; margin: 2rem 0;">
+  <img src="/img/platforms/platform_logos/deepesdl.webp" alt="DeepESDL" style="max-height: 120px; object-fit: contain;" />
+  <img src="/img/platforms/platform_logos/eurodatacube.png" alt="Euro Data Cube" style="max-height: 120px; object-fit: contain;" />
+  <img src="/img/platforms/platform_logos/openeo.png" alt="openEO" style="max-height: 120px; object-fit: contain;" />
+</div>
+<div style="display: flex; justify-content: center; align-items: center; gap: 2rem; flex-wrap: wrap; margin: 2rem 0;">
+  <img src="/img/platforms/platform_logos/PANGEO.png" alt="DeepESDL" style="max-height: 120px; object-fit: contain;" />
+  <img src="/img/platforms/platform_logos/Polar-TEP-Logo.png" alt="Euro Data Cube" style="max-height: 120px; object-fit: contain;" />
+  <img src="/img/platforms/platform_logos/CoCalc_logo.svg.png" alt="openEO" style="max-height: 120px; object-fit: contain;" />
+</div>
+
+
 This section is your starting point for exploring the platforms and tools available in the EarthCODE ecosystem. Whether you're launching a new project or looking to streamline your existing workflow, you'll find guidance here on how to choose the right platform and their key capabilities.
 
 
 Here provide only the information that the platforms can be self-sponsored (for those who have already access to them) or can be requested by ESA NOR portal (provide a link and the link to tutorial, for those new to NoR) 
 
 The EarthCODE integrated platforms can either be self-sponsored if your team already have access to them. You can alternatively apply for sponsorship from the [Network of Resources](https://nor-discover.org/) for access & resources on your selected platform. Please refer to the [NoR Tutorial Page](../../Training%20and%20Resources/NoR.md) for more details about making a NoR application.
 
----
-
 ## Choosing Tools and Platforms
 
 EarthCODE provides you *single‑sign‑on* access to a growing number of EO platforms that host EO data, development tools and compute. Once you log in with your EarthCODE account, you carry the same identity across the **EarthCODE Portal**, the **EarthCODE Forum**, each **integrated platform**, and the **Open Science Catalog**.