jekyll-nagymaros 1.1.0 → 2.0.1

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: 6b3513e60bfb42edef641f1d1c661ef166af40ccc166c286906c2ae9acdf003d
4
- data.tar.gz: edb1fe943b8c940a9711f7aa3611c7b8b32833255ef5d436c49b2a22a77f1bd9
3
+ metadata.gz: c66944e6b6f25900c9d0b793e02d4171a20ed38beafb2025d15e1190ce683893
4
+ data.tar.gz: 213885f73b6adeb8c75eadc9da1b4b34c363759f3e4e72379d803b15434a5c5c
5
5
  SHA512:
6
- metadata.gz: 81069f57cf157b1992d40db65224a8b49fa89f5960355aa1dcf43ace966edf9fa9b38b331c3df9718e7f727678eb405259a0861cbbacf8338d37e32bdf1dadf6
7
- data.tar.gz: 791eac3615a282132abf3cba6ca872446ba47560b44e770c80dde554e27fa2c076a871fcc82b76ddc9468905fcc595a178dce5946e3606d4571b3fc5b38f5620
6
+ metadata.gz: 5f14d20053d3ab1ab40ef4227b0d8065fabbc31e784824bb244ab2fe8245c3368f1d0abc19507b2f8de786893ec388e711d09efdb3d18ec4ca076523cd2ae6a5
7
+ data.tar.gz: 2f3adb4b453d504d53afeacf1edf4e4c345298863a9921c1a32935ed5c8c6d4469ea115369158e50e635b7877d5878b53d5de9f95bd4f530dbf15081f509e6ee
data/README.md CHANGED
@@ -50,13 +50,12 @@ theme: jekyll-nagymaros
50
50
 
51
51
  The easiest way to set up a new website in this way is to clone the contents of the `demo` folder. This provides a working set of files to get you started.
52
52
 
53
- After you are done creating the basic files, run bundler:
53
+ After you are done creating the basic files, create a local gem library and run bundler:
54
54
 
55
- $ bundle
56
-
57
- Or install the gem yourself as:
58
-
59
- $ gem install jekyll-nagymaros
55
+ ```bash
56
+ bundle config set --local path 'vendor/bundle'
57
+ bundle install
58
+ ```
60
59
 
61
60
  To customize hidden files, you can create new files with the same names and paths. For example, to change the layout of the index page, you can create a `_layouts` folder and a file `index.html` within this folder that contains your custom code. During build, Jekyll will give priority to your files over the theme's.
62
61
 
@@ -68,17 +67,54 @@ Core customization occurs in `_config.yml`. Aside from the usual configuration v
68
67
  <meta name="robots" content="none">
69
68
  ```
70
69
 
71
- If you set the value to `true`, however, the above code will not be included, so that crawlers will be allowed to index your site, and Jekyll will populate the head of every page with SEO tags through the `jekyll-seo-tag` plugin.
70
+ If you set the value to `true`, however, the above code will not be included, crawlers will be allowed to index your site, and Jekyll will populate the head of every page with SEO tags through the `jekyll-seo-tag` plugin.
72
71
 
73
72
  Data that appears in the theme's four default pages must be configured via YAML files located in the `_data` folder. See the corresponding files in `demo/_data` to understand how to write your own YAML, or better yet, clone these files and edit them.
74
73
 
75
74
  The order of appearance of pages in the theme's navigation bar is determined by the value of `navorder` set in each page's front matter. For example, setting `navorder: 1` will make the page appear first in the list. Note that a page will only appear in the navigation bar if the `navorder` variable is set, so it is possible to hide some pages from navigation simply by not giving this variable a value.
76
75
 
77
- Customizing the CSS is possible by creating a file `_sass/_custom.scss`. You can use this both to define new styles or to overwrite the theme's defaults. The file will be automatically compiled during build.
76
+ Customizing the CSS is possible by creating a file `_sass/_custom.scss`. You can use this both to define new styles or to overwrite the theme's defaults. The file will be automatically compiled during build.
77
+
78
+ For convenience, customization of the theme's color scheme is also possible via YAML. In this case, create a file called `skin.yml` in your `_data` folder and assign new colors from the [Open Color](https://yeun.github.io/open-color) library to various HTML elements using the color-number convention. Here is an example:
79
+
80
+ ```yaml
81
+ a:
82
+ color: blue-7 # links
83
+ hover: blue-9 # links when hovering
84
+ body:
85
+ bg: gray-0 # background
86
+ color: gray-8 # body text
87
+ btn-primary:
88
+ bg: blue-5 # primary button
89
+ color: gray-0 # primary button text
90
+ hover: blue-7 # primary button when hovering
91
+ disabled: blue-3 # disabled primary button
92
+ btn-secondary:
93
+ bg: gray-4 # secondary button
94
+ color: gray-0 # secondary button text
95
+ hover: gray-6 # secondary button when hovering
96
+ digit:
97
+ bg: gray-3 # background of digit on 404 page
98
+ header:
99
+ bg: gray-4 # background of navigation bar
100
+ index:
101
+ bg: gray-2 # background of index container
102
+ navbar-brand:
103
+ color: gray-8 # website name in header
104
+ hover: gray-9 # website name in header when hovering
105
+ nav-link:
106
+ color: gray-7 # navigation links in header
107
+ hover: gray-9 # navigation links in header when hovering
108
+ text-muted:
109
+ color: gray-6 # light text
110
+ hover: gray-9 # light text when hovering (if link)
111
+ ```
112
+
113
+ The variables are named after the HTML elements they style. The colors to which they are set in this example are actually the theme's defaults. If no value is provided for some variables, or if `_data/skin.yml` does not exist, the theme assumes the color scheme above.
78
114
 
79
115
  ## Credits
80
116
 
81
- The theme builds on the following projects:
117
+ This theme builds on the following projects:
82
118
 
83
119
  - [Bootstrap](https://getbootstrap.com/)
84
120
  - [Inter](https://rsms.me/inter/)
@@ -89,4 +125,4 @@ The theme builds on the following projects:
89
125
 
90
126
  ## Bugs
91
127
 
92
- If you find any problem using this theme, please [open an issue](https://github.com/piazzai/jekyll-nagymaros/issues).
128
+ If you find any problem using the theme, please [open an issue](https://github.com/piazzai/jekyll-nagymaros/issues).
@@ -1,4 +1,4 @@
1
- <header class="bg-gray-4">
1
+ <header class="bg-{{ site.data.skin.header.bg | default: 'gray-4' }}">
2
2
  <div class="container">
3
3
  <nav class="navbar navbar-expand-sm">
4
4
  <a class="navbar-brand" href="{{ site.url }}">{{ site.title }}</a>
data/_layouts/404.html CHANGED
@@ -3,10 +3,11 @@ layout: default
3
3
  ---
4
4
 
5
5
  {% include metadata.liquid %}
6
+ {% assign digit_bg = site.data.skin.digit.bg | default: 'gray-3' %}
6
7
 
7
8
  <main>
8
9
  <div class="container text-center">
9
- {% assign span = 'class="h1 bg-gray-3 color-gray-0 rounded" id="digit"' %}
10
+ {% assign span = 'class="h1 bg-' | append: digit_bg | append: ' color-gray-0 rounded" id="digit"' %}
10
11
  <span {{ span }}>4</span>
11
12
  <span {{ span }}>0</span>
12
13
  <span {{ span }}>4</span>
data/_layouts/index.html CHANGED
@@ -4,9 +4,10 @@ layout: default
4
4
 
5
5
  {% include metadata.liquid %}
6
6
  {% include header.html %}
7
+ {% assign index_bg = site.data.skin.index.bg | default: 'gray-2' %}
7
8
 
8
9
  <main class="my-4">
9
- <div class="container px-5 py-3 bg-gray-2 rounded">
10
+ <div class="container px-5 py-3 bg-{{ index_bg }} rounded">
10
11
  <h1 class="display-3">{{ title }}</h1>
11
12
  <p class="lead">{{ description }}</p>
12
13
  <hr class="my-4">
@@ -27,12 +27,12 @@ layout: default
27
27
  <div class="{{ classes }}">
28
28
  <div class="btn {{ control }} p-0 aos-init aos-animate" role="tablist" data-aos="fade-up">
29
29
  {% for day in site.data.program.days %}
30
- {% assign slug = day.name | slugify %}
30
+ {% assign id = forloop.index | prepend: 'day-' %}
31
31
  {% assign classes = 'btn btn-secondary' %}
32
32
  {% if forloop.first %}
33
33
  {% assign classes = classes | append: ' active' %}
34
34
  {% endif %}
35
- <button type="button" class="{{ classes }}" data-bs-toggle="tab" data-bs-target="#{{ slug }}" role="tab" aria-controls="{{ slug }}" aria-selected="true">
35
+ <button type="button" class="{{ classes }}" data-bs-toggle="tab" data-bs-target="#{{ id }}" role="tab" aria-controls="{{ id }}" aria-selected="true">
36
36
  <span class="fs-5">{{ day.name }}</span>
37
37
  </button>
38
38
  {% endfor %}
@@ -46,13 +46,13 @@ layout: default
46
46
  {% endif %}
47
47
  <div class="col-lg-{{ width }}">
48
48
  {% for day in site.data.program.days %}
49
- {% assign slug = day.name | slugify %}
49
+ {% assign id = forloop.index | prepend: 'day-' %}
50
50
  {% assign classes = 'tab-pane fade' %}
51
51
  {% if forloop.first %}
52
52
  {% assign classes = classes | append: ' active show' %}
53
53
  {% endif %}
54
54
  <div class="tab-content aos-init aos-animate" data-aos="fade-up">
55
- <div class="{{ classes }}" id="{{ slug }}" role="tabpanel" aria-labelledby="{{ slug }}-tab">
55
+ <div class="{{ classes }}" id="{{ id }}" role="tabpanel" aria-labelledby="{{ id }}-tab">
56
56
  {% assign categories = site.data.program.legend.categories %}
57
57
  <ul class="list-unstyled lh-sm">
58
58
  {% for event in day.events %}
@@ -1,44 +1,44 @@
1
1
  a {
2
- color: var(--oc-blue-7);
2
+ color: $a_color;
3
3
  text-decoration: none;
4
4
 
5
5
  &:hover {
6
- color: var(--oc-blue-9);
6
+ color: $a_hover;
7
7
  }
8
8
  }
9
9
 
10
10
  body {
11
- background-color: var(--oc-gray-0);
12
- color: var(--oc-gray-8);
11
+ background-color: $body_bg;
12
+ color: $body_color;
13
13
  font-family: "Inter", var(--bs-font-sans-serif);
14
14
  font-size: 1.15rem;
15
15
  }
16
16
 
17
17
  .btn-primary {
18
- background-color: var(--oc-blue-5) !important;
18
+ background-color: $btn-primary_bg !important;
19
19
  border-color: transparent !important;
20
- color: var(--oc-gray-0);
20
+ color: $btn-primary_color !important;
21
21
 
22
22
  &:hover,
23
23
  &:active,
24
24
  &.active {
25
- background-color: var(--oc-blue-7) !important;
25
+ background-color: $btn-primary_hover !important;
26
26
  }
27
27
 
28
28
  &.disabled {
29
- background-color: var(--oc-blue-3) !important;
29
+ background-color: $btn-primary_disabled !important;
30
30
  }
31
31
  }
32
32
 
33
33
  .btn-secondary {
34
- background-color: var(--oc-gray-4) !important;
34
+ background-color: $btn-secondary_bg !important;
35
35
  border-color: transparent !important;
36
- color: var(--oc-gray-0);
36
+ color: $btn-secondary_color !important;
37
37
 
38
38
  &:hover,
39
39
  &:active,
40
40
  &.active {
41
- background-color: var(--oc-gray-6) !important;
41
+ background-color: $btn-secondary_hover !important;
42
42
  }
43
43
  }
44
44
 
@@ -53,29 +53,29 @@ body {
53
53
  }
54
54
 
55
55
  .navbar-brand {
56
- color: var(--oc-gray-8);
56
+ color: $navbar-brand_color;
57
57
 
58
58
  &:hover {
59
- color: var(--oc-gray-9);
59
+ color: $navbar-brand_hover;
60
60
  }
61
61
  }
62
62
 
63
63
  .nav-link {
64
- color: var(--oc-gray-7);
64
+ color: $nav-link_color;
65
65
 
66
66
  &:hover {
67
- color: var(--oc-gray-9);
67
+ color: $nav-link_hover;
68
68
  }
69
69
  }
70
70
 
71
71
  .text-muted {
72
- color: var(--oc-gray-6) !important;
72
+ color: $text-muted_color !important;
73
73
 
74
74
  a {
75
75
  color: inherit;
76
76
 
77
77
  &:hover {
78
- color: var(--oc-gray-9);
78
+ color: $text-muted_hover;
79
79
  }
80
80
  }
81
81
  }
@@ -5,7 +5,24 @@
5
5
  @import "utilities";
6
6
  @import "elements";
7
7
 
8
+ $a_color: var(--oc-{{ site.data.skin.a.color | default: 'blue-7' }});
9
+ $a_hover: var(--oc-{{ site.data.skin.a.hover | default: 'blue-9' }});
10
+ $body_bg: var(--oc-{{ site.data.skin.body.bg | default: 'gray-0' }});
11
+ $body_color: var(--oc-{{ site.data.skin.body.color | default: 'gray-8' }});
12
+ $btn-primary_bg: var(--oc-{{ site.data.skin.btn-primary.bg | default: 'blue-5' }});
13
+ $btn-primary_color: var(--oc-{{ site.data.skin.btn-primary.color | default: 'gray-0' }});
14
+ $btn-primary_hover: var(--oc-{{ site.data.skin.btn-primary.hover | default: 'blue-7' }});
15
+ $btn-primary_disabled: var(--oc-{{ site.data.skin.btn-primary.disabled | default: 'blue-3' }});
16
+ $btn-secondary_bg: var(--oc-{{ site.data.skin.btn-secondary.bg | default: 'gray-4' }});
17
+ $btn-secondary_color: var(--oc-{{ site.data.skin.btn-secondary.color | default: 'gray-0' }});
18
+ $btn-secondary_hover: var(--oc-{{ site.data.skin.btn-secondary.hover | default: 'gray-6' }});
19
+ $navbar-brand_color: var(--oc-{{ site.data.skin.navbar-brand.color | default: 'gray-8' }});
20
+ $navbar-brand_hover: var(--oc-{{ site.data.skin.navbar-brand.hover | default: 'gray-9' }});
21
+ $nav-link_color: var(--oc-{{ site.data.skin.nav-link.color | default: 'gray-7' }});
22
+ $nav-link_hover: var(--oc-{{ site.data.skin.nav-link.hover | default: 'gray-9' }});
23
+ $text-muted_color: var(--oc-{{ site.data.skin.text-muted.color | default: 'gray-6' }});
24
+ $text-muted_hover: var(--oc-{{ site.data.skin.text-muted.hover | default: 'gray-9' }});
25
+
8
26
  @import "overrides/bootstrap";
9
27
  @import "overrides/leaflet";
10
-
11
28
  @import "custom";
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-nagymaros
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.1.0
4
+ version: 2.0.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - piazzai
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2024-01-22 00:00:00.000000000 Z
11
+ date: 2024-04-14 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -19,7 +19,7 @@ dependencies:
19
19
  version: '4.3'
20
20
  - - ">="
21
21
  - !ruby/object:Gem::Version
22
- version: 4.3.2
22
+ version: 4.3.3
23
23
  type: :runtime
24
24
  prerelease: false
25
25
  version_requirements: !ruby/object:Gem::Requirement
@@ -29,7 +29,7 @@ dependencies:
29
29
  version: '4.3'
30
30
  - - ">="
31
31
  - !ruby/object:Gem::Version
32
- version: 4.3.2
32
+ version: 4.3.3
33
33
  - !ruby/object:Gem::Dependency
34
34
  name: jekyll-seo-tag
35
35
  requirement: !ruby/object:Gem::Requirement