Edit website text content and images

app/src/frontend/pages/code-of-conduct.tsx

@@ -21,7 +21,7 @@ const CodeOfConductPage = () => (
         </p>
         <h2 className="h3">Our Standards</h2>
         <p>
-        Examples of behavior that contributes to creating a positive environment
+        Examples of behaviour that contributes to creating a positive environment
         include:
         </p>
         <ul>
@@ -33,7 +33,7 @@ const CodeOfConductPage = () => (
         </ul>
 
         <p>
-        Examples of unacceptable behavior by participants include:
+        Examples of unacceptable behaviour by participants include:
         </p>
 
         <ul>
@@ -49,15 +49,15 @@ const CodeOfConductPage = () => (
         <h2 className="h3">Our Responsibilities</h2>
         <p>
         Project maintainers are responsible for clarifying the standards of acceptable
-        behavior and are expected to take appropriate and fair corrective action in
+        behaviour and are expected to take appropriate and fair corrective action in
-        response to any instances of unacceptable behavior.
+        response to any instances of unacceptable behaviour.
         </p>
 
         <p>
         Project maintainers have the right and responsibility to remove, edit, or
         reject comments, commits, code, wiki edits, issues, and other contributions
         that are not aligned to this Code of Conduct, or to ban temporarily or
-        permanently any contributor for other behaviors that they deem inappropriate,
+        permanently any contributor for other behaviours that they deem inappropriate,
         threatening, offensive, or harmful.
         </p>
 
@@ -73,7 +73,7 @@ const CodeOfConductPage = () => (
 
         <h2 className="h3">Enforcement</h2>
         <p>
-        Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by
+        Instances of abusive, harassing, or otherwise unacceptable behaviour may be reported by
         contacting the project team at <a
         href="mailto:team@colouring.london">team@colouring.london</a>. All complaints will
         be reviewed and investigated and will result in a response that is deemed necessary and

app/src/frontend/pages/welcome.css

@@ -4,3 +4,19 @@
 .welcome.section-body {
     padding-bottom: 0;
 }
+
+.image-row {
+    margin: 1em 1em;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    flex-grow: 1;
+    height: 4em;
+}
+
+.image-row img {
+    margin: 0 1em;
+    max-height: 100%;
+    max-width: 100%;
+    align-self: flex-start;
+}

app/src/frontend/pages/welcome.tsx

@@ -8,42 +8,36 @@ const Welcome = () => (
         <h1 className="h2">Welcome to Colouring London!</h1>
         <p>
 
-            We collect and provide open data about buildings.
+            Colouring London is a free knowledge exchange platform designed to provide over fifty types
+            of open data on London buildings, to help make the city more sustainable.
 
         </p>
         <p>
 
-            Colouring London is a knowledge exchange platform set up by University College
+            Colouring London is also the prototype for the Colouring Cities Research programme
-            London. It provides open statistical data about the city's buildings and the
+            based at the Alan Turing Institute (the UK's national Institute for data science and artificial intelligence).
-            dynamic behaviour of the stock. We're working to collate, collect, generate,
+            The programme works with local, regional, national and international partners to develop
-            and verify over fifty types of data and to visualise many of these datasets.
+            open platform code also of relevance to other cities.
-
         </p>
         <p>
-
+            New datasets and features are added all the time. Any help you can give, colouring-in our building maps,
-            Our information comes from many different sources. As we are unable to vouch for
+            and enriching and verifying our open datasets is very much appreciated.
-            data accuracy, we are experimenting with how to present data sources, how data
-            are edited over time, and how to ask for data verification, to help you to check
-            reliability and judge how suitable the data are for your intended use. Your help
-            in checking and adding data is very much appreciated.
-
         </p>
         <p>
-
+            All our <Link to="/data-extracts.html">data</Link> and <a href="https://github.com/colouring-london/colouring-london">code</a> are 
-            All data we collect are made <Link to="/data-extracts.html">openly
+            free to download, use and share under our open licence terms.
-            available</Link>. We ask you to credit Colouring London and read our <a
-            href="https://www.pages.colouring.london/data-ethics">data ethics policy</a> when
-            using or sharing our data, maps or <a
-            href="https://github.com/colouring-london/colouring-london">code</a>.
-
         </p>
         <Link to="/view/categories"
             className="btn btn-outline-dark btn-lg btn-block">
             Start Colouring Here!
         </Link>
-        <p>
+        <div className="image-row">
+            <img src="images/logo-cc.jpg" alt="Colouring Cities Research Programme"></img>
+            <img src="images/logo-turing.jpg" alt="Alan Turing Institute"></img>
+        </div>
+        <div className="image-row">
             <img src="images/supporter-logos.png" alt="Colouring London collaborating organisations: The Bartlett UCL, Ordnance Survey, Historic England, Greater London Authority" />
-        </p>
+        </div>
     </div>
 );
 

app/src/frontend/user/signup.tsx

@@ -147,6 +147,9 @@ class SignUp extends Component<SignUpProps, SignUpState> {
                         <div className="buttons-container with-space">
                             <input type="submit" value="Sign Up" className="btn btn-primary" />
                         </div>
+                        <InfoBox msg="">
+                            Please also read our <a href="https://www.pages.colouring.london/data-ethics">data ethics policy</a> before using or sharing our data
+                        </InfoBox>
 
                         Do you already have an account?