Exhibit page

apps/cns-website/public/assets/content/exhibit/data.yaml

@@ -0,0 +1,141 @@
+$schema: ../../../app/schemas/content-page/content-page.schema.json
+title: 30-Year Exhibit
+subtitle: |
+  Explore the *Places & Spaces* (2005-2024) and *Envisioning Intelligences* exhibits (2025-2034).
+breadcrumbs:
+  - name: Home
+    route: /
+  - name: 30-Year Exhibit
+headerContent:
+  - component: GridContainer
+    content:
+      - component: ActionCard
+        variant: outlined
+        image: assets/content/exhibit/images/envisioning-intelligences.png
+        tagline: Envisioning Intelligences (2025-2034)
+        content:
+          - component: Markdown
+            data: The third decade welcomes visualizations of linguistic, kinesthetic, emotional, and other intelligences with a focus on collaboration and coordination across life forms.
+        actionsLeft:
+          component: TextHyperlink
+          text: View visualizations
+          url: /exhibit/envisioning-intelligences
+        actionsRight:
+          component: TextHyperlink
+          text: Talks and demos
+          url: https://cns-iu.github.io/workshops/2025-24h
+      - component: ActionCard
+        variant: outlined
+        image: assets/content/exhibit/images/macroscopes.png
+        tagline: Macroscopes (2015-2024)
+        content:
+          - component: Markdown
+            data: Macroscopes refer to interactive data visualizations, allowing us to engage directly with large datasets in ways that empower discovery and direct our own lines of questioning.
+        actionsLeft:
+          component: TextHyperlink
+          text: View macroscopes
+          url: https://scimaps.org/macroscopes
+        actionsRight:
+          component: TextHyperlink
+          text: Talks and demos
+          url: https://cns-iu.github.io/workshops/2023-12-9_24hour_science_map/
+      - component: ActionCard
+        variant: outlined
+        image: assets/content/exhibit/images/maps.png
+        tagline: Maps (2005-2014)
+        content:
+          - component: Markdown
+            data: For centuries, cartographic maps of earth and water have guided human exploration. Maps of science showcase the contexts, relationships, and dynamism of science.
+        actionsLeft:
+          component: TextHyperlink
+          text: View maps
+          url: https://scimaps.org/maps
+        actionsRight:
+          component: TextHyperlink
+          text: Talks and demos
+          url: https://cns-iu.github.io/workshops/2021-12-10_24hour_science_map
+content:
+  - component: PageSection
+    tagline: About the exhibits
+    anchor: about-the-exhibits
+    level: 2
+    content:
+      - component: Markdown
+        data: |
+          Since 2005, the *Places & Spaces* exhibit team has shared world-class examples of science maps and interactive
+          data visualizations via physical exhibits, 219 press items, and more than 8 million website visits. Together,
+          the different exhibit iterations aim to create ever more excitement for the power and value of science, share
+          the pleasures of scientific discovery, and give good energy to all on this planet.
+      - component: Button
+        label: Explore exhibit
+        href: https://scimaps.org
+        type: cta
+
+  - component: PageSection
+    tagline: Venues and events
+    anchor: venues-and-events
+    level: 2
+    content:
+      - component: Markdown
+        data: The exhibit has been on display at more that 480 venues in more than 160 cities.
+      - component: VenuesTable
+        venuesUrl: https://dev.scimaps.org/assets/indexes/venues.json
+        linkBaseHref: https://scimaps.org/
+
+  - component: PageSection
+    tagline: Talks and demos
+    anchor: talks-and-demos
+    level: 2
+    content:
+      - component: Markdown
+        data: |
+          Over the course of 24 hours, scholars and practitioners from around the globe discussed their work, invited
+          viewers behind the scenes, and demonstrated valuable tools and methodologies.
+
+      - component: GridContainer
+        content:
+          - component: ActionCard
+            variant: outlined
+            image: assets/content/exhibit/images/EI2.png
+            tagline: Envisioning Intelligences
+            content:
+              - component: Markdown
+                data: December 13-14, 2025
+            actionsLeft:
+              component: TextHyperlink
+              text: Event website
+              url: https://cns-iu.github.io/workshops/2025-24h/
+            actionsRight:
+              component: TextHyperlink
+              text: YouTube playlist
+              url: https://www.youtube.com/playlist?list=PL-CUnYVIy7DPbiDhpt0M233PeVV9WVyDv
+          - component: ActionCard
+            variant: outlined
+            image: assets/content/exhibit/images/atlas-of-inequality.png
+            tagline: Macroscopes
+            content:
+              - component: Markdown
+                data: December 9-10, 2023
+            actionsLeft:
+              component: TextHyperlink
+              text: Event website
+              url: https://cns-iu.github.io/workshops/2023-12-9_24hour_science_map/
+            actionsRight:
+              component: TextHyperlink
+              text: YouTube playlist
+              url: https://www.youtube.com/playlist?list=PL-CUnYVIy7DNM0EMoeWvIn-pHD2-QmPhx
+          - component: ActionCard
+            variant: outlined
+            image: assets/content/exhibit/images/2pm.png
+            tagline: Maps
+            content:
+              - component: Markdown
+                data: December 11-12, 2021
+            actionsLeft:
+              component: TextHyperlink
+              text: Event website
+              url: https://cns-iu.github.io/workshops/2021-12-10_24hour_science_map/
+            actionsRight:
+              component: TextHyperlink
+              text: YouTube playlist
+              url: https://www.youtube.com/playlist?list=PL-CUnYVIy7DO6TkNXWpHrxISnMf2Yny-f

apps/cns-website/src/app/app.config.ts

@@ -25,6 +25,7 @@ import { GridContainerDef } from '@hra-ui/design-system/content-templates/grid-c
 import { ImageDef } from '@hra-ui/design-system/content-templates/image';
 import { MarkdownDef } from '@hra-ui/design-system/content-templates/markdown';
 import { PageSectionDef } from '@hra-ui/design-system/content-templates/page-section';
+import { VenuesTableDef } from '@hra-ui/design-system/content-templates/venues-table';
 import { YouTubePlayerDef } from '@hra-ui/design-system/content-templates/youtube-player';
 import { IconDef } from '@hra-ui/design-system/icons';
 import { PageTableDef } from '@hra-ui/design-system/table';
@@ -65,6 +66,7 @@ export const appConfig: ApplicationConfig = {
       ApiCommandDef,
       ButtonDef,
       FlexContainerDef,
+      GoogleMapsDef,
       GridContainerDef,
       IconDef,
       ImageDef,
@@ -73,8 +75,8 @@ export const appConfig: ApplicationConfig = {
       PageTableDef,
       ProfileCardDef,
       TextHyperlinkDef,
+      VenuesTableDef,
       YouTubePlayerDef,
-      GoogleMapsDef,
     ]),
     provideDesignSystem(),
     provideMarkdown({ loader: HttpClient }),

apps/cns-website/src/app/app.routes.ts

@@ -83,6 +83,14 @@ export const appRoutes: Route[] = [
   {
     path: 'exhibit',
     children: [
+      {
+        path: '',
+        pathMatch: 'full',
+        component: ContentPageComponent,
+        resolve: {
+          data: createYamlSpecResolver('assets/content/exhibit/data.yaml', ContentPageDataSchema),
+        },
+      },
       {
         path: 'envisioning-intelligences',
         component: ContentPageComponent,

apps/cns-website/src/app/components/content-page/content-page.component.ts

@@ -34,12 +34,12 @@ import { FooterComponent } from '../footer/footer.component';
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class ContentPageComponent {
-  /** input data for content page */
+  /** Input data for content page */
   readonly data = input.required<ContentPageData>();
 
-  /** header content data */
+  /** Header content data */
   protected readonly headerContent = computed(() => coerceArray(this.data().headerContent ?? []));
 
-  /** content data */
+  /** Content data */
   protected readonly content = computed(() => coerceArray(this.data().content));
 }

apps/cns-website/src/app/components/header/header.component.scss

@@ -27,6 +27,12 @@ $z-index: 900;
   }
 
   .header {
+    @include mat.icon-button-overrides(
+      (
+        state-layer-size: 3rem,
+      )
+    );
+
     position: relative;
     z-index: $z-index + 2;
   }
@@ -44,19 +50,18 @@ $z-index: 900;
 
   .logo {
     display: flex;
-    padding: 0 0.5rem;
+    width: 5.75rem;
+    justify-content: center;
   }
 
   .menu-button {
-    height: 2.5rem;
-
     @include mat.button-overrides(
       (
         text-label-text-font: vars.$label-large-font,
         text-label-text-size: vars.$label-large-size,
         text-label-text-weight: vars.$label-large-weight,
         text-label-text-tracking: vars.$label-large-tracking,
-        text-horizontal-padding: 0.75rem,
+        text-horizontal-padding: 0.625rem,
       )
     );
 
@@ -70,7 +75,10 @@ $z-index: 900;
     );
 
     ::ng-deep .mat-button-toggle-label-content {
-      padding: 0 0.75rem !important;
+      display: flex;
+      height: 2.5rem;
+      align-items: center;
+      padding: 0 0.625rem !important;
     }
   }
 }

apps/cns-website/src/app/components/header/static-data/menus.json

@@ -60,7 +60,6 @@
     },
     {
       "type": "item",
-      "id": "publications",
       "label": "Publications",
       "url": "https://cns.iu.edu/research/?category=publication&view=list&group-by=year"
     },
@@ -141,11 +140,15 @@
     },
     {
       "type": "item",
-      "id": "teaching",
       "label": "Teaching",
       "url": "https://ivmooc.cns.iu.edu/",
       "external": true,
       "target": "_blank"
+    },
+    {
+      "type": "item",
+      "label": "Exhibits",
+      "url": "https://cns.iu.edu/exhibit"
     }
   ]
 }