Merge pull request #437 from ACCESS-Hive/jasmeen/add-config-imgs-416

Jasmeen/add config imgs 416
ACCESS-NRI · Jul 16, 2023 · 555cc5f · 555cc5f
2 parents 4d947d1 + 8745772
commit 555cc5f
Show file tree

Hide file tree

Showing 20 changed files with 21 additions and 13 deletions.
diff --git a/docs/assets/model-config-logos/access-am-config.png b/docs/assets/model-config-logos/access-am-config.png
diff --git a/docs/assets/model-config-logos/access-cm2-config-4.png b/docs/assets/model-config-logos/access-cm2-config-4.png
diff --git a/docs/assets/model-config-logos/access-cm2-config.png b/docs/assets/model-config-logos/access-cm2-config.png
diff --git a/docs/assets/model-config-logos/access-esm-config.png b/docs/assets/model-config-logos/access-esm-config.png
diff --git a/docs/assets/model-config-logos/access-om2-config.png b/docs/assets/model-config-logos/access-om2-config.png
diff --git a/docs/css/access-nri.css b/docs/css/access-nri.css
@@ -667,6 +667,11 @@ pre>code {
   box-sizing: border-box;
 }
 
+/* Add padding to image container */
+.with-padding {
+  padding: 0.5em;
+}
+
 /* Typeset text color (even links) */
 .default-text-color {
   color: var(--md-typeset-color) !important;

diff --git a/docs/models/configurations/access-am.md b/docs/models/configurations/access-am.md
@@ -2,6 +2,8 @@
 
 <!-- {% include "call_contribute.md" %} -->
 
+<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-AM model is a coupled model between the atmosphere and the land. The atmospheric model component is the [UM model][UM-hive]. The UM model comes by default coupled to the [JULES][JULES-hive] land model. That is why the first configurations and experiments released of ACCESS-AM will be UM-JULES configurations. But the ACCESS-NRI is working to ensure subsequent releases of ACCESS-AM use the [CABLE][CABLE-hive] land model instead.
 
 ### Getting started information

diff --git a/docs/models/configurations/access-cm.md b/docs/models/configurations/access-cm.md
@@ -1,12 +1,10 @@
 # <div class="center-icons"> ACCESS-CM  </div>
 
-<div style="text-align: justify">
 ACCESS-CM2 (ACCESS Coupled Model 2) is a global fully-coupled climate model that includes the atmosphere, ocean and sea-ice components, and produces physical climate simulations. ACCESS-CM2 is one of the two models run by the Australian climate community for the 
 <a href = "https://www.wcrp-climate.org/wgcm-cmip" target="_blank"> Coupled Model Intercomparison Project, CMIP</a>.
 <br>
-</div>
 
-![ACCESS-CM2 Logo](../../assets/component-logos/access-cm2-1.9.png){width=100%}
+<img src="../../../assets/model-config-logos/access-cm2-config.png" alt="ACCESS CM model" class="image-background center-img with-border with-padding"></img>
 
 ## ACCESS-CM2 configurations
 

diff --git a/docs/models/configurations/access-esm.md b/docs/models/configurations/access-esm.md
@@ -2,6 +2,7 @@
 
 <!-- {% include "call_contribute.md" %} -->
 
+<img src="../../../assets/model-config-logos/access-esm-config.png" alt="ACCESS CM model" class="image-background center-img with-border with-padding"></img>
 
 ACCESS-ESM stands for ACCESS **E**arth **S**ystem **M**odel. Earth system model means it is a fully-coupled model that includes carbon cycle components.
 

diff --git a/docs/models/configurations/access-om.md b/docs/models/configurations/access-om.md
@@ -3,6 +3,8 @@
 
 <!-- {% include "call_contribute.md" %} -->
 
+<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. It couples the ocean and sea ice components 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
@@ -3,7 +3,7 @@
 <div class="card-container" style="flex-direction: column">
     <a href="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-4.png" class="image-background img-cover"></img> 
+                <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>

diff --git a/docs/models/index.md b/docs/models/index.md
@@ -10,7 +10,7 @@ ACCESS is a family of related computer models that are able to represent differe
 <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-4.png" class="image-background img-cover"></img> 
+                <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>

diff --git a/docs/models/model_components/aerosols_atmospheric_chemistry.md b/docs/models/model_components/aerosols_atmospheric_chemistry.md
@@ -4,7 +4,7 @@
 
 <!-- ![Atmospheric Component Logo](../../assets/component-logos/components-without-titles/ACCESS%20icon%20AEROSOLS.png){align=right width=40%} -->
 
-<img src = "../../../assets/component-logos/component-maps/aerosol-chemistry-component-map.png" class="white-img-bg"></img>
+<img src = "../../../assets/component-logos/component-maps/aerosol-chemistry-component-map.png" class="image-background"></img>
 
 ## <div class="center-icons"> [UKCA][ukca-wiki]  </div>
 

diff --git a/docs/models/model_components/atmosphere.md b/docs/models/model_components/atmosphere.md
@@ -4,7 +4,7 @@
 
 <!-- ![Atmosphere Component Logo](../../assets/component-logos/components-without-titles/ACCESS icon ATMOSPHERE.png){align=right width=40%} -->
 
-<img src = "../../../assets/component-logos/component-maps/atmosphere-component-map.png" class="white-img-bg"></img>
+<img src = "../../../assets/component-logos/component-maps/atmosphere-component-map.png" class="image-background"></img>
 
 ## <div class="center-icons"> The Unified Model (UM)  </div>
 

diff --git a/docs/models/model_components/bgc_land.md b/docs/models/model_components/bgc_land.md
@@ -5,7 +5,7 @@
 
 <!-- ![BGC Component Logo](../../assets/component-logos/components-without-titles/ACCESS icon BGC LAND.png){align=right width=40%} -->
 
-<img src = "../../../assets/component-logos/component-maps/bgc-land-component-map.png" class="white-img-bg"></img>
+<img src = "../../../assets/component-logos/component-maps/bgc-land-component-map.png" class="image-background"></img>
 
 ## <div class="center-icons"> [CASA-CNP][casa-web]  </div>
 

diff --git a/docs/models/model_components/bgc_ocean.md b/docs/models/model_components/bgc_ocean.md
@@ -4,7 +4,7 @@
 
 <!-- ![BGC Ocean Component Logo](../../assets/component-logos/components-without-titles/ACCESS icon BGC OCEAN.png){align=right width=40%} -->
 
-<img src = "../../../assets/component-logos/component-maps/bgc-ocean-component-map.png" class="white-img-bg"></img>
+<img src = "../../../assets/component-logos/component-maps/bgc-ocean-component-map.png" class="image-background"></img>
 
 ## <div class="center-icons"> WOMBAT  </div>
 WOMBAT is the ocean carbon model (World Ocean Model of Biogeochemistry And Trophic-dynamics), developed in Australia. It calculates the carbon fluxes of the ocean, by simulating the evolution of phosphate, oxygen, dissolved inorganic carbon, alkalinity and iron with one class of phytoplankton and zooplankton.

diff --git a/docs/models/model_components/coupler.md b/docs/models/model_components/coupler.md
@@ -2,7 +2,7 @@
 
 <!-- ![Coupler Component Logo](../../assets/component-logos/components-without-titles/ACCESS icon COUPLER.png){align=right width=40%} -->
 
-<img src = "../../../assets/component-logos/component-maps/coupler-component-map.png" class="white-img-bg"></img>
+<img src = "../../../assets/component-logos/component-maps/coupler-component-map.png" class="image-background"></img>
 
 A coupler is a software package that allows synchronised exchanges of coupling information between numerical codes representing different components of the climate system.
 

diff --git a/docs/models/model_components/land.md b/docs/models/model_components/land.md
@@ -4,7 +4,7 @@
 
 <!-- ![Land Component Logo](../../assets/component-logos/components-without-titles/ACCESS icon LAND SURFACE.png){align=right width=40%} -->
 
-<img src = "../../../assets/component-logos/component-maps/land-component-map.png" class="white-img-bg"></img>
+<img src = "../../../assets/component-logos/component-maps/land-component-map.png" class="image-background"></img>
 
 ## <div class="center-icons"> [CABLE][cable-wiki]  </div>
 

diff --git a/docs/models/model_components/ocean.md b/docs/models/model_components/ocean.md
@@ -4,7 +4,7 @@
 
 <!-- ![Ocean Component Logo](../../assets/component-logos/components-without-titles/ACCESS icon OCEAN.png){align=right width=40%} -->
 
-<img src = "../../../assets/component-logos/component-maps/ocean-component-map.png" class="white-img-bg"></img>
+<img src = "../../../assets/component-logos/component-maps/ocean-component-map.png" class="image-background"></img>
 
 ## <div class="center-icons"> [Modular Ocean Model (MOM)][mom-wiki]   </div>
 The [Modular Ocean Model (MOM)][mom-wiki] is one of the ocean components of the ACCESS climate model system. Used to simulate ocean currents at both regional and global scales, MOM is an invaluable tool for studying the global ocean climate system, as well as capabilities for regional and coastal applications. 

diff --git a/docs/models/model_components/sea-ice.md b/docs/models/model_components/sea-ice.md
@@ -4,7 +4,7 @@
 
 <!-- ![Sea-Ice Component Logo](../../assets/component-logos/components-without-titles/ACCESS icon SEA ICE.png){align=right width=40%} -->
 
-<img src = "../../../assets/component-logos/component-maps/sea-ice-component-map.png" class="white-img-bg"></img>
+<img src = "../../../assets/component-logos/component-maps/sea-ice-component-map.png" class="image-background"></img>
 
 ## <div class="center-icons"> CICE  </div>
 CICE is a numerical model for simulating the growth, melting and movement of polar sea ice. This software package was developed by researchers at [Los Alamos National Laboratory team][lanl-web] and is currently managed by the [CICE Consortium][cice-web], an international group of institutions formed to maintain and develop CICE in the public domain.