jekyll-theme-simplex 0.9.2 → 0.9.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +109 -5
- data/_includes/header.html +6 -1
- data/_includes/nav.html +3 -5
- data/_includes/snippet.html +17 -9
- data/_sass/_feed.scss +7 -0
- data/_sass/_header.scss +13 -0
- data/_sass/_variables.scss +1 -1
- data/assets/img/icons/question.svg +65 -0
- metadata +3 -3
- data/assets/img/icons/wrench.svg +0 -54
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: a3cac9e8df49ff462e3c029bbcd0abfd2cc22ff994e5248c38a3844a4c6514aa
|
4
|
+
data.tar.gz: c6fda47b2058d38c0235c07354bd694cfe14ff9159659075f0f68d002200d2a0
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: c65ac0e803c19c3f285ae0482f0f6b5ecc5e2a4257c1054f8f6a7e7059d64e7a7e86ff87980ce136cb7300b66cf5c18960ee6f6e5cac765caf4dbbcf92723c67
|
7
|
+
data.tar.gz: 3002eb374d61022b160f319f359865d331b7d691b0aba91689b5ba61640ca885a9c0083d3e2f22bf14f11a928b92bf9ef3b079b84faa5b46b18327c53aa9b553
|
data/README.md
CHANGED
@@ -1,4 +1,5 @@
|
|
1
|
-
|
1
|
+
⚠ WORK IN PROGRESS - DO NOT USE IN PRODUCTION ⚠
|
2
|
+
|
2
3
|
[](https://golas.blog/)
|
3
4
|
|
4
5
|
# <img src="assets/img/icons/simplex_logo.svg" alt="Simplex" height="50"/>
|
@@ -29,10 +30,114 @@ Or install it yourself as:
|
|
29
30
|
|
30
31
|
## ✔ Usage
|
31
32
|
|
32
|
-
|
33
|
+
### ⚙ Setting up the template
|
34
|
+
Replace the contents of the _config.yml file with the following:
|
35
|
+
```yaml
|
36
|
+
title: the Simplex theme #The name of your blog.
|
37
|
+
logo_img: /assets/img/icons/golasblog_logo.svg #Absolute path to the logo. If not specified, the title will be displayed instead.
|
38
|
+
description: description #Description.
|
39
|
+
global_tags: jekyll theme simplex golasblog responsive html5 #Tags.
|
40
|
+
copyright: © Golasowski 2020 #Your copyright.
|
41
|
+
|
42
|
+
collections:
|
43
|
+
category:
|
44
|
+
output: true
|
45
|
+
authors:
|
46
|
+
output: false
|
47
|
+
|
48
|
+
defaults:
|
49
|
+
-
|
50
|
+
scope:
|
51
|
+
path: ""
|
52
|
+
type: category
|
53
|
+
values:
|
54
|
+
layout: "category"
|
55
|
+
```
|
33
56
|
|
34
|
-
|
57
|
+
### ✨ Defining categories
|
58
|
+
Create a `_category` folder in the root directory of the blog. Create a `.md` file for every category with the contents:
|
59
|
+
```
|
60
|
+
---
|
61
|
+
category: [design] #Category ID.
|
62
|
+
hue: var(--c-themeHueOrange) #Category hue. See note [1].
|
63
|
+
title: Design #Category title.
|
64
|
+
description: Lorem ipsum dolor sit amet.
|
65
|
+
---
|
66
|
+
```
|
35
67
|
|
68
|
+
### 🤵 Defining authors
|
69
|
+
Create a `_authors` folder in the root directory. Create a `.md` file for every author with the contents:
|
70
|
+
```
|
71
|
+
---
|
72
|
+
nick: golas #Author's nick.
|
73
|
+
full_name: Andrew Golasowski #Author's full name.
|
74
|
+
photo_dir: assets/img/authors/golas.png #Path to the author's pic.
|
75
|
+
---
|
76
|
+
```
|
77
|
+
|
78
|
+
### 📰 Defining the menu
|
79
|
+
Create a `_data` folder in the root directory. In the folder, create a `nav.yaml` file. Here's an example:
|
80
|
+
```yaml
|
81
|
+
- title: Programming #Menu item title.
|
82
|
+
url: category/programming.html #Menu item url.
|
83
|
+
icon: assets/img/icons/programming.svg #Menu item icon.
|
84
|
+
hue: "var(--c-themeHueRed)" #Menu item hue - see note [1].
|
85
|
+
subnav: #Subnav. See note [2].
|
86
|
+
- title: C++ #Submenu item title.
|
87
|
+
url: cpp.html #Submenu item url.
|
88
|
+
hue: "var(--c-themeHueOrange)" #Submenu item hue.
|
89
|
+
subnav: #Another subnav
|
90
|
+
- title: Libraries
|
91
|
+
url: libs.html
|
92
|
+
hue: "var(--c-themeHueBlue)"
|
93
|
+
- title: Design
|
94
|
+
url: design.html
|
95
|
+
icon: assets/img/icons/design.svg
|
96
|
+
hue: "var(--c-themeHueRed)"
|
97
|
+
```
|
98
|
+
#### Pro tip:
|
99
|
+
Use color icons with the same hue as the menu items. Icons will be black and on hover the color will be shown.
|
100
|
+
|
101
|
+
### ✒ Creating posts
|
102
|
+
Posts are created in the `_posts` directory. Following front matter attributes are supported:
|
103
|
+
```
|
104
|
+
---
|
105
|
+
layout: post #Do not change.
|
106
|
+
category: [programming, testing] #One, more categories or no at all.
|
107
|
+
title: "Lorem ipsum" #Article title.
|
108
|
+
author: andy #Author's nick.
|
109
|
+
---
|
110
|
+
Your markdown content here.
|
111
|
+
```
|
112
|
+
|
113
|
+
### ℹ Notes
|
114
|
+
[1] Hue can be either one of the predefined colors or any of the CSS `color` attribute supported values (hex, rgb...).
|
115
|
+
|
116
|
+
[2] Submenus are generated recursively, so any menu (and submenu) can have its own submenu.
|
117
|
+
|
118
|
+
#### Predefined colors
|
119
|
+
You can use following predefined colors:
|
120
|
+
```scss
|
121
|
+
--c-themePrimaryLight: #EFEFEF;
|
122
|
+
--c-themePrimaryDark: #101010;
|
123
|
+
--c-themeSecondaryLight: #DADADA;
|
124
|
+
--c-themeSecondaryDark: #252525;
|
125
|
+
--c-themeTerniaryLight: #AEAEAE;
|
126
|
+
--c-themeTerniaryDark: #515151;
|
127
|
+
--c-themeQuaternaryLight: #919191;
|
128
|
+
--c-themeQuaternaryDark: #888888;
|
129
|
+
|
130
|
+
--c-themeHueRed: #C02717;
|
131
|
+
--c-themeHueGreen: #8EA604;
|
132
|
+
--c-themeHueBlue: #2E86AB;
|
133
|
+
--c-themeHueOrange: #E59500;
|
134
|
+
--c-themeHuePurple: #9F00CE;
|
135
|
+
--c-themeHueBrown: #230007;
|
136
|
+
```
|
137
|
+
This colors are CSS variables, usage: `var(--var-name)`
|
138
|
+
|
139
|
+
## 🤝 Contributing
|
140
|
+
|
36
141
|
Bug reports and pull requests are welcome on [GitHub](https://github.com/andreondra/jekyll-theme-simplex).
|
37
142
|
|
38
143
|
## ⚙ Development
|
@@ -45,6 +150,5 @@ When your theme is released, only the files in `_layouts`, `_includes`, `_sass`
|
|
45
150
|
To add a custom directory to your theme-gem, please edit the regexp in `jekyll-theme-simplex.gemspec` accordingly.
|
46
151
|
|
47
152
|
## ⚖ License
|
48
|
-
|
49
|
-
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
153
|
+
© Ondrej Golasowski. The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
50
154
|
|
data/_includes/header.html
CHANGED
@@ -1,6 +1,11 @@
|
|
1
1
|
<header class="header">
|
2
2
|
<section class="logo">
|
3
|
-
|
3
|
+
{% if site.logo_img != nil %}
|
4
|
+
<h1 style="display: none;">golasblog</h1>
|
5
|
+
<img class="logo__img" src={{site.logo_img}}/>
|
6
|
+
{% else %}
|
7
|
+
<h1>golasblog</h1>
|
8
|
+
{% endif %}
|
4
9
|
</section>
|
5
10
|
<button id="menuToggle">
|
6
11
|
<div></div>
|
data/_includes/nav.html
CHANGED
@@ -8,11 +8,9 @@
|
|
8
8
|
|
9
9
|
<div class="item-controls">
|
10
10
|
<a href="{{ site.url }}/{{ item.url }}">
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
{% endif %}
|
15
|
-
{% endfor %}
|
11
|
+
{% if item.icon != nil %}
|
12
|
+
<img src="{{ site.url }}/{{ item.icon }}"/>
|
13
|
+
{% endif %}
|
16
14
|
{% if item.hue != nil %}
|
17
15
|
<p style="color: {{ item.hue }}">{{ item.title }}</p>
|
18
16
|
{% else %}
|
data/_includes/snippet.html
CHANGED
@@ -4,11 +4,11 @@
|
|
4
4
|
background-image:
|
5
5
|
radial-gradient(ellipse closest-side, var(--c-snippetBackgroundExternal), var(--c-snippetBackgroundInternal)),
|
6
6
|
url(
|
7
|
-
{% if post.image_dir ==
|
7
|
+
{% if post.image_dir == "default" %}
|
8
8
|
{% assign url = post.path | split: "." | first | split: "/" | last %}
|
9
9
|
{{ site.url }}/assets/posts/{{ url }}/background_image.png
|
10
|
-
{% else if post.image_dir !=
|
11
|
-
{{ post.image_dir }}
|
10
|
+
{% else if post.image_dir != nil %}
|
11
|
+
{{ site.url }}/{{ post.image_dir }}
|
12
12
|
{% endif %}
|
13
13
|
);
|
14
14
|
}
|
@@ -16,15 +16,23 @@
|
|
16
16
|
<a class="snippet__link" href="{{ post.url }}">
|
17
17
|
<section class="snippet__data">
|
18
18
|
<section class="snippet__data__metadata">
|
19
|
-
<
|
19
|
+
<section class="snippet__data__metadata__category">
|
20
|
+
{% for category in post.category %}
|
21
|
+
<p class="snippet__data__metadata__category__title" style="background: {{ site.category | where: "category", category | map: "hue"}}">{{ category }}</p>
|
22
|
+
{% else %}
|
23
|
+
<p class="snippet__data__metadata__category__title">No category</p>
|
24
|
+
{% endfor %}
|
25
|
+
</section>
|
20
26
|
<p class="snippet__data__metadata__date">{{ post.date | date: '%B %d, %Y' }}</p>
|
21
27
|
</section>
|
22
28
|
<h2 class="snippet__data__header">{{post.title }}</h2>
|
23
29
|
<p class="snippet__data__text">{{ post.excerpt | strip_html }}</p>
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
30
|
+
{% if post.author != nil %}
|
31
|
+
<div class="snippet__data__author">
|
32
|
+
{% assign author = site.authors | where: "nick", post.author | first %}
|
33
|
+
<img src="{{ site.url }}/{{ author.photo_dir }}"/>
|
34
|
+
<p>{{ author.full_name }}</p>
|
35
|
+
</div>
|
36
|
+
{% endif %}
|
29
37
|
</section>
|
30
38
|
</a>
|
data/_sass/_feed.scss
CHANGED
data/_sass/_header.scss
CHANGED
@@ -9,6 +9,18 @@
|
|
9
9
|
flex-direction: column;
|
10
10
|
};
|
11
11
|
|
12
|
+
padding-top: 2rem;
|
13
|
+
|
14
|
+
.logo{
|
15
|
+
|
16
|
+
h1{
|
17
|
+
margin: 0;
|
18
|
+
}
|
19
|
+
&__img{
|
20
|
+
height: 2rem;
|
21
|
+
}
|
22
|
+
}
|
23
|
+
|
12
24
|
#menuToggle{
|
13
25
|
display: none;
|
14
26
|
border: none;
|
@@ -53,6 +65,7 @@
|
|
53
65
|
|
54
66
|
max-width: 100vw;
|
55
67
|
width: 100%;
|
68
|
+
margin-top: 2rem;
|
56
69
|
|
57
70
|
.list{
|
58
71
|
|
data/_sass/_variables.scss
CHANGED
@@ -40,7 +40,7 @@
|
|
40
40
|
--c-snippetBackgroundExternal: rgba(239, 239, 239, 0.425);
|
41
41
|
--c-snippetBackgroundInternal: var(--c-pageBackground);
|
42
42
|
|
43
|
-
--c-snippetDate: var(--c-
|
43
|
+
--c-snippetDate: var(--c-themeSecondaryDark);
|
44
44
|
|
45
45
|
--c-link: var(--c-themeTerniaryDark);
|
46
46
|
--c-linkVisited: var(--c-themeQuaternaryDark);
|
@@ -0,0 +1,65 @@
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
2
|
+
<svg
|
3
|
+
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
4
|
+
xmlns:cc="http://creativecommons.org/ns#"
|
5
|
+
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
6
|
+
xmlns:svg="http://www.w3.org/2000/svg"
|
7
|
+
xmlns="http://www.w3.org/2000/svg"
|
8
|
+
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
9
|
+
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
10
|
+
width="100"
|
11
|
+
height="100"
|
12
|
+
viewBox="0 0 26.458333 26.458334"
|
13
|
+
version="1.1"
|
14
|
+
id="svg8"
|
15
|
+
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
|
16
|
+
sodipodi:docname="question.svg">
|
17
|
+
<defs
|
18
|
+
id="defs2" />
|
19
|
+
<sodipodi:namedview
|
20
|
+
id="base"
|
21
|
+
pagecolor="#ffffff"
|
22
|
+
bordercolor="#666666"
|
23
|
+
borderopacity="1.0"
|
24
|
+
inkscape:pageopacity="0.0"
|
25
|
+
inkscape:pageshadow="2"
|
26
|
+
inkscape:zoom="5.6"
|
27
|
+
inkscape:cx="31.704424"
|
28
|
+
inkscape:cy="37.106325"
|
29
|
+
inkscape:document-units="mm"
|
30
|
+
inkscape:current-layer="layer1"
|
31
|
+
inkscape:document-rotation="0"
|
32
|
+
showgrid="false"
|
33
|
+
units="px"
|
34
|
+
inkscape:window-width="1583"
|
35
|
+
inkscape:window-height="1208"
|
36
|
+
inkscape:window-x="32"
|
37
|
+
inkscape:window-y="32"
|
38
|
+
inkscape:window-maximized="0" />
|
39
|
+
<metadata
|
40
|
+
id="metadata5">
|
41
|
+
<rdf:RDF>
|
42
|
+
<cc:Work
|
43
|
+
rdf:about="">
|
44
|
+
<dc:format>image/svg+xml</dc:format>
|
45
|
+
<dc:type
|
46
|
+
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
47
|
+
<dc:title />
|
48
|
+
</cc:Work>
|
49
|
+
</rdf:RDF>
|
50
|
+
</metadata>
|
51
|
+
<g
|
52
|
+
inkscape:label="Vrstva 1"
|
53
|
+
inkscape:groupmode="layer"
|
54
|
+
id="layer1">
|
55
|
+
<g
|
56
|
+
aria-label="?"
|
57
|
+
id="text835"
|
58
|
+
style="font-style:normal;font-weight:normal;font-size:25.4px;line-height:1.25;font-family:sans-serif;fill:#a90000;fill-opacity:1;stroke:none;stroke-width:0.264583">
|
59
|
+
<path
|
60
|
+
d="m 18.469157,8.5224772 q 0,1.2154296 -0.434082,2.1704098 -0.434082,0.942578 -1.141016,1.674317 -0.694531,0.706933 -1.599902,1.32705 -0.905371,0.620118 -1.922363,1.203028 v 2.790527 h -2.22002 v -3.782715 q 0.806153,-0.458886 1.736328,-1.00459 0.942579,-0.545703 1.537891,-1.103808 0.719336,-0.644922 1.116211,-1.327051 0.396875,-0.6945311 0.396875,-1.7611327 0,-1.4014648 -0.954981,-2.0835937 -0.942578,-0.6945312 -2.443261,-0.6945312 -1.339453,0 -2.5424806,0.4216796 -1.190625,0.4216797 -1.8851562,0.8557618 H 7.9891767 V 4.6777507 Q 8.8573408,4.3428874 10.184392,4.0824382 11.523845,3.8095866 12.71447,3.8095866 q 2.666503,0 4.204394,1.3022461 1.550293,1.2898437 1.550293,3.4106445 z M 13.570231,22.648746 h -2.530078 v -2.616894 h 2.530078 z"
|
61
|
+
style="font-size:25.4px;stroke-width:0.264583;fill:#a90000;fill-opacity:1"
|
62
|
+
id="path832" />
|
63
|
+
</g>
|
64
|
+
</g>
|
65
|
+
</svg>
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: jekyll-theme-simplex
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.9.
|
4
|
+
version: 0.9.3
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Ondrej Golasowski
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2021-01-
|
11
|
+
date: 2021-01-11 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -100,8 +100,8 @@ files:
|
|
100
100
|
- assets/fonts/RobotoSlab-Regular.woff2
|
101
101
|
- assets/fonts/fonts.css
|
102
102
|
- assets/img/icons/golasblog_logo.svg
|
103
|
+
- assets/img/icons/question.svg
|
103
104
|
- assets/img/icons/simplex_logo.svg
|
104
|
-
- assets/img/icons/wrench.svg
|
105
105
|
- assets/js/jquery.slim.min.js
|
106
106
|
- assets/js/tools.js
|
107
107
|
- assets/style.scss
|
data/assets/img/icons/wrench.svg
DELETED
@@ -1,54 +0,0 @@
|
|
1
|
-
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
2
|
-
<svg
|
3
|
-
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
4
|
-
xmlns:cc="http://creativecommons.org/ns#"
|
5
|
-
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
6
|
-
xmlns:svg="http://www.w3.org/2000/svg"
|
7
|
-
xmlns="http://www.w3.org/2000/svg"
|
8
|
-
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
9
|
-
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
10
|
-
height="512pt"
|
11
|
-
viewBox="0 0 512 512"
|
12
|
-
width="512pt"
|
13
|
-
version="1.1"
|
14
|
-
id="svg4"
|
15
|
-
sodipodi:docname="wrench.svg"
|
16
|
-
inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
|
17
|
-
<metadata
|
18
|
-
id="metadata10">
|
19
|
-
<rdf:RDF>
|
20
|
-
<cc:Work
|
21
|
-
rdf:about="">
|
22
|
-
<dc:format>image/svg+xml</dc:format>
|
23
|
-
<dc:type
|
24
|
-
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
25
|
-
</cc:Work>
|
26
|
-
</rdf:RDF>
|
27
|
-
</metadata>
|
28
|
-
<defs
|
29
|
-
id="defs8" />
|
30
|
-
<sodipodi:namedview
|
31
|
-
pagecolor="#ffffff"
|
32
|
-
bordercolor="#666666"
|
33
|
-
borderopacity="1"
|
34
|
-
objecttolerance="10"
|
35
|
-
gridtolerance="10"
|
36
|
-
guidetolerance="10"
|
37
|
-
inkscape:pageopacity="0"
|
38
|
-
inkscape:pageshadow="2"
|
39
|
-
inkscape:window-width="1047"
|
40
|
-
inkscape:window-height="861"
|
41
|
-
id="namedview6"
|
42
|
-
showgrid="false"
|
43
|
-
inkscape:zoom="0.34570313"
|
44
|
-
inkscape:cx="169.22034"
|
45
|
-
inkscape:cy="341.33333"
|
46
|
-
inkscape:window-x="2776"
|
47
|
-
inkscape:window-y="388"
|
48
|
-
inkscape:window-maximized="0"
|
49
|
-
inkscape:current-layer="svg4" />
|
50
|
-
<path
|
51
|
-
d="m505.492188 106.113281c-1.683594-5.335937-6.035157-9.386719-11.476563-10.710937-5.417969-1.324219-11.15625.277344-15.105469 4.222656l-67.582031 67.5625-51.734375-14.804688-14.804688-51.730468 67.585938-67.585938c3.964844-3.945312 5.546875-9.683594 4.222656-15.105468-1.324218-5.4375-5.375-9.769532-10.710937-11.476563-13.652344-4.285156-28.179688-6.484375-43.21875-6.484375-82.347657 0-149.335938 66.988281-149.335938 149.332031 0 17.429688 2.925781 34.261719 8.707031 50.175781l-203.265624 203.265626c-12.117188 12.097656-18.773438 28.160156-18.773438 45.226562s6.65625 33.128906 18.773438 45.226562c12.097656 12.117188 28.160156 18.773438 45.226562 18.773438s33.128906-6.65625 45.226562-18.773438l203.265626-203.265624c15.914062 5.78125 32.746093 8.707031 50.175781 8.707031 82.34375 0 149.332031-66.988281 149.332031-149.335938 0-15.039062-2.199219-29.566406-6.507812-43.21875zm0 0"
|
52
|
-
id="path2"
|
53
|
-
style="fill:#c02717;fill-opacity:1" />
|
54
|
-
</svg>
|