jekyll-theme-simplex 0.9.3 → 0.9.7

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,21 @@
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
+
18
+ img{
19
+ max-width: 100%;
20
+ }
21
+ }
@@ -8,4 +8,130 @@
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: var(--c-noCategoryText);
46
+ background: var(--c-noCategoryBackground);
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: .5rem;
68
+ }
69
+ }
70
+
71
+ &__author{
72
+
73
+ color: var(--c-postText);
74
+ width: fit-content;
75
+ @include flexbox;
76
+
77
+ &__photo{
78
+ margin: 0 1rem;
79
+ width: 2rem;
80
+ border-radius: 100%;
81
+ }
82
+ }
83
+
84
+ @include for-size('tablet'){
85
+ flex-direction: column;
86
+ }
87
+ }
88
+
89
+ &__content{
90
+
91
+ color: var(--c-postText);
92
+ h1{
93
+ font-size: 1.8rem;
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
+ }
136
+ }
11
137
  }
@@ -26,37 +26,241 @@
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-footerText: var(--c-themePrimaryLight);
182
+ --c-footerImageFilter: invert(1);
183
+
184
+ --c-codeShadow: rgba(0, 0, 0, 0);
185
+ --c-codeShadowHover: rgba(0, 0, 0, 0);
186
+
187
+ --c-navigator: var(--c-themePrimaryDark);
188
+ --c-navigatorFilter: invert(1);
189
+
190
+ --c-noCategoryBackground: var(--c-themePrimaryLight);
191
+ --c-noCategoryText: var(--c-themePrimaryDark);
192
+
193
+ --c-tableBorder: var(--c-themePrimaryLight);
194
+
195
+ --c-subtitle: var(--c-themeTerniaryLight);
196
+
197
+ //Syntax highlighting.
198
+ .highlight pre { background-color: #272822; }
199
+ .highlight .hll { background-color: #272822; }
200
+ .highlight .c { color: #75715e } /* Comment */
201
+ .highlight .err { color: #960050; background-color: #1e0010 } /* Error */
202
+ .highlight .k { color: #66d9ef } /* Keyword */
203
+ .highlight .l { color: #ae81ff } /* Literal */
204
+ .highlight .n { color: #f8f8f2 } /* Name */
205
+ .highlight .o { color: #f92672 } /* Operator */
206
+ .highlight .p { color: #f8f8f2 } /* Punctuation */
207
+ .highlight .cm { color: #75715e } /* Comment.Multiline */
208
+ .highlight .cp { color: #75715e } /* Comment.Preproc */
209
+ .highlight .c1 { color: #75715e } /* Comment.Single */
210
+ .highlight .cs { color: #75715e } /* Comment.Special */
211
+ .highlight .ge { font-style: italic } /* Generic.Emph */
212
+ .highlight .gs { font-weight: bold } /* Generic.Strong */
213
+ .highlight .kc { color: #66d9ef } /* Keyword.Constant */
214
+ .highlight .kd { color: #66d9ef } /* Keyword.Declaration */
215
+ .highlight .kn { color: #f92672 } /* Keyword.Namespace */
216
+ .highlight .kp { color: #66d9ef } /* Keyword.Pseudo */
217
+ .highlight .kr { color: #66d9ef } /* Keyword.Reserved */
218
+ .highlight .kt { color: #66d9ef } /* Keyword.Type */
219
+ .highlight .ld { color: #e6db74 } /* Literal.Date */
220
+ .highlight .m { color: #ae81ff } /* Literal.Number */
221
+ .highlight .s { color: #e6db74 } /* Literal.String */
222
+ .highlight .na { color: #a6e22e } /* Name.Attribute */
223
+ .highlight .nb { color: #f8f8f2 } /* Name.Builtin */
224
+ .highlight .nc { color: #a6e22e } /* Name.Class */
225
+ .highlight .no { color: #66d9ef } /* Name.Constant */
226
+ .highlight .nd { color: #a6e22e } /* Name.Decorator */
227
+ .highlight .ni { color: #f8f8f2 } /* Name.Entity */
228
+ .highlight .ne { color: #a6e22e } /* Name.Exception */
229
+ .highlight .nf { color: #a6e22e } /* Name.Function */
230
+ .highlight .nl { color: #f8f8f2 } /* Name.Label */
231
+ .highlight .nn { color: #f8f8f2 } /* Name.Namespace */
232
+ .highlight .nx { color: #a6e22e } /* Name.Other */
233
+ .highlight .py { color: #f8f8f2 } /* Name.Property */
234
+ .highlight .nt { color: #f92672 } /* Name.Tag */
235
+ .highlight .nv { color: #f8f8f2 } /* Name.Variable */
236
+ .highlight .ow { color: #f92672 } /* Operator.Word */
237
+ .highlight .w { color: #f8f8f2 } /* Text.Whitespace */
238
+ .highlight .mf { color: #ae81ff } /* Literal.Number.Float */
239
+ .highlight .mh { color: #ae81ff } /* Literal.Number.Hex */
240
+ .highlight .mi { color: #ae81ff } /* Literal.Number.Integer */
241
+ .highlight .mo { color: #ae81ff } /* Literal.Number.Oct */
242
+ .highlight .sb { color: #e6db74 } /* Literal.String.Backtick */
243
+ .highlight .sc { color: #e6db74 } /* Literal.String.Char */
244
+ .highlight .sd { color: #e6db74 } /* Literal.String.Doc */
245
+ .highlight .s2 { color: #e6db74 } /* Literal.String.Double */
246
+ .highlight .se { color: #ae81ff } /* Literal.String.Escape */
247
+ .highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */
248
+ .highlight .si { color: #e6db74 } /* Literal.String.Interpol */
249
+ .highlight .sx { color: #e6db74 } /* Literal.String.Other */
250
+ .highlight .sr { color: #e6db74 } /* Literal.String.Regex */
251
+ .highlight .s1 { color: #e6db74 } /* Literal.String.Single */
252
+ .highlight .ss { color: #e6db74 } /* Literal.String.Symbol */
253
+ .highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
254
+ .highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */
255
+ .highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */
256
+ .highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */
257
+ .highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */
258
+
259
+ //.highlight .gh { } /* Generic Heading & Diff Header */
260
+ .highlight .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */
261
+ .highlight .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */
262
+ .highlight .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */
58
263
  }
59
-
60
264
  }
61
265
 
62
266
  // SIZES
@@ -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>
@@ -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>
@@ -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>