Add ORCESTRA case study and update CTAs

content/_data.yml

@@ -29,6 +29,12 @@ useCards:
       WeatherXM configured thousands of smart weather vanes with IPFS client functionality to collaboratively share weather patterns from around the world
     link: https://www.youtube.com/watch?v=J7aDajwBSic
     label: Watch the presentation
+  - image: logo-orcestra.svg
+    title: Share verifiable scientific datasets across institutions
+    description: |
+      The ORCESTRA campaign uses IPFS to advance open scientific research by sharing verifiable, accessible datasets across institutions worldwide
+    link: https://docs.ipfs.tech/case-studies/orcestra/
+    label: Read the case study
   - image: logo-snapshot.png
     title: Enable data transparency in Web3
     description: |
@@ -72,12 +78,16 @@ browserCards:
     link: https://addons.mozilla.org/en-US/firefox/addon/ipfs-companion/
     label: Install
 testimonialCards:
+  - image: portrait-tobias-kolling.webp
+    title: Tobias Kölling, Max Planck Institute for Meteorology
+    description: |
+      During our 2024 ORCESTRA campaign, the planned local data infrastructure was stuck in customs. We set up IPFS on our notebooks and a Raspberry Pi, and suddenly all scientists could sync, share data, and collaborate on a local network, with automatic uploads back to Hamburg during intermittent internet connectivity.
   - image: portrait-mauve-signweaver-agregore.webp
     title: Mauve Signweaver, Founder - Agregore
     description: |
       IPFS gives us a set of flexible building blocks for connecting devices and exchanging data. The plethora of IPFS documentation and community members contributes toward our goal at Agregore of making peer-to-peer web apps easy to use.
   - image: portrait-gabo-h-beaumont-mintter.webp
-    title: Gabo H Beaumont, Co-Founder - Mintter inc
+    title: Gabo H Beaumont, Co-Founder - Seed Hypermedia
     description: |
       It's crucially important to have a distributed file system in our open hypertext system. IPFS is the missing piece that allows for a truly decentralized and open web.
   - image: portrait-wes-floyd-bacalhau.webp

pages/index.vue

@@ -133,14 +133,14 @@ const { data: latestVideos } = await useFetch('/videos.json', {
           </h3>
           <ImageSplit class="flex flex-auto" image="constellation-peer.svg" tight>
             <p class="text-lg text-black">
-              Our most popular implementations are written in Go, Rust, and JavaScript – and we also have support for desktop, browsers, mobile, embedded devices, and more.
+              Our most popular implementations are written in Go, Rust, and TypeScript – and we also have support for desktop, browsers, mobile, embedded devices, and more.
             </p>
           </ImageSplit>
-          <ListLinks>
-            <ListLink label="Developers" link="/developers/" />
-            <ListLink label="Documentation" link="https://docs.ipfs.tech/" />
-            <ListLink label="Read Case Studies" link="https://docs.ipfs.tech/case-studies/arbol/" />
-          </ListLinks>
+          <div class="mt-8 flex flex-wrap gap-2">
+            <Btn href="/developers/" outline>Developers</Btn>
+            <Btn href="https://docs.ipfs.tech/" outline>Documentation</Btn>
+            <Btn href="https://docs.ipfs.tech/case-studies/orcestra/" outline>Read Case Studies</Btn>
+          </div>
         </Card>
         <Card>
           <h3 class="mb-4 text-xl text-black">
@@ -151,10 +151,11 @@ const { data: latestVideos } = await useFetch('/videos.json', {
               Use content addressing to give your data unique identifiers, and use IPFS for large-scale data storage and compute.
             </p>
           </ImageSplit>
-          <ListLinks>
-            <ListLink label="Deploy Static Apps to IPFS with GitHub Actions" link="https://docs.ipfs.tech/how-to/websites-on-ipfs/deploy-github-action/" />
-            <ListLink label="Retrieve CIDs with IPFS" link="https://docs.ipfs.tech/quickstart/retrieve/" />
-          </ListLinks>
+          <div class="mt-8 flex flex-wrap gap-2">
+            <Btn href="https://docs.ipfs.tech/how-to/websites-on-ipfs/deploy-github-action/" outline>Publish to IPFS with GitHub Actions</Btn>
+            <Btn href="https://docs.ipfs.tech/quickstart/retrieve/" outline>Retrieve CIDs with IPFS</Btn>
+            <Btn href="https://docs.ipfs.tech/how-to/scientific-data/publish-geospatial-zarr-data/" outline>Publish geospatial Zarr data</Btn>
+          </div>
         </Card>
         <Card>
           <h3 class="mb-4 text-xl text-black">
@@ -165,11 +166,11 @@ const { data: latestVideos } = await useFetch('/videos.json', {
               Share files, stream music, publish your website, store NFTs, and much more through hundreds of applications built on IPFS.
             </p>
           </ImageSplit>
-          <ListLinks>
-            <ListLink label="Install IPFS Desktop" link="https://docs.ipfs.tech/install/ipfs-desktop" />
-            <ListLink label="Install IPFS Browser Extension" link="https://docs.ipfs.tech/install/ipfs-companion/" />
-            <ListLink label="Browse IPFS Applications" link="https://ecosystem.ipfs.tech/" />
-          </ListLinks>
+          <div class="mt-8 flex flex-wrap gap-2">
+            <Btn href="https://docs.ipfs.tech/install/ipfs-desktop" outline>Install IPFS Desktop</Btn>
+            <Btn href="https://docs.ipfs.tech/install/ipfs-companion/" outline>Install IPFS Browser Extension</Btn>
+            <Btn href="https://ecosystem.ipfs.tech/" outline>Browse IPFS Applications</Btn>
+          </div>
         </Card>
         <Card>
           <h3 class="mb-4 text-xl text-black">
@@ -180,9 +181,9 @@ const { data: latestVideos } = await useFetch('/videos.json', {
               Design storage, compute, encryption, and implementation layers to optimize the way developers use IPFS.
             </p>
           </ImageSplit>
-          <ListLinks>
-            <ListLink label="Browse all implementations" link="/developers#implementations" />
-          </ListLinks>
+          <div class="mt-8 flex flex-wrap gap-2">
+            <Btn href="/developers#implementations" outline>Browse all implementations</Btn>
+          </div>
         </Card>
       </Grid>
     </PageSection>

unocss.config.ts

@@ -32,7 +32,7 @@ export default defineConfig({
   shortcuts: [
     ['btn', 'py-2 px-8 whitespace-nowrap bg-brand-teal text-white text-base font-semibold rounded-full cursor-pointer inline-block focus:outline-none scale-[0.99] hover:scale-100 active:scale-[0.98] transition duration-150'],
     ['btn-primary', 'bg-brand-orange text-black'],
-    ['btn-outline', 'bg-transparent text-brand-teal border border-brand-teal'],
+    ['btn-outline', 'bg-transparent text-brand-teal border border-brand-teal hover:bg-brand-teal hover:text-white'],
     ['grid-margins', 'max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8'],
   ],
   presets: [