change to red!

src/common/data/copy.json

@@ -94,6 +94,7 @@
       "default": {
         "header": "Navigating the Platform",
         "intro": [
+          "Open source research by [Bellingcat](https://bellingcat.com).<br/>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."
         ],

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
 }

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 => <p>{txt}</p>)
+    return introCopy.map(txt => <p dangerouslySetInnerHTML={{ __html: marked(txt) }} />)
   }
 
   function renderHalfWithDot () {

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);

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 {