diff --git a/resources/02 Discover/discover.md b/resources/02 Discover/discover.md
index 9b955ce4..a36e6638 100644
--- a/resources/02 Discover/discover.md
+++ b/resources/02 Discover/discover.md
@@ -1,13 +1,491 @@
---
-title: "Stage 2 - Discover"
+title: "Stage 1 - Prepare"
author: "Skills4EOSC T2.3"
tags:
- FAIR-by-Design Learning Materials
- FAIR Learning Objects
- - FAIR Learning Unit Template
hide:
- toc
- navigation
---
-# Stage 2 - Discover
\ No newline at end of file
+# Stage 1 - Prepare
+
+## Small cards example
+
+
+
+- :fontawesome-brands-html5: __HTML__ for content and structure
+- :fontawesome-brands-js: __JavaScript__ for interactivity
+- :fontawesome-brands-css3: __CSS__ for text running out of boxes
+- :fontawesome-brands-internet-explorer: __Internet Explorer__ ... huh?
+- :fontawesome-solid-building-columns: **hello**
+
+
+
+### Links example (small cards)
+
+
+
+## Large cards example
+
+### Large cards example, custom
+
+
+
+
+
+
+
Card title
+
Some quick example text to build on the card title and make up the bulk of the card's content.
+
Go somewhere
+
+
+
+
+
+
+
+
+
Card title
+
Some quick example text to build on the card title and make up the bulk of the card's content.
+
Go somewhere
+
+
+
+
+
+
+
+
+
Card title
+
Some quick example text to build on the card title and make up the bulk of the card's content.
+
Go somewhere
+
+
+
+
+
+
+
+
+
Primary card title
+
Some quick example text to build on the card title and make up the bulk of the card's
+ content.
+
+
+
+
+
+
+
+
+
Secondary card title
+
Some quick example text to build on the card title and make up the bulk of the card's
+ content.
+
+
+
+
+
+
+
+
+
Success card title
+
Some quick example text to build on the card title and make up the bulk of the card's
+ content.
+
+
+
+
+
+
+
+
+
Danger card title
+
Some quick example text to build on the card title and make up the bulk of the card's
+ content.
+
+
+
+
+
+
+
+
+
Warning card title
+
Some quick example text to build on the card title and make up the bulk of the card's
+ content.
+
+
+
+
+
+
+
+
+
Info card title
+
Some quick example text to build on the card title and make up the bulk of the card's
+ content.
+
+
+
+
+
+
+
+
+
Light card title
+
Some quick example text to build on the card title and make up the bulk of the card's
+ content.
+
+
+
+
+
+
+
+
+
Dark card title
+
Some quick example text to build on the card title and make up the bulk of the card's
+ content.
+
+
+
+
+
+
+
+
Card title
+
This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
+
Last updated 3 mins ago
+
+
+
+
+
+
Card title
+
This card has supporting text below as a natural lead-in to additional content.
+
Last updated 3 mins ago
+
+
+
+
+
+
Card title
+
This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.
+
Last updated 3 mins ago
+
+
+
+
+- :material-clock-fast:{ .lg .middle } __Set up in 5 minutes__
+
+ ---
+
+ Install [`mkdocs-material`](#) with [`pip`](#) and get up
+ and running in minutes
+
+ [:octicons-arrow-right-24: Getting started](https://google.com)
+
+- :fontawesome-brands-markdown:{ .lg .middle } __It's just Markdown__
+
+ ---
+
+ Focus on your content and generate a responsive and searchable static site
+
+ [:octicons-arrow-right-24: Reference](https://google.com)
+
+- :material-format-font:{ .lg .middle } __Made to measure__
+
+ ---
+
+ Change the colors, fonts, language, icons, logo and more with a few lines
+
+ [:octicons-arrow-right-24: Customization](https://google.com)
+
+- :material-scale-balance:{ .lg .middle } __Open Source, MIT__
+
+ ---
+
+ Material for MkDocs is licensed under MIT and available on [GitHub](https://github.com)
+
+ !!! info "Lorem ipsum"
+
+ Lorem ipsum dolor sit amet, consectetur
+ dipiscing elit. Nulla et euismod nulla.
+ Curabitur feugiat, tortor non consequat
+ finibus, justo purus auctor massa, nec
+ semper lorem quam in massa.
+
+ [:octicons-arrow-right-24: License](https://google.com)
+
+
+
+
+## Diagrams Example
+
+``` mermaid
+graph LR
+ A[Start] --> B{Error?};
+ B[example link] -->|Yes| C[Hmm...];
+ C[just a link] --> D[Debug];
+ D --> B;
+ B ---->|No| E[Yay!];
+```
+
+## Admonitions Example
+
+### With no custom title (default title)
+
+!!! note
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+ nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+ massa, nec semper lorem quam in massa.
+
+!!! abstract
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+ nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+ massa, nec semper lorem quam in massa.
+
+!!! info
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+ nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+ massa, nec semper lorem quam in massa.
+
+!!! tip
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+ nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+ massa, nec semper lorem quam in massa.
+
+!!! success
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+ nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+ massa, nec semper lorem quam in massa.
+
+!!! question
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+ nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+ massa, nec semper lorem quam in massa.
+
+!!! warning
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+ nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+ massa, nec semper lorem quam in massa.
+
+!!! failure
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+ nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+ massa, nec semper lorem quam in massa.
+
+!!! danger
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+ nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+ massa, nec semper lorem quam in massa.
+
+!!! bug
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+ nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+ massa, nec semper lorem quam in massa.
+
+!!! example
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+ nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+ massa, nec semper lorem quam in massa.
+
+!!! quote
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+ nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+ massa, nec semper lorem quam in massa.
+
+### With a custom title
+
+!!! note "My Title"
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+ nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+ massa, nec semper lorem quam in massa.
+
+### With no title
+
+!!! note ""
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+ nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+ massa, nec semper lorem quam in massa.
+
+### Collapsible admonition, defaults to collapsed
+
+??? note
+
+ A collapsible admonition can be created in the same way as a regular one, with the only difference being that it should start with `???` instead of `!!!`.
+
+### Collapsible admonition, defaults to expanded
+
+???+ note
+
+ Syntax: `???+`
+
+## Content Tabs
+
+### Text example
+
+=== "Tab 1"
+
+ Lorem ipsum dolor est... Content of tab 1
+
+=== "Tab 2"
+
+ Lorem ipsum dolor est... Content of tab 2
+
+### Nested cards within tabs
+
+=== "Tab 1"
+
+
+
+ - :material-clock-fast:{ .lg .middle } __Set up in 5 minutes__
+
+ ---
+
+ Install [`mkdocs-material`](#) with [`pip`](#) and get up
+ and running in minutes
+
+ [:octicons-arrow-right-24: Getting started](https://google.com)
+
+ - :fontawesome-brands-markdown:{ .lg .middle } __It's just Markdown__
+
+ ---
+
+ Focus on your content and generate a responsive and searchable static site
+
+ [:octicons-arrow-right-24: Reference](https://google.com)
+
+ - :material-format-font:{ .lg .middle } __Made to measure__
+
+ ---
+
+ Change the colors, fonts, language, icons, logo and more with a few lines
+
+ [:octicons-arrow-right-24: Customization](https://google.com)
+
+
+
+=== "Tab 2"
+
+
+
+ - :material-clock-fast:{ .lg .middle } __Install__
+
+ ---
+
+ Install [`mkdocs-material`](#) with [`pip`](#) and get up
+ and running in minutes
+
+ [:octicons-arrow-right-24: Getting started](https://google.com)
+
+ - :fontawesome-brands-markdown:{ .lg .middle } __Markdown__
+
+ ---
+
+ Focus on your content and generate a responsive and searchable static site
+
+ [:octicons-arrow-right-24: Reference](https://google.com)
+
+ - :material-format-font:{ .lg .middle } __Measure__
+
+ ---
+
+ Change the colors, fonts, language, icons, logo and more with a few lines
+
+ [:octicons-arrow-right-24: Customization](https://google.com)
+
+
+
+### Nested tabs within cards
+
+
+
+- :material-clock-fast:{ .lg .middle } __Install__
+
+ ---
+
+ Install [`mkdocs-material`](#) with [`pip`](#) and get up
+ and running in minutes
+
+ === "Tab 1"
+
+ Lorem
+
+ === "Tab 2"
+
+ Ipsum
+
+ [:octicons-arrow-right-24: Getting started](https://google.com)
+
+- :fontawesome-brands-markdown:{ .lg .middle } __Markdown__
+
+ ---
+
+ Focus on your content and generate a responsive and searchable static site
+
+ === "Tab 1"
+
+ Lorem
+
+ === "Tab 2"
+
+ Ipsum
+
+ [:octicons-arrow-right-24: Reference](https://google.com)
+
+- :material-format-font:{ .lg .middle } __Measure__
+
+ ---
+
+ Change the colors, fonts, language, icons, logo and more with a few lines
+
+ === "Tab 1"
+
+ Lorem
+
+ === "Tab 2"
+
+ Ipsum
+
+
+ [:octicons-arrow-right-24: Customization](https://google.com)
+
+
\ No newline at end of file