diff --git a/index.html b/index.html index be4dd34..db386e6 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - Zeno + Project Zeno | Land Carbon Lab
diff --git a/package.json b/package.json index 5ac855d..d08b270 100644 --- a/package.json +++ b/package.json @@ -16,6 +16,7 @@ "@chakra-ui/react": "^3.2.1", "@devseed-ui/collecticons-react": "^3.0.3", "@emotion/react": "^11.13.5", + "@fontsource/ibm-plex-mono": "^5.1.1", "@fontsource/ibm-plex-sans": "^5.1.0", "@turf/bbox": "^7.1.0", "d3": "^7.9.0", diff --git a/public/logo.svg b/public/logo.svg new file mode 100644 index 0000000..7dd3a4f --- /dev/null +++ b/public/logo.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/App.jsx b/src/App.jsx index 49b6587..c30fe4d 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,9 +1,10 @@ -import { Box, Grid, Text } from "@chakra-ui/react"; +import { Box, Flex, Grid, Image, Text } from "@chakra-ui/react"; import { useAtomValue } from "jotai"; import Providers from "./Providers"; import { ChatInput, ChatOutput, Map } from "./components"; import { chartDataAtom } from "./atoms"; import BarChart from "./components/BarChart"; +import logo from "/logo.svg"; function App() { const chartData = useAtomValue(chartDataAtom); @@ -13,13 +14,27 @@ function App() { maxH="vh" h="vh" templateRows="min-content minmax(0, 1fr)" - bg="blue.900/15" - bgImage="linear-gradient({colors.lime.50}, transparent)" + bg="gray.50" > - - Land Carbon Lab - Zeno + + + WRI Land Carbon Lab logo + + Pr0ject
Zen0_ + + - +