jekyll-theme-simplex 0.9.0 → 0.9.5

Sign up to get free protection for your applications and to get access to all the features.
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>