diff --git a/resources/01 Prepare/prepare.md b/resources/01 Prepare/prepare.md index 59b3c164..114473a9 100644 --- a/resources/01 Prepare/prepare.md +++ b/resources/01 Prepare/prepare.md @@ -35,6 +35,10 @@ hide: The learning material has a clear usage license (CC-BY-4.0 recommended) and accurate information on provenance. +## Adopt a metadata schema + +The RDA Minimal Metadata Set for Learning Resources + ??? info "More on FAIR learning objects definition" @@ -123,7 +127,7 @@ hide: Formulate the objectives as actionable verb + observable knowledge, skill, attitude, behavior or ability. - [:octicons-arrow-right-24: Learn more](https://fair-by-design-methodology.github.io/FAIR-by-Design_ToT/latest/Stage%201%20%E2%80%93%20Prepare/02-Preparing%20FAIR%20Learning%20Objects/02-Preparing%20FAIR%20Learning%20Objects_cont/#defining-learning-objectives) + [:octicons-arrow-right-24: See more](https://fair-by-design-methodology.github.io/FAIR-by-Design_ToT/latest/Stage%201%20%E2%80%93%20Prepare/02-Preparing%20FAIR%20Learning%20Objects/02-Preparing%20FAIR%20Learning%20Objects_cont/#defining-learning-objectives) diff --git a/resources/02 Discover/discover.md b/resources/02 Discover/discover.md index a36e6638..177fdc78 100644 --- a/resources/02 Discover/discover.md +++ b/resources/02 Discover/discover.md @@ -1,5 +1,5 @@ --- -title: "Stage 1 - Prepare" +title: "Stage 2 - Discover" author: "Skills4EOSC T2.3" tags: - FAIR-by-Design Learning Materials @@ -9,483 +9,5 @@ hide: - navigation --- -# Stage 1 - Prepare +# Stage 1 - Discover -## 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) - -
- Example 1 - Example 2 - Example 3 -
- -## Large cards example - -### Large cards example, custom - -
-
-
- Card image cap -
-
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 image cap -
-
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 image cap -
-
Card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

- Go somewhere -
-
-
-
- -### Colored cards, custom - -
-
-
-
Header
-
-
Primary card title
-

Some quick example text to build on the card title and make up the bulk of the card's - content.

-
-
-
- -
-
-
Header
-
-
Secondary card title
-

Some quick example text to build on the card title and make up the bulk of the card's - content.

-
-
-
- -
-
-
Header
-
-
Success card title
-

Some quick example text to build on the card title and make up the bulk of the card's - content.

-
-
-
- -
-
-
Header
-
-
Danger card title
-

Some quick example text to build on the card title and make up the bulk of the card's - content.

-
-
-
- -
-
-
Header
-
-
Warning card title
-

Some quick example text to build on the card title and make up the bulk of the card's - content.

-
-
-
- -
-
-
Header
-
-
Info card title
-

Some quick example text to build on the card title and make up the bulk of the card's - content.

-
-
-
- -
-
-
Header
-
-
Light card title
-

Some quick example text to build on the card title and make up the bulk of the card's - content.

-
-
-
- -
-
-
Header
-
-
Dark card title
-

Some quick example text to build on the card title and make up the bulk of the card's - content.

-
-
-
-
- - - - -### Large cards example, same height, custom - -
-
- Card image cap -
-
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 image cap -
-
Card title
-

This card has supporting text below as a natural lead-in to additional content.

-

Last updated 3 mins ago

-
-
-
- Card image cap -
-
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

-
-
-
- - -### Large cards example, native - -
- -- :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