Commit 0b74dd4b authored by Pablo Marcos's avatar Pablo Marcos Committed by Carl Schwan
Browse files

Updated the page to use the KDE HUGO theme as a module

parent 36c49f74
......@@ -43,3 +43,6 @@ pygmentsUseClasses: true
staticDir:
- static
title: KDE Announcement | Release Service
module:
imports:
- path: "invent.kde.org/websites/aether-sass"
module okular-kde-org
go 1.13
require invent.kde.org/websites/aether-sass v0.0.0-20210211200219-f408dee6c33d // indirect
{{ define "main" }}
<main class="container" role="main">
<h1>{{ .Title }}</h1>
{{ with .Content }}
{{.}}
{{ end }}
{{ if not .Params.nosubpage }}
<div class="posts-list">
{{ range .Paginator.Pages }}
<article class="mb-3">
<a href="{{ .Permalink }}">
<h2 class="post-title">{{ .Title }}</h2>
{{ if .Params.subtitle }}
<h3 class="post-subtitle">
{{ .Params.subtitle }}
</h3>
{{ end }}
</a>
<div class="post-entry">
{{ .Summary }}
<br />
<a href="{{ .Permalink }}" class="button learn-more">Learn more</a>
</div>
{{ if .Params.tags }}
<div class="blog-tags">
{{ range .Params.tags }}
<a href="{{ $.Site.LanguagePrefix | absURL }}/tags/{{ . | urlize }}/">{{ . }}</a>&nbsp;
{{ end }}
</div>
{{ end }}
</article>
{{ end }}
</div>
{{ if or (.Paginator.HasPrev) (.Paginator.HasNext) }}
<ul class="pager main-pager">
{{ if .Paginator.HasPrev }}
<li class="previous">
<a href="{{ .Permalink }}page/{{ .Paginator.Prev.PageNumber }}/">&larr; {{ i18n "newerPosts" }}</a>
</li>
{{ end }}
{{ if .Paginator.HasNext }}
<li class="next">
<a href="{{ .Permalink }}page/{{ .Paginator.Next.PageNumber }}/">{{ i18n "olderPosts" }} &rarr;</a>
</li>
{{ end }}
</ul>
{{ end }}
{{ end }}
</main>
{{ end }}
{{ define "main" }}
<main class="container" role="main">
{{ if not .Params.noTitle }}
<h1>{{ .Title }}</h1>
{{ end }}
{{ if .Params.toc }}
{{ .TableOfContents }}
{{ end }}
{{ .Content }}
{{ if .Params.tags }}
<div class="blog-tags">
{{ range .Params.tags }}
<a href="{{ $.Site.LanguagePrefix | absURL }}/tags/{{ . | urlize }}/">{{ . }}</a>&nbsp;
{{ end }}
</div>
{{ end }}
{{ if $.Param "socialShare" }}
<hr/>
<section id="social-share">
<div class="list-inline footer-links">
{{ partial "share-links" . }}
</div>
</section>
{{ end }}
{{ if .Site.Params.showRelatedPosts }}
{{ $related := .Site.RegularPages.Related . | first 3 }}
{{ with $related }}
<h4 class="see-also">{{ i18n "seeAlso" }}</h4>
<ul>
{{ range . }}
<li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
{{ end }}
</ul>
{{ end }}
{{ end }}
</article>
{{ if ne .Type "page" }}
<ul class="pager blog-pager">
{{ if .PrevInSection }}
<li class="previous">
<a href="{{ .PrevInSection.Permalink }}" data-toggle="tooltip" data-placement="top" title="{{ .PrevInSection.Title }}">&larr; {{ i18n "previousPost" }}</a>
</li>
{{ end }}
{{ if .NextInSection }}
<li class="next">
<a href="{{ .NextInSection.Permalink }}" data-toggle="tooltip" data-placement="top" title="{{ .NextInSection.Title }}">{{ i18n "nextPost" }} &rarr;</a>
</li>
{{ end }}
</ul>
{{ end }}
{{ if (.Params.comments) | or (and (or (not (isset .Params "comments")) (eq .Params.comments nil)) (and .Site.Params.comments (ne .Type "page"))) }}
{{ if .Site.DisqusShortname }}
{{ if .Site.Params.delayDisqus }}
<div class="disqus-comments">
<button id="show-comments" class="btn btn-default" type="button">{{ i18n "show" }} <span class="disqus-comment-count" data-disqus-url="{{ trim .Permalink "/" }}">{{ i18n "comments" }}</span></button>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_config = function () {
this.page.url = '{{ trim .Permalink "/" }}';
};
</script>
</div>
{{ else }}
<div class="disqus-comments">
{{ template "_internal/disqus.html" . }}
</div>
{{ end }}
{{ end }}
{{ if .Site.Params.staticman }}
<div class="staticman-comments">
{{ partial "staticman-comments.html" . }}
</div>
{{ end }}
{{ end }}
</main>
{{ end }}
<footer id="kFooter" class="footer">
<section id="kPatrons" class="container">
<h3>KDE Patrons</h3>
<div class="row d-flex justify-content-center">
<span><img src="https://kde.org/aether/media/patrons/canonical.svg" alt="Logo of KDE Patron: Canonical"></span>
<span><img src="https://kde.org/aether/media/patrons/google.svg" alt="Logo of KDE Patron: Google"></span>
<span><img src="https://kde.org/aether/media/patrons/suse.svg" alt="Logo of KDE Patron: SUSE"></span>
<span><img src="https://kde.org/aether/media/patrons/qt-company.svg" alt="Logo of KDE Patron: The Qt Company"></span>
<span class="d-flex align-items-center"><img src="https://kde.org/aether/media/patrons/blue-systems.png" alt="Logo of KDE Patron: Blue System" class="large"></span>
<span><img src="https://kde.org/aether/media/patrons/privateinternetaccess.svg" alt="Logo of KDE Patron: Private Internet Access"></span>
<span><img src="https://kde.org/aether/media/patrons/enioka-haute-couture-logo.svg" alt="Logo of KDE Patron: enioka Haute Couture"></span>
</div>
</section>
<section id="kFooterIncome" class="container">
<div id="kDonateForm">
<div class="center">
<h3>Donate to KDE <a href="https://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="//kde.org/index/donation_box">
<input type="hidden" name="currency_code" value="EUR">
<input type="hidden" name="cbt" value="Return to kde.org">
<input type="hidden" name="return" value="https://kde.org/community/donations/thanks_paypal">
<input type="hidden" name="notify_url" value="https://kde.org/community/donations/notify.php">
<input type="hidden" name="business" value="kde-ev-paypal@kde.org">
<input type="text" name="amount" value="20.00" id="donateAmountField" data-kpxc-id="donateAmountField">
<button type="submit" id="donateSubmit">Donate via PayPal</button>
</form>
<a href="https://kde.org/community/donations/others" id="otherWaysDonate" target="_blank">Other ways to donate</a>
</div>
</div>
<div id="kMetaStore">
<div class="center">
<h3>Visit the KDE MetaStore</h3>
<p>Show your love for KDE! Purchase books, mugs, apparel, and more to support KDE.</p>
<a href="https://kde.org/stuff/metastore" class="button">Click here to browse</a>
</div>
</div>
</section>
<section id="kLinks" class="container">
<div class="row">
<nav class="col-sm">
<h3>Products</h3>
<a href="https://kde.org/plasma-desktop">Plasma</a>
<a href="https://kde.org/applications/">KDE Applications</a>
<a href="https://kde.org/products/frameworks/">KDE Frameworks</a>
<a href="https://plasma-mobile.org/overview/">Plasma Mobile</a>
<a href="https://neon.kde.org/">KDE neon</a>
<a href="https://wikitolearn.org/" target="_blank">WikiToLearn</a>
</nav>
<nav class="col-sm">
<h3>Develop</h3>
<a href="https://techbase.kde.org/">TechBase Wiki</a>
<a href="https://api.kde.org/">API Documentation</a>
<a href="https://doc.qt.io/" target="_blank">Qt Documentation</a>
<a href="https://inqlude.org/" target="_blank">Inqlude Documentation</a>
</nav>
<nav class="col-sm">
<h3>News &amp; Press</h3>
<a href="/announcements/">Announcements</a>
<a href="https://dot.kde.org/">KDE.news</a>
<a href="https://planetkde.org/">Planet KDE</a>
<a href="https://www.kde.org/screenshots">Screenshots</a>
<a href="https://www.kde.org/contact/">Press Contact</a>
</nav>
<nav class="col-sm">
<h3>Resources</h3>
<a href="https://community.kde.org/Main_Page">Community Wiki</a>
<a href="https://userbase.kde.org/">UserBase Wiki</a>
<a href="/stuff/">Miscellaneous Stuff</a>
<a href="/support/">Support</a>
<a href="/support/international.php">International Websites</a>
<a href="/download/">Download KDE Software</a>
<a href="/code-of-conduct/">Code of Conduct</a>
</nav>
<nav class="col-sm">
<h3>Destinations</h3>
<a href="https://store.kde.org/">KDE Store</a>
<a href="https://ev.kde.org/">KDE e.V.</a>
<a href="https://www.kde.org/community/whatiskde/kdefreeqtfoundation.php">KDE Free Qt Foundation</a>
<a href="https://timeline.kde.org/">KDE Timeline</a>
</nav>
</div>
</section>
<section id="kSocial" class="container kSocialLinks">
<!-- <nav style="position: absolute; left: 15px;">
Browsing in English (Languages coming soon)
</nav> -->
<a class="shareFacebook" href="https://www.facebook.com/kde/" rel="nofollow">Post on Facebook</a>
<a class="shareTwitter" href="https://twitter.com/kdecommunity" rel="nofollow">Share on Twitter</a>
<a class="shareDiaspora" href="https://joindiaspora.com/people/9c3d1a454919ef06" rel="nofollow">Share on Diaspora</a>
<a class="shareMastodon" href="https://mastodon.technology/@kde" rel="me nofollow">Share on Mastodon</a>
<a class="shareLinkedIn" href="https://www.linkedin.com/company/29561/" rel="nofollow">Share on LinkedIn</a>
<a class="shareReddit" href="https://www.reddit.com/r/kde/" rel="nofollow">Share on Reddit</a>
<a class="shareYouTube" href="https://www.youtube.com/channel/UCF3I1gf7GcbmAb0mR6vxkZQ" rel="nofollow">Share on YouTube</a>
<a class="sharePeerTube" href="https://peertube.mastodon.host/accounts/kde/videos" rel="nofollow">Share on PeerTube</a>
</section>
<section id="kLegal" class="container">
<div class="row">
<small class="col-4">
Maintained by <a href="mailto:kde-webmaster@kde.org">KDE Webmasters</a>
</small>
<small class="col-8" style="text-align: right;">
KDE<sup>®</sup> and <a href="/media/images/trademark_kde_gear_black_logo.png">the K Desktop Environment<sup>®</sup> logo</a> are registered trademarks of <a href="https://ev.kde.org/" title="Homepage of the KDE non-profit Organization">KDE e.V.</a> |
<a href="https://www.kde.org/community/whatiskde/impressum">Legal</a>
</small>
</div>
</section>
</footer>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="KDE is an open community of friendly people who want to create a world in which everyone has control over their digital life and enjoys freedom and privacy.">
<meta name="author" content="">
<title>{{ .Title }} : KDE.org</title>
<link rel="canonical" href="{{ .Permalink }}">
{{ $title := .Title }}
{{ with .OutputFormats.Get "RSS" }}<link href="{{ .RelPermalink }}" rel="alternate" type="application/rss+xml" title="{{ $title }}" />{{ end }}
<!-- Facebook open graph configuration -->
<meta property="og:title" content="{{ .Title }} : KDE.org">
<meta property="og:type" content="website">
<meta property="og:url" content="{{ .Permalink }}">
<meta property="og:description" content="KDE is an open community of friendly people who want to create a world in which everyone has control over their digital life and enjoys freedom and privacy.">
<meta property="og:site_name" content="KDE.org">
<meta property="og:image" content="https://kde.org/stuff/clipart/logo/kde-logo-white-blue-rounded-128x128.png">
<!-- Twitter card configuration -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@kdecommunity">
<meta name="twitter:title" content="{{ .Title }} : KDE.org">
<meta name="twitter:description" content="KDE is an open community of friendly people who want to create a world in which everyone has control over their digital life and enjoys freedom and privacy.">
<meta name="twitter:image" content="https://kde.org/stuff/clipart/logo/kde-logo-white-blue-rounded-128x128.png">
<!-- schema.org metadata -->
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"url": "https://kde.org/",
"name": "KDE",
"description": "KDE is an open community of friendly people who want to create a world in which everyone has control over their digital life and enjoys freedom and privacy."
}
</script>
<!-- Icons -->
<link rel="apple-touch-icon" href="/aether/media/180x180.png">
<link rel="shortcut icon" href="/aether/media/192x192.png">
<!-- Bootstrap core CSS -->
<link href="https://cdn.kde.org/aether-devel/bootstrap.css" rel="stylesheet">
<link href="https://cdn.kde.org/aether-devel/aether-kde-org.css?2" rel="stylesheet">
{{ range .Params.cssFiles }}
<link href="{{ . }}" rel="stylesheet">
{{ end }}
{{ range .Params.cdnCssFiles }}
<link href="https://cdn.kde.org/aether-devel/{{ . }}" rel="stylesheet">
{{ end }}
{{ range .Params.sassFiles }}
{{ $style := resources.Get . | resources.ToCSS | resources.Minify | resources.Fingerprint }}
<link rel="stylesheet" href="{{ $style.Permalink }}">
{{ end }}
{{ if eq .Type "announcements" }}
{{ $style := resources.Get "sass/releaseAnnouncement.scss" | resources.ToCSS | resources.Minify | resources.Fingerprint }}
<link rel="stylesheet" href="{{ $style.Permalink }}">
{{ end }}
<!-- Standard JS Files, bootstrap Async -->
<script src="https://cdn.kde.org/aether-devel/bootstrap.js" defer=""></script>
<style>
.translation-list a:after {
content: ' | ';
}
.translation-list a:last-child:after {
content: '';
}
</style>
</head>
<ul class="navbar-nav mr-auto">
{{ $currentPage := . }}
{{ range .Site.Menus.main }}
{{ if .HasChildren }}
<li class="nav-item dropdown {{ if $currentPage.HasMenuCurrent "main" . }}active{{ end }}">
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
{{ .Pre }}
<span>{{ .Name }}</span>
</a>
<div class="dropdown-menu">
{{ range .Children }}
<a class="{{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }}"
href="{{ .URL }}">{{ .Name }}
</a>
{{ end }}
</div>
</li>
{{ else }}
<li class="nav-item">
<a class="nav-link" href="{{ .URL }}">
{{ .Pre }}
<span>{{ .Name }}</span>
</a>
</li>
{{ end }}
{{ end }}
</ul>
<figure class="text-center">
<iframe src="{{ with .Get "src"}}{{ . }}{{ end }}" class="embed-responsive ml-auto mr-auto {{ with .Get "class"}}{{ . }}{{ end }}" {{ with .Get "style"}}style="{{ . }}"{{ end }}></iframe>
</figure>
{{/* get file that matches the filename as specified as src="" in shortcode */}}
{{ $src := .Page.Resources.GetMatch (printf "*%s*" (.Get "src")) }}
{{/* set image sizes, these are hardcoded for now, x dictates that images are resized to this width */}}
{{ $tinyw := default "500x" }}
{{ $smallw := default "800x" }}
{{ $mediumw := default "1200x" }}
{{ $largew := default "1500x" }}
{{/* resize the src image to the given sizes */}}
{{ .Scratch.Set "tiny" ($src.Resize $tinyw) }}
{{ .Scratch.Set "small" ($src.Resize $smallw) }}
{{ .Scratch.Set "medium" ($src.Resize $mediumw) }}
{{ .Scratch.Set "large" ($src.Resize $largew) }}
{{/* add the processed images to the scratch */}}
{{ $tiny := .Scratch.Get "tiny" }}
{{ $small := .Scratch.Get "small" }}
{{ $medium := .Scratch.Get "medium" }}
{{ $large := .Scratch.Get "large" }}
{{/* only use images smaller than or equal to the src (original) image size, as Hugo will upscale small images */}}
{{/* set the sizes attribute to (min-width: 35em) 1200px, 100vw unless overridden in shortcode */}}
<figure class="text-center img-fluid">
<img
class="img-fluid {{ with .Get "class" }}{{ . }}{{ end }}"
{{ with .Get "style" }}style="{{ . }}"{{ end }}
{{ with .Get "sizes" }}sizes='{{.}}'{{ else }}sizes="(min-width: 35em) 1200px, 100vw"{{ end }}
{{/*
srcset='
{{ if ge $src.Width "500" }}
{{ with $tiny.RelPermalink }}{{.}} 500w{{ end }}
{{ end }}
{{ if ge $src.Width "800" }}
{{ with $small.RelPermalink }}, {{.}} 800w{{ end }}
{{ end }}
{{ if ge $src.Width "1200" }}
{{ with $medium.RelPermalink }}, {{.}} 1200w{{ end }}
{{ end }}
{{ if ge $src.Width "1500" }}
{{ with $large.RelPermalink }}, {{.}} 1500w {{ end }}
{{ end }}'
{{ if .Get (print $medium) }}
src="{{ $medium.RelPermalink }}"
{{ else }}
{{ end }}
*/}}
src="{{ $src.Permalink }}"
{{ with .Get "alt" }}alt="{{.}}"{{ else }}alt=""{{ end }}>
{{ with .Get "caption" }}
<br />
<figcaption class="text-center">
{{ . }}
</figcaption>
{{ end }}
</figure>
<a class="button learn-more" href="{{ .Get "href" }}">{{ i18n "learn-more" }}</a>
<a href="{{ .Get "href" }}">
<img style="width: 150px;" src="https://kde.org/applications/assets/get-it-from-ms.png" alt="Get it from Microsoft" />
</a>
<figure class="text-center">
<video src="{{ with .Get "src"}}{{ . }}{{ end }}" class="embed-responsive ml-auto mr-auto {{ with .Get "class"}}{{ . }}{{ end }}" {{ with .Get "style"}}style="{{ . }}"{{ end }} muted autoplay loop></video>
{{ with .Get "caption" }}
<figcaption>{{ . }}</figcaption>
{{ end }}
</figure>
#okular img{width:600px}#features img{box-shadow:0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px rgba(0,0,0,.06),0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086)}#features figcaption{color:#31363b;text-align:center;margin-top:5px}hr.blue-line{width:4rem;height:5px;background:#3daee9;margin:auto;border:none;outline:none;margin-top:.3rem;margin-bottom:1rem}main{font-size:16px}main section{margin-bottom:0;margin-top:0;padding:20px}h1{font-weight:700}.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%}}.laptop-overlay{border-radius:3px;border:1px solid #bfbfbf;margin-top:5.2%}#section-green{background-color:rgba(39,174,96,.1)}.card{padding:0;box-shadow:1px 3px 8px #eff0f1}@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)}#plasma .container{text-align:center;justify-content:center}.plasma-info{display:flex;flex-direction:column;align-items:center}@media(min-width:1100px){p{font-size:20px}.laptop-with-overlay{max-width:750px;top:50%;justify-content:center}}.app{align-items:center}.app .button{margin-left:10px}.app .app-description{display:flex;align-items:center;text-align:center;order:0}.app .app-description div{margin-left:auto;margin-right:auto;max-width:500px}@media(min-width:992px){.app:nth-child(odd) .app-description{order:12}}#plasma h1{margin-top:.1em;margin-bottom:10px;font-size:80px}#plasma h2{margin-top:.1em;margin-bottom:40px}.swiper-slide img,.screenshot img{height:50vw;min-height:300px;max-height:500px}.swiper-slide h3{text-align:center}.swiper-pagination-bullet{width:12px;height:12px}.swiper-slide{flex-shrink:initial}#plasma .learn-more:not(.button){margin-left:10px}.button{margin-left:0}.hardware-grid{display:grid;grid-template-rows:auto auto;grid-template-columns:33% 33% 33%;grid-template-areas:"pinebook slimbook focus" "pinebook-desc slimbook-desc focus-desc"}@media(max-width:767px){.hardware-grid{display:flex;flex-direction:column}}.pinebook{grid-area:pinebook;padding-left:5px;padding-right:5px}.pinebook-desc{grid-area:pinebook-desc}.slimbook{grid-area:slimbook;padding-left:13px;padding-right:13px}.slimbook-desc{grid-area:slimbook-desc}.focus{grid-area:focus}.focus-desc{grid-area:focus-desc}.focus,.slimbook,.pinebook{align-self:end;margin:20px}.focus img,.slimbook img,.pinebook img{max-width:100%;height:auto}.focus-desc,.slimbook-desc,.pinebook-desc{text-align:center;align-self:start;padding:5px 15px}#kde-connect{background:rgba(246,116,0,.05)}.mt-1{text-align:left}.col-12.col-lg-5.app-description.mt-4{text-align:left}#krita{box-shadow:0 3px 3px 2px #bfbfbf;border-radius:4px}#kdenlive{box-shadow:0 3px 3px 2px #bfbfbf;border-radius:4px}#kdevelop{box-shadow:0 3px 3px 2px #bfbfbf;border-radius:4px}#gcompris{box-shadow:0 3px 3px 2px #bfbfbf;border-radius:4px;margin-bottom:30px}
\ No newline at end of file
{"Target":"sass/index.min.5bb945b63b3eb2d6e283a7925c72986e1e92f83f7d2f5f276734dfe9abcd0474.css","MediaType":"text/css","Data":{"Integrity":"sha256-W7lFtjs+stbig6eSXHKYbh6S+D99L18nZzTf6avNBHQ="}}
\ No newline at end of file
{"Target":"scss/bootstrap.min.b288986836bcb39d2b95024f046d86618be13831b0ea1b6aa7c24e0cd8f93f96.css","MediaType":"text/css","Data":{"Integrity":"sha256-soiYaDa8s50rlQJPBG2GYYvhODGw6htqp8JODNj5P5Y="}}
\ No newline at end of file
{"Target":"scss/bootstrap.min.css","MediaType":"text/css","Data":{}}
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment