Verified Commit 27ce729a authored by Carl Schwan's avatar Carl Schwan 🚴

Initial commit

+ Copy files from https://cgit.kde.org/websites/kontact-kde-org.git
parents
*.gem
.bundle
.sass-cache
_site
Gemfile.lock
vendor
# frozen_string_literal: true
source "https://rubygems.org"
gemspec
This diff is collapsed.
<footer id="kFooter" class="footer">
<section id="KSiteDonateForm">
<h3>Donate to KDE
<a href="https://www.kde.org/community/donations/index.php#money" target="_blank"> Why Donate?</a>
</h3>
<form action="https://www.paypal.com/en_US/cgi-bin/webscr" method="post" onsubmit="return amount.value >= 2 || window.confirm('Your donation is smaller than 2€. This means that most of your donation\nwill end up in processing fees. Do you want to continue?');">
<input type="hidden" name="cmd" value="_donations" />
<input type="hidden" name="lc" value="GB" />
<input type="hidden" name="item_name" value="Development and communication of KDE software" />
<input type="hidden" name="custom" value="//neon.kde.org//neon_donation_footer_index.php" />
<input type="hidden" name="currency_code" value="EUR" />
<input type="hidden" name="cbt" value="Return to www.kde.org" />
<input type="hidden" name="return" value="https://www.kde.org/community/donations/thanks_paypal.php" />
<input type="hidden" name="notify_url" value="https://www.kde.org/community/donations/notify.php" />
<input type="hidden" name="business" value="kde-ev-paypal@kde.org" />
<input type='text' name="amount" value="10.00" id="donateAmountField" />
<button type='submit' id="donateSubmit">Donate via PayPal</button>
</form>
<a href="https://www.kde.org/community/donations/others.php" id="otherWaysDonate" target="_blank">Other ways to donate</a>
</section>
<section id="kLinks">
<nav>
<h3>Community</h3>
<a href="https://forum.kde.org">Forums</a>
</nav>
<nav>
<h3>News &amp; Press</h3>
<a href="https://www.kde.org/announcements/">Announcements</a>
<a href="https://dot.kde.org/">KDE.news</a>
<a href="https://planetkde.org/">Planet KDE</a>
</nav>
</div>
</section>
<section id="KGlobalContributorLinks">
<nav>
<a href="https://community.kde.org/Get_Involved" target="_blank">Get Involved in KDE</a>
<aside class="kSocialLinks" style="position: absolute; right: 0px; top: 0px">
<a class="shareFacebook" href="https://www.facebook.com/kde/" rel="nofollow" target="_blank">KDE on Facebook</a>
<a class="shareGoogle" href="https://twitter.com/kdecommunity" rel="nofollow" target="_blank">KDE on Twitter</a>
<a class="shareTwitter" href="https://plus.google.com/105126786256705328374/posts" rel="nofollow" target="_blank">KDE on Google+</a>
</aside>
</nav>
</section>
<section id="KGlobalLegalInfo" class="container">
<small>
KDE
<sup>&copy;</sup> a the K Desktop Environment
<sup>&copy;</sup> logo (
<figure style="font-family: glyph">K</figure>) are registered trademarks of
<a href="https://ev.kde.org" title="Homepage of the KDE non-profit Organization">KDE e.V.</a>
</small>
<small>
<a href="https://www.kde.org/community/whatiskde/impressum.php">Legal</a>
</small>
</section>
</footer>
<div id="kImagePreview" class="modal" tabindex="-1" role="dialog" aria-hidden="true">
<div id="kImagePreviewContainer">
<img src="">
</div>
</div>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ site.title }}</title>
<!-- Icons -->
<link href="/assets/aether/media/192x192.png" rel="icon" sizes="192x192" />
<link href="/assets/aether/media/180x180.png" rel="apple-touch-icon" sizes="180x180" />
<link href="/assets/aether/media/128x128.svg" rel="icon" sizes="128x128" />
<link href="/assets/aether/media/64x64.svg" rel="icon" sizes="64x64" />
<link href="/assets/aether/media/32x32.svg" rel="icon" sizes="32x32" />
<link href="/assets/aether/media/24x24.svg" rel="icon" sizes="24x24" />
<link href="/assets/aether/media/16x16.svg" rel="icon" sizes="16x16" />
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="/css/main.css">
{% if page.css-include %}
<link rel="stylesheet" href="{{ page.css-include }}">
{% endif %}
<!-- Standard JS Files, bootstrap Async -->
<script src="{{ "/assets/nav.js" | relative_url }}" defer></script>
<script src="{{ "/assets/preview.js" | relative_url }}" defer></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</head>
<header class="header clearfix">
<nav id="kHeaderNav" class="navbar navbar-expand-md container-fluid">
<a class="navbar-brand {% if page.url == '/' %}navbar-brand-active{% endif %}" href="/index.html" id="KontactGlobalLogo">
<img src="/assets/img/app_icon.png">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#kMainNavbar" aria-controls="kMainNavbar"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="KMadeByKDE">
<a class="navbar-brand" id="KGlobalLogo" href="https://www.kde.org"></a>
<span>Made by KDE</span>
</div>
<div class="collapse navbar-collapse" id="kMainNavbar">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link {% if page.url == '/' %}active{% endif %}"
href="/" aria-haspopup="true" aria-expanded="false">Konsole</a>
</li>
{% assign sorted = site.pages | sort: "sorted" %}
{% for nav in sorted %}
{% if nav.title and (nav.title != "Changelog" or (site.changelogs | size) != 0) %}
<li class="nav-item">
<a class="nav-link {% if page.url == nav.url %}active{% endif %}" href="{{ nav.url }}">{{ nav.title }}</a>
</li>
{% endif %}
{% endfor %}
<li class="nav-item">
<a class="nav-link" href="https://www.kde.org/donate">Donate</a>
</li>
</ul>
</div>
</nav>
</header>
---
layout: default
---
<main class="container navfix" aria-label="Content">
<h2>{{ page.title }}</h2>
{{ content }}
</main>
<!DOCTYPE html>
<html lang="en">
{% include head.html %}
<body data-spy="scroll" data-target="#kHeaderCarousel" data-offset="50">
{% include header.html %}
{{ content }}
{% include footer.html %}
</body>
</html>
---
layout: default
---
<main class="navfix container" aria-label="Content">
{% if page.konqi %}
<img src="{{ page.konqi }}" alt="Konqi, the KDE mascot" class="konqi">
{% endif %}
{{ content }}
</main>
---
layout: default
---
{{ content }}
@font-face {
font-family: 'Noto Sans';
font-weight: 400;
font-style: normal;
src: url('/css/Noto-Sans-regular/Noto-Sans-regular.eot');
src: url('/css/Noto-Sans-regular/Noto-Sans-regular.eot?#iefix') format('embedded-opentype'),
local('Noto Sans'),
local('Noto-Sans-regular'),
url('/css/Noto-Sans-regular/Noto-Sans-regular.woff2') format('woff2'),
url('/css/Noto-Sans-regular/Noto-Sans-regular.woff') format('woff'),
url('/css/Noto-Sans-regular/Noto-Sans-regular.ttf') format('truetype'),
url('/css/Noto-Sans-regular/Noto-Sans-regular.svg#NotoSans') format('svg');
}
@font-face {
font-family: 'Noto Sans';
font-weight: 700;
font-style: normal;
src: url('/css/Noto-Sans-700/Noto-Sans-700.eot');
src: url('/css/Noto-Sans-700/Noto-Sans-700.eot?#iefix') format('embedded-opentype'),
local('Noto Sans Bold'),
local('Noto-Sans-700'),
url('/css/Noto-Sans-700/Noto-Sans-700.woff2') format('woff2'),
url('/css/Noto-Sans-700/Noto-Sans-700.woff') format('woff'),
url('/css/Noto-Sans-700/Noto-Sans-700.ttf') format('truetype'),
url('/css/Noto-Sans-700/Noto-Sans-700.svg#NotoSans') format('svg');
}
body {
padding: 0px;
font-family: 'Noto Sans', sans-serif;
font-size: 14px;
color: #31363b;
}
p {
margin: 0px;
margin-bottom: 1em;
max-width: 900px;
}
p + p {
margin-top: 5px;
}
a {
text-decoration: none !important;
color: #3b85b5;
}
/*
a:visited {
color: #7cbcec;
}
*/
a:hover {
color: #3daefd;
}
main h1 {
display: block;
font-size: 20px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
}
main h2 {
font-size: 18px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
}
main h3 {
font-size: 14px;
font-weight: bold;
margin-top: 20px;
margin-bottom: 10px;
}
main h4 {
font-size: 12px;
font-weight: bold;
font-style: italic;
color: #536161;
margin: 0px;
margin-top: 20px;
}
.learn-more:after {
content: ">";
font-family: "glyph";
font-size: 80%;
font-weight: bold !important;
vertical-align: middle;
padding-left: 1em;
}
.learn-more {
display: inline-block;
}
a.button {
position: relative;
display: inline-block;
background-color: #54a3d8;
color: #fcfcfc;
padding: 5px 10px;
border-radius: 2px;
border: solid 1px rgba(0,0,0,.1);
transition: background-color .2s;
}
a.button:hover {
background-color: #7cbcec;
}
a.button.expand {
display: block;
padding-right: 20px;
}
a.button:after {
color: #fcfcfc
}
a.button.expand:after {
position: absolute;
top: 50%;
right: 10px;
margin-top: -.8ex;
}
@media (max-width: 768px) {
a.button {
display: block;
padding-right: 20px;
}
a.button:after {
position: absolute;
top: 50%;
right: 10px;
margin-top: -.8ex;
}
}
main section {
margin-top: 40px;
}
#kSocial {
border-top: solid 1px #cfd5d5;
}
#kPatrons h3, #kLinks h3 {
font-size: 12px;
font-weight: bold;
margin: 10px 0px 10px 0px;
}
#kPatrons a, #kPatrons span {
text-align: center;
padding: 0px 20px;
display: block;
min-width: 200px;
}
#kPatrons img {
width: 100%;
max-width: 300px;
}
#donateAmountField, #donateSubmit, #kMetaStore .button {
border: solid 1px rgba(0,0,0,.2);
background-color: #FAFAFA;
padding: 5px 10px;
border-radius: 2px;
background-clip: padding-box;
position: relative;
color: #333;
}
#donateSubmit, #kMetaStore .button {
cursor: pointer;
}
#donateAmountField:focus, #kMetaStore .button:focus {
border-color: #7cbcec;
background-color: #FFF;
}
#donateSubmit:hover, #kMetaStore .button:hover {
background-color: #FFF;
}
#donateSubmit:active, #kMetaStore .button:active {
background-color: #EEE;
top: 1px;
}
#kLegal small {
min-width: 300px;
}
#kLegal {
color: #6f8181;
}
footer {
background-color: #EFF1F1;
position: relative;
padding-top: 2px;
font-size: 12px;
}
#headerCarousel {
margin-bottom: 20px;
height: 700px;
}
@media (max-width: 1700px) {
#headerCarousel {
height: 600px;
}
}
@media (max-width: 1140px) {
#headerCarousel {
height: 500px;
}
}
@media (max-width: 800px) {
#headerCarousel {
height: 400px;
}
}
#headerCarousel .carousel-inner {
width: 100%;
height: 100%;
}
#headerCarousel .carousel-item.dark-text {
color: #333;
text-shadow: none;
}
#headerCarousel .carousel-item {
color: #EEE;
text-shadow: 0px 1px 2px rgba(0,0,0,.6);
top: 0px !important;
width: 100%;
height: 100%;
padding: 40px 50px;
}
#headerCarousel .carousel-item > h1 {
margin: 10px auto;
text-align: center;
display: block;
}
#headerCarousel .carousel-item .alignBottom {
position: absolute;
bottom: 0px;
width: 100%;
left: 0px;
padding: 40px 50px;
text-align: center;
}
#headerCarousel .carousel-control-prev, #headerCarousel .carousel-control-next {
top: 50%;
width: 30px;
height: 100px;
margin-top: -50px;
background-color: #FAFAFA;
opacity: 1;
font-family: "glyph";
color: #333;
padding: 0px;
transition: width .2s;
}
#headerCarousel .carousel-control-prev:hover, #headerCarousel .carousel-control-next:hover {
width: 50px;
}
#headerCarousel .carousel-control-prev:before {
content: "<";
width: 100%;
text-align: center;
}
#headerCarousel .carousel-control-next:before {
content: ">";
width: 100%;
text-align: center;
}
#headerCarousel .carousel-control-prev {
border-right: solid 2px #3daefd;
}
#headerCarousel .carousel-control-next {
border-left: solid 2px #3daefd;
}
#kSocial {
text-align: right;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
#kSocial a {
padding: 0px 20px;
text-indent: -9999px;
text-align: left;
}
#kSocial a:after {
text-align: center;
}
#kFooterIncome {
display: flex;
flex-direction: row;
align-items: stretch;
background-color: #abf9c7;
border: solid 1px #7ceca4;
border-radius: 2px;
margin-top: 10px;
padding: 0px !important;
}
#kDonateForm, #kMetaStore {
padding: 20px;
margin: 0px;
width: 50%;
display: flex;
flex-direction: row;
align-items: center;
}
#kDonateForm {
border-right: solid 1px #7ceca4;
}
#kFooterIncome .center {
text-align: center;
width: 100%;
}
#kMetaStore .button {
width: auto !important;
display: inline-block !important;
}
@media (max-width: 768px) {
#kFooterIncome {
flex-direction: column;
}
#kDonateForm, #kMetaStore {
width: 100%;
}
#kDonateForm {
border-right: none;
border-bottom: solid 1px #7ceca4;
}
}
#kFooterIncome h3 {
font-size: 14px;
color: #377d50;
padding: 0px 0px 10px;
margin: 0px;
}
#kFooterIncome h3 a {
color: auto;
font-weight: normal;
margin-left: 20px;
}
#kDonateForm h3 a:before {
content: "( ";
color: #377d50;
}
#kDonateForm h3 a:after {
content: " )";
color: #377d50;
}
#kFooterIncome p {
margin-bottom: 10px;
}
header:after {
bottom: 0px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAFCAYAAACzSkmrAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACkSURBVDiN7dExDsIwDEbh9we1soXE6eCEbJyInQNwgKgxQ9WWFrIShr7ZkewvYm/V5fbwLj8NoKTec0lGzp66ZAzJS8jQ4EKG5KLY+FIeYBAOMoRHyFC4YJwpcqVixGYWnHHG1ebs700YHxBAHWM6DqoYHxBvswvGEegbnL1q/pAqxgQB1DE2EEAdY4aABeMEHH57+n+m8/UerZfYW0qtF9hb9wI2bU03vw4M8QAAAABJRU5ErkJggg==");
}
footer:before
{
top: 0px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAFCAYAAACzSkmrAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADOSURBVDiN7ZExTsRQDESfHSJqWq7AKfYOiAtScgmOwQno0CqKIlt/Iw8NYZVF25IU+yoXLmbe2PPrh7ixG3zrADfW3G0dYIckEOtbCRYGiSlUnrhCkMgCwEyJLn5RCE+kABBK1IWbkq6iTpX0ffRe6dXi1D/k3gZZZKxEAFyTcRYB12RcigD4K6Ob3l6e2ka9f1kGGYACJqCdRWg2YwQQdgSgGGU2g36K04DJoEADAOaDSiVsQtYWEXP57G4jwD15BPh8/BrfD4f5P0vvmW/7cKBf79wHGwAAAABJRU5ErkJggg==");
}
header:after, footer:before {
content: "";
display: block !important;
background-size: 100% 5px;
position: absolute;
height: 5px;