Merge pull request #113 from johannag126/master

update code page and team

Author: johannag126

content/code/GPSat.md

@@ -4,11 +4,105 @@ heroHeading: 'Code'
 heroSubHeading: 'Public repository and data access'
 heroBackground: '/images/photo-1542831371-29b0f74f9713.jpeg'
 ---
+ 
+<div style="display: flex; align-items: center;">
+  <div style="width: 50px; height: 50px; overflow: hidden;  margin-right: 10px;">
+   <a href="https://github.com/m2lines" target="_blank"><img src="/images/github-mark.png" style="width: 50px; height: 50px;">
+  </div>
+  <p>
+     Our codes are hosted on our </strong> <a href="https://github.com/m2lines" target="_blank"><strong>Github repository</a><br>
+  </p>
+</div>
 
-<!-- #### Codes
+<br>
+<br>
 
-Our codes are hosted on our Github [repository](https://github.com/m2lines).
+#### Lorenz 96
+<div style="display: flex; align-items: center;">
+  <div style="width: 100px; height: 100px; overflow: hidden;  margin-right: 10px;">
+    <img src="/images/visualisation-L96.png" style="width: 100px; height: 100px;">
+  </div>
+   <p style="font-weight: normal;">
+    <a href="https://m2lines.github.io/L96_demo/intro.html" target="_blank"><strong>Learning Machine Learning with Lorenz-96</strong></a><br>
+    Dive into climate & machine learning with this hands-on, interactive Jupyter book: your quick-start guide to our field.
+   </p>
+</div>
 
+<br>
+
+
+
+#### MOM6 with M²LInES parametrizations 
+<div style="display: flex; align-items: center;">
+ <div style="width: 100px; height: 100px; overflow: hidden;  margin-right: 10px;">
+    <img src="/images/newlogo.png" style="width: 100px; height: 100px;">
+  </div>
+  <p style="font-weight: normal;">
+    <a href="https://github.com/m2lines/MOM6" target="_blank"><strong>MOM6 M²LInES dev branch with our parametrizations</strong></a><br>
+    AI-enhanced operational state-of-the-art Ocean-Sea-Ice coupled model.
+  </p>
+</div>
+
+<br>
+
+#### Samudra 
+<div style="display: flex; align-items: center;">
+ <div style="width: 100px; height: 100px; overflow: hidden;  margin-right: 10px;">
+    <img src="/images/publications/2501-Samudra.gif" style="width: 100px; height: auto;">
+  </div>
+ <p style="font-weight: normal;">
+    <a href="https://github.com/m2lines/Samudra" target="_blank"><strong>Samudra: An AI Global Ocean Emulator for Climate</strong></a><br>
+    The first 3D global emulator for Climate, <strong> 360x faster </strong> than traditional models! 
+  </p>
+</div>
+
+<br>
+
+#### SamudrACE 
+<div style="display: flex; align-items: center;">
+ <div style="width: 100px; height: 100px; overflow: hidden;  margin-right: 10px;">
+    <img src="/images/SamudrACE.png" style="width: 100px; height: auto;">
+  </div>
+ <p style="font-weight: normal;">
+    <a href="https://doi.org/10.48550/arXiv.2509.12490" target="_blank"><strong>SamudrACE: the coupled climate emulator</strong></a><br>
+    Fast and accurate coupled ocean–atmosphere–sea-ice emulator.
+  </p>
+</div>
+
+<br>
+
+#### CAMulator
+<div style="display: flex; align-items: center;">
+  <div style="width: 100px; height: 100px; overflow: hidden;  margin-right: 10px;">
+    <img src="/images/news/2504-Chapman.png" style="width: 100px; height: 100px;">
+  </div>
+  <p style="font-weight: normal;">
+    <a href="https://github.com/NCAR/miles-credit/tree/CAMulator_V01.00" target="_blank"><strong>CAMulator: Fast Emulation of the Community Atmosphere Model</strong></a><br>
+   <strong> 250× quicker</strong> than CESM CAM.
+  </p>
+</div>
+
+<br>
+
+### We are actively collaborating with the following organizations
+
+<div style="display: flex; align-items: center;">
+  <div style="width: 100px; height: 100px; overflow: hidden;  margin-right: 20px;">
+    <a href="https://allenai.org/" target="_blank"><img src="/images/code/AI2-logo.png" style="width: 120%; height: auto;">
+  </div>
+   <div style="width: 100px; height: 100px; overflow: hidden;  margin-right: 20px;">
+   <a href="https://www.openathena.ai/" target="_blank"><img src="/images/code/OpenAthena.svg" style="width: 100%; height: auto;">
+  </div>
+   <div style="width: 100px; height: 100px; overflow: hidden;  margin-right: 20px;">
+   <a href="https://leap.columbia.edu/" target="_blank"><img src="/images/code/LEAP_logo.png" style="width: auto; height: auto;">
+  </div>
+  <div style="width: 100px; height: 100px; overflow: hidden;  margin-right: 20px;">
+  <a href="https://iccs.cam.ac.uk/" target="_blank"><img src="/images/code/ICCS-logo.png" style="width: 50%; height: auto;">
+  </div>
+ </div>
+
+
+<!--
 - Code for Pyqg Parameterization benchmarks:
   * [Pyqg_parameterization_benchmarks](https://github.com/m2lines/pyqg_parameterization_benchmarks) (Ross et al. 2022)
 
@@ -25,9 +119,20 @@ Our codes are hosted on our Github [repository](https://github.com/m2lines).
 - Software Package
   * [GCM-filter](https://github.com/ocean-eddy-cpt/gcm-filters) : software package filtering ocean model data, including in the presence of topography.
 
+<div style="display: flex; align-items: center;">
+  <div style="width: 100px; height: 100px; overflow: hidden;  margin-right: 10px;">
+    <img src="/images/newlogo.png" style="width: 100px; height: 100px;">
+  </div>
+  <p>
+    <img src="/images/newlogo.png" style="width: 1.5vw; height: 1.5hw; vertical-align: middle;" alt="DOI icon">
+    <strong>Dhruv Balwada, Pavel Perezhogin, Alistair Adcroft, Laure Zanna</strong><br>
+    <a href="https://doi.org/10.22541/essoar.174835313.30541637/v1" target="_blank"><strong>Design and implementation of a data-driven parameterization for mesoscale thickness fluxes</strong></a><br>
+    <i>Essoar</i> <strong>DOI</strong>:10.22541/essoar.174835313.30541637/v1
+  </p>
+</div>
 
 Upcoming codes will be linked to this repository as they become available.
 
 #### Datasets
 
-All of the datasets used in M²LInES publications will be made openly available. When possible, they will be hosted on [Pangeo](https://pangeo.io/) -->
+All of the datasets used in M²LInES publications will be made openly available. When possible, they will be hosted on [Pangeo](https://pangeo.io/) -->