Index: trunk/www/sites/www/screenshots/index-new.php
===================================================================
--- trunk/www/sites/www/screenshots/index-new.php	(revision 1530077)
+++ trunk/www/sites/www/screenshots/index-new.php	(revision 1530078)
@@ -1,121 +1,144 @@
 <?php
     require('../aether/config.php');
 
     $pageConfig = array_merge($pageConfig, [
         'title' => "Screenshots"
     ]);
 
     require('../aether/header.php');
     $site_root = "../";
 ?>
 
+<style>
+figure {
+    float: right;
+    padding: 1ex;
+    margin: 1ex;
+    border: 1px solid grey;
+}
+</style>
+
 <main class="container">
 
 <h1>Screenshots</h1>
 
 <p>Explore the newest releases of software produced by KDE and see the new features.</p>
 
+<figure>
+<a href="https://www.kde.org/announcements/plasma-5.14/plasma-5.14.png">
+<img src="https://www.kde.org/announcements/plasma-5.14/plasma-5.14-wee.png" width="600" height="338" />
+</a>
+<br />
+<figcaption>
+Image caption
+</figcaption>
+</figure> 
+
+
+<figure style="position: relative; left: 50%; padding: 1ex; margin-left: -231px; width: 464px; border: 1px solid grey">
+<img src="http://dot.kde.org/sites/dot.kde.org/files/KDETelepathy.jpg" /></a></figure> 
+
 <center>
 
 <?php
   $gallery = new ImageGallery("These are screenshots of the latest version of KDE.");
   $gallery->addImage("/announcements/plasma5.0/thumbs/desktop.png", "/announcements/plasma5.0/index.php", "540", "337", "Plasma 5.0 Screenshots", "Plasma 5.0 Screenshots");
   $gallery->show();
 ?>
 
 </center>
 
 <center>
 
 <?php
   $gallery = new ImageGallery("These are screenshots of the latest version of KDE.");
   $gallery->addImage("/announcements/4.14/screenshots/thumbs/plasma-4.11.png", "/announcements/4.14/index.php", "540", "337", "KDE Applications 4.14.0 Screenshots", "KDE Applications 4.14.0 Screenshots");
   $gallery->show();
 ?>
 
 </center>
 
 <p>
 These are some older versions of 4.x.
 </p>
 
 <center>
 
 <?php
   $gallery = new ImageGallery("These are screenshots of the latest version of KDE.");
   $gallery->addImage("/announcements/4.3/images/kde430-desktop_thumb.jpg", "/announcements/4.3/index.php", "540", "337", "KDE 4.3.0 Screenshots", "KDE 4.3.0 Screenshots");
   $gallery->show();
 ?>
 
 </center>
 
 <center>
 
 <?php
   $gallery = new ImageGallery("These are screenshots of the latest version of KDE.");
   $gallery->addImage("/announcements/4.2/screenshots/desktop.png", "/announcements/4.2/index.php", "500", "375", "KDE 4.2.0 Screenshots", "KDE 4.2.0 Screenshots");
   $gallery->show();
 ?>
 
 </center>
 
 <center>
 
 <?php
   $gallery = new ImageGallery("These are screenshots of the latest version of KDE.");
   $gallery->addImage("/announcements/4.1/screenshots/desktop.png", "/announcements/4.1/index.php", "500", "375", "KDE 4.1.0 Screenshots", "KDE 4.1.0 Screenshots");
   $gallery->show();
 ?>
 
 </center>
 
 
 <p>For the older branch, you can visit <a href="http://www.kde.org/announcements/visualguide-3.5.php">KDE 3.5: A Visual Guide to New Features</a></p>
 
 <center>
 
 <?php
   $gallery = new ImageGallery("These are screenshots of the latest version of KDE.");
   $gallery->addImage("images/320x240/kde350.jpg", "kde350shots.php", "320", "240", "KDE 3.5.x Screenshots", "KDE 3.5.x Screenshots");
   $gallery->show();
 ?>
 
 </center>
 
 <p>
 The look and feel of KDE has changed quite a bit between its various
 releases. Therefore, this site has multiple sets of screenshots showing the
 appearance and some of the features of the different KDE releases.</p>
 
 <p> Also, visit <a href="http://wiki.kde.org/tiki-index.php?page=Screenshots">KDE Wiki Screenshots</a> page for more screenshots.</p>
 
 <center>
 <?php
   $gallery = new ImageGallery("These are screenshots with links to pages that show more screenshots of how the different versions of KDE look like.");
 
   $gallery->addImage("images/160x120/kde340.jpg", "kde340shots.php", "160", "120", "KDE 3.4 Screenshots", "KDE 3.4 Screenshots");
   $gallery->addImage("images/160x120/kde330.jpg", "kde330shots.php", "160", "120", "KDE 3.3 Screenshots", "KDE 3.3 Screenshots");
   $gallery->startNewRow();
 
   $gallery->addImage("images/160x120/kde320.jpg", "kde320shots.php", "160", "120", "KDE 3.2 Screenshots", "KDE 3.2 Screenshots");
   $gallery->addImage("images/160x120/kde310.jpg", "kde310shots.php", "160", "120", "KDE 3.1 Screenshots", "KDE 3.1 Screenshots");
   $gallery->startNewRow();
 
   $gallery->addImage("images/160x120/kde300.jpg", "kde300shots.php", "160", "120", "KDE 3.0 Screenshots", "KDE 3.0 Screenshots");
 
   $gallery->startNewRow();
 
   $gallery->addImage("images/160x120/kde2x.jpg", "kde2shots.php", "160", "120", "KDE 2 Screenshots", "KDE 2 Screenshots");
 
   $gallery->startNewRow();
 
   $gallery->addImage("images/160x120/kde1x.jpg", "kde1shots.php", "160", "120", "KDE 1 Screenshots", "KDE 1 Screenshots");
 
   $gallery->show();
 ?>
 
 </center>
 
 </main>
 <?php
   require('../aether/footer.php');