Add notice

components/notice.js

@@ -0,0 +1,26 @@
+import { Box } from 'theme-ui'
+import { Link } from '@carbonplan/components'
+
+const Notice = () => {
+  return (
+    <Box
+      sx={{
+        color: 'secondary',
+        fontSize: [1],
+      }}
+    >
+      <Box sx={{ pointerEvents: 'none' }}>
+        This is an experimental tool for exploring data. Learn more on{' '}
+        <Link
+          sx={{ color: 'secondary' }}
+          href='https://github.com/carbonplan/ncview-js'
+        >
+          GitHub
+        </Link>
+        .
+      </Box>
+    </Box>
+  )
+}
+
+export default Notice

pages/index.js

@@ -9,6 +9,7 @@ import LoadingStates from '../components/loading-states'
 import Map from '../components/map'
 import Plots from '../components/plots'
 import Selectors from '../components/selectors'
+import Notice from '../components/notice'
 
 const Index = () => {
   return (
@@ -27,6 +28,9 @@ const Index = () => {
         <Container>
           <Row>
             <Sidebar expanded side='left' width={4} footer={<Plots />}>
+              <Notice />
+              <SidebarDivider sx={{ my: 4 }} />
+
               <Flex sx={{ flexDirection: 'column', gap: 3 }}>
                 <Dataset />
                 <Selectors />