betterplace-content 0.2.5 → 0.3.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/help_search_and_categories.html +21 -0
- data/_includes/help_searchbar-de.html +9 -0
- data/_includes/help_searchbar-en.html +9 -0
- data/_includes/hero_image.html +15 -0
- data/_layouts/default.html +5 -4
- data/_layouts/help.html +24 -41
- data/_layouts/post.html +3 -22
- data/_sass/colors.sass +17 -16
- data/_sass/generics/hero_image.sass +12 -0
- data/_sass/help.sass +43 -0
- data/assets/css/default.sass +2 -0
- data/assets/js/help_search.js +1 -4
- metadata +8 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: '0919d77cc0750cc5f98d8b4c88466b831a08be12'
|
4
|
+
data.tar.gz: d6d4dea334c14d9b5a64da07bba39a31411899e9
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: ad560414c4bd3c3e7bcb3750fcb860b7830509aaa6c2defcbceacf20f73d1a5ad7ce0a9e8815906f69d2de2e1cf411fbb3182c8d837dcde57454fa37a8f09d9b
|
7
|
+
data.tar.gz: 19eb12a01c83969aae008bd5822fa9139ca41b9295b715c7da1fc600b6683508d9a7aa2347967dfe50423757e0d4ece54619950537be1dfe86a82e09c5a5275f
|
@@ -0,0 +1,21 @@
|
|
1
|
+
<div class="help-search-and-categories m-t">
|
2
|
+
<hr/>
|
3
|
+
|
4
|
+
<ul class="list-unstyled m-t m-b">
|
5
|
+
{% for category in site.categories %}
|
6
|
+
<li>
|
7
|
+
<a href="{{ site.baseurl}}/{{ category | first | slugify }}">{{ category | first }}</a>
|
8
|
+
</li>
|
9
|
+
{% endfor %}
|
10
|
+
</ul>
|
11
|
+
|
12
|
+
<div class="row">
|
13
|
+
<div class="col-md-10 col-md-offset-7">
|
14
|
+
{% if site.lang == 'de' %}
|
15
|
+
{% include help_searchbar-de.html %}
|
16
|
+
{% else %}
|
17
|
+
{% include help_searchbar-en.html %}
|
18
|
+
{% endif %}
|
19
|
+
</div>
|
20
|
+
</div>
|
21
|
+
</div>
|
@@ -0,0 +1,9 @@
|
|
1
|
+
<form action="{{ site.baseurl }}/suche" method="get">
|
2
|
+
<div class="input-group">
|
3
|
+
<input type="text" id="search-box" name="s" placeholder="Hilfebereich durchsuchen" class="form-control" value="">
|
4
|
+
<input name="ga_category" value="content-pages--help" type="hidden">
|
5
|
+
<span class="input-group-btn">
|
6
|
+
<button type="submit" class="btn"><i class="fa fa-search fa-fw"></i></button>
|
7
|
+
</span>
|
8
|
+
</div>
|
9
|
+
</form>
|
@@ -0,0 +1,9 @@
|
|
1
|
+
<form action="{{ site.baseurl }}/search" method="get">
|
2
|
+
<div class="input-group">
|
3
|
+
<input type="text" id="search-box" name="s" placeholder="Search help area" class="form-control" value="">
|
4
|
+
<input name="ga_category" value="content-pages--help" type="hidden">
|
5
|
+
<span class="input-group-btn">
|
6
|
+
<button type="submit" class="btn"><i class="fa fa-search fa-fw"></i></button>
|
7
|
+
</span>
|
8
|
+
</div>
|
9
|
+
</form>
|
@@ -0,0 +1,15 @@
|
|
1
|
+
{% comment %}
|
2
|
+
|
3
|
+
# Um den `header_image_path` zu setzen:
|
4
|
+
# Option 1: Auf _config Ebene für alle Seiten.
|
5
|
+
# Option 2: Pro Page/Post.
|
6
|
+
# Option 3: Über die _config-Defaults für bestimmte Page/Post (siehe bspw. content-stellen).
|
7
|
+
|
8
|
+
{% endcomment %}
|
9
|
+
|
10
|
+
{% assign captured_header_image_path = page.header_image_path | default: site.header_image_path %}
|
11
|
+
|
12
|
+
{% if captured_header_image_path %}
|
13
|
+
<div class="generic-hero-image" style="background-image: url('{{ site.baseurl }}{{ captured_header_image_path }}');">
|
14
|
+
</div>
|
15
|
+
{% endif %}
|
data/_layouts/default.html
CHANGED
@@ -22,9 +22,9 @@
|
|
22
22
|
|
23
23
|
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/default.css" />
|
24
24
|
|
25
|
-
<link rel="stylesheet" href="
|
26
|
-
<link rel="stylesheet" href="
|
27
|
-
<link rel="stylesheet" href="
|
25
|
+
<link rel="stylesheet" href="/de/layouts/current_stylesheet/generics_bootstrap" />
|
26
|
+
<link rel="stylesheet" href="/de/layouts/current_stylesheet/generics" />
|
27
|
+
<link rel="stylesheet" href="/de/layouts/current_stylesheet/application" />
|
28
28
|
|
29
29
|
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
|
30
30
|
|
@@ -33,7 +33,8 @@
|
|
33
33
|
|
34
34
|
{% include google_analytics.html %}
|
35
35
|
</head>
|
36
|
-
|
36
|
+
{% assign transparent_header = page.transparent_header | default: site.transparent_header %}
|
37
|
+
<body class="{% if page.url contains '404' %} error404 {% else %} {{ site.css_root }} {% endif %}{% if transparent_header %} has-transparent-header {% endif %}">
|
37
38
|
<div id="fb-root"></div>
|
38
39
|
|
39
40
|
{% if site.lang == 'de' %}
|
data/_layouts/help.html
CHANGED
@@ -1,55 +1,38 @@
|
|
1
1
|
---
|
2
2
|
layout: default
|
3
3
|
---
|
4
|
+
{% include hero_image.html %}
|
4
5
|
|
5
|
-
<div class="
|
6
|
-
<div class="container">
|
6
|
+
<div class="content-wrapper layout-help">
|
7
|
+
<div class="container centered">
|
7
8
|
<div class="row">
|
8
|
-
<div class="col-md-
|
9
|
-
<h1>
|
10
|
-
|
11
|
-
|
12
|
-
{{ page.title }}
|
13
|
-
</h1>
|
9
|
+
<div class="col-md-20 col-md-offset-2">
|
10
|
+
<h1 class="text-center m-b">{{ page.title }}</h1>
|
11
|
+
|
12
|
+
<article class="help-article">
|
14
13
|
|
15
|
-
|
16
|
-
<
|
17
|
-
<div class="
|
18
|
-
<
|
19
|
-
|
20
|
-
<span class="input-group-btn hidden-xs">
|
21
|
-
<input value="Hilfe durchsuchen" class="btn btn-default" type="submit">
|
22
|
-
</span>
|
14
|
+
{% if page.author %}
|
15
|
+
<div class="help-meta-information m-b">
|
16
|
+
<div class="help-author">
|
17
|
+
<i class="fa fa-user-circle-o fa-fw"></i>
|
18
|
+
{{ page.author.display_name }}
|
23
19
|
</div>
|
24
|
-
</form>
|
25
|
-
</div>
|
26
|
-
</div>
|
27
|
-
</div>
|
28
|
-
</div>
|
29
|
-
</div>
|
30
20
|
|
31
|
-
<div class="
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
21
|
+
<div class="help-modified">
|
22
|
+
<i class="fa fa-clock-o fa-fw"></i>
|
23
|
+
{{ page.modified | date:"%d.%m.%Y" }}
|
24
|
+
</div>
|
25
|
+
</div>
|
26
|
+
{% endif %}
|
27
|
+
|
36
28
|
{{ content }}
|
37
29
|
</article>
|
30
|
+
</div>
|
31
|
+
</div>
|
38
32
|
|
39
|
-
|
40
|
-
|
41
|
-
{%
|
42
|
-
<div class="themenline">
|
43
|
-
<strong>Themen:</strong>
|
44
|
-
{% for category in page.categories %}
|
45
|
-
<a href="{{ site.baseurl }}/{{ category | slugify }}" rel="category tag">{{ category }}</a>{% unless forloop.last %},{% endunless %}
|
46
|
-
{% endfor %}
|
47
|
-
</div>
|
48
|
-
{% endif %}
|
49
|
-
|
50
|
-
<div class="descText">
|
51
|
-
Geschrieben von {{ page.author.display_name }} am {{ page.date | date:"%d.%m.%Y" }}. Zuletzt aktualisiert am {{ page.modified | date:"%d.%m.%Y" }}.
|
52
|
-
</div>
|
33
|
+
<div class="row">
|
34
|
+
<div class="col-md-24">
|
35
|
+
{% include help_search_and_categories.html %}
|
53
36
|
</div>
|
54
37
|
</div>
|
55
38
|
</div>
|
data/_layouts/post.html
CHANGED
@@ -1,34 +1,15 @@
|
|
1
1
|
---
|
2
2
|
layout: default
|
3
3
|
---
|
4
|
-
{%
|
5
|
-
|
6
|
-
# Um den `header_image_path` zu setzen:
|
7
|
-
# Option 1: Auf _config Ebene für alle Seiten.
|
8
|
-
# Option 2: Pro Page/Post.
|
9
|
-
# Option 3: Über die _config-Defaults für bestimmte Page/Post (siehe bspw. content-stellen).
|
10
|
-
|
11
|
-
{% endcomment %}
|
12
|
-
{% assign header_image_path = page.header_image_path | default: site.header_image_path %}
|
13
|
-
{% if page.header_image_path %}
|
14
|
-
{% capture content_header_css %}no-background-on-mobile has-background-image{% endcapture %}
|
15
|
-
{% capture content_header_style %}background-image: url('{{ site.baseurl }}{{ page.header_image_path }}');{% endcapture %}
|
16
|
-
{% endif %}
|
17
|
-
<div class="generic-content-header {{ content_header_css }}" style="{{ content_header_style }}">
|
18
|
-
<div class="container">
|
19
|
-
<div class="row">
|
20
|
-
<div class="col-md-18">
|
21
|
-
<h1>{{ page.page_headline }}</h1>
|
22
|
-
</div>
|
23
|
-
</div>
|
24
|
-
</div>
|
25
|
-
</div>
|
4
|
+
{% include hero_image.html %}
|
26
5
|
|
27
6
|
<div class="content-wrapper">
|
28
7
|
<div class="container centered">
|
29
8
|
<div class="row">
|
30
9
|
<div class="col-md-18">
|
31
10
|
<article class="post">
|
11
|
+
<h1 class="text-center">{{ page.page_headline }}</h1>
|
12
|
+
|
32
13
|
{{ content }}
|
33
14
|
</article>
|
34
15
|
</div>
|
data/_sass/colors.sass
CHANGED
@@ -1,23 +1,24 @@
|
|
1
|
-
$light-green:
|
2
|
-
$
|
3
|
-
$
|
4
|
-
$
|
1
|
+
$very-light-green: #d8e89e
|
2
|
+
$light-green: #cccc20
|
3
|
+
$medium-green: #bad304
|
4
|
+
$dark-green: #6a9000
|
5
|
+
$very-dark-green: #2c5100
|
5
6
|
|
6
|
-
$almost-white:
|
7
|
-
$very-light-grey:
|
8
|
-
$light-grey:
|
9
|
-
$medium-grey:
|
10
|
-
$dark-grey:
|
11
|
-
$very-dark-grey:
|
7
|
+
$almost-white: #f8f8f8
|
8
|
+
$very-light-grey: #eeeeee
|
9
|
+
$light-grey: #cccccc
|
10
|
+
$medium-grey: #949494
|
11
|
+
$dark-grey: #636b70
|
12
|
+
$very-dark-grey: #3f3f3f
|
12
13
|
|
13
|
-
$error-red:
|
14
|
-
$dangerous-red:
|
14
|
+
$error-red: #ad3922
|
15
|
+
$dangerous-red: #cd0920
|
15
16
|
|
16
|
-
$very-light-blue:
|
17
|
-
$medium-blue:
|
18
|
-
$dark-blue:
|
17
|
+
$very-light-blue: #d9e5ec
|
18
|
+
$medium-blue: #00a0c8
|
19
|
+
$dark-blue: #28638c
|
19
20
|
|
20
|
-
$pink:
|
21
|
+
$pink: #ff00ff
|
21
22
|
|
22
23
|
$brand-color-facebook: #4e69a2
|
23
24
|
$brand-color-twitter: #1da1f2
|
data/_sass/help.sass
ADDED
@@ -0,0 +1,43 @@
|
|
1
|
+
.layout-help
|
2
|
+
.help-article,
|
3
|
+
.help-category-teaser
|
4
|
+
font-size: 15px
|
5
|
+
|
6
|
+
.help-category-teaser li
|
7
|
+
margin-bottom: 5px
|
8
|
+
|
9
|
+
.help-meta-information
|
10
|
+
display: flex
|
11
|
+
justify-content: center
|
12
|
+
|
13
|
+
.help-author,
|
14
|
+
.help-modified
|
15
|
+
padding: 10px
|
16
|
+
color: $medium-grey
|
17
|
+
|
18
|
+
.help-search-and-categories
|
19
|
+
ul
|
20
|
+
display: flex
|
21
|
+
justify-content: center
|
22
|
+
|
23
|
+
li > a
|
24
|
+
padding-right: 10px
|
25
|
+
padding-left: 10px
|
26
|
+
border-right: 1px solid $light-grey
|
27
|
+
|
28
|
+
li:last-child a
|
29
|
+
border-right: 0
|
30
|
+
|
31
|
+
.help-hero-search
|
32
|
+
background: $very-light-green
|
33
|
+
height: 160px
|
34
|
+
display: flex
|
35
|
+
justify-content: center
|
36
|
+
align-items: center
|
37
|
+
|
38
|
+
form
|
39
|
+
+desktop
|
40
|
+
width: 530px
|
41
|
+
|
42
|
+
+phone
|
43
|
+
width: 100%
|
data/assets/css/default.sass
CHANGED
@@ -19,6 +19,7 @@ $site_baseurl: "{{ site.baseurl }}"
|
|
19
19
|
@import "generics/sidebar-menu"
|
20
20
|
@import "generics/team_list"
|
21
21
|
@import "generics/topicblock"
|
22
|
+
@import "generics/hero_image"
|
22
23
|
|
23
24
|
@import "error404"
|
24
25
|
|
@@ -34,3 +35,4 @@ $site_baseurl: "{{ site.baseurl }}"
|
|
34
35
|
@import "news"
|
35
36
|
@import "team"
|
36
37
|
@import "freundeskreis"
|
38
|
+
@import "help"
|
data/assets/js/help_search.js
CHANGED
@@ -13,7 +13,7 @@
|
|
13
13
|
|
14
14
|
searchResults.innerHTML = appendString;
|
15
15
|
} else {
|
16
|
-
searchResults.innerHTML = '<li>
|
16
|
+
searchResults.innerHTML = '<li><h3>Es wurde leider kein Ergebnis gefunden.</h3></li>';
|
17
17
|
}
|
18
18
|
}
|
19
19
|
|
@@ -54,13 +54,10 @@
|
|
54
54
|
'tags': window.store[key].tags,
|
55
55
|
'content': window.store[key].content
|
56
56
|
});
|
57
|
-
|
58
57
|
}
|
59
|
-
|
60
58
|
});
|
61
59
|
|
62
60
|
var results = idx.search(searchTerm); // Get lunr to perform a search
|
63
61
|
displaySearchResults(results, window.store); // We'll write this in the next section
|
64
|
-
|
65
62
|
}
|
66
63
|
})();
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: betterplace-content
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: 0.3.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- betterplace.org Developers
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
11
|
+
date: 2018-01-11 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -66,6 +66,10 @@ files:
|
|
66
66
|
- _includes/google_analytics.html
|
67
67
|
- _includes/header-de.html
|
68
68
|
- _includes/header-en.html
|
69
|
+
- _includes/help_search_and_categories.html
|
70
|
+
- _includes/help_searchbar-de.html
|
71
|
+
- _includes/help_searchbar-en.html
|
72
|
+
- _includes/hero_image.html
|
69
73
|
- _includes/sharing.html
|
70
74
|
- _includes/subnavi-de.html
|
71
75
|
- _includes/subnavi-en.html
|
@@ -95,12 +99,14 @@ files:
|
|
95
99
|
- _sass/generics/comments.sass
|
96
100
|
- _sass/generics/content-header.sass
|
97
101
|
- _sass/generics/desktop-navigation.scss
|
102
|
+
- _sass/generics/hero_image.sass
|
98
103
|
- _sass/generics/mobile-navigation.sass
|
99
104
|
- _sass/generics/pagination.scss
|
100
105
|
- _sass/generics/search-form.scss
|
101
106
|
- _sass/generics/sidebar-menu.scss
|
102
107
|
- _sass/generics/team_list.scss
|
103
108
|
- _sass/generics/topicblock.sass
|
109
|
+
- _sass/help.sass
|
104
110
|
- _sass/jobs.sass
|
105
111
|
- _sass/media_queries.sass
|
106
112
|
- _sass/news.sass
|