From bcfd89196c47f052143ea520cb5bda23dedc1448 Mon Sep 17 00:00:00 2001
From: Tom Russell <tomalrussell@gmail.com>
Date: Thu, 3 Oct 2019 07:39:13 +0100
Subject: [PATCH] Add licensing/attribution note to downloads page

---
 app/src/frontend/pages/data-extracts.tsx | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/app/src/frontend/pages/data-extracts.tsx b/app/src/frontend/pages/data-extracts.tsx
index 0b8220cb..37de3f76 100644
--- a/app/src/frontend/pages/data-extracts.tsx
+++ b/app/src/frontend/pages/data-extracts.tsx
@@ -1,7 +1,7 @@
 import React, { FunctionComponent } from 'react';
 
 import { dateReviver } from '../../helpers';
-import { NavLink } from 'react-router-dom';
+import { Link } from 'react-router-dom';
 
 interface ExtractViewModel {
     extract_id: number;
@@ -33,7 +33,7 @@ export default class DataExtracts extends React.Component<{}, DataExtractsState>
             .sort((a, b) => a.extracted_on.valueOf() - b.extracted_on.valueOf())
             .reverse();
 
-        
+
 
         this.setState({ extracts: extracts, latestExtract: extracts[0], previousExtracts: extracts.slice(1) });
     }
@@ -44,8 +44,18 @@ export default class DataExtracts extends React.Component<{}, DataExtractsState>
             <article>
                 <section className="main-col">
                     <h1 className="h2">Open data extracts</h1>
-                    <p>Choose one of the links below to download an archive containing the open data collected on the Colouring London platform</p>
-                    <p>By downloading data extracts from this site, you agree to the <NavLink to="/data-accuracy.html">data accuracy agreement </NavLink></p>
+                    <p>
+                    Colouring London contributions are open data, licensed under the <a href="http://opendatacommons.org/licenses/odbl/">Open Data Commons Open Database License</a> (ODbL) by Colouring London contributors.
+                    </p>
+                    <p>
+                    You are free to copy, distribute, transmit and adapt our data, as long as you credit Colouring London and our contributors. If you alter or build upon our data, you may distribute the result only under the same licence.
+                    </p>
+                    <p>
+                    Choose one of the links below to download an archive containing the open data collected on the Colouring London platform.
+                    </p>
+                    <p>
+                    By downloading data extracts from this site, you agree to the <Link to="/data-accuracy.html">data accuracy agreement </Link>.
+                    </p>
                     {
                         this.state.extracts == undefined ?
                             <p>Loading extracts...</p> :
@@ -69,14 +79,14 @@ export default class DataExtracts extends React.Component<{}, DataExtractsState>
                                 <h1 className="h3">Older extracts</h1>
                                 <ul>
                                 {
-                                    this.state.previousExtracts.map(e => 
+                                    this.state.previousExtracts.map(e =>
                                         <li>
                                             <ExtractDownloadLink {...e} />
                                         </li>
                                     )
                                 }
                                 </ul>
-                            </div>) : 
+                            </div>) :
                             null
                     }