diff --git a/public/files/3yp/project-report.pdf b/public/files/3yp/project-report.pdf
new file mode 100644
index 0000000..0224ac2
Binary files /dev/null and b/public/files/3yp/project-report.pdf differ
diff --git a/public/images/3yp/browser.png b/public/images/3yp/browser.png
new file mode 100755
index 0000000..9e2db9d
Binary files /dev/null and b/public/images/3yp/browser.png differ
diff --git a/public/images/3yp/changed-peer.png b/public/images/3yp/changed-peer.png
new file mode 100755
index 0000000..c8d31b6
Binary files /dev/null and b/public/images/3yp/changed-peer.png differ
diff --git a/public/images/3yp/cli.png b/public/images/3yp/cli.png
new file mode 100755
index 0000000..bb0f39a
Binary files /dev/null and b/public/images/3yp/cli.png differ
diff --git a/public/images/3yp/introductions.png b/public/images/3yp/introductions.png
new file mode 100755
index 0000000..ceba8ae
Binary files /dev/null and b/public/images/3yp/introductions.png differ
diff --git a/public/images/3yp/new-peer.png b/public/images/3yp/new-peer.png
new file mode 100755
index 0000000..a82e6dd
Binary files /dev/null and b/public/images/3yp/new-peer.png differ
diff --git a/public/images/3yp/people.png b/public/images/3yp/people.png
new file mode 100755
index 0000000..c9de38d
Binary files /dev/null and b/public/images/3yp/people.png differ
diff --git a/public/images/3yp/security.png b/public/images/3yp/security.png
new file mode 100755
index 0000000..7c02e45
Binary files /dev/null and b/public/images/3yp/security.png differ
diff --git a/public/images/3yp/settings.png b/public/images/3yp/settings.png
new file mode 100755
index 0000000..48c5ee5
Binary files /dev/null and b/public/images/3yp/settings.png differ
diff --git a/public/images/3yp/shares.png b/public/images/3yp/shares.png
new file mode 100755
index 0000000..a1a294a
Binary files /dev/null and b/public/images/3yp/shares.png differ
diff --git a/public/images/3yp/wizard-name.png b/public/images/3yp/wizard-name.png
new file mode 100755
index 0000000..96d0a8f
Binary files /dev/null and b/public/images/3yp/wizard-name.png differ
diff --git a/public/images/3yp/wizard-shares.png b/public/images/3yp/wizard-shares.png
new file mode 100755
index 0000000..43b35f8
Binary files /dev/null and b/public/images/3yp/wizard-shares.png differ
diff --git a/public/styles/normal.css b/public/styles/normal.css
index d4aa567..e078090 100644
--- a/public/styles/normal.css
+++ b/public/styles/normal.css
@@ -71,6 +71,15 @@
     #cv h4 {
         margin-top: 0.75em;
     }
+
+    /* Thumbnails */
+    #rsdss-screenshots li .thumbnail img {
+        max-height: 13em;
+    }
+
+    .thumbnail h5 {
+        clear: both;
+    }
 }
 
 @media print {
diff --git a/source/webui/templates/projects/3yp.tpl b/source/webui/templates/projects/3yp.tpl
index cd14da6..67f6eff 100644
--- a/source/webui/templates/projects/3yp.tpl
+++ b/source/webui/templates/projects/3yp.tpl
@@ -9,6 +9,8 @@
     In the meantime, for anyone who might be interested in the rationale, design decisions and implementation detail, please see the
     <a href="{$base_uri}files/3yp/project-report.pdf" title="RSDSS Post Project Report">post-project report</a>.
 </p>
+
+<h3>Releases</h3>
 <p>
     The project was not completed beyond an alpha stage, so the binaries below are strictly for testing purposes only and are definitely
     not ready for any kind of production use. These are provided as-is with no guarantees for functionality or safetly!
@@ -19,3 +21,120 @@
         <li><a href="{$base_uri}files/3yp/rsdss-1.0.2-win32.zip" title="Windows 32-bit zip archive">rsdss-1.0.2-win32.zip</a></li>
     </ul>
 </p>
+
+<h3>Screenshots</h3>
+<ul id="rsdss-screenshots" class="thumbnails">
+    <li class="span4">
+        <div class="thumbnail">
+            <img src="{$base_uri}images/3yp/wizard-name.png" alt="Name selection wizard" />
+            <a href="{$base_uri}images/3yp/wizard-name.png" class="viewmore" title="Name selection wizard">View larger</a>
+            <h5>Wizard - Name selection</h5>
+            <p>
+                The first question in the startup wizard - selecting a name for yourself so as to be recognisable by other people.
+            </p>
+        </div>
+    </li>
+    <li class="span4">
+        <div class="thumbnail">
+            <img src="{$base_uri}images/3yp/wizard-shares.png" alt="Shared folder selection wizard" />
+            <a href="{$base_uri}images/3yp/wizard-shares.png" class="viewmore" title="Shared folder selection wizard">View larger</a>
+            <h5>Wizard - Shared folders</h5>
+            <p>
+                The second question in the startup wizard - selecting the folders that will be shared to the network.
+            </p>
+        </div>
+    </li>
+    <li class="span4">
+        <div class="thumbnail">
+            <img src="{$base_uri}images/3yp/new-peer.png" alt="New Peer dialog" />
+            <a href="{$base_uri}images/3yp/new-peer.png" class="viewmore" title="New peer dialog">View larger</a>
+            <h5>New Peer</h5>
+            <p>
+                The dialog presented when a new, previously unknown person wishes to start sharing files with you.
+            </p>
+        </div>
+    </li>
+    <li class="span4">
+        <div class="thumbnail">
+            <img src="{$base_uri}images/3yp/people.png" alt="People" />
+            <a href="{$base_uri}images/3yp/people.png" class="viewmore" title="People">View larger</a>
+            <h5>People</h5>
+            <p>
+                Settings dialog showing the list of all people you've communicated with previously, and options to change the trust level
+                for each person - allowing people you trust to introduce new peers to you automatically.
+            </p>
+        </div>
+    </li>
+    <li class="span4">
+        <div class="thumbnail">
+            <img src="{$base_uri}images/3yp/introductions.png" alt="Introductions" />
+            <a href="{$base_uri}images/3yp/introductions.png" class="viewmore" title="Introductions">View larger</a>
+            <h5>Introductions</h5>
+            <p>
+               Settings dialog showing the list of users who have verified your identity which is automatically sent to all new peers
+               you wish to communicate with in an attempt to find some common friends and avoid the need to ask any security questions.
+            </p>
+        </div>
+    </li>
+    <li class="span4">
+        <div class="thumbnail">
+            <img src="{$base_uri}images/3yp/changed-peer.png" alt="Changed peer warning" />
+            <a href="{$base_uri}images/3yp/changed-peer.png" class="viewmore" title="Changed peer warning">View larger</a>
+            <h5>Changed Peer</h5>
+            <p>
+                Warning dialog displayed when the key for a previously known person has changed. This could be innocous such as a reinstall 
+                or name collision or could be the sign of a malicious user trying to access unauthorised shared files.
+            </p>
+        </div>
+    </li>
+    <li class="span4">
+        <div class="thumbnail">
+            <img src="{$base_uri}images/3yp/shares.png" alt="Shares" />
+            <a href="{$base_uri}images/3yp/shares.png" class="viewmore" title="Shares">View larger</a>
+            <h5>shares</h5>
+            <p>
+                Settings dialog showing the list of shared folders.
+            </p>
+        </div>
+    </li>
+    <li class="span4">
+        <div class="thumbnail">
+            <img src="{$base_uri}images/3yp/browser.png" alt="Browser" />
+            <a href="{$base_uri}images/3yp/browser.png" class="viewmore" title="Browser">View larger</a>
+            <h5>Browser</h5>
+            <p>
+                File browser allowing you to list the files shared by other users and download to your own machine.
+            </p>
+        </div>
+    </li>
+    <li class="span4">
+        <div class="thumbnail">
+            <img src="{$base_uri}images/3yp/cli.png" alt="Command line interface" />
+            <a href="{$base_uri}images/3yp/cli.png" class="viewmore" title="Command line interface">View larger</a>
+            <h5>CLI</h5>
+            <p>
+                Screenshot showing the simple CLI tool for displaying the shares of a remote user and downloading files.
+            </p>
+        </div>
+    </li>
+    <li class="span4">
+        <div class="thumbnail">
+            <img src="{$base_uri}images/3yp/security.png" alt="Security" />
+            <a href="{$base_uri}images/3yp/security.png" class="viewmore" title="Security">View larger</a>
+            <h5>Security</h5>
+            <p>
+                Settings dialog showing the security tab to assign permissions to different users and finely control which files can be accessed.
+            </p>
+        </div>
+    </li>
+    <li class="span4">
+        <div class="thumbnail">
+            <img src="{$base_uri}images/3yp/settings.png" alt="Advanced Settings" />
+            <a href="{$base_uri}images/3yp/settings.png" class="viewmore" title="Advanced Settings">View larger</a>
+            <h5>Advanced Settings</h5>
+            <p>
+                Settings dialog granting options to control advanced options within the application.
+            </p>
+        </div>
+    </li>
+</ul>