diff --git a/README.md b/README.md
index 1bfc7ce..8aa30bf 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
-# supply-chain-chart
+# Trade Flow Map
-Supply chain chart is tool that generates flow map images for Mongabay's articles.
+Create images of maps with flows representing the exchange of a variety of commodities across the world.
diff --git a/components/head/component.js b/components/head/component.js
index 75f16f4..07c090b 100644
--- a/components/head/component.js
+++ b/components/head/component.js
@@ -4,9 +4,7 @@ import Head from 'next/head';
const HeadComponent = ({ title, description }) => (
-
- {title ? `${title} | Supply Chain Data Tool` : 'Supply Chain Data Tool'}
-
+ {title ? `${title} | Trade Flow Map` : 'Trade Flow Map'}
{
/>
-
supply chain Tool
+
Trade Flow Map
diff --git a/components/header/constants.js b/components/header/constants.js
index a583672..43756b6 100644
--- a/components/header/constants.js
+++ b/components/header/constants.js
@@ -2,43 +2,29 @@ export const COLORS = ['#03755E', '#184B95', '#A01200', '#7E56D8'];
export const TOOLS = [
{
- id: 'satellite',
- title: 'Satellite',
- description:
- 'Create images of maps using a wide set of basemaps, contextual layers and data layers or explore the map presets that provide information about topics like conservation.',
+ id: 'earth-atlas',
+ name: 'Earth Atlas',
color: COLORS[1],
- image: '/images/satellite-tool.png',
- name: 'Satellite Tool',
url: 'https://maps.mongabay.com',
},
{
- id: 'fire',
- title: 'Fire Drought',
- description:
- 'Explore and report temporal interactions between annual precipitation and fire occurrences at national and subnational scales.',
+ id: 'fire-weather-almanac',
+ name: 'Fire Weather Almanac',
color: COLORS[2],
image: '/images/fire-tool.png',
- name: 'Fire Drought',
url: 'https://charts.mongabay.com',
},
{
- id: 'reforestation',
+ id: 'reforestation-app',
title: 'Reforestation App',
- description:
- 'Mongabay’s global directory of reforestation and tree-planting projects is a starting point for people wanting to support reforestation.',
color: COLORS[0],
- image: '/images/reforestation-tool.png',
name: 'Reforestation App',
url: 'https://reforestation.app',
},
{
- id: 'supply',
- title: 'Supply Chain',
- description:
- 'Create images of maps with flows representing the exchange of a variety of commodities across the world.',
+ id: 'trade-flow-map',
+ name: 'Trade Flow Map',
color: COLORS[3],
- image: '/images/supply-tool.png',
- name: 'Supply Chain',
url: 'https://chains.mongabay.com',
},
];
diff --git a/components/header/menu/index.js b/components/header/menu/index.js
index 4561878..74be57a 100644
--- a/components/header/menu/index.js
+++ b/components/header/menu/index.js
@@ -40,7 +40,7 @@ const HeaderMenu = () => {
close navigation menu
- Mongabay Chart Tools
+ Data Journalism Tools
{TOOLS.map(({ name, url, id, color }) => (
-
@@ -50,7 +50,7 @@ const HeaderMenu = () => {
backgroundColor: color,
}}
>
-
+
{name}
diff --git a/components/header/style.scss b/components/header/style.scss
index b833002..e9c3313 100644
--- a/components/header/style.scss
+++ b/components/header/style.scss
@@ -27,6 +27,10 @@
letter-spacing: 0.96px;
text-transform: uppercase;
}
+
+ &__name {
+ text-transform: uppercase;
+ }
}
&__menu {
flex-shrink: 0;
diff --git a/components/icons/index.js b/components/icons/index.js
index 4cf0b88..bf00f7f 100644
--- a/components/icons/index.js
+++ b/components/icons/index.js
@@ -62,7 +62,7 @@ const Icons = () => (
strokeLinecap="round"
/>
-
+
(
fill="white"
/>
-
+
(
fill="white"
/>
-
+
@@ -101,7 +101,7 @@ const Icons = () => (
fill="white"
/>
-
+
setDownloadModalOpen(false)} />
-
Supply Chain Data Tool
+
Trade Flow Map
Create images of maps with flows representing the exchange of a variety of commodities
across the world.
diff --git a/docs/assets/hero.png b/docs/assets/hero.png
index ad0548f..6dfac2e 100644
Binary files a/docs/assets/hero.png and b/docs/assets/hero.png differ