jekyll-theme-simplex 0.9.0 → 0.9.5

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.
Files changed (24) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +119 -5
  3. data/_includes/header.html +8 -1
  4. data/_includes/nav.html +3 -5
  5. data/_includes/snippet.html +17 -9
  6. data/_layouts/home.html +16 -0
  7. data/_layouts/page.html +3 -1
  8. data/_layouts/post.html +30 -1
  9. data/_sass/_feed.scss +30 -2
  10. data/_sass/_footer.scss +3 -0
  11. data/_sass/_global.scss +1 -0
  12. data/_sass/_header.scss +31 -6
  13. data/_sass/_page.scss +17 -0
  14. data/_sass/_post.scss +86 -0
  15. data/_sass/_variables.scss +43 -1
  16. data/assets/img/icons/brush.svg +47 -0
  17. data/assets/img/icons/chip.svg +111 -0
  18. data/assets/img/icons/cpp.svg +77 -0
  19. data/assets/img/icons/question.svg +65 -0
  20. data/assets/img/icons/server.svg +135 -0
  21. data/assets/img/icons/web.svg +63 -0
  22. data/assets/style.scss +2 -0
  23. metadata +10 -3
  24. data/assets/img/icons/wrench.svg +0 -54
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 77c604908694f8933df08b2357f297a65f174999b3c5f622c45521fb9d5771a8
4
- data.tar.gz: b18139a2fd2fda92df5c5d420c7668a1109b778c11c85991c405388574525cc6
3
+ metadata.gz: 3294a1cbffe7a7b4b7624bf42a4d962bc03265d840305ef74c485dbe5e78622e
4
+ data.tar.gz: fc353f36599d02f8d103ea4d313b93ebf2d9ce9e73776d7c8cf809f18e63c168
5
5
  SHA512:
6
- metadata.gz: 5a3109eb171813fa92e3ba7542e50040eb2c9f041333ca9399e8cdc6b6eda779f90d72a175464ecc37738a5d787ac0422ac9ed1f8ceca87b748697f7c6ed48e3
7
- data.tar.gz: 6fa72d0987272ad157ec3c78cc6557875149b44f3b38bab52a38a7cd833f7cb33760742345477d48968252b11e0d4a18846d34b3b8e1b59d5ea05290a3a1f4a5
6
+ metadata.gz: 528ec5e472bc2e01a14041280f797a47c71c2b56ffb86bbdf290555dc8f1b9bab0ddeb61058305876f479af97ab3c153c1091f18a45d5d4d8e85f645c4c628ef
7
+ data.tar.gz: 86a70450ceb07ab632a141c3a66dc2d38f861d0a19429e4ef63b8fc13731e7c679901c13efeb38b7db6598b18011ed9c02468387472479c1a83e964366abc447
data/README.md CHANGED
@@ -1,10 +1,21 @@
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"/>
5
6
 
6
7
  A *simple* yet neat blogging theme. Developed for the [golas blog](https://golas.blog/) project.
7
8
 
9
+ ## 👓 Preview
10
+ ![Preview](preview.gif)
11
+
12
+ ## 💎 Features
13
+ ### Responsive
14
+ ![Responsivity preview](previewResponsive.gif)
15
+
16
+ ### Dark mode
17
+ ![Dark mode preview](previewDark.gif)
18
+
8
19
  ## ℹ Installation
9
20
 
10
21
  Add this line to your Jekyll site's `Gemfile`:
@@ -29,10 +40,114 @@ Or install it yourself as:
29
40
 
30
41
  ## ✔ Usage
31
42
 
32
- TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
43
+ ### ⚙ Setting up the template
44
+ Replace the contents of the _config.yml file with the following:
45
+ ```yaml
46
+ title: the Simplex theme #The name of your blog.
47
+ logo_img: /assets/img/icons/golasblog_logo.svg #Absolute path to the logo. If not specified, the title will be displayed instead.
48
+ description: description #Description.
49
+ global_tags: jekyll theme simplex golasblog responsive html5 #Tags.
50
+ copyright: © Golasowski 2020 #Your copyright.
51
+
52
+ collections:
53
+ category:
54
+ output: true
55
+ authors:
56
+ output: false
57
+
58
+ defaults:
59
+ -
60
+ scope:
61
+ path: ""
62
+ type: category
63
+ values:
64
+ layout: "category"
65
+ ```
33
66
 
34
- ## 🤝 Contributing
67
+ ### ✨ Defining categories
68
+ Create a `_category` folder in the root directory of the blog. Create a `.md` file for every category with the contents:
69
+ ```
70
+ ---
71
+ category: [design] #Category ID.
72
+ hue: var(--c-themeHueOrange) #Category hue. See note [1].
73
+ title: Design #Category title.
74
+ description: Lorem ipsum dolor sit amet.
75
+ ---
76
+ ```
77
+
78
+ ### 🤵 Defining authors
79
+ Create a `_authors` folder in the root directory. Create a `.md` file for every author with the contents:
80
+ ```
81
+ ---
82
+ nick: golas #Author's nick.
83
+ full_name: Andrew Golasowski #Author's full name.
84
+ photo_dir: assets/img/authors/golas.png #Path to the author's pic.
85
+ ---
86
+ ```
87
+
88
+ ### 📰 Defining the menu
89
+ Create a `_data` folder in the root directory. In the folder, create a `nav.yaml` file. Here's an example:
90
+ ```yaml
91
+ - title: Programming #Menu item title.
92
+ url: category/programming.html #Menu item url.
93
+ icon: assets/img/icons/programming.svg #Menu item icon.
94
+ hue: "var(--c-themeHueRed)" #Menu item hue - see note [1].
95
+ subnav: #Subnav. See note [2].
96
+ - title: C++ #Submenu item title.
97
+ url: cpp.html #Submenu item url.
98
+ hue: "var(--c-themeHueOrange)" #Submenu item hue.
99
+ subnav: #Another subnav
100
+ - title: Libraries
101
+ url: libs.html
102
+ hue: "var(--c-themeHueBlue)"
103
+ - title: Design
104
+ url: design.html
105
+ icon: assets/img/icons/design.svg
106
+ hue: "var(--c-themeHueRed)"
107
+ ```
108
+ #### Pro tip:
109
+ Use color icons with the same hue as the menu items. Icons will be black and on hover the color will be shown.
35
110
 
111
+ ### ✒ Creating posts
112
+ Posts are created in the `_posts` directory. Following front matter attributes are supported:
113
+ ```
114
+ ---
115
+ layout: post #Do not change.
116
+ category: [programming, testing] #One, more categories or no at all.
117
+ title: "Lorem ipsum" #Article title.
118
+ author: andy #Author's nick.
119
+ ---
120
+ Your markdown content here.
121
+ ```
122
+
123
+ ### ℹ Notes
124
+ [1] Hue can be either one of the predefined colors or any of the CSS `color` attribute supported values (hex, rgb...).
125
+
126
+ [2] Submenus are generated recursively, so any menu (and submenu) can have its own submenu.
127
+
128
+ #### Predefined colors
129
+ You can use following predefined colors:
130
+ ```scss
131
+ --c-themePrimaryLight: #EFEFEF;
132
+ --c-themePrimaryDark: #101010;
133
+ --c-themeSecondaryLight: #DADADA;
134
+ --c-themeSecondaryDark: #252525;
135
+ --c-themeTerniaryLight: #AEAEAE;
136
+ --c-themeTerniaryDark: #515151;
137
+ --c-themeQuaternaryLight: #919191;
138
+ --c-themeQuaternaryDark: #888888;
139
+
140
+ --c-themeHueRed: #C02717;
141
+ --c-themeHueGreen: #8EA604;
142
+ --c-themeHueBlue: #2E86AB;
143
+ --c-themeHueOrange: #E59500;
144
+ --c-themeHuePurple: #9F00CE;
145
+ --c-themeHueBrown: #230007;
146
+ ```
147
+ These colors are CSS variables, usage: `var(--var-name)`
148
+
149
+ ## 🤝 Contributing
150
+
36
151
  Bug reports and pull requests are welcome on [GitHub](https://github.com/andreondra/jekyll-theme-simplex).
37
152
 
38
153
  ## ⚙ Development
@@ -45,6 +160,5 @@ When your theme is released, only the files in `_layouts`, `_includes`, `_sass`
45
160
  To add a custom directory to your theme-gem, please edit the regexp in `jekyll-theme-simplex.gemspec` accordingly.
46
161
 
47
162
  ## ⚖ License
48
-
49
- The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
163
+ © Ondrej Golasowski. The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
50
164
 
data/_includes/header.html CHANGED
@@ -1,6 +1,13 @@
1
1
  <header class="header">
2
2
  <section class="logo">
3
- <h1>golasblog</h1>
3
+ <a href="{{ site.url }}/" class="logo__link">
4
+ {% if site.logo_img != nil %}
5
+ <h1 style="display: none;">golasblog</h1>
6
+ <img class="logo__link__img" src={{site.logo_img}}/>
7
+ {% else %}
8
+ <h1>golasblog</h1>
9
+ {% endif %}
10
+ </a>
4
11
  </section>
5
12
  <button id="menuToggle">
6
13
  <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
- {% 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 %}
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 == 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>
data/_layouts/home.html ADDED
@@ -0,0 +1,16 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <section class="feed">
6
+ <section class="feed__description">
7
+ <h1>{{ site.title }}</h1>
8
+ <p>{{ site.description }}</p>
9
+ </section>
10
+
11
+ {% for post in site.posts %}
12
+ <section class="snippet snippet_{{ post.id | slugify: "ascii" }}">
13
+ {% include snippet.html post=post %}
14
+ </section>
15
+ {% endfor %}
16
+ </section>
data/_layouts/page.html CHANGED
@@ -2,4 +2,6 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- {{ content }}
5
+ <main class="page">
6
+ {{ content }}
7
+ </main>
data/_layouts/post.html CHANGED
@@ -3,5 +3,34 @@ layout: default
3
3
  ---
4
4
 
5
5
  <section class="post">
6
- {{ content }}
6
+
7
+ <div class="post__title">
8
+ <h1 class="post__title__text">{{ page.title }}</h1>
9
+ </div>
10
+ <div class="post__meta">
11
+ <div class="post__meta__category">
12
+ {% for category in page.category %}
13
+ <p class="post__meta__category__title" style="background: {{ site.category | where: "category", category | map: "hue"}}">{{ category }}</p>
14
+ {% else %}
15
+ <p class="post__meta__category__title">No category</p>
16
+ {% endfor %}
17
+ </div>
18
+ <p class="post__meta__divider">·</p>
19
+ <div class="post__meta__date">
20
+ {{ page.date | date: '%B %d, %Y' }}
21
+ </div>
22
+ {% if page.author != nil %}
23
+ {% assign author = site.authors | where: "nick", page.author | first %}
24
+ <p class="post__meta__divider">·</p>
25
+ <div class="post__meta__author">
26
+ <p>by </p>
27
+ <img class="post__meta__author__photo" src="{{ site.url }}/{{ author.photo_dir }}"/>
28
+ <p>{{ author.full_name }}</p>
29
+ </div>
30
+ {% endif %}
31
+ </div>
32
+
33
+ <div class="post__content">
34
+ {{ content }}
35
+ </div>
7
36
  </section>
data/_sass/_feed.scss CHANGED
@@ -20,12 +20,19 @@
20
20
  flex-direction: column;
21
21
  };
22
22
 
23
+ color: var(--c-feed-title);
24
+
23
25
  text-align: center;
24
26
  padding: 0 2rem;
27
+ margin-bottom: 2rem;
25
28
  min-width: 80%;
26
29
 
27
30
  h1{
28
31
  margin: 1rem 0 0 0;
32
+
33
+ @include for-size('tablet'){
34
+ margin: 0;
35
+ }
29
36
  }
30
37
  }
31
38
 
@@ -42,12 +49,12 @@
42
49
  height: 100%;
43
50
  margin: 1rem 0;
44
51
  padding: 1rem 2rem;
45
- box-shadow: inset 0px 0px 14px -4px rgba(0, 0, 0, 0);
52
+ box-shadow: inset 0px 0px 14px -4px var(--c-snippetShadow);
46
53
  transition: $t-smooth;
47
54
 
48
55
  &:hover{
49
56
  transform: scale(.99);
50
- box-shadow: inset 0px 0px 14px -4px rgba(0,0,0,0.5);
57
+ box-shadow: inset 0px 0px 14px -4px var(--c-snippetShadowHover);
51
58
  }
52
59
  }
53
60
 
@@ -71,6 +78,24 @@
71
78
  &__category{
72
79
  text-transform: uppercase;
73
80
  margin: 0;
81
+ @include flexbox;
82
+
83
+ &__title{
84
+ color: white;
85
+ background: var(--c-themePrimaryDark);
86
+ padding: .2rem .5rem;
87
+ }
88
+
89
+
90
+ @include for-size('tablet'){
91
+ flex-direction: column;
92
+
93
+ p{
94
+ text-align: center;
95
+ width: 100%;
96
+ margin: 0;
97
+ }
98
+ }
74
99
  }
75
100
 
76
101
  &__date{
@@ -89,6 +114,7 @@
89
114
 
90
115
  &__header{
91
116
  margin: 1rem 0 0 0;
117
+ color: var(--c-articleHeading);
92
118
 
93
119
  @include for-size('tablet'){
94
120
  margin: 1rem 0 0 0;
@@ -98,12 +124,14 @@
98
124
 
99
125
  &__text{
100
126
 
127
+ color: var(--c-snippetHeading);
101
128
  margin: 1rem 0 0 0;
102
129
  }
103
130
 
104
131
  &__author{
105
132
 
106
133
  margin: 1.5rem 0 0 0;
134
+ color: var(--c-snippetAuthor);
107
135
 
108
136
  @include flexbox{
109
137
  flex-direction: row;
data/_sass/_footer.scss CHANGED
@@ -7,6 +7,8 @@
7
7
 
8
8
  @include flexbox;
9
9
  padding: 1rem 0 0 0;
10
+ margin-top: auto;
11
+ color: var(--c-footerText);
10
12
 
11
13
  &__about{
12
14
 
@@ -35,6 +37,7 @@
35
37
  height: 1.25rem;
36
38
  margin: 0 .5rem;
37
39
  transition: $t-smooth;
40
+ filter: var(--c-footerImageFilter);
38
41
 
39
42
  &:hover{
40
43
  transform: scale(1.05) rotate(-5deg);
data/_sass/_global.scss CHANGED
@@ -27,6 +27,7 @@ body{
27
27
 
28
28
  display: grid;
29
29
  gap: 0 100px;
30
+ align-items: start;
30
31
  grid-template-areas:
31
32
  "header"
32
33
  "main"
data/_sass/_header.scss CHANGED
@@ -9,13 +9,36 @@
9
9
  flex-direction: column;
10
10
  };
11
11
 
12
+ padding-top: 2rem;
13
+
14
+ .logo{
15
+
16
+ &__link{
17
+
18
+ text-decoration: none;
19
+ color: var(--c-themePrimaryDark);
20
+ transition: $t-smooth;
21
+
22
+ &:hover{
23
+ letter-spacing: .5rem;
24
+ }
25
+ h1{
26
+ margin: 0;
27
+ }
28
+ &__img{
29
+ filter: var(--c-headerImageFilter);
30
+ height: 2rem;
31
+ }
32
+ }
33
+ }
34
+
12
35
  #menuToggle{
13
36
  display: none;
14
37
  border: none;
15
38
  outline: none;
16
39
  cursor: pointer;
17
40
 
18
- margin: 2rem 0;
41
+ margin: 2rem 0 1rem 0;
19
42
  padding: 0;
20
43
  font-size: 1rem;
21
44
  width: 3em;
@@ -53,6 +76,7 @@
53
76
 
54
77
  max-width: 100vw;
55
78
  width: 100%;
79
+ margin-top: 2rem;
56
80
 
57
81
  .list{
58
82
 
@@ -80,7 +104,7 @@
80
104
 
81
105
  img,p{
82
106
  transition: $t-smooth;
83
- filter: brightness(0);
107
+ filter: var(--c-menuItemsFilter);
84
108
  }
85
109
 
86
110
  img{
@@ -121,7 +145,7 @@
121
145
  max-height: 0;
122
146
  width: 250px;
123
147
  overflow: hidden;
124
- box-shadow: inset 0px 0px 14px -4px rgba(0,0,0,0.5);
148
+ box-shadow: inset 0px 0px 14px -4px var(--c-menuShadow);
125
149
  transition: $t-smooth;
126
150
  flex-direction: column;
127
151
 
@@ -146,7 +170,7 @@
146
170
 
147
171
  img{
148
172
  transform: scale(1.1);
149
- filter: none;
173
+ filter: var(--c-menuItemsFilterHover);
150
174
 
151
175
  @include for-size('tablet'){
152
176
  transform: scale(1);
@@ -155,7 +179,7 @@
155
179
 
156
180
  p{
157
181
  letter-spacing: .1rem;
158
- filter: none;
182
+ filter: var(--c-menuItemsFilterHover);
159
183
 
160
184
  @include for-size('tablet'){
161
185
  letter-spacing: .2rem;
@@ -250,11 +274,12 @@
250
274
  }
251
275
 
252
276
  @include for-size('tablet'){
253
- box-shadow: inset 0px 0px 14px -4px rgba(0,0,0,0.5);
277
+ box-shadow: inset 0px 0px 14px -4px var(--c-menuShadow);
254
278
 
255
279
  transition: $t-smooth;
256
280
  max-height: 0;
257
281
  overflow: hidden;
282
+ margin: 0;
258
283
  &.open{
259
284
  max-height: $s-m-menuMaxHeight;
260
285
  }
data/_sass/_page.scss ADDED
@@ -0,0 +1,17 @@
1
+ // =============================
2
+ // global.scss
3
+ // =============================
4
+ // Used for single page styles.
5
+
6
+ .page{
7
+
8
+ color: var(--c-pageText);
9
+ justify-self: center;
10
+ padding: 0 1rem;
11
+ max-width: 1000px;
12
+ @include flexbox{
13
+ flex-direction: column;
14
+ justify-content: flex-start;
15
+ align-items: center;
16
+ }
17
+ }
data/_sass/_post.scss CHANGED
@@ -8,4 +8,90 @@
8
8
  justify-self: center;
9
9
  padding: 0 1rem;
10
10
  max-width: 1000px;
11
+ @include flexbox{
12
+ flex-direction: column;
13
+ justify-content: flex-start;
14
+ align-items: center;
15
+ }
16
+
17
+ &__title{
18
+
19
+ &__text{
20
+ color: var(--c-postTitle);
21
+ margin-bottom: 0;
22
+ }
23
+ }
24
+
25
+ &__meta{
26
+
27
+ @include flexbox;
28
+ width: 100%;
29
+
30
+ &__divider{
31
+ color: var(--c-postText);
32
+ margin: 0 1rem;
33
+
34
+ @include for-size('tablet'){
35
+ display: none;
36
+ }
37
+ }
38
+
39
+ &__category{
40
+ text-transform: uppercase;
41
+ margin: 0;
42
+ @include flexbox;
43
+
44
+ &__title{
45
+ color: white;
46
+ background: var(--c-themePrimaryDark);
47
+ padding: .2rem .5rem;
48
+ }
49
+
50
+ @include for-size('tablet'){
51
+
52
+ display: none;
53
+ margin-top: 1rem;
54
+ p{
55
+ margin: 0;
56
+ width: 100%;
57
+ text-align: center;
58
+ }
59
+ flex-direction: column;
60
+ }
61
+ }
62
+
63
+ &__date{
64
+
65
+ color: var(--c-postText);
66
+ @include for-size('tablet'){
67
+ margin-top: 1rem;
68
+ }
69
+ }
70
+
71
+ &__author{
72
+
73
+ color: var(--c-postText);
74
+ width: fit-content;
75
+ //box-shadow: inset 0px 0px 14px -4px rgba(0,0,0,0.5);
76
+ @include flexbox;
77
+
78
+ &__photo{
79
+ margin: 0 1rem;
80
+ width: 2rem;
81
+ border-radius: 100%;
82
+ }
83
+ }
84
+
85
+ @include for-size('tablet'){
86
+ flex-direction: column;
87
+ }
88
+ }
89
+
90
+ &__content{
91
+
92
+ color: var(--c-postText);
93
+ h1{
94
+ font-size: 1.8rem;
95
+ }
96
+ }
11
97
  }
data/_sass/_variables.scss CHANGED
@@ -28,33 +28,75 @@
28
28
 
29
29
  @media (prefers-color-scheme: light){
30
30
 
31
+
31
32
  --c-articleHeading: var(--c-themePrimaryDark);
32
33
  --c-articleParagraph: var(--c-themeSecondaryDark);
33
34
  --c-articleBackground: var(--c-themePrimaryLight);
34
35
 
35
36
  --c-pageBackground: var(--c-themePrimaryLight);
36
37
 
38
+ --c-headerImageFilter: none;
37
39
  --c-menuLinks: var(--c-themePrimaryDark);
38
40
  --c-menuDepth0: var(--c-themeSecondaryLight);
41
+ --c-menuItemsFilter: brightness(0);
42
+ --c-menuItemsFilterHover: none;
43
+ --c-menuShadow: rgba(0,0,0,0.5);
39
44
 
40
45
  --c-snippetBackgroundExternal: rgba(239, 239, 239, 0.425);
41
46
  --c-snippetBackgroundInternal: var(--c-pageBackground);
47
+ --c-snippetHeading: var(--c-themePrimaryDark);
48
+ --c-snippetDate: var(--c-themeSecondaryDark);
49
+ --c-snippetAuthor: var(--c-themePrimaryDark);
50
+ --c-snippetShadowHover: rgba(0,0,0,0.5);
51
+ --c-snippetShadow: rgba(0, 0, 0, 0);
52
+
53
+ --c-postTitle: var(--c-themePrimaryDark);
54
+ --c-postText: var(--c-themePrimaryDark);
55
+ --c-pageTitle: var(--c-themePrimaryDark);
56
+ --c-pageText: var(--c-themePrimaryDark);
42
57
 
43
- --c-snippetDate: var(--c-themeTerniaryLight);
58
+ --c-feed-title: var(--c-themePrimaryDark);
44
59
 
45
60
  --c-link: var(--c-themeTerniaryDark);
46
61
  --c-linkVisited: var(--c-themeQuaternaryDark);
47
62
  --c-linkHover: var(--c-themePrimaryDark);
48
63
  --c-linkActive: var(--c-themePrimaryDark);
64
+
65
+ --c-footerText: var(--c-themePrimaryDark);
66
+ --c-footerImageFilter: none;
49
67
  }
50
68
 
51
69
  @media (prefers-color-scheme: dark){
52
70
 
71
+ --c-headerImageFilter: invert(1);
72
+ --c-menuLinks: var(--c-themePrimaryLight);
73
+ --c-menuDepth0: var(--c-themeSecondaryLight);
74
+ --c-menuItemsFilter: none;
75
+ --c-menuItemsFilterHover: brightness(100);
76
+ --c-menuShadow: rgba(255, 255, 255, 0.2);
77
+
53
78
  --c-articleHeading: var(--c-themePrimaryLight);
54
79
  --c-articleParagraph: var(--c-themeSecondaryLight);
55
80
  --c-articleBackground: var(--c-themePrimaryDark);
56
81
 
82
+ --c-snippetHeading: var(--c-themePrimaryLight);
83
+ --c-snippetDate: var(--c-themeSecondaryLight);
84
+ --c-snippetAuthor: var(--c-themePrimaryLight);
85
+
86
+ --c-snippetShadowHover: rgba(255, 255, 255, 0.5);
87
+ --c-snippetShadow: rgba(0, 0, 0, 0);
88
+
89
+ --c-postTitle: var(--c-themePrimaryLight);
90
+ --c-postText: var(--c-themePrimaryLight);
91
+ --c-pageTitle: var(--c-themePrimaryLight);
92
+ --c-pageText: var(--c-themePrimaryLight);
93
+
94
+ --c-feed-title: var(--c-themePrimaryLight);
95
+
57
96
  --c-pageBackground: var(--c-themePrimaryDark);
97
+
98
+ --c-footerText: var(--c-themePrimaryLight);
99
+ --c-footerImageFilter: invert(1);
58
100
  }
59
101
 
60
102
  }
data/assets/img/icons/brush.svg ADDED
@@ -0,0 +1,47 @@
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
+ version="1.1"
11
+ x="0px"
12
+ y="0px"
13
+ viewBox="0 0 100 100"
14
+ style="enable-background:new 0 0 100 100;"
15
+ xml:space="preserve"
16
+ id="svg6"
17
+ sodipodi:docname="brush.svg"
18
+ inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"><metadata
19
+ id="metadata12"><rdf:RDF><cc:Work
20
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
21
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
22
+ id="defs10" /><sodipodi:namedview
23
+ pagecolor="#ffffff"
24
+ bordercolor="#666666"
25
+ borderopacity="1"
26
+ objecttolerance="10"
27
+ gridtolerance="10"
28
+ guidetolerance="10"
29
+ inkscape:pageopacity="0"
30
+ inkscape:pageshadow="2"
31
+ inkscape:window-width="1754"
32
+ inkscape:window-height="1314"
33
+ id="namedview8"
34
+ showgrid="false"
35
+ inkscape:zoom="10.08"
36
+ inkscape:cx="41.765873"
37
+ inkscape:cy="50"
38
+ inkscape:window-x="0"
39
+ inkscape:window-y="0"
40
+ inkscape:window-maximized="0"
41
+ inkscape:current-layer="svg6" /><path
42
+ d="M42,91.9c-4,5.4-10.6,6.7-15.4,6.8c-5.7,0.2-10.6-1.2-13-2.2c6.2-2.6,8.5-6.4,10.9-10.4c1.3-2.2,2.6-4.4,4.7-6.6 c1.6-1.7,3.8-2.7,6.2-2.7c2.4-0.1,4.6,0.8,6.3,2.4C45.7,82.9,44.6,88.4,42,91.9z"
43
+ id="path2"
44
+ style="fill:#e59500;fill-opacity:1" /><path
45
+ d="M84.4,7.4L45.8,78.9c-0.5-0.7-1-1.4-1.7-2c-2.3-2.2-5.3-3.4-8.5-3.3L79,4.3c0.8-1.4,2.6-1.9,4.1-1.1l0.3,0.2 C84.7,4.2,85.2,6,84.4,7.4z"
46
+ id="path4"
47
+ style="fill:#e59500;fill-opacity:1" /></svg>
data/assets/img/icons/chip.svg ADDED
@@ -0,0 +1,111 @@
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
+ version="1.1"
11
+ id="Capa_1"
12
+ x="0px"
13
+ y="0px"
14
+ viewBox="0 0 490.2 490.2"
15
+ style="enable-background:new 0 0 490.2 490.2;"
16
+ xml:space="preserve"
17
+ sodipodi:docname="chip.svg"
18
+ inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"><metadata
19
+ id="metadata41"><rdf:RDF><cc:Work
20
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
21
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
22
+ id="defs39" /><sodipodi:namedview
23
+ pagecolor="#ffffff"
24
+ bordercolor="#666666"
25
+ borderopacity="1"
26
+ objecttolerance="10"
27
+ gridtolerance="10"
28
+ guidetolerance="10"
29
+ inkscape:pageopacity="0"
30
+ inkscape:pageshadow="2"
31
+ inkscape:window-width="2560"
32
+ inkscape:window-height="1361"
33
+ id="namedview37"
34
+ showgrid="false"
35
+ inkscape:zoom="2.0563035"
36
+ inkscape:cx="204.73631"
37
+ inkscape:cy="245.10001"
38
+ inkscape:window-x="-9"
39
+ inkscape:window-y="-9"
40
+ inkscape:window-maximized="1"
41
+ inkscape:current-layer="Capa_1" />
42
+ <g
43
+ id="g4"
44
+ transform="matrix(0.92458779,0,0,0.92458779,18.483533,18.483533)"
45
+ style="fill:#2e86ab;fill-opacity:1">
46
+ <path
47
+ d="m 469.15,265.9 c 11.5,0 20.9,-9.4 20.9,-20.9 0,-11.5 -9.4,-20.9 -20.9,-20.9 h -59.4 V 195 h 59.4 c 11.5,0 20.9,-9.4 20.9,-20.9 0,-11.5 -9.4,-20.9 -20.9,-20.9 h -59.4 v -51.1 c 0,-11.5 -9.4,-20.9 -20.9,-20.9 h -52.1 V 20.9 c 0,-11.5 -9.4,-20.9 -20.9,-20.9 -11.5,0 -20.9,9.4 -20.9,20.9 v 60.5 h -29.2 V 20.9 c 0,-11.5 -9.4,-20.9 -20.9,-20.9 -11.5,0 -20.9,9.4 -20.9,20.9 v 60.5 h -28.9 V 20.9 c 0,-11.5 -9.4,-20.9 -20.9,-20.9 -11.5,0 -20.9,9.4 -20.9,20.9 v 60.5 h -49 c -11.5,0 -20.9,9.4 -20.9,20.9 v 51.1 h -62.4 c -11.5,0 -20.9,9.4 -20.9,20.9 0,11.5 9.4,20.9 20.9,20.9 h 62.6 v 29.2 h -62.6 c -11.5,0 -20.9,9.4 -20.9,20.9 0,11.5 9.4,20.9 20.9,20.9 h 62.6 V 294 h -62.6 c -11.5,0 -20.9,9.4 -20.9,20.9 0,11.5 9.4,20.9 20.9,20.9 h 62.6 v 51.1 c 0,11.5 9.4,20.9 20.9,20.9 h 49 v 61.5 c 0,11.5 9.4,20.9 20.9,20.9 11.5,0 20.9,-9.4 20.9,-20.9 v -61.5 h 29.2 v 61.5 c 0,11.5 9.4,20.9 20.9,20.9 11.5,0 20.9,-9.4 20.9,-20.9 v -61.5 h 28.8 v 61.5 c 0,11.5 9.4,20.9 20.9,20.9 10.4,0 19.8,-9.4 20.9,-20.9 v -61.5 h 52.1 c 11.5,0 20.9,-8.3 20.9,-20.9 v -51.1 h 59.4 c 11.5,0 20.9,-9.4 20.9,-20.9 0,-11.5 -9.4,-20.9 -20.9,-20.9 h -59.4 V 265.9 Z M 368.05,367 h -244 V 123 h 244 z"
48
+ id="path2"
49
+ style="fill:#2e86ab;fill-opacity:1" />
50
+ </g>
51
+ <g
52
+ id="g6"
53
+ transform="matrix(0.92458779,0,0,0.92458779,18.483533,18.483533)">
54
+ </g>
55
+ <g
56
+ id="g8"
57
+ transform="matrix(0.92458779,0,0,0.92458779,18.483533,18.483533)">
58
+ </g>
59
+ <g
60
+ id="g10"
61
+ transform="matrix(0.92458779,0,0,0.92458779,18.483533,18.483533)">
62
+ </g>
63
+ <g
64
+ id="g12"
65
+ transform="matrix(0.92458779,0,0,0.92458779,18.483533,18.483533)">
66
+ </g>
67
+ <g
68
+ id="g14"
69
+ transform="matrix(0.92458779,0,0,0.92458779,18.483533,18.483533)">
70
+ </g>
71
+ <g
72
+ id="g16"
73
+ transform="matrix(0.92458779,0,0,0.92458779,18.483533,18.483533)">
74
+ </g>
75
+ <g
76
+ id="g18"
77
+ transform="matrix(0.92458779,0,0,0.92458779,18.483533,18.483533)">
78
+ </g>
79
+ <g
80
+ id="g20"
81
+ transform="matrix(0.92458779,0,0,0.92458779,18.483533,18.483533)">
82
+ </g>
83
+ <g
84
+ id="g22"
85
+ transform="matrix(0.92458779,0,0,0.92458779,18.483533,18.483533)">
86
+ </g>
87
+ <g
88
+ id="g24"
89
+ transform="matrix(0.92458779,0,0,0.92458779,18.483533,18.483533)">
90
+ </g>
91
+ <g
92
+ id="g26"
93
+ transform="matrix(0.92458779,0,0,0.92458779,18.483533,18.483533)">
94
+ </g>
95
+ <g
96
+ id="g28"
97
+ transform="matrix(0.92458779,0,0,0.92458779,18.483533,18.483533)">
98
+ </g>
99
+ <g
100
+ id="g30"
101
+ transform="matrix(0.92458779,0,0,0.92458779,18.483533,18.483533)">
102
+ </g>
103
+ <g
104
+ id="g32"
105
+ transform="matrix(0.92458779,0,0,0.92458779,18.483533,18.483533)">
106
+ </g>
107
+ <g
108
+ id="g34"
109
+ transform="matrix(0.92458779,0,0,0.92458779,18.483533,18.483533)">
110
+ </g>
111
+ </svg>
data/assets/img/icons/cpp.svg ADDED
@@ -0,0 +1,77 @@
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
+ version="1.0"
11
+ width="100"
12
+ height="100"
13
+ id="svg7"
14
+ sodipodi:docname="cpp.svg"
15
+ inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
16
+ <defs
17
+ id="defs11" />
18
+ <sodipodi:namedview
19
+ pagecolor="#ffffff"
20
+ bordercolor="#666666"
21
+ borderopacity="1"
22
+ objecttolerance="10"
23
+ gridtolerance="10"
24
+ guidetolerance="10"
25
+ inkscape:pageopacity="0"
26
+ inkscape:pageshadow="2"
27
+ inkscape:window-width="2089"
28
+ inkscape:window-height="1187"
29
+ id="namedview9"
30
+ showgrid="false"
31
+ inkscape:zoom="5.04"
32
+ inkscape:cx="56.240358"
33
+ inkscape:cy="56.589041"
34
+ inkscape:window-x="0"
35
+ inkscape:window-y="0"
36
+ inkscape:window-maximized="0"
37
+ inkscape:current-layer="svg7" />
38
+ <metadata
39
+ id="metadata2">
40
+ <rdf:RDF>
41
+ <rdf:Description
42
+ rdf:about="https://commons.wikimedia.org/wiki/File:C_plus_plus.svg">
43
+ <dc:title>C plus plus</dc:title>
44
+ <dc:description>Logo of C++ (programming language)</dc:description>
45
+ <dc:creator>JTojnar</dc:creator>
46
+ <dc:license>Public Domain</dc:license>
47
+ <dc:format>image/svg+xml</dc:format>
48
+ <dc:type
49
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
50
+ </rdf:Description>
51
+ <cc:Work
52
+ rdf:about="">
53
+ <dc:format>image/svg+xml</dc:format>
54
+ <dc:type
55
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
56
+ </cc:Work>
57
+ </rdf:RDF>
58
+ </metadata>
59
+ <g
60
+ id="g844"
61
+ style="fill:#c02717;fill-opacity:1">
62
+ <path
63
+ id="big-C"
64
+ d="M 54.341278,23.416146 L 54.341278,32.368497 C 51.4832,29.706659 48.429036,27.71725 45.178782,26.400263 C 41.956453,25.083386 38.524021,24.42492 34.881478,24.424862 C 27.708364,24.42492 22.216474,26.624477 18.405794,31.023543 C 14.595077,35.394688 12.689727,41.727171 12.68974,50.021015 C 12.689727,58.286899 14.595077,64.619382 18.405794,69.018487 C 22.216474,73.389594 27.708364,75.575141 34.881478,75.575137 C 38.524021,75.575141 41.956453,74.916676 45.178782,73.599736 C 48.429036,72.282811 51.4832,70.293402 54.341278,67.631502 L 54.341278,76.499792 C 51.371119,78.517225 48.218887,80.030298 44.884573,81.039015 C 41.578185,82.047725 38.075704,82.552085 34.37712,82.552085 C 24.878359,82.552085 17.397061,79.65203 11.933205,73.851913 C 6.4693217,68.023794 3.7373877,60.08017 3.7373917,50.021015 C 3.7373877,39.933903 6.4693217,31.990276 11.933205,26.190115 C 17.397061,20.362043 24.878359,17.447977 34.37712,17.447915 C 38.131745,17.447977 41.662244,17.952335 44.968631,18.960988 C 48.302948,19.941746 51.427159,21.426796 54.341278,23.416146"
65
+ style="fill:#c02717;stroke:none;fill-opacity:1" />
66
+ <text
67
+ id="first-plus"
68
+ y="62.539062"
69
+ x="25.666044"
70
+ style="font-size:40px;font-style:normal;font-weight:normal;fill:#c02717;fill-opacity:1;stroke:none;font-family:Bitstream Vera Sans">+</text>
71
+ <text
72
+ id="second-plus"
73
+ y="62.539062"
74
+ x="57.233311"
75
+ style="font-size:40px;font-style:normal;font-weight:normal;fill:#c02717;fill-opacity:1;stroke:none;font-family:Bitstream Vera Sans">+</text>
76
+ </g>
77
+ </svg>
data/assets/img/icons/question.svg ADDED
@@ -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>
data/assets/img/icons/server.svg ADDED
@@ -0,0 +1,135 @@
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
+ version="1.1"
11
+ id="Capa_1"
12
+ x="0px"
13
+ y="0px"
14
+ viewBox="0 0 512 512"
15
+ style="enable-background:new 0 0 512 512;"
16
+ xml:space="preserve"
17
+ sodipodi:docname="server.svg"
18
+ inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"><metadata
19
+ id="metadata55"><rdf:RDF><cc:Work
20
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
21
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
22
+ id="defs53" /><sodipodi:namedview
23
+ pagecolor="#ffffff"
24
+ bordercolor="#666666"
25
+ borderopacity="1"
26
+ objecttolerance="10"
27
+ gridtolerance="10"
28
+ guidetolerance="10"
29
+ inkscape:pageopacity="0"
30
+ inkscape:pageshadow="2"
31
+ inkscape:window-width="2560"
32
+ inkscape:window-height="1361"
33
+ id="namedview51"
34
+ showgrid="false"
35
+ inkscape:zoom="1.3921165"
36
+ inkscape:cx="117.82162"
37
+ inkscape:cy="294.92293"
38
+ inkscape:window-x="-9"
39
+ inkscape:window-y="-9"
40
+ inkscape:window-maximized="1"
41
+ inkscape:current-layer="Capa_1"
42
+ inkscape:document-rotation="0" />
43
+
44
+ <g
45
+ id="g889"
46
+ transform="matrix(0.7839396,0,0,0.7839396,55.311464,55.311464)"
47
+ style="fill:#8ea604;fill-opacity:1"><g
48
+ id="g4"
49
+ style="fill:#8ea604;fill-opacity:1">
50
+ <path
51
+ d="m 485.52,0 h -448 C 19.848,0 0,8.807 0,26.48 v 320 C 0,364.152 19.848,381 37.52,381 H 231 v 30 h -17.48 c -8.836,0 -16,10 -16,20 h -80 c -17.672,0 -32,12.328 -32,30 0,17.672 14.328,30 32,30 h 80 c 0,10 7.164,21 16,21 h 96 c 8.836,0 16,-11 16,-21 h 80 c 17.672,0 32,-12.328 32,-30 0,-17.672 -14.328,-30 -32,-30 h -80 c 0,-10 -7.164,-20 -16,-20 H 292 V 381 H 485.52 C 503.192,381 512,364.152 512,346.48 v -320 C 512,8.807 503.191,0 485.52,0 Z M 452,311 H 71 v -91 h 381 z m 0,-161 H 71 V 60 h 381 z"
52
+ id="path2"
53
+ style="fill:#8ea604;fill-opacity:1" />
54
+ </g><g
55
+ id="g18"
56
+ style="fill:#8ea604;fill-opacity:1">
57
+ <g
58
+ id="g10"
59
+ style="fill:#8ea604;fill-opacity:1">
60
+ <circle
61
+ cx="299"
62
+ cy="107"
63
+ r="32"
64
+ id="circle6"
65
+ style="fill:#8ea604;fill-opacity:1" />
66
+ <circle
67
+ cx="395"
68
+ cy="107"
69
+ r="32"
70
+ id="circle8"
71
+ style="fill:#8ea604;fill-opacity:1" />
72
+ </g>
73
+ <g
74
+ id="g16"
75
+ style="fill:#8ea604;fill-opacity:1">
76
+ <circle
77
+ cx="299"
78
+ cy="267"
79
+ r="32"
80
+ id="circle12"
81
+ style="fill:#8ea604;fill-opacity:1" />
82
+ <circle
83
+ cx="395"
84
+ cy="267"
85
+ r="32"
86
+ id="circle14"
87
+ style="fill:#8ea604;fill-opacity:1" />
88
+ </g>
89
+ </g></g>
90
+ <g
91
+ id="g20">
92
+ </g>
93
+ <g
94
+ id="g22">
95
+ </g>
96
+ <g
97
+ id="g24">
98
+ </g>
99
+ <g
100
+ id="g26">
101
+ </g>
102
+ <g
103
+ id="g28">
104
+ </g>
105
+ <g
106
+ id="g30">
107
+ </g>
108
+ <g
109
+ id="g32">
110
+ </g>
111
+ <g
112
+ id="g34">
113
+ </g>
114
+ <g
115
+ id="g36">
116
+ </g>
117
+ <g
118
+ id="g38">
119
+ </g>
120
+ <g
121
+ id="g40">
122
+ </g>
123
+ <g
124
+ id="g42">
125
+ </g>
126
+ <g
127
+ id="g44">
128
+ </g>
129
+ <g
130
+ id="g46">
131
+ </g>
132
+ <g
133
+ id="g48">
134
+ </g>
135
+ </svg>
data/assets/img/icons/web.svg ADDED
@@ -0,0 +1,63 @@
1
+ <?xml version="1.0" encoding="iso-8859-1"?>
2
+ <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
+ <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
+ width="392.186px" height="392.186px" viewBox="0 0 392.186 392.186" style="enable-background:new 0 0 392.186 392.186;"
6
+ xml:space="preserve">
7
+ <g>
8
+ <g>
9
+ <g>
10
+ <path d="M368.62,17.951H23.568C10.57,17.951,0,28.524,0,41.52v309.146c0,12.996,10.57,23.568,23.568,23.568h345.053
11
+ c12.994,0,23.564-10.572,23.564-23.568V41.52C392.188,28.525,381.614,17.951,368.62,17.951z M297.56,57.528
12
+ c0-4.806,3.896-8.703,8.701-8.703h8.703c4.808,0,8.701,3.896,8.701,8.703v9.863c0,4.806-3.896,8.702-8.701,8.702h-8.703
13
+ c-4.805,0-8.701-3.896-8.701-8.702V57.528z M257.093,57.528c0-4.806,3.898-8.703,8.703-8.703h8.701
14
+ c4.805,0,8.703,3.896,8.703,8.703v9.863c0,4.806-3.898,8.702-8.703,8.702h-8.701c-4.805,0-8.703-3.896-8.703-8.702V57.528z
15
+ M363.903,345.951H28.282V102.235h335.621V345.951L363.903,345.951z M364.132,67.391c0,4.806-3.896,8.702-8.701,8.702h-8.703
16
+ c-4.809,0-8.702-3.896-8.702-8.702v-9.863c0-4.806,3.896-8.703,8.702-8.703h8.703c4.806,0,8.701,3.896,8.701,8.703V67.391z"/>
17
+ <path d="M84.185,233.284l63.084,29.336c1.631,0.755,3.367,1.138,5.162,1.138c2.338,0,4.617-0.664,6.598-1.924
18
+ c3.547-2.267,5.666-6.13,5.666-10.334v-0.322c0-4.752-2.785-9.116-7.096-11.118l-39.455-18.332l39.455-18.334
19
+ c4.311-2.004,7.096-6.367,7.096-11.117v-0.319c0-4.21-2.119-8.075-5.666-10.334c-1.961-1.253-4.246-1.916-6.605-1.916
20
+ c-1.779,0-3.563,0.391-5.16,1.133l-63.08,29.333c-4.307,2.004-7.09,6.369-7.09,11.117v0.877
21
+ C77.093,226.909,79.874,231.272,84.185,233.284z"/>
22
+ <path d="M165.257,293.036c2.301,3.149,6.002,5.03,9.9,5.03h0.316c5.352,0,10.041-3.426,11.672-8.517L228.7,160.788
23
+ c1.192-3.716,0.531-7.818-1.771-10.973c-2.301-3.15-6.002-5.03-9.901-5.03h-0.315c-5.354,0-10.048,3.425-11.679,8.516
24
+ l-41.559,128.771C162.292,285.793,162.958,289.889,165.257,293.036z"/>
25
+ <path d="M227.49,192.276c0,4.745,2.783,9.109,7.095,11.123l39.455,18.329l-39.455,18.33c-4.31,2.004-7.095,6.368-7.095,11.118
26
+ v0.322c0,4.205,2.117,8.068,5.668,10.336c1.974,1.258,4.254,1.924,6.595,1.924c1.793,0,3.528-0.383,5.17-1.142l63.08-29.335
27
+ c4.307-2.009,7.09-6.372,7.09-11.115v-0.877c0-4.748-2.783-9.113-7.094-11.117l-63.08-29.333
28
+ c-1.591-0.74-3.373-1.131-5.152-1.131c-2.355,0-4.643,0.661-6.604,1.912c-3.551,2.263-5.67,6.127-5.67,10.337v0.318H227.49
29
+ L227.49,192.276z"/>
30
+ </g>
31
+ </g>
32
+ </g>
33
+ <g>
34
+ </g>
35
+ <g>
36
+ </g>
37
+ <g>
38
+ </g>
39
+ <g>
40
+ </g>
41
+ <g>
42
+ </g>
43
+ <g>
44
+ </g>
45
+ <g>
46
+ </g>
47
+ <g>
48
+ </g>
49
+ <g>
50
+ </g>
51
+ <g>
52
+ </g>
53
+ <g>
54
+ </g>
55
+ <g>
56
+ </g>
57
+ <g>
58
+ </g>
59
+ <g>
60
+ </g>
61
+ <g>
62
+ </g>
63
+ </svg>
data/assets/style.scss CHANGED
@@ -27,3 +27,5 @@
27
27
  @import "_feed.scss";
28
28
  @import "_index.scss";
29
29
  @import "_post.scss";
30
+ @import "_page.scss";
31
+
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.0
4
+ version: 0.9.5
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-13 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -69,6 +69,7 @@ files:
69
69
  - _includes/snippet.html
70
70
  - _layouts/category.html
71
71
  - _layouts/default.html
72
+ - _layouts/home.html
72
73
  - _layouts/page.html
73
74
  - _layouts/post.html
74
75
  - _sass/_feed.scss
@@ -77,6 +78,7 @@ files:
77
78
  - _sass/_header.scss
78
79
  - _sass/_index.scss
79
80
  - _sass/_mixins.scss
81
+ - _sass/_page.scss
80
82
  - _sass/_post.scss
81
83
  - _sass/_variables.scss
82
84
  - assets/fonts/Roboto-Bold.ttf
@@ -98,9 +100,14 @@ files:
98
100
  - assets/fonts/RobotoSlab-Regular.woff
99
101
  - assets/fonts/RobotoSlab-Regular.woff2
100
102
  - assets/fonts/fonts.css
103
+ - assets/img/icons/brush.svg
104
+ - assets/img/icons/chip.svg
105
+ - assets/img/icons/cpp.svg
101
106
  - assets/img/icons/golasblog_logo.svg
107
+ - assets/img/icons/question.svg
108
+ - assets/img/icons/server.svg
102
109
  - assets/img/icons/simplex_logo.svg
103
- - assets/img/icons/wrench.svg
110
+ - assets/img/icons/web.svg
104
111
  - assets/js/jquery.slim.min.js
105
112
  - assets/js/tools.js
106
113
  - 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>