Updated README

README.md

@@ -23,29 +23,21 @@ Please follow the guidelines below to make the Hive consistent among all the pag
 - Code lines/blocks need to be used for lines/blocks of code, terminal commands and file/directory paths/names;
 - Italic needs to be used when referring to specific proper nouns (for example _Gadi_ or _payu_);
 - Bold can be used to highlight some words (please do not overuse it);
-<<<<<<< HEAD
-<<<<<<< HEAD
-- To signal an important note within the text, consider using a "warning note" (see HTML cheatsheet below);
-- Instructions for different versions (for example different operative systems or different model versions) can be rendered using tabs (see HTML cheatsheet below);
-=======
-- All types of admonitions (info, warning, etc.), collapsible and not, can be used as described in the [documentation](https://squidfunk.github.io/mkdocs-material/reference/admonitions/), but they are rendered slightly differently. For the HTML version of them, please refer to the [HTML/Markdown cheatsheet](#HTML/markdown-cheatsheet).
-- Instructions for different versions (for example different operative systems or different model versions) can be rendered using tabs (see [HTML/Markdown cheatsheet](#HTML/markdown-cheatsheet));
->>>>>>> davide/review-PR-OM2
-=======
-- All types of admonitions (info, warning, etc.), collapsible and not, can be used as described in the [documentation](https://squidfunk.github.io/mkdocs-material/reference/admonitions/), but they are rendered slightly differently. For the HTML version of them, please refer to the [HTML/Markdown cheatsheet](#HTML/markdown-cheatsheet).
-- Instructions for different versions (for example different operative systems or different model versions) can be rendered using tabs (see [HTML/Markdown cheatsheet](#HTML/markdown-cheatsheet));
->>>>>>> development
+- All types of admonitions (info, warning, etc.), collapsible and not, can be used as described in the [documentation](https://squidfunk.github.io/mkdocs-material/reference/admonitions/), but they are rendered slightly differently. For the HTML version of them, please refer to the [HTML/Markdown cheatsheet for the Hive](#cheatsheet).
+- Instructions for different versions (for example different operative systems or different model versions) can be rendered using tabs (see [HTML/Markdown cheatsheet for the Hive](cheatsheet));
+- Terminal input/output examples can be rendered using [animated-terminal.js](https://github.com/atteggiani/animated-terminal.js)
 
 ### Styling Markdown using CSS
 #### Attribute lists
-To style Markdown using custom CSS, you can use [attribute lists](https://python-markdown.github.io/extensions/attr_list/#limitations) by adding the desired CSS style (in-line or adding classes as defined in the `access-nri.css` file) inside curly brackets (starting with a comma) right after the markdown syntax.
+To style Markdown using custom CSS, you can use [attribute lists](https://python-markdown.github.io/extensions/attr_list/#limitations) by adding the desired CSS style (in-line or adding classes as defined in the `access-nri.css` file) inside curly brackets (starting with a colon) right after the markdown syntax.
 
 For example, to make an image 50%-wide and with rounded borders, you can write the following:
 ```
 ![image text](/image/url/){: style="width: 50%; border-radius: 0.6rem;" }
 ```
 #### Markdown in HTML
-You can use [Markdown in HTML](https://squidfunk.github.io/mkdocs-material/setup/extensions/python-markdown/?h=md+in+html#markdown-in-html) by adding the `markdown` attribute inside an HTML tag.<br>You can then style the HTML tag using CSS (in-line or adding selectors to the `access-nri.css` file).
+You can use [Markdown in HTML](https://squidfunk.github.io/mkdocs-material/setup/extensions/python-markdown/?h=md+in+html#markdown-in-html) by adding the `markdown` attribute inside an HTML tag.<br>
+You can then style the HTML tag using CSS (in-line or adding selectors to the `access-nri.css` file).
 
 For example, to render a markdown section with half font-size, you can write the following:
 ```
@@ -57,7 +49,26 @@ For example, to render a markdown section with half font-size, you can write the
 </div>
 ```
 
-### HTML/Markdown Cheatsheet for the Hive
+### Custom HTML tags
+Some custom HTML tags were created (in the `js/custom-tags.js`) to facilitate the rendering of some components.<br>
+The following custom tags are available:
+
+- "Not supported by ACCESS-NRI" admonition<br>
+  The `<custom-not-supported/>` tag renders a preset "Not supported by ACCESS-NRI" admonition.
+- References<br>
+  The `<custom-references> ... </custom-references>` tag renders references to be used at the bottom of a page. Each reference inside `...` should be a link preceded by a hyphen (`-`) and will be treated as a separate bullet point. Spaces between different references will be disregarded for the rendering.<br>
+  For example, to reference 2 links you can write:
+  ```
+  <custom-references>
+    - [First reference](first-reference-url)
+    - [Second reference](second-reference-url)
+  </custom-references>
+  ```
+- Simulated terminal info<br>
+  The <custom-simulated-terminal-info/> tag renders a preset info admonition on the pages where simulated terminal are used. It should not be used manually as it is automatically embedded in the pages containing simulated terminals.
+
+
+### HTML/Markdown Cheatsheet for the Hive{: id="cheatsheet" }
 |Style|Markdown Syntax|HTML Syntax|Rendered example|
 |---|---|---|---|
 |**Bold**|\*\*bold**|\<b>bold\</b>|**bold**|