Skip to content

Commit

Permalink
Combine platform page into one
Browse files Browse the repository at this point in the history
  • Loading branch information
choldgraf committed Aug 21, 2024
1 parent e66dd1a commit 8c0a71c
Show file tree
Hide file tree
Showing 18 changed files with 344 additions and 338 deletions.
2 changes: 1 addition & 1 deletion assets/scss/pages/_about.scss
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
#mission p {
#mission {
font-size: 1.6em;
width: 90%;
margin: auto;
Expand Down
21 changes: 7 additions & 14 deletions config/_default/menus.toml
Original file line number Diff line number Diff line change
Expand Up @@ -9,20 +9,14 @@
weight = 10

[[main]]
name = "Community case studies"
name = "Community impact"
url = "communities/"
weight = 10

[[main]]
name = "Hub services"
url = "hub-services/"
weight = 11

[[main]]
name = "Right to Replicate"
url = "right-to-replicate/"
weight = 11

weight = 12

[[main]]
name = "About"
Expand All @@ -31,16 +25,15 @@

[[main]]
parent = "about"
name = "Team and organization"
url = "organization/"
name = "Mission and goals"
url = "mission/"
weight = 10

[[main]]
parent = "about"
name = "Mission, values, and strategy"
url = "mission/"
weight = 20

name = "Team and organization"
url = "organization/"
weight = 15

[[main]]
parent = "about"
Expand Down
197 changes: 113 additions & 84 deletions content/_index.md
Original file line number Diff line number Diff line change
Expand Up @@ -41,67 +41,13 @@ sections:
- block: markdown
id: service
content:
title: We help communities build a home in the cloud for interactive computing
title: We help communities build their own interactive computing hub in the cloud with open infrastructure
subtitle:
text: |
Our platform **empowers community leaders in research and education to design a hub** for their community to create and share knowledge. We do so by bringing together open tools, services, data, and infrastructure.
{{< servicetech >}}
- block: portfolio
id: posts
content:
title: Community impact stories
subtitle: Our platform integrates open tools and services for many communities in research and education. Below are some stories of impact from our community partners.
text: ''
# Choose how many pages you would like to display (0 = all pages)
count: 5
# Filter on criteria
filters:
# The folders to display content from
folders:
- blog
# These are the tags that will show up in the list
tags: ["geoscience", "bioscience", "education", "open source"]
author: ""
publication_type: ""
featured_only: false
exclude_featured: false
exclude_future: false
exclude_past: false
# Choose how many pages you would like to offset by
# Useful if you wish to show the first item in the Featured widget
offset: 0
# Field to sort by, such as Date or Title
sort_by: 'Date'
sort_ascending: false
buttons:
- name: All
tag: '*'
- name: Geoscience
tag: geoscience
- name: Bioscience
tag: bioscience
- name: Education
tag: education
- name: Open Source
tag: open source
design:
# Choose a listing view
view: masonry
# Choose single or dual column layout
columns: '1'
css_class: "home-stories"

- block: markdown
id: numbers
content:
title: We serve a global network of communities
subtitle:
text: |
We serve **over 80 communities across the globe** with **over 7000 active users** that are dedicated to creating and sharing knowledge.
We serve **over 90 communities across the globe** with **over 7000 active users** that are dedicated to creating and sharing knowledge. See [our community impact stories](/communities) for inspiration.
<style>
#who-logos {
Expand All @@ -119,10 +65,6 @@ sections:
}
</style>
{{< figure src="/images/home/worldmap.png" alt="2i2c map of communities" caption="A map of the rough location of communities with currently active hubs. Updated as of July 2024, [see our interactive map](https://2i2c.org/kpis/cloud/#map-of-hubs) for the latest data.">}}
</p>
<ul id="who-logos" class="list-inline">
<li class="list-inline-item"><a href="https://nasa.gov" target="_blank"><img src="/images/logos/community/nasa.svg" alt="Nasa logo"></a></li>
<li class="list-inline-item"><a href="https://www.si.edu/" target="_blank"><img src="/images/logos/community/smithsonian.svg" alt="Smithsonian logo"></a></li>
Expand All @@ -133,46 +75,133 @@ sections:
<li class="list-inline-item"><a href="https://columbia.edu/" target="_blank"><img src="/images/logos/community/columbia-university.png" alt="Columbia University logo"></a></li>
</ul>
- block: markdown
id: jupyterhub
design:
columns: 2
content:
title: Manage and monitor resources and users
subtitle: Community leaders can manage user access to the hub, and provide each user their own workspace that persists over time.
text: |
<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: markdown
id: jupyterlab
design:
columns: 2
css_class: reverse-markdown-row
content:
title: Design interactive interfaces for data-driven discovery
subtitle: JupyterLab provides a flexible user interface to create and explore notebooks, interactive visualizations, and computational narratives.
text: |
<figure class="videofigure">
{{< video src="videos/jupyterlab.mp4">}}
<figcaption>
Powered by <a href="https://jupyterlab.readthedocs.io"><img src="/images/logos/project/jupyterlab.svg" /></a> and <a href="https://mystmd.org"><img src="/images/logos/project/myst.svg" /></a>. Example from <a href="https://github.com/google/neuroglancer"> Neuroglancer-JupyterLab</a>.
</figcaption>
</figure>
- block: markdown
id: numbers
id: environment-choice
design:
columns: 2
content:
title: We empower communities to share and learn.
subtitle: Interactive computing hubs provide access to standardized workflows that make it easier for community members to teach and share with one another, and to enhance their work together.
title: Choose a community environment, or create your own
subtitle: Community leaders can offer many environments for users to fit all of their workflows.
text: |
<figure class="videofigure">
{{< video src="/videos/jupyterhub-environment.mp4" >}}
{{< figure src="/images/service/community-improvements.png" alt="How communities improve with shared infrastructure.">}}
<figcaption>
Powered by <a href="https://jupyterhub.readthedocs.io"><img src="/images/logos/project/jupyterhub.svg" /></a> and <a href="https://repo2docker.readthedocs.io"><img src="/images/logos/project/repo2docker.png" /></a>. Example from <a href="https://www.earthdata.nasa.gov/esds/veda">the NASA VEDA project</a>.
</figcaption>
</figure>
- block: markdown
id: knowledge-base
design:
columns: 2
css_class: reverse-markdown-row
content:
title: Share workflows with a community knowledge base.
subtitle: Shared knowledge bases allow communities to contribute their ideas and work to a shared space that is accessible to the community.
text: |
<figure class="videofigure">
{{< video src="videos/jupyterbook.mp4">}}
<figcaption>
Powered by <a href="https://jupyterbook.org"><img src="/images/logos/project/jupyterbook.svg" /></a> and <a href="https://mystmd.org"><img src="/images/logos/project/myst.svg" /></a>. Example from <a href="https://book.cryointhecloud.com/intro.html">the CryoCloud JupyterBook</a>.
</figcaption>
</figure>
- block: markdown
id: numbers
id: magiclink
design:
columns: 2
content:
title: We make open source tools more impactful
subtitle:
title: Share content and interactive links to a hub
subtitle: Create and share a magic link to instantly share a copy of your content with anyone so that they can interact and explore with live code and data.
text: |
Our global network gives us a unique perspective to identify high-impact improvements to open source tools. We collaborate with open source communities to make upstream enhancements, and re-deploy the improved tools to the communities in our network.
<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>
{{< figure src="/images/home/os-lifecycle.png" alt="The lifecycle of upstream development">}}
- block: markdown
id: desktop
design:
columns: 2
css_class: reverse-markdown-row
content:
title: Serve linux applications via a remote desktop
subtitle: You can provide users a full linux UI that provides access to GUI applications via the web.
text: |
<figure class="videofigure">
{{< video src="videos/desktop.mp4">}}
<figcaption>
Powered by <a href="https://jupyterhub.readthedocs.io"><img src="/images/logos/project/jupyterhub.svg" /></a>. Example from <a href="https://www.earthdata.nasa.gov/esds/veda">the NASA VEDA project</a>.
</figcaption>
</figure>
- block: features
id: clouds
content:
title: Grounded in open principles so communities can trust us as stewards of critical scientific workflows.
title: Supported cloud providers
subtitle: ""
text: ""
text: |
2i2c aims to support JupyterHubs on any cloud provider that offers a managed Kubernetes service.
To start, we are focusing on the major commercial cloud providers listed below.
If you would like a hub hosted on a different cloud provider, please [give us your feedback](mailto:[email protected]).
See [our Organizational Strategy and Goals](https://compass.2i2c.org/organization/strategy.html) to learn more about our plans.
items:
# LEAVE OUT PARTNERSHIP because this forces us to use 3 columns
- name: Transparency
description: Our transparent and participatory model keeps our incentives aligned with community needs.
icon: magnifying-glass
icon_pack: fas
- name: Empowerment
description: Our service gives communities agency to design the service they need, and to manage it without 2i2c if they wish.
icon: bolt
icon_pack: fas
- name: Sustainability
description: Our service should have a self-sustaining model that ensures continuity, growth, and funder independence.
icon: dollar-sign
icon_pack: fas
- 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
id: learnmore
Expand Down
2 changes: 1 addition & 1 deletion content/blog/2024/veda-devseed-collab/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ When a user logs into a JupyterHub, it is very helpful if we could have a bunch
[QGIS](https://www.qgis.org/) is the world's most used open source GIS software, and previously 2i2c had [worked with Openscapes and QGreenland](https://blog.jupyter.org/desktop-gis-software-in-the-cloud-with-jupyterhub-ddced297019a) to bring this *desktop* software to JupyterHub. We had previously worked on a [container image](https://github.com/2i2c-org/nasa-qgis-image) that allows users to access large datasets stored in the cloud directly through QGIS on the JupyterHub, allowing users to work with much larger datasets than they could on their desktops by bringing cloud compute adjacent to the data. As a continuation of this work, we developed [jupyter-remote-qgis-proxy](https://github.com/sunu/jupyter-remote-qgis-proxy), which builds QGIS specific features on top of [jupyter-remote-desktop-proxy](https://github.com/jupyterhub/jupyter-remote-desktop-proxy). In particular, it allows creation of shareable links that when clicked, opens specific datasets and layers in QGIS in a JupyterHub! You can see this in action:

<figure>
{{< video autoplay="true" loop="true" src="qgis.mp4" >}}
{{< video autoplay="true" mute="true" loop="true" src="qgis.mp4" >}}
<figcaption>Launching QGIS on a Linux desktop served by the VEDA JupyterHub</figcaption>
</figure>

Expand Down
Loading

0 comments on commit 8c0a71c

Please sign in to comment.