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 +4 -4
- data/README.md +46 -10
- data/_includes/header.html +1 -1
- data/_layouts/404.html +2 -1
- data/_layouts/index.html +2 -1
- data/_layouts/program.html +4 -4
- data/_sass/overrides/_bootstrap.scss +17 -17
- data/assets/css/styles.scss +18 -1
- metadata +4 -4
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: c66944e6b6f25900c9d0b793e02d4171a20ed38beafb2025d15e1190ce683893
|
4
|
+
data.tar.gz: 213885f73b6adeb8c75eadc9da1b4b34c363759f3e4e72379d803b15434a5c5c
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
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
|
-
|
56
|
-
|
57
|
-
|
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,
|
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
|
-
|
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
|
128
|
+
If you find any problem using the theme, please [open an issue](https://github.com/piazzai/jekyll-nagymaros/issues).
|
data/_includes/header.html
CHANGED
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-
|
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-
|
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">
|
data/_layouts/program.html
CHANGED
@@ -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
|
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="#{{
|
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
|
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="{{
|
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:
|
2
|
+
color: $a_color;
|
3
3
|
text-decoration: none;
|
4
4
|
|
5
5
|
&:hover {
|
6
|
-
color:
|
6
|
+
color: $a_hover;
|
7
7
|
}
|
8
8
|
}
|
9
9
|
|
10
10
|
body {
|
11
|
-
background-color:
|
12
|
-
color:
|
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:
|
18
|
+
background-color: $btn-primary_bg !important;
|
19
19
|
border-color: transparent !important;
|
20
|
-
color:
|
20
|
+
color: $btn-primary_color !important;
|
21
21
|
|
22
22
|
&:hover,
|
23
23
|
&:active,
|
24
24
|
&.active {
|
25
|
-
background-color:
|
25
|
+
background-color: $btn-primary_hover !important;
|
26
26
|
}
|
27
27
|
|
28
28
|
&.disabled {
|
29
|
-
background-color:
|
29
|
+
background-color: $btn-primary_disabled !important;
|
30
30
|
}
|
31
31
|
}
|
32
32
|
|
33
33
|
.btn-secondary {
|
34
|
-
background-color:
|
34
|
+
background-color: $btn-secondary_bg !important;
|
35
35
|
border-color: transparent !important;
|
36
|
-
color:
|
36
|
+
color: $btn-secondary_color !important;
|
37
37
|
|
38
38
|
&:hover,
|
39
39
|
&:active,
|
40
40
|
&.active {
|
41
|
-
background-color:
|
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:
|
56
|
+
color: $navbar-brand_color;
|
57
57
|
|
58
58
|
&:hover {
|
59
|
-
color:
|
59
|
+
color: $navbar-brand_hover;
|
60
60
|
}
|
61
61
|
}
|
62
62
|
|
63
63
|
.nav-link {
|
64
|
-
color:
|
64
|
+
color: $nav-link_color;
|
65
65
|
|
66
66
|
&:hover {
|
67
|
-
color:
|
67
|
+
color: $nav-link_hover;
|
68
68
|
}
|
69
69
|
}
|
70
70
|
|
71
71
|
.text-muted {
|
72
|
-
color:
|
72
|
+
color: $text-muted_color !important;
|
73
73
|
|
74
74
|
a {
|
75
75
|
color: inherit;
|
76
76
|
|
77
77
|
&:hover {
|
78
|
-
color:
|
78
|
+
color: $text-muted_hover;
|
79
79
|
}
|
80
80
|
}
|
81
81
|
}
|
data/assets/css/styles.scss
CHANGED
@@ -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:
|
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-
|
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.
|
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.
|
32
|
+
version: 4.3.3
|
33
33
|
- !ruby/object:Gem::Dependency
|
34
34
|
name: jekyll-seo-tag
|
35
35
|
requirement: !ruby/object:Gem::Requirement
|