[prev in list] [next in list] [prev in thread] [next in thread] 

List:       kde-commits
Subject:    www/sites/www
From:       Harald Sitter <sitter () kde ! org>
Date:       2017-02-10 13:07:18
Message-ID: E1ccAv0-0002XU-D5 () code ! kde ! org
[Download RAW message or body]

SVN commit 1482315 by sitter:

Roll out new website by Ken Vermette

The new design is called 'aether' and looks awesome.
Additionally the main pages have had their content revised to contain
less cruft and be more visual appealing.

Thanks Ken!

Next stop: proper CMS.


 A             .htaccess  
 A             aether (directory)  
 A             aether/config.php  
 A             aether/footer.php  
 A             aether/header.php  
 A             aether/media (directory)  
 A             aether/media/128x128.svg  
 A             aether/media/16x16.svg  
 AM            aether/media/180x180.png  
 AM            aether/media/192x192.png  
 A             aether/media/24x24.svg  
 A             aether/media/32x32.svg  
 A             aether/media/64x64.svg  
 A             aether/media/patrons (directory)  
 AM            aether/media/patrons/blue-systems.png  
 A             aether/media/patrons/blue-systems.svg  
 AM            aether/media/patrons/canonical.png  
 A             aether/media/patrons/canonical.svg  
 AM            aether/media/patrons/google.png  
 A             aether/media/patrons/google.svg  
 AM            aether/media/patrons/qt-company.png  
 A             aether/media/patrons/qt-company.svg  
 AM            aether/media/patrons/suse.png  
 A             aether/media/patrons/suse.svg  
 A             aetherlibs (directory)  
 AM            aetherlibs/feeds.php  
 A             aetherlibs/functions.php  
 A             content (directory)  
 A             content/community (directory)  
 AM            content/community/community-konqis.png  
 A             content/community/portal.css  
 A             content/develop (directory)  
 AM            content/develop/devApps.png  
 A             content/develop/portal.css  
 A             content/donate (directory)  
 AM            content/donate/jointhegame.png  
 A             content/get-involved (directory)  
 AM            content/get-involved/mascot_konqi-app-utilities.png  
 AM            content/get-involved/mascot_konqi-commu-journalist.png  
 AM            content/get-involved/mascot_konqi-commu-mail.png  
 AM            content/get-involved/mascot_konqi-international.png  
 A             content/get-involved/mascot_konqi-international.svg  
 AM            content/get-involved/mascot_konqi-support-bughunt.png  
 AM            content/get-involved/mascot_konqi-support-business.png  
 AM            content/get-involved/mascot_konqi-support-document.png  
 AM            content/get-involved/mascot_konqi.png  
 A             content/get-involved/portal.css  
 A             content/home (directory)  
 AM            content/home/plasma-5-8-lts.jpg  
 AM            content/home/plasma-5-9.jpg  
 A             content/home/portal.css  
 AM            content/home/slimbook.jpg  
 AM            content/home/the-game.jpg  
 A             content/plasma-desktop (directory)  
 A             content/plasma-desktop/portal.css  
 AM            content/plasma-desktop/wallpaper.jpg  
 A             content/products (directory)  
 AM            content/products/apps.png  
 AM            content/products/develop.png  
 AM            content/products/neon.png  
 AM            content/products/phone.png  
 AM            content/products/plasma.png  
 AM            content/products/wikitolearn.png  
 AM            content/wallpaper.full.jpg  
 AM            content/wallpaper.light.jpg  
 A             css (directory)  
 A             css/aether.css  
 A             css/aetherCore.css  
 A             css/animation.css  
 A             css/bootstrap-flex.css  
 A             css/bootstrap-flex.css.map  
 A             css/bootstrap-flex.min.css  
 A             css/bootstrap-flex.min.css.map  
 A             css/bootstrap-grid.css  
 A             css/bootstrap-grid.css.map  
 A             css/bootstrap-grid.min.css  
 A             css/bootstrap-grid.min.css.map  
 A             css/bootstrap-reboot.css  
 A             css/bootstrap-reboot.css.map  
 A             css/bootstrap-reboot.min.css  
 A             css/bootstrap-reboot.min.css.map  
 A             css/bootstrap.css  
 A             css/bootstrap.css.map  
 A             css/bootstrap.min.css  
 A             css/bootstrap.min.css.map  
 A             css/common.css  
 A             css/core.css  
 A             css/footer.css  
 A             css/glyph (directory)  
 AM            css/glyph/glyph.eot  
 A             css/glyph/glyph.svg  
 AM            css/glyph/glyph.ttf  
 AM            css/glyph/glyph.woff  
 A             css/glyphs.css  
 A             css/header.css  
 A             css/layout.css  
 A             css/social.css  
 A             css/subheader.css  
 A             css/tether-theme-arrows-dark.css  
 A             css/tether-theme-arrows-dark.min.css  
 A             css/tether-theme-arrows.css  
 A             css/tether-theme-arrows.min.css  
 A             css/tether-theme-basic.css  
 A             css/tether-theme-basic.min.css  
 A             css/tether.css  
 A             css/tether.min.css  
 A             develop.php  
 A             donate.php  
 A             get-involved.php  
 M  +123 -102  index.php  
 A             js (directory)  
 A             js/bootstrap-4.0.0.min.js  
 A             js/header.js  
 A             js/jquery-3.1.1.min.js  
 A             js/kGlobalAssets.js  
 A             js/tether.min.js  
 A             plasma-desktop.php  
 A             products.php  
 A             support.php  


--- trunk/www/sites/www/index.php #1482314:1482315
@@ -1,132 +1,153 @@
 <?php
+	require('aether/config.php');
 
-require('users_conf.php');
-require('libs/class_microblog.php');
-require('libs/class_blog.php');
-require('libs/class_news.php');
-require('libs/class_forum.php');
-require('libs/class_db.php');
+	$pageConfig = array_merge($pageConfig, [
+		'title' => "KDE Community Home",
+		'cssFile' => 'content/home/portal.css'
+	]);
 
 
-$page_title = "Experience Freedom!";
-$templatepath = "chihuahua/";
-$teaser = true;
-include "header.inc";
+	require('aether/header.php');
+	
+	//if (isset($_GET['live_feed'])) {
+		define("FRONTPAGE_LIVE_FEED", true);
+	//}
+
+	
+	if (defined("FRONTPAGE_LIVE_FEED")) {
+		require_once("libs/class_db.php");
+		require_once('users_conf.php');
+		require_once('aetherlibs/functions.php');
+		require_once("aetherlibs/feeds.php");
+	}
+	
 ?>
-    <div class="info-area">
 
-    <p><a href="/download" class="downloadButton" >Get KDE Software</a></p>
 
-    <p><strong>Latest News</strong></p>
-    <?php   NEWS::show(5);   ?>
-    <p><a href="http://dot.kde.org">More News</a></p>
+	<section id="headerCarousel" class="heroDisplay carousel slide overlay" \
data-ride="carousel"> +		<div class="carousel-inner" role="listbox">
 
-    <p><strong>Community Blogs</strong></p>
-    <?php   BLOG::show(5);   ?>
-    <p><a href="http://www.planetkde.org">More Blogs</a></p>
+			<article id="slide-kde-laptop" class="carousel-item dark-text active" \
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>
 
-    <p><strong>Forum</strong></p>
-    <?php   FORUM::show(5);   ?>
-    <p><a href="http://forum.kde.org">More Forum Topics</a></p>
+			<article id="slide-plasma-5-8" class="carousel-item light-text">
+				<h1>Plasma 5.8 LTS</h1>
+				<div class="carousel-caption">
+					<p>Our desktop, featuring long-term support so you can compute without \
worries.</p> +					<a href="https://www.kde.org/announcements/plasma-5.8.0.php" \
class="learn-more">Learn More</a> +				</div>
+			</article>
 
-    <p><strong>Social Media</strong></p>
-    <a href="https://twitter.com/kdecommunity"><img style='margin: 0; border: 0; \
                background: 0' src="images/twitter.png" alt="Twitter" /></a>
-    <a href="https://www.facebook.com/kde"><img style='margin: 0; border: 0; \
                background: 0'  src="images/facebook.png" alt="Facebook" /></a>
-    <a href="https://plus.google.com/105126786256705328374/posts"><img \
style='margin: 0; border: 0; background: 0'  src="images/gplus.png" alt="Google+" \
/></a> +			<article id="slide-the-game" class="carousel-item light-text">
+				<div style="text-align: center; width: 100%;">
+				<h1>Join the Game</h1>
+					<p>Invest in freedom; become a personal member or enroll your company as a \
contributing member or patron.</p> +					<a \
href="https://relate.kde.org/civicrm/contribute/transact?reset=1&id=5" \
class="learn-more">Learn More</a> +				</div>
+			</article>
 
+			<article id="slide-plasma-5-9" class="carousel-item light-text">
+
+				<div style="text-align: center; width: 100%;">
+					<h1>Plasma 5.9</h1>
+					<p>Dozens of productivity features and enhancements make the best desktop even \
better.</p> +					<a href="https://www.kde.org/announcements/plasma-5.9.0.php" \
class="learn-more">Learn More</a>  </div>
+			</article>
+		</div>
 
-    <p>The KDE&reg; Community is an international technology team dedicated to \
                creating a free and
-    user-friendly computing experience, offering an advanced graphical desktop, a \
                wide variety of
-    applications for communication, work, education and entertainment and a platform \
                to easily build
-    new applications upon. We have a strong focus on finding innovative solutions to \
                old and
-    new problems, creating a vibrant atmosphere open for experimentation.<br />
-    <a href="/community/whatiskde">Learn more...</a>
-    </p>
 
-<h2><a name="announcements">Latest Announcements</a></h2>
+		<a class="carousel-control-prev" href="#headerCarousel" role="button" \
data-slide="prev"> +			<span class="sr-only">Previous</span>
+		</a>
+		<a class="carousel-control-next" href="#headerCarousel" role="button" \
data-slide="next"> +			<span class="sr-only">Next</span>
+		</a>
 
-<p><b><a href="announcements/announce-applications-16.12.2.php">KDE Releases \
                Applications 16.12.2</a></b><br/>
-Thursday, 9 February, 2017. KDE ships KDE Applications 16.12.2.
-</p>
+		<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>
+		</ol>
+	</section>
 
-<p><b><a href="announcements/plasma-5.9.1.php">KDE Plasma 5.9.1 \
                Released</a></b><br/>
-Tuesday, 7 February 2017. Plasma 5.9.1 release.
-</p>
 
-<p><b><a href="announcements/kde-frameworks-5.30.0.php">KDE Releases Frameworks \
                5.30.0</a></b><br/>
-January 14, 2017. KDE ships monthly release of KDE Frameworks 5, our modular Qt \
                libraries.
-</p>
+		<aside id="kWelcome" class="container">
+			The KDE ® Community is an international technology team dedicated to creating a \
free and user-friendly computing experience, offering an advanced graphical desktop, \
a wide variety of applications for communication, work, education and entertainment \
and a platform to easily build new applications upon. We have a strong focus on \
finding innovative solutions to old and new problems, creating a vibrant atmosphere \
open for experimentation. +		</aside>
 
-View <a href="announcements/" title="View older announcements">more \
                announcements...</a>
-</p>
-            <h2>Application Spotlight</h2>
+	<main class="container">
+		<div class="row">
+			<section id="announcement-feed" class="col-md">
+				<ul>
+					<li>
+						<h1>KDE Plasma 5.9.1 Released <i>7 February 2017</i></h1>
+						<q>Today KDE releases a bugfix update to KDE Plasma 5, versioned 5.9.1.</q>
+						<a href="https://www.kde.org/announcements/plasma-5.9.1.php" \
class="learn-more">Read full announcement</a> +					</li>
+					<li>
+						<h1>KDE Plasma 5.9 Released <i>31 January 2017</i></h1>
+						<q>Today KDE releases this year's first Plasma feature update, 
+						Plasma 5.9. While this release brings many exciting new features to 
+						your desktop, we'll continue to provide bugfixes to Plasma 5.8 LTS.</q>
+						<a href="https://www.kde.org/announcements/plasma-5.9.0.php" \
class="learn-more">Read full announcement</a> +					</li>
+					<li>
+						<h1>KDE Releases Frameworks 5.30.0 <i>January 14, 2017</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.30.0.php" \
class="learn-more">Read full announcement</a> +					</li>
+					<li>
+						<h1>KDE Ships KDE Applications 16.12.1 <i>January 12, 2017</i></h1>
+						<q>This release contains only bugfixes and translation updates, 
+						providing a safe and pleasant update for everyone.</q>
+						<a href="https://www.kde.org/announcements/announce-applications-16.12.1.php" \
class="learn-more">Read full announcement</a> +					</li>
+				</ul>
+
+				<a href="https://www.kde.org/announcements/" class="learn-more" \
style="font-weight: bold;">View all announcements</a> +			</section>
+			
+			<?php if (defined("FRONTPAGE_LIVE_FEED")): ?>
+			<section id="homeFeedList" class="col-md">
+				<ul style="list-style-type: none; padding: 0px; margin: 0px;">
             <?php
-                include 'classes/class_appdata.inc';
 
-                function nameToUrl($s)
-                {
-                    return str_replace(' ', '', strtolower($s));
-                }
+				$items = Feeds::news(20);
+				//$items = array_merge($items, Feeds::blog(8));
                 
-                function addUrlToName($text, $appName, $url)
-                {
-                    $aux = str_replace('<strong>'.$appName.'</strong>', '<a \
                href="'.$url.'"><strong>'.$appName.'</strong></a>', $text);
-                    return str_replace('<b>'.$appName.'</b>', '<a \
                href="'.$url.'"><b>'.$appName.'</b></a>', $aux);
-                }
+				svsort($items, 'timestamp');
 
-                $index = json_decode(file_get_contents("applications/index.json"), \
                true);
-                $categories = array_keys($index);
-                $apps = array();
-                foreach($categories as $category) {
-                    foreach($index[$category] as $application) {
-                        $apps[] = $application[0];
+				foreach ($items as $i) {
+					$i['url']   = htmlspecialchars($i['url']);
+					$i['title'] = htmlspecialchars($i['title']);
+					$i['user']  = htmlspecialchars(
+						isset($kde_contributors[$i['user']]) && \
isset($kde_contributors[$i['user']]['name']) ?  \
+							$kde_contributors[$i['user']]['name'] :  +							$i['user']
+						);
+					
+					echo '<li><a href="'.$i['url'].'" class="learn-more">'.$i['title'].'</a></li>';
                     }
-                }
 
-                $randomNumber = mt_rand(0, count($apps) - 1);
-                $app = new AppData($apps[$randomNumber], ".");
-                $appurl = \
                'applications/'.nameToUrl($app->category()).'/'.nameToUrl($app->name());
                
-                print addUrlToName($app->descriptionHtml(), $app->name(), $appurl);
-
-                $screenshotResizedUrl = \
                '/images/screenshots/resized/'.nameToUrl($app->name()).'.png';
-                if (file_exists($_SERVER["DOCUMENT_ROOT"].$screenshotResizedUrl)) {
-                    print '<div class="app-screenshot"><a href="'.$appurl.'">
-                    <img width="400" src="'.$screenshotResizedUrl.'" \
                alt="Screenshot" />
-                    </a></div>';
-                }
             ?>
-            <p><a href="applications">More Applications</a></p>
+				</ul>
 
-            <div style="clear:both;"></div>
-
-            <h2>KDE Patrons</h2>
-            <div class="table-wrapper">
-                <table class="patrons">
-                    <tr>
-                        <td>
-                            <img \
src="https://ev.kde.org/images/supportingmembers/bluesystems.png" alt="Blue Systems" \
                />
-                        </td>
-                        <td>
-                            <img \
                src="https://ev.kde.org/images/supportingmembers/google.jpg" \
                alt="Google" />
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <img \
                src="https://ev.kde.org/images/supportingmembers/suse.png" alt="Suse" \
                />
-                        </td>
-                        <td>
-                            <img \
src="https://ev.kde.org/images/supportingmembers/QtCompany.png" alt="The Qt Company" \
                />
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <img \
src="https://ev.kde.org/images/supportingmembers/canonical.png" alt="Canonical" \
                width="299" />
-                        </td>
-                    </tr>
-                </table>
+				<a href="http://dot.kde.org/" class="learn-more" style="font-weight: bold;">Read \
more news</a> +			</section>
+			<?php endif;  ?>
             </div>
+	</main>
 
 <?php
-  include "footer.inc";
+
+	require('aether/footer.php');
+
 ?>


[prev in list] [next in list] [prev in thread] [next in thread] 

Configure | About | News | Add a list | Sponsored by KoreLogic