ACCESS-Hive

This repository is the implementation of the ACCESS-Hive website accessible at the following URL:
https://access-hive.org.au/

ACCESS-Hive is the documentation hub for the Earth System models, ACCESS, and their community.

How to Contribute

If you wish to add documentation to the ACCESS-Hive website check the contribution guide for instructions.

Styling guidelines for developers

The ACCESS-Hive website is built using Material for MkDocs. For detailed information on markdown syntax and different features, please refer to mkdocs-material documentation.

Please follow the guidelines below to make the Hive consistent among all the pages contributed by different people.

• Always prefer Markdown syntax to HTML when possible;
• All internal URLs need to be ABSOLUTE links, starting with / which indicates the base website https://access-hive.org.au/. So, a reference to the page https://access-hive.org.au/models/configurations/access-cm/ will be /models/configurations/access-cm. Also, all assets need to be linked starting with /assets/.... This because currently the link checker does not handle relative links properly.
• Titles/subtitles should NOT include: code lines/blocks, bold (titles are usually already bold), italic, links;
• 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);
• All types of admonitions (info, warning, etc.), collapsible and not, can be used as described in the documentation, but they are rendered slightly differently. For the HTML version of them, please refer to the HTML/Markdown cheatsheet for the Hive.
• 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);
• Terminal input/output examples can be rendered using animated-terminal.js

Styling Markdown using CSS

Attribute lists

To style Markdown using custom CSS, you can use attribute lists 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 by adding the markdown attribute inside an HTML tag.
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:

<div markdown style="font-size: 0.5em;">
### Section with half font-size (This will appear in the table of content)

- First _bullet_ point
- Second bullet **point**
</div>

Custom HTML tags

Some custom HTML tags were created (in the js/custom-tags.js file) to facilitate the rendering of some components.
The following custom tags are available:

• "Not supported by ACCESS-NRI" admonition
  The <custom-not-supported/> tag renders a preset "Not supported by ACCESS-NRI" admonition.

• References
  The <custom-references> ... </custom-references> tag renders references to be used at the bottom of a page. Each new line (created by pressing return/Enter) inside ... is rendered as a separate bullet point. A hyphen (-) can included at the beginning of a new line (for clarity) but it is stripped off at the time of rendering.
  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
  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

Style	Markdown Syntax	HTML Syntax	Rendered example
Bold	**bold**	<b>bold</b>	bold
Italic	_italic_	<i>italic</i>	italic
Code line	`code line`	<code>code line</code>	code line
Code block	```  code block ```	<pre>  <code>code block</code> </pre>	code block
Admonition (not collapsible)	!!! warning  this is a warning admonition	<div class="admonition warning">  this is a warning  admonition <div>
Collapsible Admonition	??? warning title  this is a collapsible warning admonition	<details class="warning">  <summary>   <p>    this is a collapsible    warning admonition   </p>  </summary> </details>
Tabs	N/A	<div class="tabLabels" label="your-tab-label">  <button>Tab1</button>  <button>Tab2</button> </div> <div class="tabContents" label="your-tab-label">  <div>   Content for tab1  </div>  <div>   Content for tab2  </div> </div>

License

The ACCESS-Hive site is covered by the CC-BY 4.0 license.

However, the material linked to from ACCESS-Hive is covered by various licensing agreements. Our users should directly refer to the terms and conditions of any material they are using to understand their rights and responsibilities.