Index: trunk/www/sites/www/products/frameworks/index.php
===================================================================
--- trunk/www/sites/www/products/frameworks/index.php	(revision 1530495)
+++ trunk/www/sites/www/products/frameworks/index.php	(revision 1530496)
@@ -1,406 +1,406 @@
 <?php
     require('../../aether/config.php');
 
     $pageConfig = array_merge($pageConfig, [
         'title' => "KDE Frameworks"
     ]);
 
     require('../../aether/header.php');
     $site_root = "../../";
     
     $numberOfFrameworks = 80;
 ?>
 
 <main class="container">
 
 <h1>KDE Frameworks</h1>
 
 <style>
     
     #main article { /* Old kde.org fix */
         margin: 0px -26px;
         text-shadow: none !important;
         text-align: center;
     }
     
     main article {
         padding: 20px;
         text-align: center;
     }
     
     main article + article,
     #main article + article {
         border-top: solid 2px rgba(0,0,0,.1);
     }
     
     main.container section {
         padding: 0px;
     }
     
     .splashLogo {
     /*
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
         
         background-image: url(kirigami-splash.jpg);
         background-size: cover;
         background-position: left center;
         border-top-left-radius: 2px;
         border-top-right-radius: 2px;
       */  
     }
     
     .splashLogo h1 {
     /*
         color: #FAFAFA !important;
         font-size: 32px !important;
         line-height: 120%;
         background-image: none !important;
     */
     }
     
     .splashLogo p {
     /*
         color: #FCFCFC !important;
         line-height: 120% !important;
     */
     }
     
     main.container section > article, #main article {
         min-height: 250px;
     }
     
     @media(max-width: 1200px) {
         main.container section > article, #main article {
             min-height: 250px;
         }
     }
     
     @media(max-width: 992px) {
         main.container section > article, #main article {
             min-height: 250px;
         }
     }
     
     @media(max-width: 768px) {
         main.container section > article, #main article {
             min-height: 250px;
         }
     }
     
     .columns {
         padding: 0px !important;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: row;
         min-height: 100%;
         align-items: stretch;
     }
     
     .columns > div {
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
         padding: 20px;
     }
     
     @media(max-width: 768px) {
         .columns {
             flex-direction: column;
         }
         .columns > div {
             border: none !important;
             width: 100% !important;
         }
     }
     
     main .image,
     #main .image {
         background-origin: content-box;
         padding: 20px;
         background-repeat: no-repeat;
     }
     
     .section-convergent .image {
         background-image: url(kirigami-devices.png);
         background-size: auto 100%;
         background-position: center right;
         width: 60%;
         padding-bottom: 0px;
     }
     
     @media(max-width: 768px) {
         .section-convergent .image {
             height: 300px;
             width: 100% !important;
         }
     }
     
     .section-responsive
     {
         background-color:#28618c;
         background-image: linear-gradient(#4080b0 1px, transparent 1px),
             linear-gradient(90deg, #4080b0 1px, transparent 1px),
             linear-gradient(#34719e 1px, transparent 1px),
             linear-gradient(90deg, #34719e 1px, transparent 1px);
         background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;
         background-position: center center;
         
         align-items: stretch;
         min-height: 0px !important;
         color: #FFF  !important;
     }
     
     .section-responsive h1
     {
     padding-top: 20px;
         background: none !important;
         color: #FFF !important;
     }
     
     .section-responsive p
     {
         padding: 0px 20px 20px !important;
         color: #FFF !important;
         max-width: 1200px;
     }
     
     .section-responsive .image {
         background-image: url(kirigami-adapt.png);
         background-size: contain;
         background-position: center center;
         height: 60%;
         width: 100%;
         background-repeat: no-repeat;
         flex: 1 ;
         height: 400px;
     }
     
     @media(max-width: 768px) {
         .section-responsive .image {
             height: 300px;
         }
     }
     
     
     .section-links {
         flex-direction: row;
         text-align: center;
         min-height: auto !important;
     }
     
     .section-links .section-links-content div {
         width: 50%;
     }
     
     .section-links .section-links-content div + div {
         border-left: solid 1px rgba(0,0,0,.1);
     }
     
     .section-links h1 {
         border-bottom: solid 1px rgba(0,0,0,.1);
         padding-bottom: 20px;
     }
     
     .section-links-content a {
         display: inline-block;
         color: #feefe2 !important;
         background-color: #e4720c;
         border-radius: 2px;
         padding: 10px 20px;
     }
     
     .section-links-content a:hover {
         background-color: #f37a0d;
     }
     
     .section-elegant {
         flex-direction: row-reverse; 
     }
     
     .section-elegant .image {
         width: 60%;
         background-image: url(subsurface.png);
         background-size: contain;
         background-repeat: no-repeat;
         background-position: center center;
     }
     
     .section-open {
         background-image: url(community.jpg);
         background-size: cover;
         background-repeat: no-repeat;
         background-position: center center;
     }
     .section-open * {
         color: #FFF !important;
         background: none !important;
         text-shadow: 0px 0px 5px rgba(0,0,0,.5) !important;
     }
 </style>
 
 
 <article class="splashLogo columns">
     <div class="image">
         <img src="/announcements/qt-kde.png" width="320" height="180" style="margin: 1em;" />
     </div>
     <div>
         <h1 style="text-align: left;">KDE Frameworks</h1>
         <p style="text-align: left;"><?php print $numberOfFrameworks ?> add-on libraries for programming with Qt.</p>
     </div>
 </article>
 
 
 <article class="section-links">
     <h1>Get Started</h1>
     <div class="section-links-content columns">
         <div>
             <h2>Developer Documentation</h2>
             <p>
                 Code an application in C++ with Qt and QML.
             </p>
             <a href="https://api.kde.org/frameworks/index.html" target="_blank">Learn more</a>
         </div>
         <div>
             <h2>Design Guidelines</h2>
             <p>
                 Use our UI standards to their fullest for a flexible and consistent user experience if you are creating an app for the Linux desktop.
             </p>
             <a href="https://hig.kde.org/" target="_blank">Learn more</a>
         </div>
     </div>
 </article>
 
 <article class="section-convergent columns">
     <div class="image">
         <img src="platform-icons.png" style="margin: auto" />
     </div>
     <div>
         <h1>Features.</h1>
         <p>
             The KDE Frameworks are <?php print $numberOfFrameworks ?> add-on libraries for coding applications with Qt.
         </p>
         <p>
             The individual Frameworks are well documented, tested and their API style will be familiar to Qt developers.
         </p>
         <p>
              Frameworks are developed under the proven KDE governance model with a predictable release schedule, a clear and vendor neutral contributor process, open governance and flexible LGPL or MIT licensing.
         </p>
         <p>
             The frameworks are cross-platform and function on Windows, Mac, Android and Linux.
         </p>
     </div>
 </article>
 
 <article class="section-responsive">
     <!-- <div class="image"></div> -->
     <div>
         <h1>Organisation.</h1>
         <p>
             The Frameworks have a clear dependency structure, divided into Categories and Tiers. The Categories refer to runtime dependencies:
         </p>
         <p style="text-align: left">
             <b>Functional</b> elements have no runtime dependencies.<br />
             <b>Integration</b> designates code that may require runtime dependencies for integration depending on what the OS or platform offers.<br />
             <b>Solutions</b> have mandatory runtime dependencies.
         </p>
         <p>
             The Tiers refer to compile-time dependencies on other Frameworks.
         </p>
         <p style="text-align: left">
             <b>Tier 1</b> Frameworks have no dependencies within Frameworks and only need Qt and other relevant libraries.<br />
             <b>Tier 2</b> Frameworks can depend only on Tier 1.<br />
             <b>Tier 3</b> Frameworks can depend on other Tier 3 Frameworks as well as Tier 2 and Tier 1.
         </p>
     </div>
 </article>
 
 <article class="columns">
     <!-- <div class="image"></div> -->
     <h1 style="margin: auto; font-weight: bold;">Highlights:</h1>
     <div>
             <p>
                 <b>KArchive</b> offers support for many popular compression codecs in a self-contained, featureful and easy-to-use file archiving and extracting library. Just feed it files; there's no need to reinvent an archiving function in your Qt-based application!
             </p>
             <p>
                 <b>ThreadWeaver</b> offers a high-level API to manage threads using job- and queue-based interfaces. It allows easy scheduling of thread execution by specifying dependencies between the threads and executing them satisfying these dependencies, greatly simplifying the use of multiple threads.
             </p>
     </div>
     <div>
             <p>
                 <b>KConfig</b> is a Framework to deal with storing and retrieving configuration settings. It features a group-oriented API. It works with INI files and XDG-compliant cascading directories. It generates code based on XML files.
             </p>
             <p>
                 <b>Solid</b> offers hardware detection and can inform an application about storage devices and volumes, CPU, battery status, power management, network status and interfaces, and Bluetooth. For encrypted partitions, power and networking, running daemons are required.
             </p>
             <p>
                 <b>KI18n</b> adds Gettext support to applications, making it easier to integrate the translation workflow of Qt applications in the general translation infrastructure of many projects. 
             </p>
     </div>
 </article>
 
 <article class="section-open columns">
     <div class="image"></div>
     <div>
         <h1>Examples.</h1>
         <p>
             Does anyone use this stuff?
         </p>
     </div>
 </article>
 
 <article class="section-links">
     <h1>Get The Frameworks.</h1>
     <div class="section-links-content columns">
         <div>
             <h2>Latest Version</h2>
             <p>
                 Find the latest release
             </p>
             <a href="https://www.kde.org/announcements/" target="_blank">Release Announcements</a>
         </div>
         <div>
             <h2>Find more Qt Addons</h2>
             <p>
                 The Qt library archive.
             </p>
             <a href="https://inqlude.org/" target="_blank">Inqlude</a>
         </div>
         <div>
             <h2>Build it Yourself</h2>
             <p>
                 Our tool to compile KDE software
             </p>
             <a href="https://community.kde.org/Guidelines_and_HOWTOs/Build_from_source" target="_blank">kdesrc-build</a>
         </div>
         <div>
             <h2>Linux Packages</h2>
             <p>
                 Linux distros already package KDE Frameworks
             </p>
-            <a href="https://community.kde.org/Frameworks/Binary_Packages" target="_blank">Binary Packages</a>
+            <a href="https://community.kde.org/Get_KDE_Software_on_Your_Linux_Distro" target="_blank">Binary Packages</a>
         </div>
         <div>
             <h2>Windows</h2>
             <p>
                 Our Craft tool builds KDE software on Windows and other platforms
             </p>
             <a href="https://community.kde.org/Craft" target="_blank">Craft</a>
         </div>
         <div>
             <h2>Android</h2>
             <p>
                 Use KDE Frameworks on mobile
             </p>
             <a href="https://community.kde.org/Android" target="_blank">Android Tutorial</a>
         </div>
     </div>
 </article>
 
 </main>
 <?php
   require('../../aether/footer.php');