Add new screens for riot-web

supporting-docs/projects/2014-06-09-riot.md

@@ -2,13 +2,14 @@
 layout: project
 title: Riot
 categories: projects client
-thumbnail: https://matrix.org/blog/wp-content/uploads/2015/08/vector030216-400x284.png
+thumbnail: /docs/projects/images/riot-web-small.png
 author: Riot.im
 description: Riot is a glossy web client with an emphasis on performance and usability
 maturity: Released
 ---
 
-![screenshot](https://matrix.org/blog/wp-content/uploads/2015/08/vector030216-1080x745.png "{{ page.title }}")
+![screenshot](/docs/projects/images/riot-web-large.png "{{ page.title }}")
+
 
 # {{ page.title }}
 [Riot](https://riot.im) is a glossy Matrix client built on top of [matrix-react-sdk](http://matrix.org/blog/project/matrix-react-sdk/) with an emphasis on performance and usability.

supporting-docs/projects/2016-02-05-try-matrix-now.md

@@ -33,7 +33,7 @@ The easiest way to get started is to pick a client that appeals and join #matrix
       </a><br />
       If you like glossy and feature-rich web clients, try Riot.<br /><br />
       <a href='./client/riot.html'>
-        <img src='https://matrix.org/blog/wp-content/uploads/2015/04/vector030216-300x204.png' class='featured_screenshot'>
+        <img src='/docs/projects/images/riot-web-featured.png' class='featured_screenshot'>
       </a>
     </td>
     <td class='bigproject'>