jekyll-theme-overflow 0.1.1 → 0.1.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +15 -3
- data/_includes/date.html +24 -0
- data/_includes/head.html +9 -3
- data/_includes/header.html +1 -0
- data/_includes/language.html +12 -0
- data/_includes/scripts.html +7 -7
- data/_layouts/default.html +10 -2
- data/_layouts/sitemap.html +6 -3
- data/_sass/layout/_banner.scss +45 -0
- data/_sass/layout/_header.scss +41 -0
- data/_sass/main.scss +5 -45
- data/assets/css/style.scss +4 -0
- metadata +7 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: dbfd47d610c1e39934786aa8159731a8b1a909f8de49c924f3fece640f2a5ecb
|
4
|
+
data.tar.gz: 2479d1576e9734bf6e0277f7bebfc36af62c30661565c07a02074a013f6c618a
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: c85341dd2053938d74ed7bdf4a07e1a0d6e7e73368ba7d958bb0981a766422c000a0958b7eeddfacd7d8bf182c891072559e8202fcef425c35401fb842940b5b
|
7
|
+
data.tar.gz: 774d8fa04de5596be1547cacdb9aa3a841fa8cedfafa534a56420b6610850977575261ee5abd8c2cc595ebc0e4483dd3e153bb3626a4f4315db1d2e5356668bb
|
data/README.md
CHANGED
@@ -6,6 +6,18 @@ You can preview the theme [here](https://moodule.github.io/jekyll-theme-overflow
|
|
6
6
|
|
7
7
|
![Overflow Theme](assets/images/screenshot.jpg "Overflow Theme")
|
8
8
|
|
9
|
+
# Features
|
10
|
+
|
11
|
+
> **Responsive**: out of the box support for all screen sizes, be it smartphones, laptops, tablets...
|
12
|
+
|
13
|
+
> **Multilingual**: easily manage pages, menu, url, dates, sitemap in several languages
|
14
|
+
|
15
|
+
> **Customizable**: theme colors, menu, social items can be changed from a central config file
|
16
|
+
|
17
|
+
> **GDPR ready**: bundled with a cookie consent plugin and a boilerplate privacy policy compliant with GDPR
|
18
|
+
|
19
|
+
> **SEO ready**: sitemap, robots.txt and tags are automatically generated for the website
|
20
|
+
|
9
21
|
# Installation
|
10
22
|
|
11
23
|
Add this line to your Jekyll site's `Gemfile`:
|
@@ -51,7 +63,7 @@ Your contact information can be used in contact forms, the footer or anywhere el
|
|
51
63
|
|
52
64
|
## Publication
|
53
65
|
|
54
|
-
###
|
66
|
+
### On Github Pages
|
55
67
|
|
56
68
|
In your own website's repository, edit the `_config.yml` file:
|
57
69
|
|
@@ -84,7 +96,7 @@ And finally push to github
|
|
84
96
|
|
85
97
|
$ git push --u origin gh-pages
|
86
98
|
|
87
|
-
###
|
99
|
+
### On any server
|
88
100
|
|
89
101
|
In your own website's directory, edit the `_config.yml` file:
|
90
102
|
|
@@ -113,7 +125,7 @@ Your theme is setup just like a normal Jekyll site! To test your theme, run `bun
|
|
113
125
|
When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
|
114
126
|
To add a custom directory to your theme-gem, please edit the regexp in `jekyll-theme-overflow.gemspec` accordingly.
|
115
127
|
|
116
|
-
#
|
128
|
+
# Credits
|
117
129
|
|
118
130
|
Original README from HTML5 UP:
|
119
131
|
|
data/_includes/date.html
ADDED
@@ -0,0 +1,24 @@
|
|
1
|
+
{% assign day = include.date | date: "%-d" %}
|
2
|
+
{% assign month = include.date | date: "%-m" %}
|
3
|
+
{% if page.lang == "en" %}
|
4
|
+
{{ include.date | date: "%B" }} {{ day }}, {{ include.date | date: "%Y" }}
|
5
|
+
{% elsif page.lang == "fr" %}
|
6
|
+
{% if day == "1" %}
|
7
|
+
{{ day }}<sup>er</sup>
|
8
|
+
{% else %} {{ day }}
|
9
|
+
{% endif %}
|
10
|
+
{% case month %}
|
11
|
+
{% when '1' %}janvier
|
12
|
+
{% when '2' %}février
|
13
|
+
{% when '3' %}mars
|
14
|
+
{% when '4' %}avril
|
15
|
+
{% when '5' %}mai
|
16
|
+
{% when '6' %}juin
|
17
|
+
{% when '7' %}juillet
|
18
|
+
{% when '8' %}août
|
19
|
+
{% when '9' %}septembre
|
20
|
+
{% when '10' %}octobre
|
21
|
+
{% when '11' %}novembre
|
22
|
+
{% when '12' %}décembre
|
23
|
+
{% endcase %} {{ include.date | date: "%Y" }}
|
24
|
+
{% endif %}
|
data/_includes/head.html
CHANGED
@@ -1,7 +1,13 @@
|
|
1
|
+
{% assign posts=site.posts | where:"lang-ref", page.lang-ref | sort: 'lang' %}
|
2
|
+
{% assign pages=site.pages | where:"lang-ref", page.lang-ref | sort: 'lang' | concat: posts %}
|
3
|
+
|
1
4
|
<head>
|
2
|
-
<title>{{
|
5
|
+
<title>{{ include.title }} - {{ include.subtitle }}</title>
|
3
6
|
<meta charset="utf-8" />
|
4
7
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
5
|
-
<link rel="stylesheet" href="assets/css/
|
6
|
-
|
8
|
+
<link rel="stylesheet" href="{{ 'assets/css/style.css' | absolute_url }}" />
|
9
|
+
{% for page in pages %}
|
10
|
+
<link rel="alternate" hreflang="{{ page.lang }}" href="{{ page.url }}" />
|
11
|
+
{% endfor %}
|
12
|
+
<noscript><link rel="stylesheet" href="{{ 'assets/css/noscript.css' | absolute_url }}" /></noscript>
|
7
13
|
</head>
|
data/_includes/header.html
CHANGED
@@ -0,0 +1,12 @@
|
|
1
|
+
{% assign posts=site.posts | where:"lang-ref", page.lang-ref | sort: 'lang' %}
|
2
|
+
{% assign pages=site.pages | where:"lang-ref", page.lang-ref | sort: 'lang' | concat: posts %}
|
3
|
+
|
4
|
+
<ul class="language">
|
5
|
+
{% for page in pages %}
|
6
|
+
{% if page.lang != "x-default" %}
|
7
|
+
<li>
|
8
|
+
<a href="{{ page.url | absolute_url }}" class="{{ page.lang }}">{{ page.lang }}</a>
|
9
|
+
</li>
|
10
|
+
{% endif%}
|
11
|
+
{% endfor %}
|
12
|
+
</ul>
|
data/_includes/scripts.html
CHANGED
@@ -1,11 +1,11 @@
|
|
1
1
|
<!-- Scripts -->
|
2
|
-
<script src="assets/js/jquery.min.js"></script>
|
3
|
-
<script src="assets/js/jquery.scrolly.min.js"></script>
|
4
|
-
<script src="assets/js/jquery.poptrox.min.js"></script>
|
5
|
-
<script src="assets/js/browser.min.js"></script>
|
6
|
-
<script src="assets/js/breakpoints.min.js"></script>
|
7
|
-
<script src="assets/js/util.js"></script>
|
8
|
-
<script src="assets/js/main.js"></script>
|
2
|
+
<script src="{{ 'assets/js/jquery.min.js' | absolute_url }}"></script>
|
3
|
+
<script src="{{ 'assets/js/jquery.scrolly.min.js' | absolute_url }}"></script>
|
4
|
+
<script src="{{ 'assets/js/jquery.poptrox.min.js' | absolute_url }}"></script>
|
5
|
+
<script src="{{ 'assets/js/browser.min.js' | absolute_url }}"></script>
|
6
|
+
<script src="{{ 'assets/js/breakpoints.min.js' | absolute_url }}"></script>
|
7
|
+
<script src="{{ 'assets/js/util.js' | absolute_url }}"></script>
|
8
|
+
<script src="{{ 'assets/js/main.js' | absolute_url }}"></script>
|
9
9
|
<script src="{{ 'assets/js/cookieconsent.min.js' | absolute_url }}" data-cfasync="false"></script>
|
10
10
|
<script>
|
11
11
|
window.cookieconsent.initialise({
|
data/_layouts/default.html
CHANGED
@@ -1,12 +1,20 @@
|
|
1
|
+
---
|
2
|
+
---
|
3
|
+
{% assign lang = page.lang | default: site.lang | default: 'en' %}
|
4
|
+
{% assign menu = site.data.translations.menu[page.menu][lang] %}
|
5
|
+
{% assign title = page.title | default: site.title %}
|
6
|
+
{% assign subtitle = page.subtitle | default: site.subtitle %}
|
7
|
+
{% assign description = page.description | default: site.description %}
|
8
|
+
|
1
9
|
<!DOCTYPE HTML>
|
2
10
|
<!--
|
3
11
|
Overflow by HTML5 UP
|
4
12
|
html5up.net | @ajlkn
|
5
13
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
6
14
|
-->
|
7
|
-
<html>
|
15
|
+
<html lang="{{ lang }}">
|
8
16
|
|
9
|
-
{% include head.html %}
|
17
|
+
{% include head.html title=title subtitle=subtitle %}
|
10
18
|
|
11
19
|
<body class="is-preload">
|
12
20
|
|
data/_layouts/sitemap.html
CHANGED
@@ -2,15 +2,18 @@
|
|
2
2
|
layout: sitemap
|
3
3
|
permalink: /sitemap.xml
|
4
4
|
---
|
5
|
-
{% assign posts=site.posts %}
|
6
|
-
{% assign pages=site.html_pages | concat: posts %}
|
5
|
+
{% assign posts=site.posts | sort: 'lang' %}
|
6
|
+
{% assign pages=site.html_pages | sort: 'lang' | concat: posts %}
|
7
7
|
<?xml version="1.0" encoding="UTF-8"?>
|
8
8
|
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml">
|
9
9
|
{% for page in pages %}
|
10
|
+
{% assign versions=pages | where:"lang-ref", page.lang-ref %}
|
10
11
|
{% unless page.url contains "404" %}
|
11
12
|
<url>
|
12
13
|
<loc>{{ page.url | absolute_url}}</loc>
|
13
|
-
|
14
|
+
{% for version in versions %}
|
15
|
+
<xhtml:link rel="alternate" hreflang="{{ version.lang }}" href="{{ version.url | absolute_url }}" />
|
16
|
+
{% endfor %}
|
14
17
|
<changefreq>weekly</changefreq>
|
15
18
|
</url>
|
16
19
|
{% endunless %}
|
@@ -0,0 +1,45 @@
|
|
1
|
+
/* Banner */
|
2
|
+
|
3
|
+
#banner {
|
4
|
+
position: relative;
|
5
|
+
margin: 0;
|
6
|
+
padding: 5em 0 5em 0;
|
7
|
+
height: 100vh;
|
8
|
+
color: #fff;
|
9
|
+
text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.25);
|
10
|
+
text-align: center;
|
11
|
+
background: #35b88f url('images/banner.svg') bottom center no-repeat;
|
12
|
+
background-size: 125% auto;
|
13
|
+
|
14
|
+
.button {
|
15
|
+
color: #35b882;
|
16
|
+
text-shadow: 0 0 0.5px rgba(53, 184, 130, 0.25);
|
17
|
+
}
|
18
|
+
|
19
|
+
header {
|
20
|
+
margin: 0 0 2em 0;
|
21
|
+
|
22
|
+
h2 {
|
23
|
+
font-weight: 400;
|
24
|
+
font-size: 1.75em;
|
25
|
+
letter-spacing: 8px;
|
26
|
+
}
|
27
|
+
}
|
28
|
+
|
29
|
+
p {
|
30
|
+
margin: 0;
|
31
|
+
}
|
32
|
+
|
33
|
+
footer {
|
34
|
+
margin: 2em 0 0 0;
|
35
|
+
}
|
36
|
+
|
37
|
+
a {
|
38
|
+
color: inherit;
|
39
|
+
border-bottom-color: rgba(255, 255, 255, 0.5);
|
40
|
+
|
41
|
+
&:hover {
|
42
|
+
border-bottom-color: rgba(255, 255, 255, 0);
|
43
|
+
}
|
44
|
+
}
|
45
|
+
}
|
@@ -0,0 +1,41 @@
|
|
1
|
+
/* Header */
|
2
|
+
|
3
|
+
#header {
|
4
|
+
height: 100vh;
|
5
|
+
|
6
|
+
.language {
|
7
|
+
position: fixed;
|
8
|
+
top: 0;
|
9
|
+
right: 0;
|
10
|
+
margin: 0;
|
11
|
+
margin-right: 1em;
|
12
|
+
padding: 0;
|
13
|
+
text-align: right;
|
14
|
+
|
15
|
+
li {
|
16
|
+
display: inline-block;
|
17
|
+
margin: 0;
|
18
|
+
padding: 0 1em 0 0;
|
19
|
+
|
20
|
+
&:last-child {
|
21
|
+
padding-right: 0;
|
22
|
+
}
|
23
|
+
|
24
|
+
.icon {
|
25
|
+
color: inherit;
|
26
|
+
|
27
|
+
&:before {
|
28
|
+
font-size: 1.25em;
|
29
|
+
}
|
30
|
+
}
|
31
|
+
}
|
32
|
+
|
33
|
+
a {
|
34
|
+
border: none;
|
35
|
+
}
|
36
|
+
|
37
|
+
.en:lang(en), .fr:lang(fr), .de:lang(de){
|
38
|
+
font-weight: bold;
|
39
|
+
}
|
40
|
+
}
|
41
|
+
}
|
data/_sass/main.scss
CHANGED
@@ -26,6 +26,11 @@
|
|
26
26
|
|
27
27
|
@import 'components/cookieconsent';
|
28
28
|
|
29
|
+
// Layout
|
30
|
+
|
31
|
+
@import 'layout/banner';
|
32
|
+
@import 'layout/header';
|
33
|
+
|
29
34
|
// Reset.
|
30
35
|
// Based on meyerweb.com/eric/tools/css/reset (v2.0 | 20110126 | License: public domain)
|
31
36
|
|
@@ -858,51 +863,6 @@
|
|
858
863
|
}
|
859
864
|
}
|
860
865
|
|
861
|
-
/* Banner */
|
862
|
-
|
863
|
-
#banner {
|
864
|
-
position: relative;
|
865
|
-
color: #fff;
|
866
|
-
text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.25);
|
867
|
-
text-align: center;
|
868
|
-
background: #35b88f url('images/banner.svg') bottom center no-repeat;
|
869
|
-
padding: 5em 0 5em 0;
|
870
|
-
margin: 0;
|
871
|
-
background-size: 125% auto;
|
872
|
-
|
873
|
-
.button {
|
874
|
-
color: #35b882;
|
875
|
-
text-shadow: 0 0 0.5px rgba(53, 184, 130, 0.25);
|
876
|
-
}
|
877
|
-
|
878
|
-
header {
|
879
|
-
margin: 0 0 2em 0;
|
880
|
-
|
881
|
-
h2 {
|
882
|
-
font-weight: 400;
|
883
|
-
font-size: 1.75em;
|
884
|
-
letter-spacing: 8px;
|
885
|
-
}
|
886
|
-
}
|
887
|
-
|
888
|
-
p {
|
889
|
-
margin: 0;
|
890
|
-
}
|
891
|
-
|
892
|
-
footer {
|
893
|
-
margin: 2em 0 0 0;
|
894
|
-
}
|
895
|
-
|
896
|
-
a {
|
897
|
-
color: inherit;
|
898
|
-
border-bottom-color: rgba(255, 255, 255, 0.5);
|
899
|
-
|
900
|
-
&:hover {
|
901
|
-
border-bottom-color: rgba(255, 255, 255, 0);
|
902
|
-
}
|
903
|
-
}
|
904
|
-
}
|
905
|
-
|
906
866
|
/* Footer */
|
907
867
|
|
908
868
|
#footer {
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: jekyll-theme-overflow
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.2
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- David Mougeolle
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2019-08-
|
11
|
+
date: 2019-08-26 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -66,9 +66,11 @@ files:
|
|
66
66
|
- _articles/3_portfolio.md
|
67
67
|
- _articles/4_contact.md
|
68
68
|
- _includes/banner.html
|
69
|
+
- _includes/date.html
|
69
70
|
- _includes/footer.html
|
70
71
|
- _includes/head.html
|
71
72
|
- _includes/header.html
|
73
|
+
- _includes/language.html
|
72
74
|
- _includes/scripts.html
|
73
75
|
- _layouts/default.html
|
74
76
|
- _layouts/page.html
|
@@ -76,6 +78,8 @@ files:
|
|
76
78
|
- _layouts/redirect.html
|
77
79
|
- _layouts/sitemap.html
|
78
80
|
- _sass/components/_cookieconsent.scss
|
81
|
+
- _sass/layout/_banner.scss
|
82
|
+
- _sass/layout/_header.scss
|
79
83
|
- _sass/libs/_breakpoints.scss
|
80
84
|
- _sass/libs/_functions.scss
|
81
85
|
- _sass/libs/_html-grid.scss
|
@@ -93,6 +97,7 @@ files:
|
|
93
97
|
- assets/css/images/poptrox-nav.svg
|
94
98
|
- assets/css/main.css
|
95
99
|
- assets/css/noscript.css
|
100
|
+
- assets/css/style.scss
|
96
101
|
- assets/fonts/FontAwesome.otf
|
97
102
|
- assets/fonts/fontawesome-webfont.eot
|
98
103
|
- assets/fonts/fontawesome-webfont.svg
|