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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 20d4911b78605ef916527f0e628dec8da5ac56cc89d3a5ce7f8ca6abd05dbe81
4
- data.tar.gz: aacc42d2226b5b07520e4b2bc6b26f40ec5743882b7102473f5bd3418707dfc3
3
+ metadata.gz: a3cac9e8df49ff462e3c029bbcd0abfd2cc22ff994e5248c38a3844a4c6514aa
4
+ data.tar.gz: c6fda47b2058d38c0235c07354bd694cfe14ff9159659075f0f68d002200d2a0
5
5
  SHA512:
6
- metadata.gz: 98c0b72bbe1b57418cedb5788e35f7de089c777caf454a35c185bef44b3992583c094059df3662fc75d1d679798ce8365a282cdc3e4f108d671f0537173123ac
7
- data.tar.gz: a98b1e4066d42a214885838db9cb195820b43b4c851907cc0254acbe23bef190bd138daee6cb101b69448dbba0a4bb41b8fb1fd315d98992bcd403afbc4ea264
6
+ metadata.gz: c65ac0e803c19c3f285ae0482f0f6b5ecc5e2a4257c1054f8f6a7e7059d64e7a7e86ff87980ce136cb7300b66cf5c18960ee6f6e5cac765caf4dbbcf92723c67
7
+ data.tar.gz: 3002eb374d61022b160f319f359865d331b7d691b0aba91689b5ba61640ca885a9c0083d3e2f22bf14f11a928b92bf9ef3b079b84faa5b46b18327c53aa9b553
data/README.md CHANGED
@@ -1,4 +1,5 @@
1
- ![GitHub](https://img.shields.io/github/license/andreondra/jekyll-theme-simplex?style=flat-square)
1
+ ⚠ WORK IN PROGRESS - DO NOT USE IN PRODUCTION ⚠
2
+
2
3
  [![Demo](https://img.shields.io/badge/demo-golasblog-blue?style=flat-square)](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
- TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
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
- ## 🤝 Contributing
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
 
@@ -1,6 +1,11 @@
1
1
  <header class="header">
2
2
  <section class="logo">
3
- <h1>golasblog</h1>
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>
@@ -8,11 +8,9 @@
8
8
 
9
9
  <div class="item-controls">
10
10
  <a href="{{ site.url }}/{{ item.url }}">
11
- {% for img in site.static_files %}
12
- {% if img.name == item.icon and img.path contains "img/icons" %}
13
- <img src="{{ site.url }}/{{ img.path }}"/>
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 %}
@@ -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 == nil %}
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 != "null" %}
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
- <p class="snippet__data__metadata__category" style="color: {{ site.category | where: "category", post.category | map: "hue" }}">{{ post.category | join: " · " }}</p>
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
- <div class="snippet__data__author">
25
- {% assign author = site.authors | where: "nick", post.author | first %}
26
- <img src="{{ site.url }}/{{ author.photo_dir }}"/>
27
- <p>{{ author.full_name }}</p>
28
- </div>
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>
@@ -71,6 +71,13 @@
71
71
  &__category{
72
72
  text-transform: uppercase;
73
73
  margin: 0;
74
+ @include flexbox;
75
+
76
+ &__title{
77
+ color: white;
78
+ background: var(--c-themePrimaryDark);
79
+ padding: .2rem .5rem;
80
+ }
74
81
  }
75
82
 
76
83
  &__date{
@@ -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
 
@@ -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-themeTerniaryLight);
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.2
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-10 00:00:00.000000000 Z
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
@@ -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>