jekyll-theme-simplex 0.9.4 → 0.9.8

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 (20) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +77 -0
  3. data/_includes/head.html +1 -0
  4. data/_includes/scripts.html +1 -0
  5. data/_layouts/post.html +26 -2
  6. data/_sass/_feed.scss +25 -4
  7. data/_sass/_footer.scss +2 -0
  8. data/_sass/_global.scss +96 -7
  9. data/_sass/_header.scss +8 -6
  10. data/_sass/_page.scss +5 -0
  11. data/_sass/_post.scss +49 -4
  12. data/_sass/_variables.scss +225 -16
  13. data/assets/img/icons/arrow_left.svg +1 -0
  14. data/assets/img/icons/arrow_right.svg +1 -0
  15. data/assets/img/icons/code.svg +1 -0
  16. data/assets/img/icons/cog.svg +1 -0
  17. data/assets/img/icons/download.svg +1 -0
  18. data/assets/js/lity.min.css +3 -0
  19. data/assets/js/lity.min.js +5 -0
  20. metadata +9 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: b332a4036a61aeab0a1028cf031d9322aa326f56566fd5d3b14c45d586bccfa6
4
- data.tar.gz: 312f1f3b07cb3c0f091d5c24234a02df100d0263a82f617208b795de511c8c61
3
+ metadata.gz: 770f29b2b810a184b672d512facbd071529e867a5a3cf9e1d29df72299a77b1d
4
+ data.tar.gz: f3b754bd6188f96850d58f1b1b478f67e382d86abb8b0ea5e92cbec40e8cdd83
5
5
  SHA512:
6
- metadata.gz: d7394a9b5e32a127dd93f117240ddedd51ea23f6c79651242f3a4e103a81b5098fd5f0400dd4287e15baf8102e6d43c07c4e811a40cdd4824b6deb61705e81c4
7
- data.tar.gz: 8237b3833fee7837aaa1af13b6259950ba1fa8b5c2019d4fdc2f4f48599c410a7c30212dba96cbf6814ed8508ce8ba1418ea789b5bf819660a2a277f06bb9207
6
+ metadata.gz: 294db2ac8bf1676167df345dfa934ae5765517a2a4ca7a6f07ab6f2744d1c0afd329c9fdbd1efda60f0f0dee2c25d13cbff4e69c92404ac44906544b347e31f6
7
+ data.tar.gz: 06c680977d1c06f436849274451631a4353883bdef07ea681ca90f060163fefe54c68c15d247118d08b933b5b12496582f441e192f85e5b3821cd4649ca855d9
data/README.md CHANGED
@@ -6,9 +6,23 @@
6
6
 
7
7
  A *simple* yet neat blogging theme. Developed for the [golas blog](https://golas.blog/) project.
8
8
 
9
+
9
10
  ## 👓 Preview
10
11
  ![Preview](preview.gif)
11
12
 
13
+ ## 💎 Features
14
+ ### Responsive
15
+ ![Responsivity preview](previewResponsive.gif)
16
+
17
+ ### Dark mode
18
+ ![Dark mode preview](previewDark.gif)
19
+
20
+ ### Buttons
21
+ ![Buttons preview](previewButtons.png)
22
+
23
+ ### Lity Lightbox
24
+ Supports images, videos, iFrames and more. See below for syntax.
25
+
12
26
  ## ℹ Installation
13
27
 
14
28
  Add this line to your Jekyll site's `Gemfile`:
@@ -113,6 +127,51 @@ author: andy #Author's nick.
113
127
  Your markdown content here.
114
128
  ```
115
129
 
130
+ ### ⚡ Syntax highlighting
131
+ The theme uses Pygments CSS created by [@richleland](https://github.com/richleland). If you want to modify the highlighting styles, just download different CSS or create your own - see [Jekyll docs](https://jekyllrb.com/docs/liquid/tags/#stylesheets-for-syntax-highlighting).
132
+
133
+ Note - `@media` is used to manage different styles for light and dark web browser mode. See `_variables.scss` file for details.
134
+
135
+ ### 📷 Inserting pictures
136
+ Classic Markdown syntax is supported. However, to be able to use the lightbox feature, you have to use HTML syntax. Minimal example:
137
+ ```html
138
+ <a href="/assets/example.jpg" data-lity>
139
+ <img src="/assets/example_thumbnail.jpg"/>
140
+ </a>
141
+ ```
142
+
143
+ To provide image description use this syntax:
144
+ ```html
145
+ <div class="sx-picture">
146
+ <a href="/assets/example.jpg" data-lity>
147
+ <img src="/assets/example_thumbnail.jpg"/>
148
+ </a>
149
+ <span class="sx-subtitle">My picture description.</span>
150
+ </div>
151
+ ```
152
+
153
+ **Do not forget the `data-lity` attribute.**
154
+
155
+ #### ↔ Centering
156
+ To center pictures, put the code inside a `div` with `sx-center` class like this:
157
+ ```html
158
+ <div markdown=1 class="sx-center">
159
+ ![My picture](/assets/example.jpg)
160
+ </div>
161
+ ```
162
+
163
+ ### 🔘 Buttons
164
+ Buttons can be inserted with the following syntax. Just replace `theme` with `red`, `green`, `blue`, `orange`, `purple` or `brown`, specify the target link in `href` attribute and the icon in `src` attribute.
165
+ ```html
166
+ <div class='sx-button'>
167
+ <a href='https://your.link.here.example.com/' class='sx-button__content theme'>
168
+ <img src='/assets/img/icons/example_icon.svg'/>#{text}
169
+ </a>
170
+ </div>
171
+ ```
172
+
173
+ Markdown attribute can be omitted if you don't use markdown inside the block (e.g. by using the lightbox syntax).
174
+
116
175
  ### ℹ Notes
117
176
  [1] Hue can be either one of the predefined colors or any of the CSS `color` attribute supported values (hex, rgb...).
118
177
 
@@ -139,6 +198,17 @@ You can use following predefined colors:
139
198
  ```
140
199
  These colors are CSS variables, usage: `var(--var-name)`
141
200
 
201
+ ## Add-ons
202
+ Add-ons are distributed as Jekyll plugins. Just download any desired `.rb` file from the repository `_plugin` folder and put it in your `_plugin` folder.
203
+
204
+ ### Buttons (button.rb)
205
+ Adds a tag to simplify insertion of buttons:
206
+ ```
207
+ {% button red|https://www.example.com/|/assets/img/icons/cog.svg %}
208
+ Download binary
209
+ {% endbutton %}
210
+ ```
211
+
142
212
  ## 🤝 Contributing
143
213
 
144
214
  Bug reports and pull requests are welcome on [GitHub](https://github.com/andreondra/jekyll-theme-simplex).
@@ -152,6 +222,13 @@ Your theme is setup just like a normal Jekyll site! To test your theme, run `bun
152
222
  When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
153
223
  To add a custom directory to your theme-gem, please edit the regexp in `jekyll-theme-simplex.gemspec` accordingly.
154
224
 
225
+ ## Credits
226
+ Includes icons by [uxwing](https://uxwing.com/).
227
+
228
+ The lightbox feature is provided by [Lity](https://github.com/jsor/lity) licensed under the [MIT License](https://opensource.org/licenses/MIT).
229
+
230
+ Uses [jQuery](https://github.com/jquery/jquery) JavaScript plugin licensed under the [MIT License](https://opensource.org/licenses/MIT).
231
+
155
232
  ## ⚖ License
156
233
  © Ondrej Golasowski. The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
157
234
 
data/_includes/head.html CHANGED
@@ -1,5 +1,6 @@
1
1
  <link rel="stylesheet" href="{{ site.url }}/assets/fonts/fonts.css"/>
2
2
  <link rel="stylesheet" href="{{ site.url }}/assets/style.css"/>
3
+ <link rel="stylesheet" href="{{ site.url }}/assets/js/lity.min.css"/>
3
4
 
4
5
  <meta charset="UTF-8">
5
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
data/_includes/scripts.html CHANGED
@@ -1,2 +1,3 @@
1
1
  <script src="{{ site.url }}/assets/js/jquery.slim.min.js"></script>
2
+ <script src="{{ site.url }}/assets/js/lity.min.js"></script>
2
3
  <script src="{{ site.url }}/assets/js/tools.js"></script>
data/_layouts/post.html CHANGED
@@ -2,7 +2,7 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- <section class="post">
5
+ <article class="post">
6
6
 
7
7
  <div class="post__title">
8
8
  <h1 class="post__title__text">{{ page.title }}</h1>
@@ -30,7 +30,31 @@ layout: default
30
30
  {% endif %}
31
31
  </div>
32
32
 
33
+ {% if page.prevPart != nil or page.nextPart != nil %}
34
+ <div class="post__navigator">
35
+ <div
36
+ class="post__navigator__buttons"
37
+ {% if page.prevPart == nil %}
38
+ style="justify-content: flex-end;"
39
+ {% endif %}
40
+ >
41
+ {% if page.prevPart != nil %}
42
+ <a href="{% link {{ page.prevPart }} %}">
43
+ <img class="arrow-left" src="{{ site.url }}/assets/img/icons/arrow_left.svg"/>
44
+ Previous
45
+ </a>
46
+ {% endif %}
47
+ {% if page.nextPart != nil %}
48
+ <a href="{% link {{ page.nextPart }} %}">
49
+ Next
50
+ <img class="arrow-right" src="{{ site.url }}/assets/img/icons/arrow_right.svg"/>
51
+ </a>
52
+ {% endif %}
53
+ </div>
54
+ </div>
55
+ {% endif %}
56
+
33
57
  <div class="post__content">
34
58
  {{ content }}
35
59
  </div>
36
- </section>
60
+ </article>
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
 
@@ -74,10 +81,21 @@
74
81
  @include flexbox;
75
82
 
76
83
  &__title{
77
- color: white;
78
- background: var(--c-themePrimaryDark);
84
+ color: var(--c-noCategoryText);
85
+ background: var(--c-noCategoryBackground);
79
86
  padding: .2rem .5rem;
80
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
+ }
81
99
  }
82
100
 
83
101
  &__date{
@@ -96,6 +114,7 @@
96
114
 
97
115
  &__header{
98
116
  margin: 1rem 0 0 0;
117
+ color: var(--c-articleHeading);
99
118
 
100
119
  @include for-size('tablet'){
101
120
  margin: 1rem 0 0 0;
@@ -105,12 +124,14 @@
105
124
 
106
125
  &__text{
107
126
 
127
+ color: var(--c-snippetHeading);
108
128
  margin: 1rem 0 0 0;
109
129
  }
110
130
 
111
131
  &__author{
112
132
 
113
133
  margin: 1.5rem 0 0 0;
134
+ color: var(--c-snippetAuthor);
114
135
 
115
136
  @include flexbox{
116
137
  flex-direction: row;
data/_sass/_footer.scss CHANGED
@@ -8,6 +8,7 @@
8
8
  @include flexbox;
9
9
  padding: 1rem 0 0 0;
10
10
  margin-top: auto;
11
+ color: var(--c-footerText);
11
12
 
12
13
  &__about{
13
14
 
@@ -36,6 +37,7 @@
36
37
  height: 1.25rem;
37
38
  margin: 0 .5rem;
38
39
  transition: $t-smooth;
40
+ filter: var(--c-footerImageFilter);
39
41
 
40
42
  &:hover{
41
43
  transform: scale(1.05) rotate(-5deg);
data/_sass/_global.scss CHANGED
@@ -25,13 +25,10 @@ body{
25
25
  margin: 0;
26
26
  min-height: 100vh;
27
27
 
28
- display: grid;
29
- gap: 0 100px;
30
- align-items: start;
31
- grid-template-areas:
32
- "header"
33
- "main"
34
- "footer";
28
+ display: flex;
29
+ flex-direction: column;
30
+ align-items: center;
31
+ justify-content: center;
35
32
  }
36
33
 
37
34
  h1,h2,h3,h4,h5,h5,h6{
@@ -66,3 +63,95 @@ a{
66
63
  color: var(--c-linkActive);
67
64
  }
68
65
  }
66
+
67
+ table:not([class]){
68
+ border-collapse: collapse;
69
+ border-spacing: 0;
70
+ border: 1px solid var(--c-tableBorder);
71
+
72
+ th,td{
73
+ padding: .25rem;
74
+ border: 1px solid var(--c-tableBorder);
75
+ }
76
+ }
77
+
78
+ .highlight{
79
+
80
+ margin: 2rem 0;
81
+ transition: $t-smooth;
82
+ box-shadow: inset 0px 0px 14px -4px var(--c-codeShadow);
83
+
84
+ &:hover{
85
+ box-shadow: inset 0px 0px 14px -4px var(--c-codeShadowHover);
86
+ }
87
+
88
+ max-width: calc(100vw - 2rem);
89
+ overflow-x: auto;
90
+
91
+ pre{
92
+ margin: 0;
93
+ padding: 1rem;
94
+ }
95
+ }
96
+
97
+ .sx-center{
98
+
99
+ display: flex;
100
+ align-items: center;
101
+ justify-content: center;
102
+ }
103
+
104
+ .sx-button{
105
+
106
+ width: 100%;
107
+ margin: 1rem 0;
108
+ display: flex;
109
+ align-items: center;
110
+ justify-content: center;
111
+
112
+ &__content{
113
+
114
+ &:link, &:visited, &:hover, &:active{
115
+ color: var(--c-themePrimaryLight);
116
+ }
117
+ text-decoration: none;
118
+ width: fit-content;
119
+ padding: .5rem 1rem;
120
+ display: flex;
121
+ align-items: center;
122
+ justify-content: center;
123
+ transition: $t-smooth;
124
+
125
+ &.red{background-color: var(--c-themeHueRed);}
126
+ &.orange{background-color: var(--c-themeHueOrange);}
127
+ &.green{background-color: var(--c-themeHueGreen);}
128
+ &.blue{background-color: var(--c-themeHueBlue);}
129
+ &.purple{background-color: var(--c-themeHuePurple);}
130
+ &.brown{background-color: var(--c-themeHueBrown);}
131
+
132
+ img{
133
+ margin-right: 1rem;
134
+ height: 1rem;
135
+ filter: brightness(0) invert(1);
136
+ }
137
+
138
+ &:hover{
139
+ letter-spacing: .05rem;
140
+ }
141
+ }
142
+ }
143
+
144
+ .sx-subtitle{
145
+ font-style: italic;
146
+ color: var(--c-subtitle);
147
+ }
148
+
149
+ .sx-picture{
150
+
151
+ display: flex;
152
+ flex-direction: column;
153
+ align-items: center;
154
+ justify-content: center;
155
+ width: fit-content;
156
+ margin: 1.5rem 0;
157
+ }
data/_sass/_header.scss CHANGED
@@ -26,6 +26,7 @@
26
26
  margin: 0;
27
27
  }
28
28
  &__img{
29
+ filter: var(--c-headerImageFilter);
29
30
  height: 2rem;
30
31
  }
31
32
  }
@@ -37,7 +38,7 @@
37
38
  outline: none;
38
39
  cursor: pointer;
39
40
 
40
- margin: 2rem 0;
41
+ margin: 2rem 0 1rem 0;
41
42
  padding: 0;
42
43
  font-size: 1rem;
43
44
  width: 3em;
@@ -103,7 +104,7 @@
103
104
 
104
105
  img,p{
105
106
  transition: $t-smooth;
106
- filter: brightness(0);
107
+ filter: var(--c-menuItemsFilter);
107
108
  }
108
109
 
109
110
  img{
@@ -144,7 +145,7 @@
144
145
  max-height: 0;
145
146
  width: 250px;
146
147
  overflow: hidden;
147
- box-shadow: inset 0px 0px 14px -4px rgba(0,0,0,0.5);
148
+ box-shadow: inset 0px 0px 14px -4px var(--c-menuShadow);
148
149
  transition: $t-smooth;
149
150
  flex-direction: column;
150
151
 
@@ -169,7 +170,7 @@
169
170
 
170
171
  img{
171
172
  transform: scale(1.1);
172
- filter: none;
173
+ filter: var(--c-menuItemsFilterHover);
173
174
 
174
175
  @include for-size('tablet'){
175
176
  transform: scale(1);
@@ -178,7 +179,7 @@
178
179
 
179
180
  p{
180
181
  letter-spacing: .1rem;
181
- filter: none;
182
+ filter: var(--c-menuItemsFilterHover);
182
183
 
183
184
  @include for-size('tablet'){
184
185
  letter-spacing: .2rem;
@@ -273,11 +274,12 @@
273
274
  }
274
275
 
275
276
  @include for-size('tablet'){
276
- box-shadow: inset 0px 0px 14px -4px rgba(0,0,0,0.5);
277
+ box-shadow: inset 0px 0px 14px -4px var(--c-menuShadow);
277
278
 
278
279
  transition: $t-smooth;
279
280
  max-height: 0;
280
281
  overflow: hidden;
282
+ margin: 0;
281
283
  &.open{
282
284
  max-height: $s-m-menuMaxHeight;
283
285
  }
data/_sass/_page.scss CHANGED
@@ -5,6 +5,7 @@
5
5
 
6
6
  .page{
7
7
 
8
+ color: var(--c-pageText);
8
9
  justify-self: center;
9
10
  padding: 0 1rem;
10
11
  max-width: 1000px;
@@ -13,4 +14,8 @@
13
14
  justify-content: flex-start;
14
15
  align-items: center;
15
16
  }
17
+
18
+ img{
19
+ max-width: 100%;
20
+ }
16
21
  }
data/_sass/_post.scss CHANGED
@@ -17,6 +17,7 @@
17
17
  &__title{
18
18
 
19
19
  &__text{
20
+ color: var(--c-postTitle);
20
21
  margin-bottom: 0;
21
22
  }
22
23
  }
@@ -27,6 +28,7 @@
27
28
  width: 100%;
28
29
 
29
30
  &__divider{
31
+ color: var(--c-postText);
30
32
  margin: 0 1rem;
31
33
 
32
34
  @include for-size('tablet'){
@@ -40,8 +42,8 @@
40
42
  @include flexbox;
41
43
 
42
44
  &__title{
43
- color: white;
44
- background: var(--c-themePrimaryDark);
45
+ color: var(--c-noCategoryText);
46
+ background: var(--c-noCategoryBackground);
45
47
  padding: .2rem .5rem;
46
48
  }
47
49
 
@@ -60,15 +62,16 @@
60
62
 
61
63
  &__date{
62
64
 
65
+ color: var(--c-postText);
63
66
  @include for-size('tablet'){
64
- margin-top: 1rem;
67
+ margin-top: .5rem;
65
68
  }
66
69
  }
67
70
 
68
71
  &__author{
69
72
 
73
+ color: var(--c-postText);
70
74
  width: fit-content;
71
- //box-shadow: inset 0px 0px 14px -4px rgba(0,0,0,0.5);
72
75
  @include flexbox;
73
76
 
74
77
  &__photo{
@@ -85,8 +88,50 @@
85
88
 
86
89
  &__content{
87
90
 
91
+ color: var(--c-postText);
88
92
  h1{
89
93
  font-size: 1.8rem;
90
94
  }
95
+ img{
96
+ max-width: 100%;
97
+ }
98
+ }
99
+
100
+ &__navigator{
101
+
102
+ margin-top: 1rem;
103
+ width: 100%;
104
+
105
+ &__buttons{
106
+
107
+ @include flexbox{
108
+ justify-content: space-between;
109
+ };
110
+
111
+ a{
112
+ transition: $t-smooth;
113
+ text-decoration: none;
114
+ font-weight: bold;
115
+ font-size: 1.25rem;
116
+ color: var(--c-navigator);
117
+ filter: var(--c-navigatorFilter);
118
+
119
+ display: flex;
120
+ align-items: center;
121
+
122
+ &:hover{
123
+ letter-spacing: .25rem;
124
+ }
125
+
126
+ .arrow-left{
127
+ margin-right: .5rem;
128
+ height: 1em;
129
+ }
130
+ .arrow-right{
131
+ margin-left: .5rem;
132
+ height: 1em;
133
+ }
134
+ }
135
+ }
91
136
  }
92
137
  }
data/_sass/_variables.scss CHANGED
@@ -26,37 +26,246 @@
26
26
  // ELEMENT COLORS
27
27
  :root{
28
28
 
29
- @media (prefers-color-scheme: light){
29
+ // *** Default light. ***
30
+ --c-articleHeading: var(--c-themePrimaryDark);
31
+ --c-articleParagraph: var(--c-themeSecondaryDark);
32
+ --c-articleBackground: var(--c-themePrimaryLight);
30
33
 
31
- --c-articleHeading: var(--c-themePrimaryDark);
32
- --c-articleParagraph: var(--c-themeSecondaryDark);
33
- --c-articleBackground: var(--c-themePrimaryLight);
34
+ --c-pageBackground: var(--c-themePrimaryLight);
34
35
 
35
- --c-pageBackground: var(--c-themePrimaryLight);
36
+ --c-headerImageFilter: none;
37
+ --c-menuLinks: var(--c-themePrimaryDark);
38
+ --c-menuDepth0: var(--c-themeSecondaryLight);
39
+ --c-menuItemsFilter: brightness(0);
40
+ --c-menuItemsFilterHover: none;
41
+ --c-menuShadow: rgba(0,0,0,0.5);
36
42
 
37
- --c-menuLinks: var(--c-themePrimaryDark);
38
- --c-menuDepth0: var(--c-themeSecondaryLight);
43
+ --c-snippetBackgroundExternal: rgba(239, 239, 239, 0.425);
44
+ --c-snippetBackgroundInternal: var(--c-pageBackground);
45
+ --c-snippetHeading: var(--c-themePrimaryDark);
46
+ --c-snippetDate: var(--c-themeSecondaryDark);
47
+ --c-snippetAuthor: var(--c-themePrimaryDark);
48
+ --c-snippetShadowHover: rgba(0,0,0,0.5);
49
+ --c-snippetShadow: rgba(0, 0, 0, 0);
39
50
 
40
- --c-snippetBackgroundExternal: rgba(239, 239, 239, 0.425);
41
- --c-snippetBackgroundInternal: var(--c-pageBackground);
51
+ --c-postTitle: var(--c-themePrimaryDark);
52
+ --c-postText: var(--c-themePrimaryDark);
53
+ --c-pageTitle: var(--c-themePrimaryDark);
54
+ --c-pageText: var(--c-themePrimaryDark);
42
55
 
43
- --c-snippetDate: var(--c-themeSecondaryDark);
56
+ --c-feed-title: var(--c-themePrimaryDark);
44
57
 
45
- --c-link: var(--c-themeTerniaryDark);
46
- --c-linkVisited: var(--c-themeQuaternaryDark);
47
- --c-linkHover: var(--c-themePrimaryDark);
48
- --c-linkActive: var(--c-themePrimaryDark);
49
- }
58
+ --c-link: var(--c-themeTerniaryDark);
59
+ --c-linkVisited: var(--c-themeQuaternaryDark);
60
+ --c-linkHover: var(--c-themePrimaryDark);
61
+ --c-linkActive: var(--c-themePrimaryDark);
62
+
63
+ --c-footerText: var(--c-themePrimaryDark);
64
+ --c-footerImageFilter: none;
65
+
66
+ --c-codeShadow: rgba(0, 0, 0, 0.5);
67
+ --c-codeShadowHover: rgba(0, 0, 0, 0.1);
68
+
69
+ --c-navigator: var(--c-themePrimaryDark);
70
+ --c-navigatorFilter: none;
71
+
72
+ --c-noCategoryBackground: var(--c-themePrimaryDark);
73
+ --c-noCategoryText: var(--c-themePrimaryLight);
74
+
75
+ --c-tableBorder: var(--c-themePrimaryDark);
50
76
 
77
+ --c-subtitle: var(--c-themeTerniaryDark);
78
+
79
+ //Syntax highlighting.
80
+ .highlight .hll { background-color: #ffffcc }
81
+ .highlight .c { color: #8f5902; font-style: italic } /* Comment */
82
+ .highlight .err { color: #a40000; border: 1px solid #ef2929 } /* Error */
83
+ .highlight .g { color: #000000 } /* Generic */
84
+ .highlight .k { color: #204a87; font-weight: bold } /* Keyword */
85
+ .highlight .l { color: #000000 } /* Literal */
86
+ .highlight .n { color: #000000 } /* Name */
87
+ .highlight .o { color: #ce5c00; font-weight: bold } /* Operator */
88
+ .highlight .x { color: #000000 } /* Other */
89
+ .highlight .p { color: #000000; font-weight: bold } /* Punctuation */
90
+ .highlight .cm { color: #8f5902; font-style: italic } /* Comment.Multiline */
91
+ .highlight .cp { color: #8f5902; font-style: italic } /* Comment.Preproc */
92
+ .highlight .c1 { color: #8f5902; font-style: italic } /* Comment.Single */
93
+ .highlight .cs { color: #8f5902; font-style: italic } /* Comment.Special */
94
+ .highlight .gd { color: #a40000 } /* Generic.Deleted */
95
+ .highlight .ge { color: #000000; font-style: italic } /* Generic.Emph */
96
+ .highlight .gr { color: #ef2929 } /* Generic.Error */
97
+ .highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
98
+ .highlight .gi { color: #00A000 } /* Generic.Inserted */
99
+ .highlight .go { color: #000000; font-style: italic } /* Generic.Output */
100
+ .highlight .gp { color: #8f5902 } /* Generic.Prompt */
101
+ .highlight .gs { color: #000000; font-weight: bold } /* Generic.Strong */
102
+ .highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
103
+ .highlight .gt { color: #a40000; font-weight: bold } /* Generic.Traceback */
104
+ .highlight .kc { color: #204a87; font-weight: bold } /* Keyword.Constant */
105
+ .highlight .kd { color: #204a87; font-weight: bold } /* Keyword.Declaration */
106
+ .highlight .kn { color: #204a87; font-weight: bold } /* Keyword.Namespace */
107
+ .highlight .kp { color: #204a87; font-weight: bold } /* Keyword.Pseudo */
108
+ .highlight .kr { color: #204a87; font-weight: bold } /* Keyword.Reserved */
109
+ .highlight .kt { color: #204a87; font-weight: bold } /* Keyword.Type */
110
+ .highlight .ld { color: #000000 } /* Literal.Date */
111
+ .highlight .m { color: #0000cf; font-weight: bold } /* Literal.Number */
112
+ .highlight .s { color: #4e9a06 } /* Literal.String */
113
+ .highlight .na { color: #c4a000 } /* Name.Attribute */
114
+ .highlight .nb { color: #204a87 } /* Name.Builtin */
115
+ .highlight .nc { color: #000000 } /* Name.Class */
116
+ .highlight .no { color: #000000 } /* Name.Constant */
117
+ .highlight .nd { color: #5c35cc; font-weight: bold } /* Name.Decorator */
118
+ .highlight .ni { color: #ce5c00 } /* Name.Entity */
119
+ .highlight .ne { color: #cc0000; font-weight: bold } /* Name.Exception */
120
+ .highlight .nf { color: #000000 } /* Name.Function */
121
+ .highlight .nl { color: #f57900 } /* Name.Label */
122
+ .highlight .nn { color: #000000 } /* Name.Namespace */
123
+ .highlight .nx { color: #000000 } /* Name.Other */
124
+ .highlight .py { color: #000000 } /* Name.Property */
125
+ .highlight .nt { color: #204a87; font-weight: bold } /* Name.Tag */
126
+ .highlight .nv { color: #000000 } /* Name.Variable */
127
+ .highlight .ow { color: #204a87; font-weight: bold } /* Operator.Word */
128
+ .highlight .w { color: #f8f8f8; text-decoration: underline } /* Text.Whitespace */
129
+ .highlight .mf { color: #0000cf; font-weight: bold } /* Literal.Number.Float */
130
+ .highlight .mh { color: #0000cf; font-weight: bold } /* Literal.Number.Hex */
131
+ .highlight .mi { color: #0000cf; font-weight: bold } /* Literal.Number.Integer */
132
+ .highlight .mo { color: #0000cf; font-weight: bold } /* Literal.Number.Oct */
133
+ .highlight .sb { color: #4e9a06 } /* Literal.String.Backtick */
134
+ .highlight .sc { color: #4e9a06 } /* Literal.String.Char */
135
+ .highlight .sd { color: #8f5902; font-style: italic } /* Literal.String.Doc */
136
+ .highlight .s2 { color: #4e9a06 } /* Literal.String.Double */
137
+ .highlight .se { color: #4e9a06 } /* Literal.String.Escape */
138
+ .highlight .sh { color: #4e9a06 } /* Literal.String.Heredoc */
139
+ .highlight .si { color: #4e9a06 } /* Literal.String.Interpol */
140
+ .highlight .sx { color: #4e9a06 } /* Literal.String.Other */
141
+ .highlight .sr { color: #4e9a06 } /* Literal.String.Regex */
142
+ .highlight .s1 { color: #4e9a06 } /* Literal.String.Single */
143
+ .highlight .ss { color: #4e9a06 } /* Literal.String.Symbol */
144
+ .highlight .bp { color: #3465a4 } /* Name.Builtin.Pseudo */
145
+ .highlight .vc { color: #000000 } /* Name.Variable.Class */
146
+ .highlight .vg { color: #000000 } /* Name.Variable.Global */
147
+ .highlight .vi { color: #000000 } /* Name.Variable.Instance */
148
+ .highlight .il { color: #0000cf; font-weight: bold } /* Literal.Number.Integer.Long */
149
+
150
+
151
+ // *** Dark mode ***
51
152
  @media (prefers-color-scheme: dark){
52
153
 
154
+ --c-headerImageFilter: invert(1);
155
+ --c-menuLinks: var(--c-themePrimaryLight);
156
+ --c-menuDepth0: var(--c-themeSecondaryLight);
157
+ --c-menuItemsFilter: none;
158
+ --c-menuItemsFilterHover: brightness(100);
159
+ --c-menuShadow: rgba(255, 255, 255, 0.2);
160
+
53
161
  --c-articleHeading: var(--c-themePrimaryLight);
54
162
  --c-articleParagraph: var(--c-themeSecondaryLight);
55
163
  --c-articleBackground: var(--c-themePrimaryDark);
56
164
 
165
+ --c-snippetHeading: var(--c-themePrimaryLight);
166
+ --c-snippetDate: var(--c-themeSecondaryLight);
167
+ --c-snippetAuthor: var(--c-themePrimaryLight);
168
+
169
+ --c-snippetShadowHover: rgba(255, 255, 255, 0.5);
170
+ --c-snippetShadow: rgba(0, 0, 0, 0);
171
+
172
+ --c-postTitle: var(--c-themePrimaryLight);
173
+ --c-postText: var(--c-themePrimaryLight);
174
+ --c-pageTitle: var(--c-themePrimaryLight);
175
+ --c-pageText: var(--c-themePrimaryLight);
176
+
177
+ --c-feed-title: var(--c-themePrimaryLight);
178
+
57
179
  --c-pageBackground: var(--c-themePrimaryDark);
180
+
181
+ --c-link: var(--c-themeTerniaryLight);
182
+ --c-linkVisited: var(--c-themeQuaternaryLight);
183
+ --c-linkHover: var(--c-themePrimaryLight);
184
+ --c-linkActive: var(--c-themePrimaryLight);
185
+
186
+ --c-footerText: var(--c-themePrimaryLight);
187
+ --c-footerImageFilter: invert(1);
188
+
189
+ --c-codeShadow: rgba(0, 0, 0, 0);
190
+ --c-codeShadowHover: rgba(0, 0, 0, 0);
191
+
192
+ --c-navigator: var(--c-themePrimaryDark);
193
+ --c-navigatorFilter: invert(1);
194
+
195
+ --c-noCategoryBackground: var(--c-themePrimaryLight);
196
+ --c-noCategoryText: var(--c-themePrimaryDark);
197
+
198
+ --c-tableBorder: var(--c-themePrimaryLight);
199
+
200
+ --c-subtitle: var(--c-themeTerniaryLight);
201
+
202
+ //Syntax highlighting.
203
+ .highlight pre { background-color: #272822; }
204
+ .highlight .hll { background-color: #272822; }
205
+ .highlight .c { color: #75715e } /* Comment */
206
+ .highlight .err { color: #960050; background-color: #1e0010 } /* Error */
207
+ .highlight .k { color: #66d9ef } /* Keyword */
208
+ .highlight .l { color: #ae81ff } /* Literal */
209
+ .highlight .n { color: #f8f8f2 } /* Name */
210
+ .highlight .o { color: #f92672 } /* Operator */
211
+ .highlight .p { color: #f8f8f2 } /* Punctuation */
212
+ .highlight .cm { color: #75715e } /* Comment.Multiline */
213
+ .highlight .cp { color: #75715e } /* Comment.Preproc */
214
+ .highlight .c1 { color: #75715e } /* Comment.Single */
215
+ .highlight .cs { color: #75715e } /* Comment.Special */
216
+ .highlight .ge { font-style: italic } /* Generic.Emph */
217
+ .highlight .gs { font-weight: bold } /* Generic.Strong */
218
+ .highlight .kc { color: #66d9ef } /* Keyword.Constant */
219
+ .highlight .kd { color: #66d9ef } /* Keyword.Declaration */
220
+ .highlight .kn { color: #f92672 } /* Keyword.Namespace */
221
+ .highlight .kp { color: #66d9ef } /* Keyword.Pseudo */
222
+ .highlight .kr { color: #66d9ef } /* Keyword.Reserved */
223
+ .highlight .kt { color: #66d9ef } /* Keyword.Type */
224
+ .highlight .ld { color: #e6db74 } /* Literal.Date */
225
+ .highlight .m { color: #ae81ff } /* Literal.Number */
226
+ .highlight .s { color: #e6db74 } /* Literal.String */
227
+ .highlight .na { color: #a6e22e } /* Name.Attribute */
228
+ .highlight .nb { color: #f8f8f2 } /* Name.Builtin */
229
+ .highlight .nc { color: #a6e22e } /* Name.Class */
230
+ .highlight .no { color: #66d9ef } /* Name.Constant */
231
+ .highlight .nd { color: #a6e22e } /* Name.Decorator */
232
+ .highlight .ni { color: #f8f8f2 } /* Name.Entity */
233
+ .highlight .ne { color: #a6e22e } /* Name.Exception */
234
+ .highlight .nf { color: #a6e22e } /* Name.Function */
235
+ .highlight .nl { color: #f8f8f2 } /* Name.Label */
236
+ .highlight .nn { color: #f8f8f2 } /* Name.Namespace */
237
+ .highlight .nx { color: #a6e22e } /* Name.Other */
238
+ .highlight .py { color: #f8f8f2 } /* Name.Property */
239
+ .highlight .nt { color: #f92672 } /* Name.Tag */
240
+ .highlight .nv { color: #f8f8f2 } /* Name.Variable */
241
+ .highlight .ow { color: #f92672 } /* Operator.Word */
242
+ .highlight .w { color: #f8f8f2 } /* Text.Whitespace */
243
+ .highlight .mf { color: #ae81ff } /* Literal.Number.Float */
244
+ .highlight .mh { color: #ae81ff } /* Literal.Number.Hex */
245
+ .highlight .mi { color: #ae81ff } /* Literal.Number.Integer */
246
+ .highlight .mo { color: #ae81ff } /* Literal.Number.Oct */
247
+ .highlight .sb { color: #e6db74 } /* Literal.String.Backtick */
248
+ .highlight .sc { color: #e6db74 } /* Literal.String.Char */
249
+ .highlight .sd { color: #e6db74 } /* Literal.String.Doc */
250
+ .highlight .s2 { color: #e6db74 } /* Literal.String.Double */
251
+ .highlight .se { color: #ae81ff } /* Literal.String.Escape */
252
+ .highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */
253
+ .highlight .si { color: #e6db74 } /* Literal.String.Interpol */
254
+ .highlight .sx { color: #e6db74 } /* Literal.String.Other */
255
+ .highlight .sr { color: #e6db74 } /* Literal.String.Regex */
256
+ .highlight .s1 { color: #e6db74 } /* Literal.String.Single */
257
+ .highlight .ss { color: #e6db74 } /* Literal.String.Symbol */
258
+ .highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
259
+ .highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */
260
+ .highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */
261
+ .highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */
262
+ .highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */
263
+
264
+ //.highlight .gh { } /* Generic Heading & Diff Header */
265
+ .highlight .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */
266
+ .highlight .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */
267
+ .highlight .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */
58
268
  }
59
-
60
269
  }
61
270
 
62
271
  // SIZES
data/assets/img/icons/arrow_left.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><title>ionicons-v5-b</title><polygon points="368 64 144 256 368 448 368 64"/></svg>
data/assets/img/icons/arrow_right.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><title>ionicons-v5-b</title><polygon points="144 448 368 256 144 64 144 448"/></svg>
data/assets/img/icons/code.svg ADDED
@@ -0,0 +1 @@
1
+ <?xml version="1.0" encoding="utf-8"?><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 122.88 101.57" style="enable-background:new 0 0 122.88 101.57" xml:space="preserve"><g><path d="M44.97,12.84h-17.2L0,49.37L27.77,85.9h17.2L17.2,49.37L44.97,12.84L44.97,12.84z M77.91,12.84h17.2l27.77,36.53 L95.11,85.9h-17.2l27.77-36.53L77.91,12.84L77.91,12.84z M70.17,0.04l5.96,1.39c0.94,0.22,1.52,1.16,1.31,2.1l-22.5,96.69 c-0.22,0.93-1.16,1.52-2.1,1.31l-5.95-1.39c-0.94-0.22-1.52-1.16-1.31-2.1l22.5-96.69C68.3,0.42,69.24-0.17,70.17,0.04L70.17,0.04 L70.17,0.04z"/></g></svg>
data/assets/img/icons/cog.svg ADDED
@@ -0,0 +1 @@
1
+ <?xml version="1.0" encoding="utf-8"?><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="122.88px" height="95.089px" viewBox="0 0 122.88 95.089" enable-background="new 0 0 122.88 95.089" xml:space="preserve"><g><path d="M66.605,9.676c-0.791-0.791-1.718-1.181-2.792-1.181c-1.073,0-2.013,0.39-2.791,1.181l-4.255,4.241 c-1.141-0.738-2.348-1.383-3.61-1.96c-1.261-0.577-2.55-1.072-3.852-1.502V3.931c0-1.1-0.375-2.026-1.141-2.791 C47.401,0.375,46.475,0,45.374,0h-8.187c-1.047,0-1.958,0.375-2.75,1.14c-0.778,0.765-1.168,1.691-1.168,2.791v5.973 c-1.368,0.321-2.697,0.724-3.973,1.221c-1.287,0.496-2.508,1.061-3.663,1.691l-4.711-4.644c-0.738-0.778-1.637-1.181-2.724-1.181 c-1.075,0-2,0.403-2.792,1.181l-5.73,5.745c-0.791,0.791-1.181,1.718-1.181,2.79c0,1.074,0.39,2.014,1.181,2.792l4.242,4.255 c-0.738,1.14-1.382,2.348-1.959,3.608c-0.578,1.262-1.073,2.552-1.504,3.853H3.933c-1.102,0-2.028,0.375-2.792,1.14 C0.376,33.121,0,34.047,0,35.148v8.187c0,1.045,0.376,1.959,1.14,2.751c0.764,0.777,1.691,1.167,2.792,1.167h5.971 c0.322,1.367,0.724,2.696,1.222,3.971c0.498,1.289,1.061,2.537,1.691,3.744l-4.644,4.63c-0.779,0.739-1.181,1.638-1.181,2.726 c0,1.073,0.402,2,1.181,2.792l5.745,5.811c0.791,0.738,1.717,1.102,2.792,1.102c1.072,0,2.011-0.363,2.791-1.102l4.254-4.321 c1.14,0.737,2.349,1.381,3.61,1.96c1.262,0.575,2.55,1.073,3.852,1.502v6.523c0,1.1,0.376,2.025,1.14,2.789 c0.765,0.767,1.692,1.143,2.792,1.143h8.186c1.047,0,1.959-0.376,2.751-1.143c0.777-0.764,1.167-1.689,1.167-2.789v-5.973 c1.369-0.321,2.697-0.724,3.972-1.222c1.289-0.496,2.538-1.061,3.744-1.691l4.63,4.645c0.739,0.778,1.65,1.181,2.753,1.181 c1.112,0,2.025-0.402,2.765-1.181l5.811-5.744c0.738-0.793,1.102-1.719,1.102-2.792s-0.363-2.013-1.102-2.791l-4.321-4.255 c0.738-1.141,1.382-2.348,1.96-3.609c0.575-1.261,1.072-2.551,1.502-3.852h6.523c1.1,0,2.025-0.378,2.789-1.141 c0.766-0.766,1.142-1.691,1.142-2.792v-8.186c0-1.047-0.376-1.958-1.142-2.752c-0.764-0.778-1.689-1.167-2.789-1.167h-5.973 c-0.322-1.315-0.725-2.63-1.222-3.931c-0.496-1.316-1.061-2.55-1.691-3.706l4.645-4.709c0.778-0.738,1.181-1.638,1.181-2.724 c0-1.075-0.402-2-1.181-2.792L66.605,9.676L66.605,9.676z M111.918,53.649c-0.506-0.355-1.044-0.479-1.627-0.376 c-0.583,0.101-1.057,0.401-1.401,0.904l-1.908,2.702c-0.688-0.292-1.402-0.526-2.144-0.721c-0.737-0.194-1.484-0.343-2.231-0.451 l-0.616-3.538c-0.105-0.596-0.395-1.063-0.884-1.406c-0.486-0.343-1.024-0.459-1.621-0.354l-4.441,0.774 c-0.566,0.099-1.025,0.39-1.383,0.879c-0.35,0.487-0.475,1.027-0.369,1.625l0.564,3.238c-0.713,0.303-1.395,0.648-2.037,1.038 c-0.654,0.392-1.263,0.812-1.828,1.264l-2.995-2.073c-0.476-0.352-0.999-0.484-1.59-0.383c-0.583,0.103-1.046,0.407-1.402,0.904 l-2.564,3.659c-0.354,0.504-0.479,1.044-0.377,1.623c0.102,0.585,0.402,1.057,0.905,1.404l2.703,1.907 c-0.292,0.687-0.527,1.402-0.721,2.144c-0.195,0.738-0.343,1.484-0.452,2.231l-3.538,0.616c-0.596,0.104-1.063,0.396-1.406,0.884 c-0.344,0.486-0.458,1.025-0.354,1.621l0.773,4.441c0.099,0.566,0.388,1.026,0.88,1.383c0.487,0.35,1.027,0.474,1.624,0.369 l3.239-0.564c0.304,0.713,0.648,1.394,1.038,2.039c0.392,0.652,0.815,1.274,1.272,1.869l-2.081,2.952 c-0.353,0.475-0.485,0.999-0.383,1.59c0.102,0.583,0.406,1.047,0.904,1.402l3.665,2.607c0.499,0.325,1.036,0.436,1.618,0.334 c0.583-0.101,1.059-0.389,1.41-0.862l1.899-2.746c0.688,0.293,1.403,0.528,2.144,0.721c0.738,0.194,1.484,0.343,2.23,0.45 l0.618,3.54c0.104,0.597,0.396,1.063,0.883,1.404c0.486,0.344,1.025,0.46,1.621,0.356l4.439-0.775 c0.569-0.1,1.028-0.389,1.386-0.879c0.349-0.488,0.474-1.025,0.368-1.624l-0.565-3.241c0.713-0.303,1.396-0.646,2.04-1.037 c0.651-0.393,1.274-0.814,1.87-1.27l2.951,2.081c0.475,0.352,1.008,0.483,1.604,0.378c0.604-0.104,1.061-0.409,1.388-0.901 l2.609-3.665c0.324-0.5,0.435-1.036,0.332-1.618c-0.101-0.583-0.387-1.059-0.86-1.41l-2.748-1.899 c0.294-0.688,0.528-1.403,0.722-2.144c0.194-0.738,0.342-1.484,0.452-2.232l3.537-0.616c0.597-0.104,1.063-0.394,1.405-0.883 c0.344-0.488,0.459-1.024,0.355-1.621l-0.775-4.441c-0.099-0.567-0.389-1.025-0.879-1.384c-0.487-0.351-1.027-0.473-1.624-0.369 l-3.239,0.565c-0.299-0.684-0.642-1.358-1.035-2.017c-0.395-0.667-0.816-1.283-1.267-1.85l2.074-2.995 c0.353-0.475,0.484-0.998,0.38-1.59c-0.101-0.583-0.405-1.045-0.904-1.401L111.918,53.649L111.918,53.649z M99.16,64.929 c1.071-0.188,2.118-0.162,3.147,0.075c1.025,0.246,1.953,0.657,2.777,1.231c0.825,0.582,1.523,1.316,2.101,2.198 c0.573,0.889,0.95,1.865,1.139,2.936c0.187,1.072,0.16,2.119-0.076,3.15c-0.246,1.023-0.655,1.949-1.233,2.776 c-0.582,0.823-1.314,1.522-2.196,2.1c-0.889,0.573-1.865,0.951-2.937,1.139c-1.07,0.186-2.117,0.159-3.148-0.077 c-1.025-0.246-1.95-0.655-2.777-1.232c-0.822-0.582-1.522-1.314-2.1-2.196c-0.572-0.889-0.952-1.866-1.138-2.937 c-0.188-1.07-0.162-2.117,0.075-3.148c0.246-1.025,0.657-1.951,1.231-2.778c0.583-0.821,1.316-1.521,2.198-2.099 C97.114,65.494,98.09,65.116,99.16,64.929L99.16,64.929z M40.262,24.224c2.201,0,4.28,0.417,6.252,1.248 c1.961,0.846,3.666,1.986,5.115,3.421c1.435,1.449,2.575,3.156,3.421,5.113c0.833,1.973,1.248,4.054,1.248,6.254 c0,2.201-0.415,4.282-1.248,6.254c-0.846,1.959-1.986,3.666-3.421,5.115c-1.449,1.436-3.154,2.575-5.115,3.421 c-1.972,0.833-4.051,1.248-6.252,1.248s-4.282-0.415-6.255-1.248c-1.958-0.846-3.664-1.985-5.112-3.421 c-1.437-1.449-2.577-3.155-3.423-5.115c-0.831-1.972-1.248-4.053-1.248-6.254c0-2.2,0.417-4.281,1.248-6.254 c0.846-1.958,1.986-3.664,3.423-5.113c1.448-1.435,3.154-2.576,5.112-3.421C35.979,24.641,38.061,24.224,40.262,24.224 L40.262,24.224z"/></g></svg>
data/assets/img/icons/download.svg ADDED
@@ -0,0 +1 @@
1
+ <?xml version="1.0" encoding="utf-8"?><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="122.433px" height="122.88px" viewBox="0 0 122.433 122.88" enable-background="new 0 0 122.433 122.88" xml:space="preserve"><g><polygon fill-rule="evenodd" clip-rule="evenodd" points="61.216,122.88 0,59.207 39.403,59.207 39.403,0 83.033,0 83.033,59.207 122.433,59.207 61.216,122.88"/></g></svg>
data/assets/js/lity.min.css ADDED
@@ -0,0 +1,3 @@
1
+ /*! Lity - v2.4.1 - 2020-04-26
2
+ * http://sorgalla.com/lity/
3
+ * Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none}
data/assets/js/lity.min.js ADDED
@@ -0,0 +1,5 @@
1
+ /*! Lity - v2.4.1 - 2020-04-26
2
+ * http://sorgalla.com/lity/
3
+ * Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */
4
+
5
+ !function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(c){return b(a,c)}):"object"==typeof module&&"object"==typeof module.exports?module.exports=b(a,require("jquery")):a.lity=b(a,a.jQuery||a.Zepto)}("undefined"!=typeof window?window:this,function(a,b){"use strict";function c(a){var b=B();return N&&a.length?(a.one(N,b.resolve),setTimeout(b.resolve,500)):b.resolve(),b.promise()}function d(a,c,d){if(1===arguments.length)return b.extend({},a);if("string"==typeof c){if(void 0===d)return void 0===a[c]?null:a[c];a[c]=d}else b.extend(a,c);return this}function e(a){for(var b,c=decodeURI(a.split("#")[0]).split("&"),d={},e=0,f=c.length;e<f;e++)c[e]&&(b=c[e].split("="),d[b[0]]=b[1]);return d}function f(a,c){return a+(a.indexOf("?")>-1?"&":"?")+b.param(c)}function g(a,b){var c=a.indexOf("#");return-1===c?b:(c>0&&(a=a.substr(c)),b+a)}function h(a){return b('<span class="lity-error"></span>').append(a)}function i(a,c){var d=c.opener()&&c.opener().data("lity-desc")||"Image with no description",e=b('<img src="'+a+'" alt="'+d+'"/>'),f=B(),g=function(){f.reject(h("Failed loading image"))};return e.on("load",function(){if(0===this.naturalWidth)return g();f.resolve(e)}).on("error",g),f.promise()}function j(a,c){var d,e,f;try{d=b(a)}catch(a){return!1}return!!d.length&&(e=b('<i style="display:none !important"></i>'),f=d.hasClass("lity-hide"),c.element().one("lity:remove",function(){e.before(d).remove(),f&&!d.closest(".lity-content").length&&d.addClass("lity-hide")}),d.removeClass("lity-hide").after(e))}function k(a){var c=J.exec(a);return!!c&&o(g(a,f("https://www.youtube"+(c[2]||"")+".com/embed/"+c[4],b.extend({autoplay:1},e(c[5]||"")))))}function l(a){var c=K.exec(a);return!!c&&o(g(a,f("https://player.vimeo.com/video/"+c[3],b.extend({autoplay:1},e(c[4]||"")))))}function m(a){var c=M.exec(a);return!!c&&(0!==a.indexOf("http")&&(a="https:"+a),o(g(a,f("https://www.facebook.com/plugins/video.php?href="+a,b.extend({autoplay:1},e(c[4]||""))))))}function n(a){var b=L.exec(a);return!!b&&o(g(a,f("https://www.google."+b[3]+"/maps?"+b[6],{output:b[6].indexOf("layer=c")>0?"svembed":"embed"})))}function o(a){return'<div class="lity-iframe-container"><iframe frameborder="0" allowfullscreen allow="autoplay; fullscreen" src="'+a+'"/></div>'}function p(){return z.documentElement.clientHeight?z.documentElement.clientHeight:Math.round(A.height())}function q(a){var b=v();b&&(27===a.keyCode&&b.options("esc")&&b.close(),9===a.keyCode&&r(a,b))}function r(a,b){var c=b.element().find(G),d=c.index(z.activeElement);a.shiftKey&&d<=0?(c.get(c.length-1).focus(),a.preventDefault()):a.shiftKey||d!==c.length-1||(c.get(0).focus(),a.preventDefault())}function s(){b.each(D,function(a,b){b.resize()})}function t(a){1===D.unshift(a)&&(C.addClass("lity-active"),A.on({resize:s,keydown:q})),b("body > *").not(a.element()).addClass("lity-hidden").each(function(){var a=b(this);void 0===a.data(F)&&a.data(F,a.attr(E)||null)}).attr(E,"true")}function u(a){var c;a.element().attr(E,"true"),1===D.length&&(C.removeClass("lity-active"),A.off({resize:s,keydown:q})),D=b.grep(D,function(b){return a!==b}),c=D.length?D[0].element():b(".lity-hidden"),c.removeClass("lity-hidden").each(function(){var a=b(this),c=a.data(F);c?a.attr(E,c):a.removeAttr(E),a.removeData(F)})}function v(){return 0===D.length?null:D[0]}function w(a,c,d,e){var f,g="inline",h=b.extend({},d);return e&&h[e]?(f=h[e](a,c),g=e):(b.each(["inline","iframe"],function(a,b){delete h[b],h[b]=d[b]}),b.each(h,function(b,d){return!d||(!(!d.test||d.test(a,c))||(f=d(a,c),!1!==f?(g=b,!1):void 0))})),{handler:g,content:f||""}}function x(a,e,f,g){function h(a){k=b(a).css("max-height",p()+"px"),j.find(".lity-loader").each(function(){var a=b(this);c(a).always(function(){a.remove()})}),j.removeClass("lity-loading").find(".lity-content").empty().append(k),m=!0,k.trigger("lity:ready",[l])}var i,j,k,l=this,m=!1,n=!1;e=b.extend({},H,e),j=b(e.template),l.element=function(){return j},l.opener=function(){return f},l.options=b.proxy(d,l,e),l.handlers=b.proxy(d,l,e.handlers),l.resize=function(){m&&!n&&k.css("max-height",p()+"px").trigger("lity:resize",[l])},l.close=function(){if(m&&!n){n=!0,u(l);var a=B();if(g&&(z.activeElement===j[0]||b.contains(j[0],z.activeElement)))try{g.focus()}catch(a){}return k.trigger("lity:close",[l]),j.removeClass("lity-opened").addClass("lity-closed"),c(k.add(j)).always(function(){k.trigger("lity:remove",[l]),j.remove(),j=void 0,a.resolve()}),a.promise()}},i=w(a,l,e.handlers,e.handler),j.attr(E,"false").addClass("lity-loading lity-opened lity-"+i.handler).appendTo("body").focus().on("click","[data-lity-close]",function(a){b(a.target).is("[data-lity-close]")&&l.close()}).trigger("lity:open",[l]),t(l),b.when(i.content).always(h)}function y(a,c,d){a.preventDefault?(a.preventDefault(),d=b(this),a=d.data("lity-target")||d.attr("href")||d.attr("src")):d=b(d);var e=new x(a,b.extend({},d.data("lity-options")||d.data("lity"),c),d,z.activeElement);if(!a.preventDefault)return e}var z=a.document,A=b(a),B=b.Deferred,C=b("html"),D=[],E="aria-hidden",F="lity-"+E,G='a[href],area[href],input:not([disabled]),select:not([disabled]),textarea:not([disabled]),button:not([disabled]),iframe,object,embed,[contenteditable],[tabindex]:not([tabindex^="-"])',H={esc:!0,handler:null,handlers:{image:i,inline:j,youtube:k,vimeo:l,googlemaps:n,facebookvideo:m,iframe:o},template:'<div class="lity" role="dialog" aria-label="Dialog Window (Press escape to close)" tabindex="-1"><div class="lity-wrap" data-lity-close role="document"><div class="lity-loader" aria-hidden="true">Loading...</div><div class="lity-container"><div class="lity-content"></div><button class="lity-close" type="button" aria-label="Close (Press escape to close)" data-lity-close>&times;</button></div></div></div>'},I=/(^data:image\/)|(\.(png|jpe?g|gif|svg|webp|bmp|ico|tiff?)(\?\S*)?$)/i,J=/(youtube(-nocookie)?\.com|youtu\.be)\/(watch\?v=|v\/|u\/|embed\/?)?([\w-]{11})(.*)?/i,K=/(vimeo(pro)?.com)\/(?:[^\d]+)?(\d+)\??(.*)?$/,L=/((maps|www)\.)?google\.([^\/\?]+)\/?((maps\/?)?\?)(.*)/i,M=/(facebook\.com)\/([a-z0-9_-]*)\/videos\/([0-9]*)(.*)?$/i,N=function(){var a=z.createElement("div"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return b[c];return!1}();return i.test=function(a){return I.test(a)},y.version="2.4.1",y.options=b.proxy(d,y,H),y.handlers=b.proxy(d,y,H.handlers),y.current=v,b(z).on("click.lity","[data-lity]",y),y});
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-simplex
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.9.4
4
+ version: 0.9.8
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-12 00:00:00.000000000 Z
11
+ date: 2021-01-31 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -100,15 +100,22 @@ files:
100
100
  - assets/fonts/RobotoSlab-Regular.woff
101
101
  - assets/fonts/RobotoSlab-Regular.woff2
102
102
  - assets/fonts/fonts.css
103
+ - assets/img/icons/arrow_left.svg
104
+ - assets/img/icons/arrow_right.svg
103
105
  - assets/img/icons/brush.svg
104
106
  - assets/img/icons/chip.svg
107
+ - assets/img/icons/code.svg
108
+ - assets/img/icons/cog.svg
105
109
  - assets/img/icons/cpp.svg
110
+ - assets/img/icons/download.svg
106
111
  - assets/img/icons/golasblog_logo.svg
107
112
  - assets/img/icons/question.svg
108
113
  - assets/img/icons/server.svg
109
114
  - assets/img/icons/simplex_logo.svg
110
115
  - assets/img/icons/web.svg
111
116
  - assets/js/jquery.slim.min.js
117
+ - assets/js/lity.min.css
118
+ - assets/js/lity.min.js
112
119
  - assets/js/tools.js
113
120
  - assets/style.scss
114
121
  homepage: https://github.com/andreondra/jekyll-theme-simplex