Index: aether/config.php
===================================================================
--- aether/config.php
+++ aether/config.php
@@ -1,4 +1,5 @@
 <?php
+    set_include_path('.:/var/www/capacity/includes');
 
 
 	$pageConfig = [
Index: content/home/portal.css
===================================================================
--- content/home/portal.css
+++ content/home/portal.css
@@ -1,31 +1,63 @@
-
 #headerCarousel h1 {
-	font-size: 24px;
-	font-weight: bold;
+    font-size: 24px;
+    font-weight: bold;
 }
 
 #slide-kirigami {
-	background-image: url(kirigami.jpg); 
-	background-position: center; 
-	background-size: cover; 
+    background-image: url(kirigami.jpg); 
+    background-position: center; 
+    background-size: cover; 
 }
 
 #slide-applications {
-	background-image: url(applications.png); 
-	background-position: center; 
-	background-size: cover; 
+    background-image: url(applications.png); 
+    background-position: center; 
+    background-size: cover; 
+}
+
+#slide-applications div, #slide-kirigami div, #slide-kde-laptop div {
+    position: relative;
+    text-align: center;
+    width: 100%;
+}
+
+#slide-applications div {
+    top: 45%;
+}
+
+#slide-kirigami div {
+    top: 80px;
+}
+
+#slide-kde-laptop div {
+    top: 50%;
+    margin-top: -40px;
+}
+
+#slide-applications h1 {
+    font-size: 40px;
+    margin-top: -4ex;
+}
+
+#slide-kirigami h1, #slide-kde-laptop h1 {
+    margin-top: -4ex;
+}
+
+#slide-applications a {
+    text-shadow: 2px 2px 3px #000;
+    color: #fff;
 }
 
 #slide-plasma-5-12 {
-	background-image: url(plasma-5-12-lts-logo.jpg); 
-	background-position: center; 
-	background-size: cover; 
+    background-image: url(plasma-5-12-lts-logo.jpg); 
+    background-position: center; 
+    background-size: cover; 
 }
 
 #slide-plasma-5-16 {
-	background-image: url(plasma-5-16.jpg); 
-	background-position: center; 
-	background-size: cover; 
+    background-image: url(plasma-5-16.jpg); 
+    background-position: center; 
+    background-size: cover; 
 }
 
 #slide-plasma-5-16 h1 {
@@ -39,86 +71,86 @@
 }
 
 #slide-the-game {
-	background-image: url(the-game.jpg); 
-	background-position: top center; 
-	background-size: cover;
+    background-image: url(the-game.jpg); 
+    background-position: top center; 
+    background-size: cover;
 }
 
 #slide-plasma-5-9 {
-	background-image: url(plasma-5-9.jpg); 
-	background-position: center; 
-	background-size: cover;
+    background-image: url(plasma-5-9.jpg); 
+    background-position: center; 
+    background-size: cover;
 }
 
 #slide-kde-laptop {
-	background-image: url(slimbook.jpg); 
-	background-color: #FFF; 
-	background-size: cover;
-	background-position: bottom center; 
-	background-repeat: no-repeat;
+    background-image: url(slimbook.jpg); 
+    background-color: #FFF; 
+    background-size: cover;
+    background-position: bottom center; 
+    background-repeat: no-repeat;
 }
 
 #slide-randa-campaign {
-	background-image: url(randa-fundraiser.jpg);
-	background-color: #FFF;
-	background-size: cover;
-	background-position: bottom center;
-	background-repeat: no-repeat;
+    background-image: url(randa-fundraiser.jpg);
+    background-color: #FFF;
+    background-size: cover;
+    background-position: bottom center;
+    background-repeat: no-repeat;
 }
 
 
 
 #kWelcome {
-	font-size: 14px;
-	border-radius: 2px;
-	border: solid 1px #abdaf9;
-	background-color: #e1f2ff;
-	color: #375a7d;
-	padding: 10px 20px !important;
-	margin: 10px auto !important;
+    font-size: 14px;
+    border-radius: 2px;
+    border: solid 1px #abdaf9;
+    background-color: #e1f2ff;
+    color: #375a7d;
+    padding: 10px 20px !important;
+    margin: 10px auto !important;
 }
 
 #announcement-feed ul {
-	list-style-type: none;
-	margin: 0px;
-	padding: 0px;
+    list-style-type: none;
+    margin: 0px;
+    padding: 0px;
 }
 
 
 #announcement-feed li:first-child h1 {
-	margin-top: 0px;
+    margin-top: 0px;
 }
 
 #announcement-feed h1 {
-	font-size: inherit;
-	font-weight: bold;
+    font-size: inherit;
+    font-weight: bold;
 }
 
 #announcement-feed h1 i {
-	color: #b0b8b8;
-	font-size: 90%;
-	font-weight: normal;
+    color: #b0b8b8;
+    font-size: 90%;
+    font-weight: normal;
 }
 
 #announcement-feed q {
-	display: block;
+    display: block;
 }
 
 
 #announcement-feed li + li {
-	margin-top: 20px;
+    margin-top: 20px;
 }
 
 #announcement-feed > a {
-	margin-top: 20px;
-	font-weight: normal;
-	display: inline-block;
+    margin-top: 20px;
+    font-weight: normal;
+    display: inline-block;
 }
 
 .light-text h1 {
-	color: #EEE;
+    color: #EEE;
 }
 
 .light-text a {
-	color: #abdaf9;
+    color: #abdaf9;
 }
Index: index.php
===================================================================
--- index.php
+++ index.php
@@ -3,7 +3,7 @@
 
 	$pageConfig = array_merge($pageConfig, [
 		'title' => "KDE Community Home",
-		'cssFile' => 'content/home/portal.css?ver=1.2'
+		'cssFile' => 'content/home/portal.css?ver=1.3'
 	]);
 
 	require('aether/header.php');
@@ -23,45 +23,43 @@
 
 	<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.16</h1>
 				<div class="carousel-caption">
 					<p>Our desktop, smoother and more fun.</p>
-					<a href="announcements/plasma-5.16.0.php" class="learn-more">Learn More</a>
+					<a href="announcements/plasma-5.16.0" 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>
+			<article id="slide-applications" class="carousel-item light-text">
+				<div>
+				   <h1>
+					<a 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>
+			<article id="slide-kirigami" class="carousel-item light-text position-relative">
+				<div>
+					<h1>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>
+            <article id="slide-kde-laptop" class="carousel-item dark-text position-relative">
+				<div>
+					<h1>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%;">
+				<div class="text-center w-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>
 
 
@@ -77,15 +75,16 @@
 			<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">
             <p class="col-12">KDE<sup>®</sup> is an open community of friendly people who want to create:</p>
             <p class="col-12" style="text-align: center"><b style="font-size: larger">“</b><b>A world in which everyone has control over their digital life and enjoys freedom and privacy</b>.<b style="font-size: larger">”</b></p>
 
-            <p class="col-12">To do this we:</p>
+            <p class="col-12 mb-4">To do this we:</p>
             <div class="col-md-6 col-lg-3 mb-4" style="text-align: center">
                 <img src="images/user-grace-hopper.svg" width="64" height="64" alt="Avatar icon"><br />
                 Create software products which give users control, freedom and privacy.
@@ -116,7 +115,7 @@
 	<main class="container">
 		<div class="row">
 			<section id="announcement-feed" class="col-md">
-			<h2 style="margin-bottom: 20px;">Announcements</h2>
+			<h2 class="mb-3">Announcements</h2>
 				<ul>
 					<!-- This comment is a marker for Latest Announcements, used by scripts -->
 					<li>