Skip to content

Commit d6e9043

Browse files
rdhyeeclaude
andauthored
Redesign homepage, add navbar, restructure navigation (#64)
* Redesign homepage and restructure navigation per wireframe Homepage (#58): - Globe hero image linking to progressive explorer - Impact stats bar (6.7M samples, 4 repos, 90+ countries) - Showcase gallery with 4 real sample thumbnails (from John's index_alt) - Three collapsible accordion sections: What/How/Why - Moorea video embed at bottom Navigation (#60): - Visitor-first ordering: Home → Explorer → Tutorials → About - Interactive Explorer now links to progressive globe (the working page) - Old isamples_explorer moved under Tutorials Outputs split (#63): - "Outputs" → "Published Research" (papers, talks) + "Resources" (Zenodo, GitHub) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * Add top navbar and hide sidebar on homepage - Homepage: sidebar: false, page-layout: full for clean landing page - Top navbar on all pages: Home, Interactive Explorer, Tutorials, About - GitHub/Slack icons in navbar right - Sidebar still available on interior pages for deep navigation Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent 55fabbe commit d6e9043

File tree

2 files changed

+109
-39
lines changed

2 files changed

+109
-39
lines changed

_quarto.yml

Lines changed: 47 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,24 @@ project:
33
output-dir: docs
44

55
website:
6-
title: "iSamples"
6+
title: "iSamples"
77
favicon: assets/isamplesfavicon.ico
8+
navbar:
9+
logo: assets/isampleslogopetal.png
10+
left:
11+
- href: index.qmd
12+
text: Home
13+
- href: tutorials/progressive_globe.qmd
14+
text: Interactive Explorer
15+
- href: tutorials/index.qmd
16+
text: Tutorials
17+
- href: about.qmd
18+
text: About
19+
right:
20+
- icon: github
21+
href: https://github.com/isamplesorg
22+
- icon: slack
23+
href: https://isamples.slack.com/
824
sidebar:
925
style: "docked"
1026
search: true
@@ -17,50 +33,53 @@ website:
1733
- icon: twitter
1834
href: https://twitter.com/isamplesorg
1935
contents:
20-
- href: index_alt.qmd
21-
text: Alt Home Page
22-
aria-label: "Goals of the iSamples project"
23-
- href: about.qmd
24-
text: Goals
25-
aria-label: "Goals of the iSamples project"
26-
- href: people.qmd
27-
text: People
28-
aria-label: "People of the iSamples project"
36+
- href: index.qmd
37+
text: Home
38+
- text: "Interactive Explorer"
39+
href: tutorials/progressive_globe.qmd
40+
aria-label: "Explore 6.7M samples on an interactive globe"
41+
- section: "Tutorials"
42+
contents:
43+
- text: "Overview"
44+
href: tutorials/index.qmd
45+
- text: "Deep-Dive Analysis"
46+
href: tutorials/zenodo_isamples_analysis.qmd
47+
- text: "3D Globe Visualization"
48+
href: tutorials/parquet_cesium_isamples_wide.qmd
49+
- text: "Progressive Globe (H3 + Samples)"
50+
href: tutorials/progressive_globe.qmd
51+
- text: "Interactive Explorer"
52+
href: tutorials/isamples_explorer.qmd
53+
- text: "Technical: Narrow vs Wide"
54+
href: tutorials/narrow_vs_wide_performance.qmd
55+
- section: "About"
56+
contents:
57+
- href: about.qmd
58+
text: Goals
59+
- href: people.qmd
60+
text: People
2961
- section: "Information Architecture"
3062
contents:
3163
- design/index.qmd
3264
- design/requirements.md
3365
- text: Metadata Model
3466
href: "https://isamplesorg.github.io/metadata/"
3567
- models/index.qmd
36-
- section: "Outputs"
68+
- section: "Published Research"
3769
contents:
70+
- text: Publications
71+
href: pubs.qmd
3872
- text: 2020 SPNHC conference talk (video)
3973
href: https://youtu.be/eRUw5NMksFo?t=105
4074
- text: iSamples metadata model talk (slides, PDF)
4175
href: assets/2022-11_iSamplesMetadata.pdf
42-
- text: Publications
43-
href: pubs.qmd
76+
- section: "Resources"
77+
contents:
4478
- text: Zenodo community
4579
href: https://zenodo.org/communities/isamples
4680
- icon: github
4781
text: Github repositories
4882
href: "https://github.com/isamplesorg/"
49-
- text: "Interactive Explorer"
50-
href: tutorials/isamples_explorer.qmd
51-
aria-label: "Search and explore 6.7M samples"
52-
- section: "Tutorials"
53-
contents:
54-
- text: "Overview"
55-
href: tutorials/index.qmd
56-
- text: "Deep-Dive Analysis"
57-
href: tutorials/zenodo_isamples_analysis.qmd
58-
- text: "3D Globe Visualization"
59-
href: tutorials/parquet_cesium_isamples_wide.qmd
60-
- text: "Progressive Globe (H3 + Samples)"
61-
href: tutorials/progressive_globe.qmd
62-
- text: "Technical: Narrow vs Wide"
63-
href: tutorials/narrow_vs_wide_performance.qmd
6483

6584
repo-url: https://github.com/isamplesorg/isamplesorg.github.io
6685
repo-actions: [edit, issue]

index.qmd

Lines changed: 62 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,71 @@
11
---
22
title: "Internet of Samples: iSamples"
3-
subtitle: "Toward an Interdisciplinary Cyberinfrastructure for Material Samples [![](https://img.shields.io/badge/NSF-2004839-blue.svg)](https://nsf.gov/awardsearch/showAward?AWD_ID=2004839)"
3+
subtitle: "Toward an Interdisciplinary Cyberinfrastructure for Material Samples"
44
number-sections: false
5+
toc: false
6+
sidebar: false
7+
page-layout: full
58
---
69

7-
The Internet of Samples (iSamples) is a multi-disciplinary and multi-institutional project funded by the National Science Foundation to design, develop, and promote service infrastructure to uniquely, consistently, and conveniently identify material samples, record metadata about them, and persistently link them to other samples and derived digital content, including images, data, and publications.
10+
::: {.column-page}
811

9-
# Current Data Access: Geoparquet-Based Approach
12+
[![Explore 6.7 million samples on an interactive globe](assets/isamples_planet.jpg){fig-alt="Globe showing iSamples data points from 4 scientific repositories" width="100%"}](/tutorials/progressive_globe.html "Explore the interactive globe")
1013

11-
**Note**: iSamples Central is currently unavailable. The project now uses **geoparquet files** for efficient, browser-based data access and analysis:
14+
:::
1215

13-
📊 &nbsp;&nbsp; **[Interactive Tutorials](/tutorials/)** - Modern browser-based analysis with DuckDB-WASM
14-
<br/>
15-
🗺️ &nbsp;&nbsp; **Comprehensive Coverage** - Complete datasets from SESAR, OpenContext, GEOME, and Smithsonian
16-
<br/>
17-
🚀 &nbsp;&nbsp; **High Performance** - Fast, efficient data access with minimal memory usage
18-
<br/>
19-
🌐 &nbsp;&nbsp; **Universal Access** - Works in any modern browser without software installation
16+
::: {.callout-note appearance="minimal"}
17+
**6.7 million** physical samples | **4** repositories (SESAR, OpenContext, GEOME, Smithsonian) | **90+** countries | **Zero installation** — runs in your browser
18+
:::
2019

20+
## Showcase: Real Samples from the Collection {.unnumbered}
21+
22+
::: {layout-ncol=4 layout-valign="center"}
23+
24+
[![](assets/IGSN_10.58052_DIA0000YL.png){group="showcase" fig-alt="Diamond sample"}](https://doi.org/10.58052/DIA0000YL "Diamond, collected 2019-06-11, Brazil")
25+
26+
[![](assets/IGSN_10.58052_IEGIL000C.png){group="showcase" fig-alt="Fossil coral sample"}](https://doi.org/10.58052/IEGIL000C "Fossil coral, from 10000 BCE, Cayman Islands")
27+
28+
[![](assets/ark_65665_337856f1a655e4ad78b1ef10a16dfb6e3.png){group="showcase" fig-alt="Fish specimen"}](https://n2t.net/ark:65665/337856f1a655e4ad78b1ef10a16dfb6e3 "Paracirrhites arcatus, collected 2006-03-10, French Polynesia")
29+
30+
[![](assets/ark_28722_r2p24_vdm_19600211.png){group="showcase" fig-alt="Red-figure askoi"}](https://n2t.net/ark:28722/r2p24/vdm_19600211 "Red-figure askoi, late-4th to early-3rd century BCE, Murlo, Italy")
31+
32+
:::
33+
34+
::: {.callout-tip collapse="true"}
35+
## What is iSamples?
36+
37+
The Internet of Samples (iSamples) is a multi-disciplinary and multi-institutional project funded by the **National Science Foundation** to design, develop, and promote service infrastructure to uniquely, consistently, and conveniently identify material samples, record metadata about them, and persistently link them to other samples and derived digital content, including images, data, and publications.
38+
39+
iSamples integrates data from four major scientific repositories:
40+
41+
- **[SESAR](https://www.geosamples.org/)** — Earth science samples (rocks, minerals, sediments, soils)
42+
- **[OpenContext](https://opencontext.org/)** — Archaeological and cultural heritage materials
43+
- **[GEOME](https://geome-db.org/)** — Genomic and biological specimens
44+
- **[Smithsonian](https://collections.nmnh.si.edu/)** — Natural history museum collections
45+
:::
46+
47+
::: {.callout-tip collapse="true"}
48+
## How can I access it?
49+
50+
The project uses **geoparquet files + DuckDB-WASM** for efficient, browser-based data access and analysis — no server required.
51+
52+
- **iSamples Full Dataset**: ~280 MB wide format, 6.7M samples
53+
- **Available via**: Cloudflare R2 with HTTP range requests
54+
- **Interactive tools**: [Progressive Globe](/tutorials/progressive_globe.html) for visual exploration, [Interactive Explorer](/tutorials/isamples_explorer.html) for search and filtering
55+
56+
All analysis happens in your browser. Only the data you need is downloaded — typically less than 1 MB for initial exploration.
57+
:::
58+
59+
::: {.callout-tip collapse="true"}
60+
## Why browser-based?
61+
62+
- **Universal access** — No installation, works in any modern browser
63+
- **Fast analysis** — 5-10x faster than downloading full datasets
64+
- **Memory efficient** — Analyze 300MB datasets using less than 100MB browser memory
65+
- **Minimal transfer** — Only download the columns and rows you need
66+
- **Reproducible** — Share a URL and anyone can see exactly what you see
67+
:::
68+
69+
---
70+
71+
[![](assets/moorea_cover.jpg){width="100%" group="showcase" fig-alt="iSamples data visualization from Moorea"}](https://youtu.be/JzNadmklzNs "Watch the iSamples data visualization video")

0 commit comments

Comments
 (0)