diff --git a/projects/dev-tools b/projects/dev-tools index 0045036..63459c5 160000 --- a/projects/dev-tools +++ b/projects/dev-tools @@ -1 +1 @@ -Subproject commit 0045036bb9171c8b3a90cf1d00a0e69438e15177 +Subproject commit 63459c5a52e2086c3a697b4e5e0e97d274be3254 diff --git a/website/src/components/project-cards.tsx b/website/src/components/project-cards.tsx index 5d54c5d..2396689 100644 --- a/website/src/components/project-cards.tsx +++ b/website/src/components/project-cards.tsx @@ -2,7 +2,6 @@ import React from 'react'; import styled from '@emotion/styled'; const projects = [ - {name: 'dev-tools', href: '/dev-tools/', image: '/images/logos/vis-logo.png', description: 'Shared development tools for building, testing, linting, and publishing vis.gl projects.'}, {name: 'math.gl', href: '/math.gl/', image: '/images/frameworks/math.png', description: '3D and geospatial math utilities.'}, {name: 'probe.gl', href: '/probe.gl/', image: '/images/frameworks/probe.png', description: 'Logging, instrumentation, benchmarking and test utilities.'}, {name: 'deck.gl-community', href: '/deck.gl-community/', image: '/images/frameworks/deck.gl-community.png', description: 'Community layers, basemaps and deck.gl add-ons.'}, @@ -11,6 +10,10 @@ const projects = [ {name: 'react-google-maps', href: '/react-google-maps/', image: '/images/frameworks/react-google-maps.jpeg', description: 'React components and hooks for the Google Maps JavaScript API.'} ]; +const internalFrameworks = [ + {name: 'dev-tools', href: '/dev-tools/', image: '/images/logos/vis-logo.png', description: 'Shared development tools for building, testing, linting, and publishing vis.gl projects.'} +]; + const frameworkWebsites = [ {name: 'deck.gl', href: 'https://deck.gl', image: '/images/frameworks/deck.png', description: 'High-performance visualization layers for large-scale geospatial data.'}, {name: 'luma.gl', href: 'https://luma.gl', image: '/images/frameworks/luma.png', description: 'WebGL and WebGPU tools for data visualization and GPU computing.'}, @@ -19,7 +22,7 @@ const frameworkWebsites = [ const Grid = styled.div` display: grid; - grid-template-columns: repeat(4, minmax(0, 1fr)); + grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 40px auto 60px; max-width: 1100px; @@ -77,5 +80,16 @@ export default function ProjectCards() { )} +
+ Internal Frameworks + + {internalFrameworks.map(project => + +

{project.name}

+

{project.description}

+ Explore docs → +
)} +
+
; }