jekyll-kde-theme 0.2.0

data/README.md

@@ -0,0 +1,64 @@
+# jekyll-kde-theme
+
+This is a jekyll theme for a unified layout across the kde websites.
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "jekyll-kde-theme", :git => 'https://invent.kde.org/websites/jekyll-kde-theme.git'
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: jekyll-kde-theme
+```
+
+And then execute:
+
+    $ bundle
+
+## Usage
+
+### Collections:
+
+* Changelogs (optional): put the software changelog in \_changelogs. Example metadata:
+```
+---
+layout: changelog
+title: Konsole 1.1.1 / KDE 3.0.1
+sorted: 3001 # version for sorting
+css-include: /css/main.css
+---
+
+* Feature 1
+* Feature 2
+```
+* Components (at least one): if your application contains multiple component (e.g Kontact) create a new file for each component (e.g KMail → kmail.md). Otherwise create only one component (e.g konsole.md) in \_components.
+
+## Build example
+
+```bash
+cd example/simple
+bundle install --path vendor/bundle
+bundle exec jekyll serve
+```
+
+## Contributing
+
+Bug reports and pull requests are welcome on the KDE Gitlab at https://invent.kde.org/websites/jekyll-kde-theme.
+
+## Development
+
+To set up your environment to develop this theme, run `bundle install`.
+
+Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
+
+When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
+To add a custom directory to your theme-gem, please edit the regexp in `jekyll-kde-theme.gemspec` accordingly.
+
+## License
+
+This program is licensed under the GNU AGPL. See [KDE Licensing policy](https://community.kde.org/Policies/Licensing_Policy).

data/_includes/footer.html

@@ -0,0 +1,75 @@
+<footer id="kFooter" class="footer">
+    <section id="KSiteDonateForm">
+        <h3>{% t "Donate to KDE" %}
+            <a href="https://www.kde.org/community/donations/index.php#money" target="_blank">{% t "Why Donate?" %}</a>
+        </h3>
+
+        <form action="https://www.paypal.com/en_US/cgi-bin/webscr" method="post" onsubmit="return amount.value >= 2 || window.confirm('{% t "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="{% t "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">{% t "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>
+
+<!-- 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.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

data/_includes/head.html

@@ -0,0 +1,22 @@
+<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://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+
+    <link rel="stylesheet" href="/css/main.css">
+</head>
+

data/_includes/header.html

@@ -0,0 +1,36 @@
+<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">{{ site.title }}</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>
+

data/_layouts/changelog.html

@@ -0,0 +1,11 @@
+---
+layout: default
+---
+
+<main class="container  navfix" aria-label="Content">
+
+    <h2>{{ page.title }}</h2>
+
+    {{ content }}
+
+</main>

data/_layouts/default.html

@@ -0,0 +1,15 @@
+<!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>

data/_layouts/page.html

@@ -0,0 +1,13 @@
+---
+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>

data/_layouts/post.html

@@ -0,0 +1,5 @@
+---
+layout: default
+---
+
+{{ content }}