Add user-friendly landing page to DEA Sandbox (#1187)

* Added Robbi's prototype landing page to this branch

* Edited the intro text

* Editing the landing page

* Editing the Home prototype

* Editing this template further

* Minor punctuation

* Update notebook and add images

* Minor updates

* Minor wording and formatting

* Editing wording

* Removed the DEA Notebooks KH tile because it is redundant

* More wording changes

* More wording changes

* More wording changes

* Added CSS class to the image grid tables to allow styling on the KH

* Removed CSS classes because no longer needed

* Minor updates prior to publication

* Fix Tools link

* Minor edits to wording

* Added a 'Using the sidebar' image tile

---------

Co-authored-by: Benjamin Glitsos <[email protected]>
Co-authored-by: Benjamin Glitsos <[email protected]>

Beginners_guide/02_DEA.ipynb

@@ -356,7 +356,7 @@
    "name": "python",
    "nbconvert_exporter": "python",
    "pygments_lexer": "ipython3",
-   "version": "3.8.10"
+   "version": "3.10.13"
   },
   "widgets": {
    "application/vnd.jupyter.widget-state+json": {

DEA_Sandbox.ipynb

@@ -0,0 +1,161 @@
+{
+ "cells": [
+  {
+   "cell_type": "markdown",
+   "id": "8791bac4-9964-4977-9d7b-bad7d1a55821",
+   "metadata": {
+    "tags": []
+   },
+   "source": [
+    "<img src=\"Supplementary_data/dea_logo_wide.jpg\" />\n",
+    "\n",
+    "# DEA Sandbox\n",
+    "\n",
+    "Welcome to the **Digital Earth Australia Sandbox**. Here you can explore and analyse our data using interactive Jupyter Notebooks and Python tools from the [DEA Notebooks repository](https://github.com/GeoscienceAustralia/dea-notebooks/).\n"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "bc55827d-378b-4755-acad-51631fae9a98",
+   "metadata": {
+    "tags": []
+   },
+   "source": [
+    "<table border=\"0\" align=\"left\">\n",
+    "    <tr>\n",
+    "        <td style=\"vertical-align: top; max-width: 220px;\">\n",
+    "            <img src=\"./Supplementary_data/Landing_page/using-the-sidebar.jpeg\" style=\"max-width: 200px;\">\n",
+    "            <p style=\"font-size: 16px; font-weight: bold; margin-top: 1rem;\">Using the sidebar</p>\n",
+    "            <p>On the left side of the window you will see a sidebar containing folders. Double-click to open a folder then double-click any '.ipynb' notebook file to view and interact with it.</p>\n",
+    "        </td>\n",
+    "        <td style=\"vertical-align: top; max-width: 220px;\">\n",
+    "            <img src=\"./Supplementary_data/Landing_page/beginners.jpeg\" style=\"max-width: 200px;\">\n",
+    "            <p style=\"font-size: 16px; font-weight: bold; margin-top: 1rem;\">Beginners guide</p>\n",
+    "            <p>Introductory notebooks aimed at introducing Jupyter Notebooks and how to load, plot, and interact with DEA data.</p>\n",
+    "            <p>Get started with the <a href=\"./Beginners_guide/01_Jupyter_notebooks.ipynb\">Introduction to Jupyter Notebooks</a>.</p>\n",
+    "        </td>\n",
+    "        <td style=\"vertical-align: top; max-width: 220px;\">\n",
+    "            <img src=\"./Supplementary_data/Landing_page/deaproducts.jpeg\" style=\"max-width: 200px;\">\n",
+    "            <p style=\"font-size: 16px; font-weight: bold; margin-top: 1rem;\">DEA products</p>\n",
+    "            <p>Notebooks introducing DEA's satellite datasets and derived products, including how to load each dataset and any special features of the data.</p>\n",
+    "            <p>You will find guides on our data products such as <a href=\"./DEA_products/DEA_Coastlines.ipynb\">DEA Coastlines</a> and <a href=\"./DEA_products/DEA_Waterbodies.ipynb\">DEA Waterbodies</a>.</p>\n",
+    "        </td>\n",
+    "        <td style=\"vertical-align: top; max-width: 220px;\">\n",
+    "            <img src=\"./Supplementary_data/Landing_page/howto.jpeg\" style=\"max-width: 200px;\">\n",
+    "            <p style=\"font-size: 16px; font-weight: bold; margin-top: 1rem;\">How-to guides</p>\n",
+    "            <p>A recipe book of simple code examples demonstrating how to perform common geospatial analysis tasks using DEA and open-source software.</p>\n",
+    "            <p>There are how-to guides on numerous topics such as <a href=\"./How_to_guides/Pansharpening.ipynb\">pansharpening Landsat data</a> and <a href=\"./How_to_guides/Rasterize_vectorize.ipynb\">rasterising and vectorising</a>.</p>\n",
+    "        </td>\n",
+    "        <td style=\"vertical-align: top; max-width: 220px;\">\n",
+    "            <img src=\"./Supplementary_data/Landing_page/interactive.jpeg\" style=\"max-width: 200px;\">\n",
+    "            <p style=\"font-size: 16px; font-weight: bold; margin-top: 1rem;\">Interactive apps</p>\n",
+    "            <p>Interactive apps and widgets that require little or no coding to run.</p>\n",
+    "            <p>These include tools for <a href=\"./Interactive_apps/Exporting_satellite_images.ipynb\">exporting satellite images</a>, <a href=\"./Interactive_apps/Generating_satellite_animations.ipynb\">exporting animations</a>, and <a href=\"./Interactive_apps/Coastal_transects.ipynb\">analysing decades of coastal change</a>.</p>\n",
+    "        </td>\n",
+    "        <td style=\"vertical-align: top; max-width: 220px;\">\n",
+    "            <img src=\"./Supplementary_data/Landing_page/realworld.jpeg\" style=\"max-width: 200px;\">\n",
+    "            <p style=\"font-size: 16px; font-weight: bold; margin-top: 1rem;\">Real world examples</p>\n",
+    "            <p>More complex case study workflows demonstrating how DEA can be used to address real-world problems.</p>\n",
+    "            <p>These case studies cover many scientific and management applications from <a href=\"./Real_world_examples/Burnt_area_mapping.ipynb\">fire mapping</a> to <a href=\"./Real_world_examples/Chlorophyll_monitoring.ipynb\">algal bloom detection</a>.</p>\n",
+    "        </td>\n",
+    "        <td style=\"vertical-align: top; max-width: 220px;\">\n",
+    "            <img src=\"./Supplementary_data/Landing_page/deatools.jpeg\" style=\"max-width: 200px;\">\n",
+    "            <p style=\"font-size: 16px; font-weight: bold; margin-top: 1rem;\">DEA Tools</p>\n",
+    "            <p>An open-source Python package containing functions and algorithms to assist in analysing DEA data.</p>\n",
+    "            <p>It includes tools for <a href=\"./Tools/dea_tools/datahandling.py\">loading data</a>, <a href=\"./Tools/dea_tools/plotting.py\">plotting data</a>, <a href=\"./Tools/dea_tools/spatial.py\">spatial analysis</a>, and <a href=\"./Tools/dea_tools/classification.py\">machine learning</a>.</p>\n",
+    "        </td>\n",
+    "    </tr>\n",
+    "</table>\n"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "76ed22c9-5fe1-4b7a-9776-71c64d20ef74",
+   "metadata": {
+    "jp-MarkdownHeadingCollapsed": true,
+    "tags": []
+   },
+   "source": [
+    "## Learn more\n",
+    "\n",
+    "Visit the [DEA Knowledge Hub](https://docs.dea.ga.gov.au/) for comprehensive information about the datasets and concepts used in these Notebooks. The Knowledge Hub contains several sections, including:\n",
+    "\n",
+    "<table border=\"0\" align=\"left\">\n",
+    "    <tr>\n",
+    "        <td style=\"vertical-align: top; max-width: 220px; text-align: center;\">\n",
+    "            <a href=\"https://docs.dea.ga.gov.au/data/\">\n",
+    "                <img src=\"./Supplementary_data/Landing_page/products.jpeg\" style=\"max-width: 200px;\">\n",
+    "                <p style=\"font-size: 16px; font-weight: bold; margin-top: 1rem; color: rgba(0, 0, 0, 0.87);\">Product Metadata</p>\n",
+    "            </a>\n",
+    "        </td>\n",
+    "        <td style=\"vertical-align: top; max-width: 220px; text-align: center;\">\n",
+    "            <a href=\"https://docs.dea.ga.gov.au/guides/\">\n",
+    "                <img src=\"./Supplementary_data/Landing_page/userguides.jpeg\" style=\"max-width: 200px;\">\n",
+    "                <p style=\"font-size: 16px; font-weight: bold; margin-top: 1rem; color: rgba(0, 0, 0, 0.87);\">DEA User Guides</p>\n",
+    "            </a>\n",
+    "        </td>\n",
+    "        <td style=\"vertical-align: top; max-width: 220px; text-align: center;\">\n",
+    "            <a href=\"https://docs.dea.ga.gov.au/notebooks/Tools/\">\n",
+    "                <img src=\"./Supplementary_data/Landing_page/deatoolsapi.jpeg\" style=\"max-width: 200px;\">\n",
+    "                <p style=\"font-size: 16px; font-weight: bold; margin-top: 1rem; color: rgba(0, 0, 0, 0.87);\">DEA Tools Python API</p>\n",
+    "            </a>\n",
+    "        </td>\n",
+    "        <td style=\"vertical-align: top; max-width: 220px; text-align: center;\">\n",
+    "            <a href=\"https://docs.dea.ga.gov.au/guides/tech_alerts_changelog/\">\n",
+    "                <img src=\"./Supplementary_data/Landing_page/techalerts.jpeg\" style=\"max-width: 200px;\">\n",
+    "                <p style=\"font-size: 16px; font-weight: bold; margin-top: 1rem; color: rgba(0, 0, 0, 0.87);\">Tech Alerts and Changelog</p>\n",
+    "            </a>\n",
+    "        </td>\n",
+    "    </tr>\n",
+    "</table>\n"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "46a973d6-3828-4bc1-8480-62554f8d054c",
+   "metadata": {},
+   "source": [
+    "## Contact us\n",
+    "\n",
+    "If you need assistance, please post a question on the [Open Data Cube Slack channel](http://slack.opendatacube.org/) or on the [GIS Stack Exchange](https://gis.stackexchange.com/questions/ask?tags=open-data-cube) using the `open-data-cube` tag. But first, check the [previously asked questions](https://gis.stackexchange.com/questions/tagged/open-data-cube) for if your question has already been answered.\n",
+    "\n",
+    "To report a problem with the Jupyter Notebooks or DEA Tools, please [create an issue on the GitHub repository](https://github.com/GeoscienceAustralia/dea-notebooks/issues).\n",
+    "\n",
+    "**License:** The code in this repository is licensed under the [Apache License, Version 2.0](https://www.apache.org/licenses/LICENSE-2.0). Digital Earth Australia data is licensed under the [Creative Commons by Attribution 4.0](https://creativecommons.org/licenses/by/4.0/) license.\n",
+    "\n",
+    "**Citation:** If you use DEA Notebooks material in your work, please reference it with the following citation.\n",
+    "```\n",
+    "Krause, C., Dunn, B., Bishop-Taylor, R., Adams, C., Burton, C., Alger, M., Chua, S., Phillips, C., Newey, V., Kouzoubov, K., Leith, A., Ayers, D., Hicks, A., DEA Notebooks contributors 2021. Digital Earth Australia notebooks and tools repository. Geoscience Australia, Canberra. https://doi.org/10.26186/145234\n",
+    "```"
+   ]
+  }
+ ],
+ "metadata": {
+  "kernelspec": {
+   "display_name": "Python 3 (ipykernel)",
+   "language": "python",
+   "name": "python3"
+  },
+  "language_info": {
+   "codemirror_mode": {
+    "name": "ipython",
+    "version": 3
+   },
+   "file_extension": ".py",
+   "mimetype": "text/x-python",
+   "name": "python",
+   "nbconvert_exporter": "python",
+   "pygments_lexer": "ipython3",
+   "version": "3.10.13"
+  },
+  "widgets": {
+   "application/vnd.jupyter.widget-state+json": {
+    "state": {},
+    "version_major": 2,
+    "version_minor": 0
+   }
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 5
+}