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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 1631bdb31b040b146111f5c8213a379d84e3a3cb512bfdee8da84ffa7901dbd4
4
- data.tar.gz: dbfbbcf112c7927bffbfb1d1f94b2297e13d9bd14bc8a74e1139cde7963b9218
3
+ metadata.gz: dbfd47d610c1e39934786aa8159731a8b1a909f8de49c924f3fece640f2a5ecb
4
+ data.tar.gz: 2479d1576e9734bf6e0277f7bebfc36af62c30661565c07a02074a013f6c618a
5
5
  SHA512:
6
- metadata.gz: 325f54ac42333b15af8bac77d6a570cfb71ee1f5f361c7e67ba2dbde88762360ee411d0889ed4850bd2d2b309fed6911fb5eabbac8d9251386bd04077653b6ef
7
- data.tar.gz: 7e267a18b42a295bad929759fe0e81b113140bd50de097cbe293ab265bd0214976f8e5800d4dc44b0416ad4b8019434c6424344479a9dee190b42119f4c023a5
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
- ### On Github Pages
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
- ### On any server
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
- # Credits
128
+ # Credits
117
129
 
118
130
  Original README from HTML5 UP:
119
131
 
@@ -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>{{ site.title }} - {{ site.subtitle }}</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/main.css" />
6
- <noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
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>
@@ -1,5 +1,6 @@
1
1
  <!-- Header -->
2
2
  <section id="header">
3
+ {% include language.html %}
3
4
  <header>
4
5
  <a href="{{ site.baseurl }}/"><h1>{{ page.title }}</h1></a>
5
6
  <p>{{ page.subtitle }}</p>
@@ -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>
@@ -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({
@@ -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
 
@@ -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
- <xhtml:link rel="alternate" hreflang="en" href="{{ page.url | absolute_url }}" />
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 {
@@ -0,0 +1,4 @@
1
+ ---
2
+ ---
3
+
4
+ @import "main";
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.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-23 00:00:00.000000000 Z
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