Add images and video

content/hub-services/index.md

@@ -23,21 +23,40 @@ sections:
   - block: markdown
     content:
       title: Sign-in
-      subtitle: ""
-      text: | 
+      text: |
         We support the following authentication and authorization options:
           - GitHub - with support for GitHub Organization and Teams
           - CILogon - with support for institutional logins, Google Auth, Microsoft, and ORCID
           - Shared Password - simple authentication with a global shared password, ideal for workshops and webinar
+        <figure class="videofigure">
+          {{< video src="videos/jupyterhub-admin.mp4">}}
 
-  - block: markdown
+          <figcaption>
+              Powered by <a href="https://jupyterhub.readthedocs.io"><img src="/images/logos/project/jupyterhub.svg" /></a>
+          </figcaption>
+        </figure>      
+
+  - block: features
     content:
       title: Compute
-      subtitle: ""
-      text: | 
-        We offer a choice of CPU, Memory (from 4GB to 512GB) and GPU configurations for all types of workloads, with added support for Dask Gateway for task parallelization.
-
-        We can also co-locate your hub's compute next to your cloud data to improve performance and costs, with AWS and Google Cloud Platform supported out-of-the box, and Azure configurations available on request.
+      subtitle: | 
+        <font color="#000000"> We offer a choice of CPU, Memory (from 4GB to 512GB) and GPU configurations for all types of workloads, with added support for Dask Gateway for task parallelization. 
+
+        We can also co-locate your hub's compute next to your cloud data to improve performance and costs, with AWS and Google Cloud Platform supported out-of-the box, and Azure configurations available on request.</font>
+
+      items:
+        - icon: google-cloud
+          icon_pack: custom
+          name: Google Cloud
+          description: ""
+        - icon: azure 
+          icon_pack: custom
+          name: Microsoft Azure
+          description: ""
+        - icon: aws
+          icon_pack: custom 
+          name: Amazon Web Services
+          description: ""
 
   - block: markdown
     content:
@@ -48,7 +67,9 @@ sections:
 
         Additionally, hub users can configure their hubs with any existing pre-built image hosted on [Docker Hub](https://hub.docker.com/) or [quay.io](https://quay.io).
 
-        Hub administrators can also provide their own self-maintained images, should they wish to do so.      
+        Hub administrators can also provide their own self-maintained images, should they wish to do so.
+        
+        {{< softwarestacklogos >}}
 
   - block: markdown
     content:
@@ -68,13 +89,23 @@ sections:
 
         You can choose to let your hub users share their fully interactive projects through ephemeral hubs generated on the fly, giving others the opportunity to experience their work in full by simply clicking on a shared link.
 
+        <figure class="videofigure">
+          {{< video src="videos/magic-links.mp4">}}
+
+          <figcaption>
+            Powered by <a href="https://mystmd.org"><img src="/images/logos/project/myst.svg" /></a> and <a href="https://jupyterhub.readthedocs.io"><img src="/images/logos/project/jupyterhub.svg" /></a>. Example from <a href="https://www.biorxiv.org/content/10.1101/2024.01.25.577295v1">the Spyglass toolbox paper</a>.
+          </figcaption>
+        </figure>              
+
   - block: markdown
     content:
       title: Reporting and quotas
       subtitle: ""
       text: |
         Our hubs come standard with Grafana access to help users and administrators keep an eye on their usage and cost analytics, which together with configurable storage quotas help ensure that cost overruns and unexpected bill shocks are a thing of the past.
 
+        {{< figure src="/images/service/grafana.png" alt="Grafana dashboard">}}
+
   - block: markdown
     content:
       title: White labelling

layouts/shortcodes/softwarestacklogos.html

@@ -0,0 +1,16 @@
+<div class="container logos">
+    <div class="row justify-content-center">
+      <a href="https://pangeo-data.github.io/pangeo-stacks/images.html" class="col-3">
+        <img class="logo" src="/images/logos/community/pangeo.svg" alt="Pangeo logo">
+      </a>
+      <a href="https://pangeo-data.github.io/pangeo-stacks/images.html" class="col-3">
+        <img class="logo" src="/images/logos/project/jupyter.svg" alt="Jupyter logo">
+      </a>
+      <a href="https://pangeo-data.github.io/pangeo-stacks/images.html" class="col-3">
+        <img class="logo" src="/images/logos/project/julia.svg" alt="Julia logo">
+      </a>
+      <a href="https://pangeo-data.github.io/pangeo-stacks/images.html" class="col-3">
+        <img class="logo" src="/images/logos/project/rocker.png" alt="Rocker logo">
+      </a>      
+    </div>
+</div>