diff --git a/assets/css/styles.css b/assets/css/styles.css
index 28d0cf3ac7917c3af4ab0f656d53c189bca0e7dd..30aebf22b4dcbc0afe30d00227298ef15d121fc0 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -28,6 +28,10 @@ img {
     vertical-align:middle;
 }
 
+.fullwidth img {
+    width: 100%;
+}
+
 .twitterbutton {
     width: 24px;
 }
diff --git a/content/page/copyright.md b/content/page/copyright.md
index f6bd2a950f637a791678156d7c6cea9bc402f762..df765583e65abf016ba5d6b5eb08e4b6c0538576 100644
--- a/content/page/copyright.md
+++ b/content/page/copyright.md
@@ -21,6 +21,9 @@ Attribution License](https://creativecommons.org/licenses/by/2.0).
 The server icon was created by
 [VisualPharm](http://www.visualpharm.com/).
 
+The data sharing diagram was created by the Open Technology Fund's
+[Localization Lab](https://www.opentech.fund/labs/localization-lab/).
+
 All other content on this website is (c) 2018 Sublime Software Ltd. You
 can redistribute and modify it under the terms of the [Creative Commons
 4.0 Attribution License](https://creativecommons.org/licenses/by/4.0).
diff --git a/content/page/how-it-works.md b/content/page/how-it-works.md
index 6e9ef3f8996895b27f0a206b2b2ae7cfd53b03b5..d0b923d914d2a246edabdd6eb752807521358a33 100644
--- a/content/page/how-it-works.md
+++ b/content/page/how-it-works.md
@@ -17,12 +17,22 @@ The [manual](https://briarproject.org/manual) describes how to use Briar
 and the features that are available. Technical details are available on
 the [wiki](https://code.briarproject.org/briar/briar/wikis).
 
-![Briar](/img/diagram_secure.png)
-Briar uses direct, encrypted connections between users to prevent
-surveillance and censorship.
-![Typical messaging software](/img/diagram_insecure.png)
-Typical messaging software relies on central servers and exposes
-messages and relationships to surveillance.
+{{< figure src="/img/diagram_secure.png" link="/img/diagram_secure.png"
+class="fullwidth" alt="Briar"
+caption="Briar uses direct, encrypted connections between users to prevent surveillance and censorship."
+>}}
+
+{{< figure src="/img/diagram_insecure.png" link="/img/diagram_insecure.png"
+class="fullwidth" alt="Typical messaging software"
+caption="Typical messaging software relies on central servers and exposes messages and relationships to surveillance."
+>}}
+
+{{< figure src="/img/diagram_sharing.png" link="/img/diagram_sharing.png"
+class="fullwidth"
+alt="Sharing data with Briar via Wi-Fi, Bluetooth and Internet"
+caption="Briar can share data via Wi-Fi, Bluetooth and the Internet."
+>}}
+
 Briar provides private messaging, public forums and blogs that are
 protected against the following surveillance and censorship threats:
 
diff --git a/static/img/diagram_sharing.png b/static/img/diagram_sharing.png
new file mode 100644
index 0000000000000000000000000000000000000000..598f7b850b252ba3d545c2889ff3a9ec99b34602
Binary files /dev/null and b/static/img/diagram_sharing.png differ