intia-theme 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE +45 -0
- data/README.md +46 -0
- data/_config.yml +72 -0
- data/_includes/footer.html +69 -0
- data/_includes/head-scripts.html +2 -0
- data/_includes/head.html +17 -0
- data/_includes/header.html +40 -0
- data/_includes/hero.html +19 -0
- data/_includes/introduction.html +8 -0
- data/_includes/left-right-blocks.html +50 -0
- data/_includes/story-slider.html +41 -0
- data/_layouts/default.html +33 -0
- data/_sass/_layout.scss +355 -0
- data/_sass/_main.scss +142 -0
- data/_sass/_print.scss +193 -0
- data/assets/img/arrow.png +0 -0
- data/assets/img/logo-black.png +0 -0
- data/assets/img/logo-dites.png +0 -0
- data/assets/img/logo-green.png +0 -0
- data/assets/img/logo-white.png +0 -0
- data/assets/img/logo.png +0 -0
- data/assets/img/posts/escape-game.jpg +0 -0
- data/assets/img/posts/messenger.jpg +0 -0
- data/assets/img/posts/photoprobe.jpg +0 -0
- data/assets/js/bulma-carousel/js/bulma-carousel.js +2371 -0
- data/assets/js/main.js +6 -0
- data/assets/styles/main.scss +4 -0
- metadata +85 -0
checksums.yaml
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
---
|
|
2
|
+
SHA256:
|
|
3
|
+
metadata.gz: fe0e6449cf726568b62e712a4f6b6fde5f425abe58ad70177388e1ee782fb07c
|
|
4
|
+
data.tar.gz: bcff36192de3125d60137288b559c9c70c73a578f9546fd26a7811a515c1d2e6
|
|
5
|
+
SHA512:
|
|
6
|
+
metadata.gz: 283167d6525f793f56e73a5b5a582435895d76ef95b78fb1da837943505da325bb971568e3d035440476aca22cfaef5fa79c7647873e9d895283d2df4d8e3003
|
|
7
|
+
data.tar.gz: 96a112508c99a88662418d1cf11d410ef398aea9c04456f0e13bd750177088dd6c21bf74754508f05c305f853d06843ea0e50c08b19e9263d233b276e22c508c
|
data/LICENSE
ADDED
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2021 th-koeln-intia
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
|
22
|
+
-------------------------------------------------------------------------------
|
|
23
|
+
The style used in this project is based on https://github.com/chrisrhymes/bulma-clean-theme
|
|
24
|
+
licensed under:
|
|
25
|
+
The MIT License (MIT)
|
|
26
|
+
|
|
27
|
+
Copyright (c) 2018 chrisrhymes
|
|
28
|
+
|
|
29
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
30
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
31
|
+
in the Software without restriction, including without limitation the rights
|
|
32
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
33
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
34
|
+
furnished to do so, subject to the following conditions:
|
|
35
|
+
|
|
36
|
+
The above copyright notice and this permission notice shall be included in
|
|
37
|
+
all copies or substantial portions of the Software.
|
|
38
|
+
|
|
39
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
40
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
41
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
42
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
43
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
44
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
45
|
+
THE SOFTWARE.
|
data/README.md
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
# The INTIA Theme
|
|
2
|
+
|
|
3
|
+
A barrier-free design by [INTIA](intia.de), created to be used as an Jekyll theme using Bulma. It can be viewed on theme.intia.de
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
Add this line to your Jekyll site's `Gemfile`:
|
|
8
|
+
|
|
9
|
+
```ruby
|
|
10
|
+
gem "intia-theme"
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
And add this line to your Jekyll site's `_config.yml`:
|
|
14
|
+
|
|
15
|
+
```yaml
|
|
16
|
+
theme: intia-theme
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
And then execute:
|
|
20
|
+
|
|
21
|
+
$ bundle
|
|
22
|
+
|
|
23
|
+
Or install it yourself as:
|
|
24
|
+
|
|
25
|
+
$ gem install intia-theme
|
|
26
|
+
|
|
27
|
+
## Usage
|
|
28
|
+
|
|
29
|
+
**TODO**: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
|
|
30
|
+
|
|
31
|
+
## Contributing
|
|
32
|
+
|
|
33
|
+
Bug reports and pull requests are welcome on GitHub at https://github.com/th-koeln-intia/intia-theme. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
|
|
34
|
+
|
|
35
|
+
## Development
|
|
36
|
+
|
|
37
|
+
To set up your environment to develop this theme, run `bundle install`.
|
|
38
|
+
|
|
39
|
+
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.
|
|
40
|
+
|
|
41
|
+
When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
|
|
42
|
+
To add a custom directory to your theme-gem, please edit the regexp in `intia-theme.gemspec` accordingly.
|
|
43
|
+
|
|
44
|
+
## License
|
|
45
|
+
|
|
46
|
+
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
data/_config.yml
ADDED
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
# ----------------------------------- Basic ---------------------------------- #
|
|
2
|
+
|
|
3
|
+
title: INTIA
|
|
4
|
+
email: intia@th-koeln.de
|
|
5
|
+
description: >- # this means to ignore newlines until "baseurl:"
|
|
6
|
+
A plattform for methods, techniques, toolkits and patterns for participative development in a social context.
|
|
7
|
+
baseurl: ""
|
|
8
|
+
url: ""
|
|
9
|
+
markdown: CommonMarkGhPages
|
|
10
|
+
# ----------------------------------- Theme ---------------------------------- #
|
|
11
|
+
|
|
12
|
+
theme: null
|
|
13
|
+
footer_menu: footer
|
|
14
|
+
|
|
15
|
+
# ---------------------------------- Plugins --------------------------------- #
|
|
16
|
+
|
|
17
|
+
# Plugins
|
|
18
|
+
plugins:
|
|
19
|
+
- jekyll-feed
|
|
20
|
+
- jekyll-sitemap
|
|
21
|
+
- jekyll-paginate-v2
|
|
22
|
+
- jekyll-seo-tag
|
|
23
|
+
- jekyll-coffeescript
|
|
24
|
+
- jekyll-commonmark-ghpages
|
|
25
|
+
- jekyll-github-metadata
|
|
26
|
+
- jekyll-optional-front-matter
|
|
27
|
+
- jekyll-redirect-from
|
|
28
|
+
- jekyll-relative-links
|
|
29
|
+
- jekyll-sass-converter
|
|
30
|
+
- jekyll-titles-from-headings
|
|
31
|
+
- jekyll-watch
|
|
32
|
+
github: [metadata]
|
|
33
|
+
sass:
|
|
34
|
+
style: compressed
|
|
35
|
+
|
|
36
|
+
# ------------------------- Defaults and Collections ------------------------- #
|
|
37
|
+
|
|
38
|
+
# Defaults
|
|
39
|
+
defaults:
|
|
40
|
+
- scope:
|
|
41
|
+
type: pages
|
|
42
|
+
path: pages
|
|
43
|
+
values:
|
|
44
|
+
layout: default
|
|
45
|
+
- scope:
|
|
46
|
+
type: posts
|
|
47
|
+
path: _posts
|
|
48
|
+
values:
|
|
49
|
+
permalink: /stories/:title/
|
|
50
|
+
layout: default
|
|
51
|
+
|
|
52
|
+
# Collections
|
|
53
|
+
collections_dir: collections
|
|
54
|
+
|
|
55
|
+
# --------------------------- Includes and Excludes -------------------------- #
|
|
56
|
+
|
|
57
|
+
# Include
|
|
58
|
+
include:
|
|
59
|
+
- CNAME
|
|
60
|
+
|
|
61
|
+
# Exclude from processing.
|
|
62
|
+
exclude:
|
|
63
|
+
- .sass-cache/
|
|
64
|
+
- .jekyll-cache/
|
|
65
|
+
- gemfiles/
|
|
66
|
+
- Gemfile
|
|
67
|
+
- Gemfile.lock
|
|
68
|
+
- node_modules/
|
|
69
|
+
- vendor/bundle/
|
|
70
|
+
- vendor/cache/
|
|
71
|
+
- vendor/gems/
|
|
72
|
+
- vendor/ruby/
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
<footer class="footer is-hidden-print is-primary">
|
|
2
|
+
|
|
3
|
+
<div class="container columns is-centered is-multiline is-bordered-bottom">
|
|
4
|
+
<div class="navbar-brand column is-full">
|
|
5
|
+
<a href="{{ site.baseurl }}/" class="columns navbar-item">
|
|
6
|
+
<img class="column" src="{{ site.baseurl }}/assets/img/logo-white.png">
|
|
7
|
+
<p class="calumn brand-title">Inklusiv für alle</p>
|
|
8
|
+
</a>
|
|
9
|
+
</div>
|
|
10
|
+
<div class="column is-2">
|
|
11
|
+
<div class="title">www.intia.de</div>
|
|
12
|
+
TH-Köln | DITIS<br>
|
|
13
|
+
Campus Südstadt<br>
|
|
14
|
+
Ubierring 48<br>
|
|
15
|
+
50678 Köln
|
|
16
|
+
|
|
17
|
+
</div>
|
|
18
|
+
{% if site.data.navigation %}
|
|
19
|
+
<div class="column ">
|
|
20
|
+
<div class="title">Site Map</div>
|
|
21
|
+
<div class="columns">
|
|
22
|
+
{% for item in site.data.navigation %}
|
|
23
|
+
<div class="column">
|
|
24
|
+
<a href="{{ subitem.link | relative_url }} " class="link"><strong>{{ item.name }}</strong></a>
|
|
25
|
+
{% if item.dropdown %}
|
|
26
|
+
<div class="">
|
|
27
|
+
{% for subitem in item.dropdown %}
|
|
28
|
+
<div class="">
|
|
29
|
+
<a href="{{ subitem.link | relative_url }}" class="link">{{ subitem.name }}</a>
|
|
30
|
+
</div>
|
|
31
|
+
{% endfor %}
|
|
32
|
+
</div>
|
|
33
|
+
{% endif %}
|
|
34
|
+
</div>
|
|
35
|
+
{% endfor %}
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
|
38
|
+
{% endif %}
|
|
39
|
+
{% if site.footer_menu %}
|
|
40
|
+
<div class="column is-2">
|
|
41
|
+
<div class="title">Rechtliches</div>
|
|
42
|
+
<div class="">
|
|
43
|
+
{% for item in site.data[site.footer_menu] %}
|
|
44
|
+
<div class="">
|
|
45
|
+
<div>
|
|
46
|
+
<a href="{{ item.link | relative_url }}" class="link">{{ item.name }}</a>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
49
|
+
{% endfor %}
|
|
50
|
+
</div>
|
|
51
|
+
</div>
|
|
52
|
+
{% endif %}
|
|
53
|
+
</div>
|
|
54
|
+
<div class="columns content is-small has-text-centered footer-logos">
|
|
55
|
+
<div class="column has-text-right"><div class="page-owner">
|
|
56
|
+
<p class="has-text-left">Eine Seite von</p>
|
|
57
|
+
<img src="https://upload.wikimedia.org/wikipedia/commons/0/0e/TH_Koeln_Logo.svg">
|
|
58
|
+
<img src="{{ site.baseurl }}/assets/img/logo-dites.png">
|
|
59
|
+
</div></div>
|
|
60
|
+
<div class="column has-text-left"><div class="page-sponsor">
|
|
61
|
+
<p class="has-text-left">Gefördert von</p>
|
|
62
|
+
<img src="https://www.bmbf.de/SiteGlobals/Frontend/Images/icons/_common/logo.svg;jsessionid=73771066A725D13D2D34C4D38E4A181D.live382?__blob=normal&v=3">
|
|
63
|
+
</div></div>
|
|
64
|
+
</div>
|
|
65
|
+
<div class="content is-small has-text-centered">
|
|
66
|
+
<p class="">INTIA, 2021</p>
|
|
67
|
+
</div>
|
|
68
|
+
|
|
69
|
+
</footer>
|
data/_includes/head.html
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
<head>
|
|
2
|
+
<meta charset="utf-8">
|
|
3
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
4
|
+
<meta name="theme-color" content={{ site.theme_color | default: '#ffffff' }}>
|
|
5
|
+
<link rel="stylesheet" href="{{ site.baseurl }}/assets/styles/main.css">
|
|
6
|
+
<link rel="shortcut icon" type="image/png"
|
|
7
|
+
{% if site.favicon %} href="{{ site.favicon | relative_url }}" {% else %} href="{{ site.baseurl }}/favicon.png" {% endif %}
|
|
8
|
+
/>
|
|
9
|
+
<script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.8.0/dist/alpine.min.js" defer></script>
|
|
10
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css">
|
|
11
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-carousel@4.0.3/dist/css/bulma-carousel.min.css">
|
|
12
|
+
{% unless site.hide_share_buttons %}
|
|
13
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@1/bin/bulma-social.min.css">
|
|
14
|
+
{% endunless %}
|
|
15
|
+
{% seo %}
|
|
16
|
+
{%- include head-scripts.html -%}
|
|
17
|
+
</head>
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
<nav class="navbar is-hidden-print is-primary is-fixed-top" x-data="{ openNav: false }">
|
|
2
|
+
<div class="container">
|
|
3
|
+
<div class="navbar-brand">
|
|
4
|
+
<a href="{{ site.baseurl }}/" class="">
|
|
5
|
+
<img src="{{ site.baseurl }}/assets/img/logo-black.png">
|
|
6
|
+
</a>
|
|
7
|
+
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navMenu"
|
|
8
|
+
:class="{ 'is-active': openNav }" x-on:click="openNav = !openNav">
|
|
9
|
+
<span aria-hidden="true"></span>
|
|
10
|
+
<span aria-hidden="true"></span>
|
|
11
|
+
<span aria-hidden="true"></span>
|
|
12
|
+
</a>
|
|
13
|
+
</div>
|
|
14
|
+
<div class="navbar-menu" id="navMenu" :class="{ 'is-active': openNav }">
|
|
15
|
+
<div class="navbar-end buttons">
|
|
16
|
+
{% if site.data.navigation %}
|
|
17
|
+
{% for item in site.data.navigation %}
|
|
18
|
+
{% if item.dropdown %}
|
|
19
|
+
<div
|
|
20
|
+
class="navbar-item has-text-left button is-rounded is-dark has-dropdown is-hoverable {% if site.fixed_navbar == 'bottom' %} has-dropdown-up {% endif %}">
|
|
21
|
+
<a href="{{ item.link | relative_url }}"
|
|
22
|
+
class="navbar-link {% if item.link == page.url %}is-active{% endif %}">{{ item.name }}</a>
|
|
23
|
+
<div class="navbar-dropdown">
|
|
24
|
+
{% for subitem in item.dropdown %}
|
|
25
|
+
<a href="{{ subitem.link | relative_url }}"
|
|
26
|
+
class="navbar-item button is-rounded is-dark {% if subitem.link == page.url %}is-active{% endif %}">{{ subitem.name
|
|
27
|
+
}}</a>
|
|
28
|
+
{% endfor %}
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
{% else %}
|
|
32
|
+
<a href="{{ item.link | relative_url }}"
|
|
33
|
+
class="navbar-item button is-rounded is-dark {% if item.link == page.url %}is-active{% endif %}">{{ item.name }}</a>
|
|
34
|
+
{% endif %}
|
|
35
|
+
{% endfor %}
|
|
36
|
+
{% endif %}
|
|
37
|
+
</div>
|
|
38
|
+
</div>
|
|
39
|
+
</div>
|
|
40
|
+
</nav>
|
data/_includes/hero.html
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
<section class="hero is-primary is-hidden-print {% if page.hero_height %} {{ page.hero_height }} {% else %} is-medium {% endif %}" {% if page.hero_background_image %} style="background: url('{{ page.hero_background_image }}') no-repeat center center; background-size: cover;" {% endif %}>
|
|
2
|
+
<div class="hero-body">
|
|
3
|
+
<div class="container">
|
|
4
|
+
<img src="https://via.placeholder.com/440x638" alt="placeholder" class="is-rounded is-hidden-mobile">
|
|
5
|
+
<h1 class="title is-1">{{ page.title }}</h1>
|
|
6
|
+
<p class="subtitle is-4">{{ page.subtitle }}</p>
|
|
7
|
+
{% if page.hero_link %}
|
|
8
|
+
<a href="{{ page.hero_link | relative_url }}" class="button is-rounded is-dark">
|
|
9
|
+
<span>{{ page.hero_link_text }}</span>
|
|
10
|
+
<span class="icon is-small">
|
|
11
|
+
<i class="fas fa-chevron-right fa-xs"></i>
|
|
12
|
+
</span>
|
|
13
|
+
</a>
|
|
14
|
+
{% endif %}
|
|
15
|
+
</div>
|
|
16
|
+
<img src="../assets/img/arrow.png" alt="placeholder" class="arrow-image is-pulled-left is-hidden-mobile">
|
|
17
|
+
</div>
|
|
18
|
+
</section>
|
|
19
|
+
<i class="fas {{ section.icon }}"></i>
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
{% if page.left_right_layout %}
|
|
2
|
+
{% assign layout=site.data.[page.left_right_layout] %}
|
|
3
|
+
{% for section in layout.sections %}
|
|
4
|
+
{% capture isEven %}{% cycle 'false', 'true' %}{% endcapture %}
|
|
5
|
+
<div class="card columns">
|
|
6
|
+
{% if isEven == 'false' %}
|
|
7
|
+
<div class="card-image left">
|
|
8
|
+
<figure class="image">
|
|
9
|
+
<img src={{section.image}} alt="placeholder" class="left">
|
|
10
|
+
</figure>
|
|
11
|
+
</div>
|
|
12
|
+
<div class="card-content">
|
|
13
|
+
<h2 class="fas {{ section.icon }} fa-2x">{{ section.title | markdownify }}</h2>
|
|
14
|
+
{{ section.text | markdownify }}
|
|
15
|
+
|
|
16
|
+
<a href="{{ section.link | relative_url }}" class="button is-rounded has-text-centert is-dark {% if item.link == page.url %}is-active{% endif %}">
|
|
17
|
+
<span>{{ section.link_text }}</span>
|
|
18
|
+
<span class="icon is-small">
|
|
19
|
+
<i class="fas fa-chevron-right fa-xs"></i>
|
|
20
|
+
</span>
|
|
21
|
+
</a>
|
|
22
|
+
</div>
|
|
23
|
+
{% else %}
|
|
24
|
+
<div class="card-content ">
|
|
25
|
+
<div class="card-image right is-hidden-tablet">
|
|
26
|
+
<figure class="image">
|
|
27
|
+
<img src={{section.image}} alt="placeholder" class="left">
|
|
28
|
+
</figure>
|
|
29
|
+
</div>
|
|
30
|
+
<h2 class="fas {{ section.icon }} fa-2x">{{ section.title | markdownify }}</h2>
|
|
31
|
+
{{ section.text | markdownify }}
|
|
32
|
+
<a href="{{ section.link | relative_url }}" class="button is-rounded is-dark {% if item.link == page.url %}is-active{% endif %}">
|
|
33
|
+
<span>{{ section.link_text }}</span>
|
|
34
|
+
<span class="icon is-small">
|
|
35
|
+
<i class="fas fa-chevron-right fa-xs"></i>
|
|
36
|
+
</span>
|
|
37
|
+
</a>
|
|
38
|
+
</div>
|
|
39
|
+
<div class="card-image right is-hidden-mobile">
|
|
40
|
+
<figure class="image">
|
|
41
|
+
<img src={{section.image}} alt="placeholder" class="right">
|
|
42
|
+
</figure>
|
|
43
|
+
</div>
|
|
44
|
+
{% endif %}
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
</div>
|
|
48
|
+
<div class="clear"></div>
|
|
49
|
+
{% endfor %}
|
|
50
|
+
{% endif %}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
{% if page.story_slider %}
|
|
2
|
+
<div class="green">
|
|
3
|
+
<h1 class="slider-titel">Aktuelles</h1>
|
|
4
|
+
|
|
5
|
+
<div class="carousel">
|
|
6
|
+
{% for story in site.posts %}
|
|
7
|
+
<div class="story-carousel-item">
|
|
8
|
+
<div class="container">
|
|
9
|
+
<div class="section">
|
|
10
|
+
<div class="slider story-slider columns">
|
|
11
|
+
<div class="slider-image column is-half">
|
|
12
|
+
<figure class="image">
|
|
13
|
+
<img src="{{story.image}}" alt="this used to be photo">
|
|
14
|
+
</figure>
|
|
15
|
+
</div>
|
|
16
|
+
<div class="slider-content column is-half">
|
|
17
|
+
<div class="media">
|
|
18
|
+
<div class="media-content">
|
|
19
|
+
<h2>{{story.title}}</h2>
|
|
20
|
+
</div>
|
|
21
|
+
</div>
|
|
22
|
+
|
|
23
|
+
<div class="content">
|
|
24
|
+
<p>{{story.abstract}}</p>
|
|
25
|
+
<a href="{{ story.url | relative_url }}" class="button is-rounded has-text-centert is-dark {% if item.link == page.url %}is-active{% endif %}">
|
|
26
|
+
<span>Mehr lesen</span>
|
|
27
|
+
<span class="icon is-small">
|
|
28
|
+
<i class="fas fa-chevron-right fa-xs"></i>
|
|
29
|
+
</span>
|
|
30
|
+
</a>
|
|
31
|
+
</div>
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
{% endfor %}
|
|
38
|
+
</div>
|
|
39
|
+
<img src="../assets/img/arrow.png" alt="placeholder" class="arrow-image is-pulled-right is-hidden-mobile">
|
|
40
|
+
</div>
|
|
41
|
+
{% endif %}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
<!--
|
|
2
|
+
The Default layout that everything is using
|
|
3
|
+
-->
|
|
4
|
+
|
|
5
|
+
<!-- Control the width with, if sidebars or menus should appear -->
|
|
6
|
+
{% assign content_width = 'is-12' %}
|
|
7
|
+
|
|
8
|
+
<!DOCTYPE html>
|
|
9
|
+
<html id="default-layout">
|
|
10
|
+
{% include head.html %}
|
|
11
|
+
<body>
|
|
12
|
+
{% include header.html %}
|
|
13
|
+
{% unless page.hide_hero %}
|
|
14
|
+
{% include hero.html %}
|
|
15
|
+
{% else %}
|
|
16
|
+
|
|
17
|
+
{% endunless %}
|
|
18
|
+
<div class="content-wrapper has-background-primary-light">
|
|
19
|
+
|
|
20
|
+
{% include story-slider.html %}
|
|
21
|
+
<div class="columns is-centered">
|
|
22
|
+
<div class="column is-10-desktop is-12-tablet">
|
|
23
|
+
{% include introduction.html %}
|
|
24
|
+
{% include left-right-blocks.html %}
|
|
25
|
+
{{content | markdownify}}
|
|
26
|
+
</div>
|
|
27
|
+
</div>
|
|
28
|
+
</div>
|
|
29
|
+
{% unless page.hide_footer %}
|
|
30
|
+
{% include footer.html %}
|
|
31
|
+
{% endunless %}
|
|
32
|
+
</body>
|
|
33
|
+
</html>
|