diff --git a/docs/css/access-nri.css b/docs/css/access-nri.css index 725ccbcb8..0b6a71c19 100644 --- a/docs/css/access-nri.css +++ b/docs/css/access-nri.css @@ -11,9 +11,9 @@ --nri-dark-blue: #115D97; --nri-blue: #06AEEF; --nri-light-blue: #8ED7F8; - --default-fg-color: 255, 255, 255; /* Color for main text in body, navigation, table of content*/ + --default-fg-color: 230, 230, 230; /* Color for main text in body, navigation, table of content*/ --md-default-fg-color: rgb(var(--default-fg-color)); /* Main text in body, navigation, table of content*/ - --md-default-fg-color--light: rgba(var(--default-fg-color),.65); /* Inactive tabs */ + --md-default-fg-color--light: rgba(var(--default-fg-color),.7); /* Inactive tabs */ --md-default-fg-color--lighter: rgba(var(--default-fg-color),.3); /* pencil for editing page, passed toc items text */ --md-default-fg-color--lightest: rgba(var(--default-fg-color),.07); --default-bg-color: 46, 51, 62; /* Color for main background */ @@ -172,7 +172,7 @@ h3 { */ .introduction { font-size: 1.2em; - padding: 1em; + padding: .7em; display: flex; align-items: center; } @@ -396,11 +396,16 @@ h3 { display: flex; justify-content: center; align-items: center; - border: 1px solid var(--card-borders); + border: 1.3px solid var(--card-borders); border-radius: 15px; box-shadow: 6px 6px 10px var(--card-shadows); } +.card-container > * > * { + flex-grow: 1; +} + + /* Single card hover */ .card-container > *:hover { border-color: var(--md-accent-fg-color); @@ -413,21 +418,24 @@ h3 { flex-direction: column; max-width: 30%; aspect-ratio: 1; - flex-grow: 1; } -.squared-card-image { - flex: 1; +.squared-card-image-container { + height: 75%; + display: flex; + justify-content: center; + align-items: center; + margin: 0.6em 0.6em 0 0.6em; overflow: hidden; - border-radius: 15px 15px 0 0; - object-fit: cover; + border-radius: 8px; } -.squared-card-image >img { - width: 80% +.squared-card-image-container > img { + width: 100%; + height: 100%; } -.squared-card-text { +.squared-card-text-container { height: 25%; display: flex; flex-direction: column; @@ -441,17 +449,25 @@ h3 { width: 100%; height: 10em; overflow: hidden; + align-items: stretch; } -.rectangular-card-image { - height: 100%; +.rectangular-card-image-container { + width: 35%; + display: flex; + justify-content: center; + align-items: center; + margin: 0.6em 0 0.6em 0.6em; + overflow: hidden; + border-radius: 8px; } -.rectangular-card-image > img { - height: inherit; +.rectangular-card-image-container > img { + height: 100%; + width: 100%; } -.rectangular-card-text { +.rectangular-card-text-container { padding: 0 1em; height: 100%; width: 65%; @@ -459,7 +475,6 @@ h3 { flex-direction: column; justify-content: space-around; align-items: center; - text-align: justify; } .configuration-card { @@ -634,7 +649,7 @@ pre>code { /* With borders */ .with-border { border-radius: 7px; - border: 1px solid var(--card-borders); + border: 1.3px solid var(--card-borders); box-sizing: border-box; } @@ -645,4 +660,9 @@ pre>code { .bold { font-weight: 600 !important; +} + +/* image cover */ +.img-cover { + object-fit: cover; } \ No newline at end of file diff --git a/docs/index.md b/docs/index.md index d8145bca5..56cf930ab 100644 --- a/docs/index.md +++ b/docs/index.md @@ -16,24 +16,34 @@ ## Navigating ACCESS-Hive
- Models -
Models
+
+ Models +
+
Models
 - Run a Model -
Run a Model
+
+ Run a Model +
+
Run a Model
 - Model Evaluation -
Model Evaluation
+
+ Model Evaluation +
+
Model Evaluation
 - Community Resources -
Community Resources
+
+ Community Resources +
+
Community Resources
 - Community Forum -
Community Forum
+
+ Community Forum +
+
Community Forum
@@ -43,10 +53,10 @@ ## Contribute to ACCESS-Hive [^1]
-
+
-
+
Contribute Join the ACCESS-Hive team and have your contributions onboard!
diff --git a/docs/model_evaluation/index.md b/docs/model_evaluation/index.md index 9897e74de..9327c93e2 100644 --- a/docs/model_evaluation/index.md +++ b/docs/model_evaluation/index.md @@ -17,38 +17,38 @@ If you are new to model evaluation and diagnostics, we recommend you read our [G ### Getting Started
-
+
Computing Access
-
Computing Access
+
Computing Access
 -
+
MED Conda Environment
-
MED Conda Environment
+
MED Conda Environment
 -
+
Model Variables
-
Model Variables
+
Model Variables
### Data Catalogs
-
+
A picture of a seismograph recording seismic waves during an earthquake visualises the link to our Observational Data Catalog. Image credit: Wf Sihardian—EyeEm/Getty Images
-
Observational Data Catalog
+
Observational Data Catalog
 -
+
MED Conda Environment
-
Model Data Catalog
+
Model Data Catalog
@@ -56,22 +56,22 @@ If you are new to model evaluation and diagnostics, we recommend you read our [G
-
+
ILAMB
-
ILAMB
+
ILAMB
 -
+
ESMValTool
-
ESMValTool
+
ESMValTool
 -
+
Pangeo/COSIMA
-
COSIMA cookbook
+
COSIMA cookbook
@@ -90,22 +90,22 @@ While we are working on these, we have collected a number of links to existing t
-
+
Model Diagnostics
-
Model Diagnostics
+
Model Diagnostics
 -
+
A picture visualising the conversion of data in text columns into a useful python xarray data format. Image credit: https://support.solarwinds.com and https://i.stack.imgur.com/
-
Data Format Processing
+
Data Format Processing
 -
+
A code snippet from the COSIMA documented recipes. Image credit: https://github.com/COSIMA/cosima-recipes
-
Evaluation Recipe Gallery
+
Evaluation Recipe Gallery
--> diff --git a/docs/model_evaluation/model_evaluation_getting_started/index.md b/docs/model_evaluation/model_evaluation_getting_started/index.md index 5fd3c8792..234061c7e 100644 --- a/docs/model_evaluation/model_evaluation_getting_started/index.md +++ b/docs/model_evaluation/model_evaluation_getting_started/index.md @@ -6,21 +6,21 @@ Here, we provide you the important information to give you access to the large d
-
+
Computing Access
-
Computing Access
+
Computing Access
 -
+
MED Conda Environment
-
MED Conda Environment
+
MED Conda Environment
 -
+
Model Variables
-
Model Variables
+
Model Variables
\ No newline at end of file diff --git a/docs/model_evaluation/model_evaluation_on_gadi/index.md b/docs/model_evaluation/model_evaluation_on_gadi/index.md index d43d289de..2896e5ed3 100644 --- a/docs/model_evaluation/model_evaluation_on_gadi/index.md +++ b/docs/model_evaluation/model_evaluation_on_gadi/index.md @@ -6,22 +6,22 @@ At the moment, we are actively supporting:
-
+
ILAMB
-
ILAMB
+
ILAMB
 -
+
ESMValTool
-
ESMValTool
+
ESMValTool
 -
+
Pangeo/COSIMA
-
COSIMA cookbook
+
COSIMA cookbook
diff --git a/docs/models/index.md b/docs/models/index.md index 920bcf527..f995c7d59 100644 --- a/docs/models/index.md +++ b/docs/models/index.md @@ -2,7 +2,7 @@ ACCESS is a family of related computer models or components that represent different parts of the Earth system. ACCESS links various model components through -software called **couplers** to form different Model Configurations. +software called couplers to form different Model Configurations.
Atmosphere @@ -11,90 +11,90 @@ software called **couplers** to form different Model Configurations. ## ACCESS Model Components
-
+
Atmosphere
-
Atmosphere
+
Atmosphere
 -
+
Land
-
Land
+
Land
 -
+
Ocean
-
Ocean
+
Ocean
 -
+
Sea Ice
-
Sea Ice
+
Sea Ice
 -
+
Aerosols
-
Aerosols
+
Aerosols
 -
+
Atmospheric Chemistry
-
Atmospheric Chemistry
+
Atmospheric Chemistry
 -
+
Biogeochemistry Land
-
Biogeochemistry Land
+
Biogeochemistry Land
 -
+
Biogeochemistry Ocean
-
Biogeochemistry Ocean
+
Biogeochemistry Ocean
 -
+
Coupler
-
Coupler
+
Coupler
## ACCESS Model Configurations
- -
- + +
+
-
+
ACCESS-CM ACCESS Coupled Model (CM) produces physical climate simulations by deploying the atmosphere, ocean, and sea-ice components. ACCESS-CM features improved fluid dynamics and a microphysical aerosol scheme.
- -
- + +
+
-
+
ACCESS-ESM ACCESS Earth System Model (ESM) simulates the carbon and other bio-chemical cycles within the climate system, by deploying the atmosphere, ocean, and sea-ice components. ACCESS-ESM is one of the two ACCESS global coupled model versions.
- -
- + +
+
-
+
ACCESS-OM ACCESS Ocean Model (OM) deploys the ocean and sea-ice components to provide the Australian climate community with ocean weather and climate data, including seasonal forecasting, climate variability, downscaling of climate in the marine environment around Australia, and ocean biogeochemistry. diff --git a/docs/models/model_components/index.md b/docs/models/model_components/index.md index c30c5eac0..ee36b8c5d 100644 --- a/docs/models/model_components/index.md +++ b/docs/models/model_components/index.md @@ -2,58 +2,58 @@ ACCESS components represent different chemical, physical or biological parts of the Earth System.
-
+
Atmosphere
-
Atmosphere
+
Atmosphere
 -
+
Land
-
Land
+
Land
 -
+
Ocean
-
Ocean
+
Ocean
 -
+
Sea Ice
-
Sea Ice
+
Sea Ice
 -
+
Aerosols
-
Aerosols
+
Aerosols
 -
+
Atmospheric Chemistry
-
Atmospheric Chemistry
+
Atmospheric Chemistry
 -
+
Biogeochemistry Land
-
Biogeochemistry Land
+
Biogeochemistry Land
 -
+
Biogeochemistry Ocean
-
Biogeochemistry Ocean
+
Biogeochemistry Ocean
 -
+
Coupler
-
Coupler
+
Coupler