Merge pull request #295 from jnywong/product-menu

Add hub services page

config/_default/menus.toml

@@ -13,6 +13,11 @@
   url = "communities/"
   weight = 10
 
+[[main]]
+  name = "Hub services"
+  url = "hub-services/"
+  weight = 11
+
 [[main]]
   name = "Right to Replicate"
   url = "right-to-replicate/"
@@ -73,17 +78,22 @@
   url = "donate/"
   weight = 80
 
+[[main_right]]
+  name = 'join us'
+  url = "/join"
+  weight = 100
+
 [[main_right]]
   name = 'blog'
   url = "/blog"
-  weight = 100
+  weight = 90
 
 [[main_right]]
   name = 'docs'
   url = "https://docs.2i2c.org"
-  weight = 100
+  weight = 90
 
 [[main_right]]
   name = 'support'
   url = "https://docs.2i2c.org/support"
-  weight = 100
+  weight = 80

content/_index.md

@@ -19,9 +19,9 @@ sections:
         #icon_pack: fas
         #icon: download
       # Optionally, add an alternative CTA link
-      # cta_alt:
-      #   label: Our mission
-      #   url: mission
+      cta_alt:
+        label: Join us
+        url: /join
       # Optionally, add a note under the Call-To-Action button
       # cta_note:
       #   label: >-

content/hub-services/index.md

@@ -0,0 +1,125 @@
+---
+# Page title
+title: Hub services
+# Page type - we want a landing page (such as a homepage)
+type: landing
+aliases:
+  - /hub-services/
+
+
+# Your landing page sections - add as many different content blocks as you like
+sections:
+  - block: markdown
+    id: hub-services-intro
+    content:
+      title: Your hub, the way you want it
+      text: |
+        At 2i2c, we have extensive expertise in rapidly deploying custom cloud computing hubs to help research and education communities create and share knowledge.
+
+        This page outlines our standard hub configuration options, which can be usually be deployed with a short turnaround of 1 day or less.
+
+        However, should your community require a more customized approach, please don't hesitate to [contact us](../join/_index.md) to discuss your specific requirements.
+
+  - block: markdown
+    content:
+      title: Sign-in
+      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">}}
+
+          <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: | 
+        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.
+
+      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:
+      title: Software Stack
+      subtitle: ""
+      text: |
+        2i2c supports a number of standard community-maintained images for research and education including Pangeo Notebook, SciPy, Julia, and Rocker with RStudio.
+
+        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.
+        
+        {{< softwarestacklogos >}}
+
+  - block: markdown
+    content:
+      title: Storage
+      subtitle: ""
+      text: |
+        Hubs can be configured with a choice of persistent home directories and different levels of read-write permissions (admins only, or everyone).
+
+        Additionally, object storage can be configured for access to scratch, persistent, or pre-existing buckets, as needed.
+
+  - block: markdown
+    content:
+      title: Sharing
+      subtitle: ""
+      text: |
+        Learning and discovery through interactive cloud computing are more powerful when shared.
+
+        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
+      subtitle: ""
+      text: |
+        Looking to customize your hub's look and feel to match your community? We can give your hub a unique look to match your message and mission, with a customizable landing page, branding, and announcements area.
+        
+  - block: markdown
+    id: join-us
+    content:
+      title: 
+      subtitle: 
+      text: |
+
+        {{< cta cta_text="Ready to join our growing network of community hubs?" cta_link="/join" cta_new_tab="false" >}}
+            
+---

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>