Landing page with links to notebooks

eWaterCycle · Sep 5, 2024 · 56c80a5 · 56c80a5
1 parent 36218e6
commit 56c80a5
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 5 deletions.
diff --git a/research-cloud-plugin.yml b/research-cloud-plugin.yml
@@ -76,12 +76,12 @@
         name: rclone
         tasks_from: mount
 
-    # TODO remove roles instead of commenting them out
     # https://lab.ewatercycle.org/ functionality
-    # - name: Welcome page
-    #   include_role:
-    #     name: labstart
+    - name: Welcome page
+      include_role:
+        name: labstart
 
+    # TODO remove roles instead of commenting them out or make them optional
     # # https://explore.ewatercycle.org/ functionality
     # - name: Experiment launcher
     #   include_role:

diff --git a/roles/labstart/templates/index.html.j2 b/roles/labstart/templates/index.html.j2
@@ -60,6 +60,7 @@
 
         </div>
         <div class="card-deck">
+            {%- if 'jupyter' in tool_urls -%}
             <div class="card" style="width: 18rem;">
                 <img src="images/explore.png" class="card-img-top mx-auto" alt="...">
                 <div class="card-body">
@@ -69,6 +70,7 @@
                     <a href="{{ tool_urls.explore }}" class="btn btn-primary btn-block">Explore</a>
                 </div>
             </div>
+            {%- endif %}
             <div class="card" style="width: 18rem;">
                 <img src="images/jupyter.png" class="card-img-top mx-auto" alt="...">
                 <div class="card-body">
@@ -77,7 +79,35 @@
                 <div class="card-footer text-black bg-white border-white">
                     <a href="{{ tool_urls.jupyter }}" class="btn btn-primary btn-block">Jupyter notebook</a>
                 </div>
-            </div>{%- if 'analytics' in tool_urls -%}
+            </div>
+            <div class="card" style="width: 18rem;">
+                <img src="images/jupyter.png" class="card-img-top mx-auto" alt="...">
+                <div class="card-body">
+                    <p class="card-text">Experiment with models and datasets in a notebook.</p>
+                </div>
+                <div class="card-footer text-black bg-white border-white">
+                    <a href="{{ tool_urls.jupyter }}" class="btn btn-primary btn-block">Jupyter notebook</a>
+                </div>
+            </div>
+                        <div class="card" style="width: 18rem;">
+                <img src="images/analytics.png" class="card-img-top mx-auto" alt="...">
+                <div class="card-body">
+                    <p class="card-text">User guide notebook.</p>
+                </div>
+                <div class="card-footer text-black bg-white border-white">
+                    <a href="/jupyter/hub/user-redirect/git-pull?repo=https%3A%2F%2Fgithub.com%2FeWaterCycle%2Fewatercycle&urlpath=lab%2Ftree%2Fewatercycle%2Fdocs%2Fuser_guide.ipynb&branch=main"" class="btn btn-primary btn-block">Jupyter notebook</a>
+                </div>
+            </div>
+                        <div class="card" style="width: 18rem;">
+                <img src="images/cylc.png" class="card-img-top mx-auto" alt="...">
+                <div class="card-body">
+                    <p class="card-text">Tech paper notebooks.</p>
+                </div>
+                <div class="card-footer text-black bg-white border-white">
+                    <a href="/jupyter/hub/user-redirect/git-pull?repo=https%3A%2F%2Fgithub.com%2FeWaterCycle%2FtechnicalPaperExampleNotebooks&urlpath=lab%2Ftree%2FtechnicalPaperExampleNotebooks%2FCase1_Marrmot_Merrimack_ESMValTool.ipynb&branch=main" class="btn btn-primary btn-block">Jupyter notebook</a>
+                </div>
+            </div>
+            {%- if 'analytics' in tool_urls -%}
             <div class="card" style="width: 18rem;">
                 <img src="images/analytics.png" class="card-img-top mx-auto" alt="...">
                 <div class="card-body">