Done

ACCESS-NRI · Jul 20, 2023 · 6c8474a · 6c8474a
1 parent 32c3a75
commit 6c8474a
Show file tree

Hide file tree

Showing 10 changed files with 81 additions and 54 deletions.
diff --git a/docs/about/contact.md b/docs/about/contact.md
@@ -1,6 +1,6 @@
 # <div class="highlight-bg"> Contact </div>
 
-<img src = "../../assets/contact-img.jpg" class="rectangular-img with-border"></img>
+<img src = "../../assets/contact-img.jpg" class="rectangular-img img-cover with-border"></img>
 
 ACCESS-Hive is an initiative of the [The Australian Earth-System Simulator (ACCESS-NRI)][access-about].
 

diff --git a/docs/contribute/index.md b/docs/contribute/index.md
@@ -1,6 +1,6 @@
 # <div class="highlight-bg"> How to Contribute </div>
 
-<img src = "../assets/how-to-contribute-img.jpg" class="rectangular-img with-border"></img>
+<img src = "../assets/how-to-contribute-img.jpg" class="rectangular-img img-cover with-border"></img>
 
 ACCESS-Hive is a community supported site, as such contributions to the ACCESS-Hive site are **encouraged by any member of the community**. Members of the ACCESS community are also welcome to become reviewers. Please refer to the following contribution guidelines to learn how you can help the ACCESS community build a documentation database useful to everyone.
 

diff --git a/docs/css/access-nri.css b/docs/css/access-nri.css
@@ -373,7 +373,6 @@ h3 {
 .rectangular-img {
   width: 100%; 
   height: 13em !important;
-  object-fit: cover; 
   border-radius: 0.6em;
 }
 
@@ -417,6 +416,7 @@ h3 {
 .squared-card {
   flex-direction: column;
   max-width: 30%;
+  min-width: 20%;
   aspect-ratio: 1;
 }
 
@@ -484,10 +484,6 @@ h3 {
   border-radius: 8px;
 }
 
-.configuration-card {
-  height: 15em;
-}
-
 .card-container:has(.component-card) {
   justify-content: space-between;
   align-items: center;
@@ -684,4 +680,8 @@ pre>code {
 /* image cover */
 .img-cover {
   object-fit: cover;
+}
+
+.test {
+  min-width: 45%;
 }
diff --git a/docs/models/configurations/access-am.md b/docs/models/configurations/access-am.md
@@ -4,7 +4,7 @@
 
 <img src="../../../assets/model-config-logos/access-am-config.png" alt="ACCESS AM model" class="image-background center-img with-border with-padding"></img>
 
-The ACCESS **A**tmosphere **M**odel (ACCESS-AM) is a global model with atmosphere and land surface components. It is often used in Atmospheric Model Intercomparison Project (AMIP) experiments where it is driven by historically observed sea surface temperature and sea ice data.
+The ACCESS Atmosphere Model (ACCESS-AM) is a global model with atmosphere and land surface components. It is often used in Atmospheric Model Intercomparison Project (AMIP) experiments where it is driven by historically observed sea surface temperature and sea ice data.
 
 ACCESS-NRI will release supported ACCESS-AM configurations.  The first release, ACCESS-AM2, will be derived from the [CSIRO ACCESS-CM2 configuration](access-cm.md#access-cm2) and will include [atmosphere] and [land] components.
 

diff --git a/docs/models/configurations/access-cm.md b/docs/models/configurations/access-cm.md
@@ -1,6 +1,6 @@
 # <div class="center-icons"> ACCESS-CM  </div>
 
-The ACCESS **C**oupled **M**odel (ACCESS-CM) is a fully-coupled global climate model that includes atmosphere, land, ocean and sea ice components, and produces physical climate simulations. Coupled models run by the Australian climate community are contributed to the
+The ACCESS Coupled Model (ACCESS-CM) is a fully-coupled global climate model that includes atmosphere, land, ocean and sea ice components, and produces physical climate simulations. Coupled models run by the Australian climate community are contributed to the
 <a href = "https://www.wcrp-climate.org/wgcm-cmip" target="_blank"> Coupled Model Intercomparison Project (CMIP)</a>.
 <br>
 

diff --git a/docs/models/configurations/access-esm.md b/docs/models/configurations/access-esm.md
@@ -4,7 +4,7 @@
 
 <img src="../../../assets/model-config-logos/access-esm-config.png" alt="ACCESS CM model" class="image-background center-img with-border with-padding"></img>
 
-The ACCESS **E**arth **S**ystem **M**odel (ACCESS-ESM) is a fully-coupled global climate model that also includes representations of land and ocean biogeochemisty. This means it can simulate both the physical climate and global biogeochemical cycles (the carbon cycle in particular).
+The ACCESS Earth System Model (ACCESS-ESM) is a fully-coupled global climate model that also includes representations of land and ocean biogeochemisty. This means it can simulate both the physical climate and global biogeochemical cycles (the carbon cycle in particular).
 
 ACCESS-NRI will release an ACCESS-ESM model configuration. The first release of ACCESS-ESM will be derived from the [CSIRO ACCESS-ESM1.5 configuration](#access-esm15) and will include [atmosphere], [land] and [land biogeochemistry], [ocean] and [ocean biogeochemistry], and [sea ice] components.
 

diff --git a/docs/models/configurations/access-om.md b/docs/models/configurations/access-om.md
@@ -5,7 +5,7 @@
 
 <img src="../../../assets/model-config-logos/access-om2-config.png" alt="ACCESS CM model" class="image-background center-img with-border with-padding"></img>
 
-The ACCESS **O**cean **M**odel (ACCESS-OM) is a global coupled ocean and sea ice configuration with ocean and sea ice models connected via a coupler. The atmospheric fields that drive the model are provided by a data product, usually derived from reanalysis.
+The ACCESS Ocean Model (ACCESS-OM) is a global coupled ocean and sea ice configuration with ocean and sea ice models connected via a coupler. The atmospheric fields that drive the model are provided by a data product, usually derived from reanalysis.
 
 ACCESS-NRI will release supported ACCESS-OM configurations. The first release will be derived from the COSIMA [ACCESS-OM2][COSIMA-models] suite and will include [ocean] and [sea ice] components.
 

diff --git a/docs/models/configurations/index.md b/docs/models/configurations/index.md
@@ -1,7 +1,7 @@
 # <div class="highlight-bg">Supported ACCESS Model Configurations</div>
 
 <div class="card-container" style="flex-direction: column">
-    <a href="access-cm/" class="justified rectangular-card configuration-card default-text-color">
+    <a href="access-cm/" class="justified rectangular-card default-text-color" style="height:15em;">
             <div class="rectangular-card-image-container">
                 <img src="../../assets/model-config-logos/access-cm2-config.png" class="image-background img-cover"></img> 
             </div>
@@ -12,7 +12,7 @@
                 </span>
             </div>
     </a>
-    <a href="access-esm/" class="justified rectangular-card configuration-card default-text-color">
+    <a href="access-esm/" class="justified rectangular-card default-text-color" style="height:15em;">
             <div class="rectangular-card-image-container">
                 <img src="../../assets/model-config-logos/access-esm-config.png" class="image-background img-cover"></img> 
             </div>
@@ -23,7 +23,7 @@
                 </span>
             </div>
     </a>
-    <a href="access-om/" class="justified rectangular-card configuration-card default-text-color">
+    <a href="access-om/" class="justified rectangular-card default-text-color" style="height:15em;">
             <div class="rectangular-card-image-container">
                 <img src="../../assets/model-config-logos/access-om2-config.png" class="image-background img-cover"></img> 
             </div>

diff --git a/docs/models/index.md b/docs/models/index.md
@@ -8,38 +8,38 @@ ACCESS is a family of related computer models that are able to represent differe
 
 ## Supported ACCESS Model Configurations
 <div class="card-container" style="flex-direction: column">
-    <a href="configurations/access-cm/" class="justified rectangular-card configuration-card default-text-color">
-            <div class="rectangular-card-image-container">
-                <img src="../assets/model-config-logos/access-cm2-config.png" class="image-background img-cover"></img> 
-            </div>
-            <div class="rectangular-card-text-container">
-                <span class="bold" >ACCESS-CM</span>
-                <span>
-                    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.
-                </span>
-            </div>
+    <a href="configurations/access-cm/" class="justified rectangular-card default-text-color" style="height: 15em;">
+        <div class="rectangular-card-image-container">
+            <img src="../assets/model-config-logos/access-cm2-config.png" class="image-background img-cover"></img> 
+        </div>
+        <div class="rectangular-card-text-container">
+            <span class="bold" >ACCESS-CM</span>
+            <span>
+                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.
+            </span>
+        </div>
     </a>
-    <a href="configurations/access-esm/" class="justified rectangular-card configuration-card default-text-color">
-            <div class="rectangular-card-image-container">
-                <img src="../assets/model-config-logos/access-esm-config.png" class="image-background img-cover"></img> 
-            </div>
-            <div class="rectangular-card-text-container">
-                <span class="bold" >ACCESS-ESM</span>
-                <span>
-                    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.
-                </span>
-            </div>
+    <a href="configurations/access-esm/" class="justified rectangular-card default-text-color" style="height: 15em;">
+        <div class="rectangular-card-image-container">
+            <img src="../assets/model-config-logos/access-esm-config.png" class="image-background img-cover"></img> 
+        </div>
+        <div class="rectangular-card-text-container">
+            <span class="bold" >ACCESS-ESM</span>
+            <span>
+                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.
+            </span>
+        </div>
     </a>
-    <a href="configurations/access-om/" class="justified rectangular-card configuration-card default-text-color">
-            <div class="rectangular-card-image-container">
-                <img src="../assets/model-config-logos/access-om2-config.png" class="image-background img-cover"></img> 
-            </div>
-            <div class="rectangular-card-text-container">
-                <span class="bold" >ACCESS-OM</span>
-                <span>
-                    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.
-                </span>
-            </div>
+    <a href="configurations/access-om/" class="justified rectangular-card default-text-color" style="height: 15em;">
+        <div class="rectangular-card-image-container">
+            <img src="../assets/model-config-logos/access-om2-config.png" class="image-background img-cover"></img> 
+        </div>
+        <div class="rectangular-card-text-container">
+            <span class="bold" >ACCESS-OM</span>
+            <span>
+                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.
+            </span>
+        </div>
     </a>
 </div>
 

diff --git a/docs/models/run-a-model/index.md b/docs/models/run-a-model/index.md
@@ -1,13 +1,40 @@
 # <div class="highlight-bg">Run a Model</div>
+If you are new to climate science or ACCESS Models, check [how to get started](../../../get_started).
 
-Here, we are providing the information to run different ACCESS models.
+If you are not sure which ACCESS Model is the right one for your needs, check out our
+[ACCESS Models overview](../).
 
-If *Model*, *Model Component* or *Model Configuration* are not familiar terms for you, please check out our [Model overview](../index.md).
-
-If you have not run a model before, our [Getting Started Guide](./getting_started/access_to_gadi_at_nci.md) will give you the basics to access the Model infrastructure on the high-performance-computing facility Gadi@NCI.
-
-Detailed guides for the different Model configurations can then be found on the following pages:  
--  [Run ACCESS-ESM](./run-access-esm.md) for the ACCESS Earth System Model configurations  
--  [Run ACCESS-CM](./run-access-cm.md) for the ACCESS Coupled Model configurations  
--  [Run ACCESS-AM](./run-access-am.md) for the ACCESS Atmosphere Model configurations  
--  [Run ACCESS-OM](./run-access-om.md) for the ACCESS Ocean Model configurations  
+<div class="card-container">
+    <a href="run-access-am" class="squared-card default-text-color test">
+        <div class="squared-card-image-container">
+            <img class="img-cover image-background" src="../../assets/model-config-logos/access-am-config.png" alt="ACCESS-AM">
+        </div>
+        <div class="squared-card-text-container highlight-bg bg-color-like-tab bold">   
+            Run ACCESS-AM
+        </div>
+    </a>
+    <a href="run-access-cm" class="squared-card default-text-color test">
+        <div class="squared-card-image-container">
+            <img class="img-cover image-background" src="../../assets/model-config-logos/access-cm2-config.png" alt="ACCESS-CM">
+        </div>
+        <div class="squared-card-text-container highlight-bg bg-color-like-tab bold">   
+            Run ACCESS-CM
+        </div>
+    </a>
+    <a href="run-access-esm" class="squared-card default-text-color test">
+        <div class="squared-card-image-container">
+            <img class="img-cover image-background" src="../../assets/model-config-logos/access-esm-config.png" alt="ACCESS-ESM">
+        </div>
+        <div class="squared-card-text-container highlight-bg bg-color-like-tab bold">   
+            Run ACCESS-ESM
+        </div>
+    </a>
+    <a href="run-access-om" class="squared-card default-text-color test">
+        <div class="squared-card-image-container">
+            <img class="img-cover image-background" src="../../assets/model-config-logos/access-om2-config.png" alt="ACCESS-OM">
+        </div>
+        <div class="squared-card-text-container highlight-bg bg-color-like-tab bold">   
+            Run ACCESS-OM
+        </div>
+    </a>
+</div>