Add licensing/attribution note to downloads page

This commit is contained in:
Tom Russell 2019-10-03 07:39:13 +01:00
parent 8e3d3c5622
commit bcfd89196c

View File

@ -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
}