Index: trunk/www/sites/www/index.php
===================================================================
--- trunk/www/sites/www/index.php	(revision 1558227)
+++ trunk/www/sites/www/index.php	(revision 1558228)
@@ -1,180 +1,180 @@
 <?php
     require('aether/config.php');
 
     $pageConfig = array_merge($pageConfig, [
         'title' => "KDE Community Home",
         'cssFile' => 'content/home/portal.css?ver=1.2'
     ]);
 
     require('aether/header.php');
     use AetherLibs\Feeds;
 ?>
 <style>
 #headerCarousel {
     height: 700px;
 }
 </style>
 <section id="headerCarousel" class="heroDisplay carousel slide overlay" data-ride="carousel">
     <div class="carousel-inner" role="listbox" style="background-color: #333;">
     
         <article id="slide-plasma-5-16" class="carousel-item light-text active">
             <h1>Plasma 5.17</h1>
             <div class="carousel-caption">
                 <p>Our desktop, smoother and more fun.</p>
                 <a href="announcements/plasma-5.17.0.php" class="learn-more">Learn More</a>
             </div>
         </article>
 
         <article id="slide-applications" class="carousel-item light-text" style="position: relative">
             <div style="position: relative; text-align: center; width: 100%; top: 45%;">
                <h1 style="font-size: 40px; margin-top: -4ex;">
                 <a style="text-shadow: 2px 2px 3px #000; color: #fff;" href="applications/">Browse Our Updated Applications Website</a>
               </h1>
             </div>
         </article>
 
         <article id="slide-kirigami" class="carousel-item light-text" style="position: relative">
             <div style="position: relative; text-align: center; width: 100%; top: 80px;">
                 <h1 style="margin-top: -4ex;">Create Convergent Apps with Kirigami</h1>
                 <a  href="products/kirigami/"  target="_blank" class="learn-more">Learn More</a>
             </div>
         </article>
 
         <article id="slide-kde-laptop" class="carousel-item dark-text" style="position: relative">
             <div style="position: relative; text-align: center; width: 100%; top: 50%; margin-top: -40px;">
                 <h1 style="margin-top: -4ex;">Announcing the KDE Slimbook</h1>
                 <a  href="http://kde.slimbook.es/"  target="_blank" class="learn-more">Learn More</a>
             </div>
         </article>
 
         <article id="slide-the-game" class="carousel-item light-text">
             <div style="text-align: center; width: 100%;">
             <h1>Join the Game</h1>
                 <div>Invest in freedom; become a personal member or enroll your company as a contributing member or patron.</div>
                 <a href="https://relate.kde.org/" class="learn-more">Learn More</a>
             </div>
         </article>
 
     </div>
 
 
 
     <a class="carousel-control-prev" href="#headerCarousel" role="button" data-slide="prev" onclick="return false;">
         <span class="sr-only">Previous</span>
     </a>
     <a class="carousel-control-next" href="#headerCarousel" role="button" data-slide="next" onclick="return false;">
         <span class="sr-only">Next</span>
     </a>
 
     <ol class="carousel-indicators">
         <li data-target="#headerCarousel" data-slide-to="0" class="active"></li>
         <li data-target="#headerCarousel" data-slide-to="1"></li>
         <li data-target="#headerCarousel" data-slide-to="2"></li>
         <li data-target="#headerCarousel" data-slide-to="3"></li>
         <li data-target="#headerCarousel" data-slide-to="4"></li>
     </ol>
 </section>
 
 <aside id="kWelcome" class="container">
     <div class="row">
         <h3 class="text-center">“A world in which everyone has control over their digital life and enjoys freedom and privacy.”</h3>
 
         <p class="col-12 mb-4">KDE<sup>®</sup> is an open community of friendly people who want to:</p>
         <div class="col-md-6 col-lg-3 mb-4 text-center">
             <img src="images/person.svg" width="64" height="64" alt="Avatar icon"><br />
             Create software products which give users control, freedom and privacy.
         </div>
 
         <div class="col-md-6 col-lg-3 mb-4 text-center">
             <img src="images/software-products.svg" width="64" height="64" alt="Icon Plasma with desktop background"><br />
             Provide users with excellent user experience and quality.
         </div>
 
         <div class="col-md-6 col-lg-3 mb-4 text-center">
             <img src="images/devices.svg" width="64" height="64" alt="Icon mobile device"><br />
             Enable users regardless of their location, background, abilities, operating system and device.
         </div>
 
         <div class="col-md-6 col-lg-3 mb-4 text-center">
             <img src="images/ecosystem.svg" width="64" height="64" alt="Icon earth"><br />
             Promote the Free and Open-Source ecosystem.
         </div>
 
         <p class="col-12">Projects we work on have grown from our origins of creating a desktop
         environment to cover every aspect of end-user software. The <a
         href="https://manifesto.kde.org/">KDE Manifesto</a> explains what
         projects we welcome.</p>
     </div>
 </aside>
 
 <main class="container">
     <div class="row">
         <section id="announcement-feed" class="col-md">
         <h2 class="mb-3">Announcements</h2>
             <ul>
                 <!-- This comment is a marker for Latest Announcements, used by scripts -->
                 <li>
-                    <h1>Releases 19.12 <i>December 12, 2019</i></h1>
-                    <q>New feature releases of 120 apps, libraries and plugins.</q>
-                    <a href="announcements/releases/19.12" class="learn-more">Read full announcement</a>
+                    <h1>December Apps Update <i>December 12, 2019</i></h1>
+                    <q>New feature releases from KDE in the last month.</q>
+                    <a href="announcements/releases/2019-12-apps-update/" class="learn-more">Read full announcement</a>
                 </li>
                 <li>
                       <h1>KDE Plasma 5.17.4 Released <i>Tuesday, 3 December 2019</i></h1>
                       <q>Today KDE releases a new release of KDE Plasma 5, versioned 5.17.4</q>
                       <a href="announcements/plasma-5.17.4.php" class="learn-more">Read full announcement</a>
                      </li>
                 <li>
 						<h1>KDE Releases Frameworks 5.64.0 <i>November 10, 2019</i></h1>
 						<q>This release is part of a series of planned monthly releases
 						making improvements available to developers in a quick and predictable
 						manner. </q>
 						<a href="https://www.kde.org/announcements/kde-frameworks-5.64.0.php" class="learn-more">Read full announcement</a>
 					</li>
                 <li>
                     <h1>KDE Ships KDE Applications 19.08.3 <i>November 7, 2019</i></h1>
                     <q>Today KDE released the new versions of KDE Applications.</q>
                     <a href="announcements/announce-applications-19.08.3.php" class="learn-more">Read full announcement</a>
                 </li>
                 <li>
                     <h1>KDE Plasma 5.12.9 LTS Released <i>September 10, 2019</i></h1>
                     <q>Today KDE releases a new Long Term Support release of KDE Plasma 5, versioned 5.12.9.</q>
                     <a href="announcements/plasma-5.12.9.php" class="learn-more">Read full announcement</a>
                 </li>
             </ul>
 
             <a href="announcements/" class="learn-more" style="font-weight: bold;">&#x1F4E2; View all announcements</a>
         </section>
 
         <section id="homeFeedList" class="col-md">
         <h2 class="mb-3">News</h2>
         <ul class="list-unstyled p-0 m-0">
             <?php
             $items = Feeds::news(10);
 
             foreach ($items as $i) {
                 echo '<li><a href="'.$i['url'].'" class="learn-more">'.$i['title'].'</a></li>';
             }
             ?>
         </ul>
 
         <a href="https://dot.kde.org/" class="learn-more" style="font-weight: bold;">&#x1F4F0; Read more news</a>
 
         <h2 class="mb-3">Community Blog Posts</h2>
         <ul class="list-unstyled m-0 p-0">
             <?php
                 $items = Feeds::planet(3);
                 foreach ($items as $item) {
                     printf(
                         '<li><a href="%s" class="learn-more">%s</a></li>',
                         $item['url'],
                         $item['title']
                     );
                 }
             ?>
         </ul>
         <a href="https://planet.kde.org/" class="learn-more" style="font-weight: bold;">&#x1F30D; Read our blogs on Planet KDE</a>
         </section>
     </div>
 </main>
 
 <?php require('aether/footer.php'); ?>