diff --git a/components/tool-logos/index.js b/components/tool-logos/index.js index 976937ce..96590d31 100644 --- a/components/tool-logos/index.js +++ b/components/tool-logos/index.js @@ -12,3 +12,4 @@ export { default as CMIP6Downscaling } from './cmip6-downscaling' export { default as CDRVerification } from './cdr-verification' export { default as EWQuantification } from './ew-quantification' export { default as OffsetsDB } from './offsets-db' +export { default as OAEEfficiency } from './oae-efficiency' diff --git a/components/tool-logos/oae-efficiency.js b/components/tool-logos/oae-efficiency.js new file mode 100644 index 00000000..36a7926f --- /dev/null +++ b/components/tool-logos/oae-efficiency.js @@ -0,0 +1,112 @@ +import { useThemeUI } from 'theme-ui' +import { useThemedColormap } from '@carbonplan/colormaps' + +const getColor = (colormap, ratio) => { + const rgb = colormap[Math.round(colormap.length * (ratio + 0.1))] + + return `rgb(${rgb[0]}, ${rgb[1]}, ${rgb[2]})` +} + +const Logo = () => { + const { theme } = useThemeUI() + const colormap = useThemedColormap('cool') + + return ( + + + + + + + + + + + + + + + + + + + + ) +} + +export default Logo diff --git a/contents/tools.js b/contents/tools.js index f1dc84e4..0219459c 100644 --- a/contents/tools.js +++ b/contents/tools.js @@ -13,6 +13,7 @@ import { CDRVerification, EWQuantification, OffsetsDB, + OAEEfficiency, } from '../components/tool-logos' const tools = [