Paste P571

index-new.php
ActivePublic

Authored by ognarb on Apr 5 2020, 2:59 PM.
<?php
require_once('aether/config.php');
$pageConfig = array_merge($pageConfig, [
'title' => "KDE Community Home",
'cssFile' => 'https://cdn.kde.org/aether-devel/plasma-desktop.css?4'
]);
require_once('aether/header.php');
use AetherLibs\Feeds;
?>
<style>
#home h1 {
font-size: 40px;
}
#home h2 {
font-size: 40px;
}
#home h3 {
font-size: 30px;
}
hr.blue-line {
width: 4rem;
height: 5px;
background: #3daee9;
margin: auto;
border: none;
outline: none;
margin-top: 0.3rem;
margin-bottom: 1rem;
}
main {
font-size: 16px;
}
.container-application {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.container-laptop {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767.98px) {
.laptop-overlay {
margin-left: 0;
margin-right: 0;
width: 100%;
}
}
#section-green {
background-color: rgba(39,174,96,0.1);
}
.section-blue {
background: rgba(61,174,233,.1);
}
.card {
padding: 0;
}
@media (min-width: 992px) {
.text-right-lg {
text-align: right;
}
}
.kde-img {
max-width: 850px;
margin: 20px 0;
}
#plasma-homepage {
background: rgba(61,174,233,.1);
}
@media (min-width: 1200px) {
p {
font-size: 20px;
}
}
.app .app-description {
display: flex;
align-items: center;
text-align: center;
}
.app .app-description:nth-child(odd) {
order: 12;
}
@media (min-width:992px) {
.app .app-description:nth-child(odd) {
order: -1;
}
}
.app .app-description div {
margin-left: auto;
margin-right: auto;
max-width: 500px;
}
</style>
<main id="home">
<section class="section-blue">
<div class="container">
<div class="laptop-with-overlay d-inline-block">
<img class="laptop img-fluid mb-3" src="/content/plasma-desktop/laptop.png" alt="empty laptop with an overlay">
<div class="laptop-overlay">
<img class="img-fluid mb-3" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E" data-src="/content/home/kde-main.png" alt="Screenshot Plasma with Okular open" />
</div>
</div>
<h2>Plasma</h2>
<h3>The next generation Desktop Environement for Linux</h3>
<p><a href="/plasma-desktop" class="learn-more">Learn more</a> <a href="/distributions" class="learn-more">Install on your computer</a> <a href="" class="learn-more">Buy a computer with Plasma</a></p>
</div>
</section>
<section id="kde-connect">
<div class="container">
<h2>KDE's applications</h2>
<h3>Powerfull, multi-platform and for all</h3>
<p>Use KDE to surf the web; keep in touch with colleagues, friends and family; manage your files, enjoy music and videos; and get creative and productive at work. The KDE community develops and maintain more than <strong>200</strong> applications which run on any Linux desktop, and often other platforms too.</p>
<p>
<a class="learn-more mt-3" href="/applications">See all applications</a>
</p>
</div>
<div class="row mb-5 mt-5 app" id="krita-showcaste">
<img class="img-fluid col-12 col-lg-7" src="https://krita.org/wp-content/uploads/2019/08/krita-ui-40.png" />
<div class="col-12 col-lg-5 app-description mt-4">
<div>
<img src="https://kde.org/applications/icons/org.kde.krita.svg" alt="Krita logo" width="90" height="90">
<p>Get creative and draw beautiful artwork with Krita. A professional grade painting application.</p>
<a href="https://krita.org" class="button learn-more m-2 mt-4">Learn More</a>
</div>
</div>
</div>
<div class="row mt-5 app" id="kdenlive-showcaste">
<div class="col-12 col-lg-5 app-description mt-4 order-last order-lg-first">
<div class="w-100">
<img src="/content/home/kdenlive.svg" alt="Kdenlive logo" width="90" height="90"><br />
<p>Kdenlive allow you to edit your videos and add special effects and transition. </p>
<a href="https://kdenlive.org" class="button learn-more mt-4">Learn More</a>
</div>
</div>
<img class="img-fluid col-12 col-lg-7" src="https://cdn.kde.org/screenshots/kdenlive/k2.png" />
</div>
<div class="row mb-5 mt-5 app" id="okular-showcaste">
<img class="img-fluid col-12 col-lg-7" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E" data-src="https://cdn.kde.org/screenshots/okular/okular.png" />
<div class="col-12 col-lg-5 mt-4 app-description">
<div class="w-100">
<img src="https://okular.kde.org/images/okular.png" alt="Okular logo" width="90" height="90">
<p>Okular is a universal document viewer, supporing PDF, EPub, Images, Commic Book, DjVu and a lot more. </p>
<a href="https://okular.kde.org" class="button learn-more mt-4">Learn More</a>
</div>
</div>
</div>
<div class="row mt-5 app" id="kontact-showcaste">
<div class="col-12 col-lg-5 mt-4 app-description">
<div class="w-100">
<img src="https://kde.org/applications/icons/org.kde.kontact.svg" alt="Kontact logo" width="90" height="90">
<p>Handle all your emails, calendars and contacts within a single window.</p>
<a href="https://kontact.kde.org.org" class="button learn-more mt-4">Learn More</a>
</div>
</div>
<img class="img-fluid col-12 col-lg-7" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E" data-src="https://kontact.kde.org/assets/img/kontact-korganizer.png" />
</div>
<div class="row mb-5 app mt-5" id="kdevelop-showcaste">
<img class="img-fluid col-12 col-lg-7" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E" data-src="https://www.kdevelop.org/sites/www.kdevelop.org/files/inline-images/kdevelop5-breeze_2.png" />
<div class="col-12 col-lg-5 mt-4 app-description">
<div class="w-100">
<img src="https://kde.org/applications/icons/org.kde.kdevelop.svg" alt="Kdevelop logo" width="90" height="90">
<p>Kdevelop is a cross-platform IDE for C, C++, Python, QML/JavaScript and PHP</p>
<a href="https://kdevelop.org" class="button learn-more mt-4">Learn More</a>
</div>
</div>
</div>
<div class="row app mt-5" id="gcompris-showcaste">
<div class="col-12 col-lg-5 mt-4 app-description">
<div class="w-100">
<img src="https://kde.org/applications/icons/org.kde.gcompris.svg" alt="GCompris logo" width="90" height="90">
<p>GCompris is a high quality educational software suite, including a large number of activities for children aged 2 to 10.</p>
<a href="https://gcompris.net" class="button learn-more mt-4">Learn More</a>
</div>
</div>
<img class="img-fluid col-12 col-lg-7" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E" data-src="https://cdn.kde.org/screenshots/gcompris/gcompris.png" />
</div>
</section>
<!--<section id="section-green" class="pb-3 pt-4">
<div class="text-center">
<h2 class="mb-3">Plasma Mobile</h2>
</div>
<div class="row">
<div class="col-12 col-lg-6 text-center order-last order-lg-first d-flex align-items-center">
<div class="w-100">
<h3>Plasma in your Pocket.</h3>
<p>Plasma Mobile is an open-source user interface for phones. <br />Running on top of a Linux distribution, Plasma Mobile turns your phone<br /> into a fully hacking device.</p>
<div class="text-center">
<a class="button mt-3 learn-more" href="https://plasma-mobile.org">Go to the project homepage</a>
</div>
</div>
</div>
<div class="col-12 col-lg-6 text-center mt-4">
<img class="col-4" src="https://www.plasma-mobile.org/img/screenshots/plamo-app-drawer.png" class="w-50" />
</div>
</div>
</section>-->
<div class="container">
<div class="row">
<section id="announcement-feed" class="col-md">
<h2 class="mb-3">Announcements</h2>
<ul class="list-unstyled">
<!-- This comment is a marker for Latest Announcements, used by scripts -->
<li>
<h4>KDE Plasma 5.18.4 Released <i>Tuesday, 31 March 2020</i></h4>
<q>Today KDE releases a new release of KDE Plasma 5, versioned 5.18.4</q>
<a href="announcements/plasma-5.18.4" class="learn-more">Read full announcement</a>
</li>
<li>
<h4>KDE Releases Frameworks 5.68.0 <i>March 15, 2020</i></h4>
<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.68.0.php" class="learn-more">Read full announcement</a>
</li>
<li>
<h4>March Apps Update Featuring Releases 19.12.3 <i>March 5, 2020</i></h4>
<q>New releases from KDE in the last month.</q>
<a href="announcements/releases/2020-03-apps-update/" class="learn-more">Read full announcement</a>
</li>
<li>
<h4>KDE Plasma 5.12.9 LTS Released <i>September 10, 2019</i></h4>
<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>
</div>
<section">
<div class="container">
<h2 class="mb-3" id="community">The community</h2>
<p>KDE is an international team co-operating on development and distribution of Free, Open Source Software for desktop and portable computing. Our community has developed a wide variety of applications for communication, work, education and entertainment. We have a strong focus on finding innovative solutions to old and new problems, creating a vibrant, open atmosphere for experimentation</p>
<div class="text-center mb-3">
<a href="/community/whatiskde" class="button ml-2 mr-2">Learn More</a>
<a href="https://community.kde.org/Get_Involved" class="noblefir ml-2 mr-2">Get Involved</a>
</div>
</div>
<div class="card-columns container-fluid">
<figure class="text-center card">
<img src="https://devel-home.kde.org/~duffus/akademy/2019/groupphoto/akademy2019-groupphoto.jpg" class="img-fluid" />
<figcaption class="card-body">
<a href="https://akademy.kde.org/2019">Akademy 2019</a> - Milan, Italia
</figcaption>
</figure>
<figure class="text-center card">
<img src="https://chst.dev/assets/people.jpg" class="img-fluid" />
<figcaption class="card-body">
<a href="https://lakademy.kde.org/">LaKademy 2018</a> - Salvador, Brazil
</figcaption>
</figure>
<figure class="text-center card">
<img src="/content/home/conf-kde-in-2019.jpg" class="img-fluid" />
<figcaption class="card-body">
<a href="https://conf.kde.in">conf.kde.in</a> - Dehli, India
</figcaption>
</figure>
<figure class="text-center card">
<img src="https://devel-home.kde.org/~duffus/akademy/2018/groupphoto/akademy2018-groupphoto.jpg" class="img-fluid" />
<figcaption class="card-body">
<a href="https://akademy.kde.org/2018">Akademy 2018</a> - Vienna
</figcaption>
</figure>
<figure class="text-center card">
<img src="https://dot.kde.org/sites/dot.kde.org/files/2018-promo-sprint-group1_cropped.jpg" class="img-fluid" />
<figcaption class="card-body">
<a href="https://dot.kde.org/2018/05/25/promo-sprint-report-what-we-did-and-how-you-can-help-us">Promo Sprint</a> - Barcelona
</figcaption>
</figure>
<figure class="text-center card">
<img src="https://dot.kde.org/sites/dot.kde.org/files/photo5785146289028181435_cropped.jpg" class="img-fluid" />
<figcaption class="card-body">
<a href="https://dot.kde.org/2018/05/28/2018-kde-connect-development-sprint">KDE Connect Sprint</a> - Barcelona
</figcaption>
</figure>
<figure class="text-center card">
<img src="https://dot.kde.org/sites/dot.kde.org/files/lakademy-2018-2.jpg" class="img-fluid" />
<figcaption class="card-body">
<a href="https://dot.kde.org/2018/10/25/lakademy-2018-celebrates-22-years-kde">Lakademy</a> - Florianopolis, Brazil
</figcaption>
</figure>
<figure class="text-center card">
<img src="https://dot.kde.org/sites/dot.kde.org/files/wee-8d7b5f11-8a2a-4a16-b79a-e21680912c0d.jpg_0.jpg" class="img-fluid" />
<figcaption class="card-body">
<a href="https://dot.kde.org/2018/05/14/plasma-sprint-berlin">Plasma Sprint</a> - Berlin
</figcaption>
</figure>
<figure class="text-center card">
<img src="https://dot.kde.org/sites/dot.kde.org/files/IMG_8152-1080-1080x675.jpg" class="img-fluid" />
<figcaption class="card-body">
<a href="https://dot.kde.org/2018/05/12/kdenlive-sprint-movie">Kdenlive Sprint</a> - Paris, France
</figcaption>
</figure>
<figure class="text-center card">
<img src="https://dot.kde.org/sites/dot.kde.org/files/SoK.jpg" class="img-fluid" />
<figcaption class="card-body">
Google Summer of Code students
</figcaption>
</figure>
<figure class="text-center card">
<img src="https://dot.kde.org/sites/dot.kde.org/files/LydiaEikeIvanNeo.jpg" class="img-fluid" />
<figcaption class="card-body">
<a href="https://dot.kde.org/2019/09/07/kde-decides-three-new-challenges-wayland-consistency-and-apps">KDE Goals</a>
</figcaption>
</figure>
<figure class="text-center card">
<img src="https://dot.kde.org/sites/dot.kde.org/files/JonandNico.jpg" class="img-fluid" />
<figcaption class="card-body">
<a href="https://dot.kde.org/2019/09/07/kde-decides-three-new-challenges-wayland-consistency-and-apps">KDE Goals</a>
</figcaption>
</figure>
<figure class="text-center card">
<img src="https://dot.kde.org/sites/dot.kde.org/files/ghBrZv3.jpg" class="img-fluid" />
<figcaption class="card-body">
<a href="https://dot.kde.org/2019/07/04/plasma-usability-productivity-sprint-valencia-spain">Plasma + Usability & Productivity Sprint</a> - Valencia, Spain
</figcaption>
</figure>
<figure class="text-center card">
<img src="https://kate-editor.org/post/2019/2019-11-24-kf6-sprint-day-three/images/sprint-people-2.jpg" class="img-fluid" />
<figcaption class="card-body">
<a href="https://ervin.ipsquad.net/blog/2019/11/24/kf6-kickoff-sprint-wrap-up/">KF6 Sprint</a> - Berlin, Germany
</figcaption>
</figure>
</div>
</section>
</main>
<?php require('aether/footer.php'); ?>
ognarb created this paste.Apr 5 2020, 2:59 PM
ognarb created this object in space S1 KDE Community.