diff --git a/src/common/data/copy.json b/src/common/data/copy.json index 7dd68f7..7311a2c 100644 --- a/src/common/data/copy.json +++ b/src/common/data/copy.json @@ -94,6 +94,7 @@ "default": { "header": "Navigating the Platform", "intro": [ + "Open source research by [Bellingcat](https://bellingcat.com).
Software and spatialisation by [Forensic Architecture](https://forensic-architecture.org).", "Each event represents an occurence that is distinct in time or space, or both. An event is represented by a coloured circle on both the map and the timeline.", "Select an event to reveal its content and sources. You can filter events by category or other specified filters in the top left toolbar." ], diff --git a/src/common/global.js b/src/common/global.js index 9ba06d0..40b64a2 100644 --- a/src/common/global.js +++ b/src/common/global.js @@ -8,6 +8,6 @@ export const colors = { export default { fallbackEventColor: colors.fa_red, darkBackground: colors.black, - primaryHighlight: colors.yellow, + primaryHighlight: colors.fa_red, secondaryHighlight: colors.white } diff --git a/src/components/InfoPopup.jsx b/src/components/InfoPopup.jsx index 748dff4..6cc0641 100644 --- a/src/components/InfoPopup.jsx +++ b/src/components/InfoPopup.jsx @@ -1,11 +1,12 @@ import React from 'react' +import marked from 'marked' import copy from '../common/data/copy.json' export default ({ ui, app, methods }) => { function renderIntro () { var introCopy = copy[app.language].legend.default.intro if (process.env.store.text && process.env.store.text.introCopy) introCopy = process.env.store.text.introCopy - return introCopy.map(txt =>

{txt}

) + return introCopy.map(txt =>

) } function renderHalfWithDot () { diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss index ae45032..71ef4e2 100644 --- a/src/scss/_variables.scss +++ b/src/scss/_variables.scss @@ -4,7 +4,7 @@ $offwhite: #efefef; $lightwhite: #dfdfdf; $midwhite: #a0a0a0; $darkwhite: darken($midwhite, 15%); -$yellow: #ffd800; +$yellow: #eb443e; // #ffd800; $red: rgb(233, 0, 19); $green: rgb(61, 241, 79); $midgrey: rgb(44, 44, 44); diff --git a/src/scss/cover.scss b/src/scss/cover.scss index 167215f..73c79af 100644 --- a/src/scss/cover.scss +++ b/src/scss/cover.scss @@ -46,7 +46,7 @@ top: 0; max-width: $toolbar-width; max-height: 30px; - display: flex; + display: none; justify-content: center; align-items: center; .cover-logo-container {