Merge branch 'development' of github.com:ACCESS-Hive/access-hive.gith…

…ub.io into jasmeen/add-config-imgs-416

docs/call_contribute.md

@@ -1,2 +1,2 @@
 ???+ warning "The documentation on Hive is work in progress!"
-    The ACCESS-Hive is a community resource that is a work in progress. We’d love to receive your contribution. Please see the [contributing guidelines](contribute/index.md) below for how to make contributions to the **Hive** page content. You can also [open an issue](https://github.com/ACCESS-Hive/access-hive.github.io/issues) highlighting any content you’d like us to provide but aren’t able to contribute yourself.
+    The ACCESS-Hive is a community resource that is a work in progress. We’d love to receive your contribution. Please see the [contributing guidelines](/contribute/index.md) below for how to make contributions to the **Hive** page content. You can also [open an issue](https://github.com/ACCESS-Hive/access-hive.github.io/issues) highlighting any content you’d like us to provide but aren’t able to contribute yourself.

docs/community_resources/community_med_recipes.md

@@ -360,4 +360,23 @@ IOMB uses the same code base as the International Land Model Benchmarking (ILAMB
 </td>
 </tr>
 
+
+<tr>
+<td width="25%">
+    <div align='center' width="100%">
+    <a href="https://cookbooks.projectpythia.org">Pythia Cookbooks {{ community }}</a>
+    </div>
+</td>
+<td width="10%">
+</td>
+<td width="64%">
+    <div align='center' width="100%" >
+        <a href="https://cookbooks.projectpythia.org">Documentation</a> |
+        <a href="https://github.com/ProjectPythia">Source </a>
+        <!-- The Afterburner project is a multi-year initiative of the UK Met Office to develop a suite of robust, reusable scientific software tools and applications which can be integrated into climate model runs to deliver commonly needed in-line (as a model is running) and post-processing functionality. The project is funded by the UK government through a combination of direct grant and the ​[Newton Fund](http://www.newtonfund.ac.uk). -->
+    </div>
+</td>
+</tr>
+
+
 <table/>

docs/community_resources/glossaries/index.md

@@ -7,10 +7,4 @@ Here you can find a compilation of common terms and acronyms used by the Austral
 
  [IPCC Acronyms](https://www.ipcc.ch/site/assets/uploads/sites/2/2022/06/SR15_AnnexI.pdf): Contains a comprehensive list of acronyms published in the scientific report SR15 of the Intergovernmental Panel on Climate Change (IPCC). The IPCC is the United Nations body for assessing the science related to climate change.
 
- [CSSR Acronyms and Units](https://science2017.globalchange.gov/chapter/appendix-d/): The Climate Science Special Report (CSSR) is an assessment of the science of climate change with particular focus on the United States.
-
- [CMIP(6)](#):  
-
- [ERA(5)](#):  
-
- [UM](#): 
+ [CSSR Acronyms and Units](https://science2017.globalchange.gov/chapter/appendix-d/): The Climate Science Special Report (CSSR) is an assessment of the science of climate change with particular focus on the United States.

docs/community_resources/index.md

@@ -7,7 +7,6 @@ In this area of the Hive, we collect content that is not currated by us, but may
 Currently, we provide pointers to the following categories:  
 - [Working Groups](community_working_groups.md)    
 - [Glossaries](./glossaries/index.md)  
-- [Variables](./glossaries/glossary_cmip.md)  
 - [Model Evaluation Links](community_model_catalogs)  
 - [Training](training/)  
 - [Events](./events/index.md)  

docs/css/access-nri.css

@@ -11,9 +11,9 @@
   --nri-dark-blue: #115D97;
   --nri-blue: #06AEEF;
   --nri-light-blue: #8ED7F8;
-  --default-fg-color: 220, 220, 220;  /* 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;
 }
@@ -368,7 +368,7 @@ h3 {
 
 
 /* =============================================================== 
-  "How to contribute" image under the `contribute` section
+  How to contribute image
 */
 .rectangular-img {
   width: 100%; 
@@ -377,27 +377,6 @@ h3 {
   border-radius: 0.6em;
 }
 
-/* ===============================================================
-  Model components cards
-*/
-/* .squared-card-image {
-  height: 75%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin: 0.5em 0.5em 0 0.5em;
-} */
-
-/* ===============================================================
-  Home page navigation cards
-*/
-.home-page-sq-card {
-  flex: 1;
-  overflow: hidden;
-  border-radius: 15px 15px 0 0;
-  object-fit: cover;
-}
-
 /* =============================================================== 
   Cards for ACCESS-Hive navigation, model components and model tabs
 */
@@ -417,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);
@@ -434,21 +418,25 @@ h3 {
   flex-direction: column;
   max-width: 30%;
   aspect-ratio: 1;
-  flex-grow: 1;
 }
 
-.squared-card-image {
-  flex: 1;
+.squared-card-image-container {
+  height: 75%;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 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;
@@ -460,32 +448,38 @@ h3 {
 .rectangular-card {
   flex-direction: row;
   width: 100%;
-  height: 9em;
+  height: 10em;
   overflow: hidden;
+  align-items: stretch;
 }
 
-.rectangular-card-image {
-  height: 100%;
+.rectangular-card-image-container {
   width: 35%;
+  height: 100%;
 }
 
-.rectangular-card-image > img {
-  height: inherit;
-  object-fit: cover;
+.rectangular-card-image-container > img {
+  height: 100%;
+  width: 100%;
 }
 
-.rectangular-card-text {
+.rectangular-card-text-container {
   padding: 0 1em;
   height: 100%;
   width: 65%;
   display: flex;
   flex-direction: column;
-  justify-content: space-evenly;
+  justify-content: space-around;
   align-items: center;
 }
 
+.rectangular-card-image-container > img, 
+.squared-card-image-container > img {
+  border-radius: 8px;
+}
+
 .configuration-card {
-  height: 13em;
+  height: 15em;
 }
 
 .card-container:has(.component-card) {
@@ -512,7 +506,7 @@ a.component-card {
   References
 */
 .references {
-  font-size: 0.8em;
+  font-size:0.8em;
 }
 
 /* =============================================================== 
@@ -628,6 +622,13 @@ pre>code {
   Miscellaneous
 */
 
+/* Gifs, videos and example images (For example the ones in 'how to run' a model */
+.example-img {
+  width: 100% !important;
+  height: auto !important;
+  border-radius: 8px;
+}
+
 /* Justified text */
 .justified {
   text-align: justify;  
@@ -637,31 +638,26 @@ pre>code {
 .highlight-bg {
   background-color: var(--highlight-bg);
   padding: 0.2em 0.6em;
+  margin: 0.6em 0;
   width: fit-content;
   height: fit-content;
   border-radius: 0.3em;
 }
 
 /* Highlight background of the same color as tab */
-.nav-tab-btn {
+.bg-color-like-tab {
   background-color: var(--md-primary-fg-color--dark);
-  margin: 0.6em 0;
-  padding: 0.2em 0.6em;
-  width: fit-content;
-  height: fit-content;
-  border-radius: 0.3em;
 }
 
 /* Image background */
 .image-background {
   background-color: var(--img-background);
-  border-radius: 7px;
 }
 
 /* With borders */
 .with-border {
   border-radius: 7px;
-  border: 1px solid var(--card-borders);
+  border: 1.3px solid var(--card-borders);
   box-sizing: border-box;
 }
 
@@ -672,4 +668,9 @@ pre>code {
 
 .bold {
   font-weight: 600 !important;
+}
+
+/* image cover */
+.img-cover {
+  object-fit: cover;
 }