jekyll-theme-hydure 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,29 @@
1
+ <!DOCTYPE html>
2
+ <html lang="{{ page.lang | default: site.lang | default: 'en' }}">
3
+ {% include head.html %}
4
+
5
+ <body>
6
+ <div id="layout" class="pure-g">
7
+ {% assign cover = site.cover | default: "https://images.unsplash.com/photo-1601054578112-7fb1d6ab06d6" %}
8
+ {% if page.cover %}
9
+ {% assign cover = page.cover %}
10
+ {% endif %}
11
+ <div class="sidebar pure-u-1 pure-u-md-1-4" {% if cover %}style="background-image: url({{ cover | relative_url }});"{% endif %}>
12
+ {% include header.html %}
13
+ </div>
14
+ <div class="content pure-u-1 pure-u-md-3-4">
15
+ {{ content }}
16
+
17
+ {% include footer.html %}
18
+ </div>
19
+ </div>
20
+
21
+ {% if page.math %}
22
+ {% include mathjax.html %}
23
+ {% endif %}
24
+
25
+ {% if jekyll.environment == 'production' and site.google_analytics %}
26
+ {% include google-analytics.html %}
27
+ {% endif %}
28
+ </body>
29
+ </html>
@@ -0,0 +1,44 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="posts">
6
+ {% assign posts = site.posts %}
7
+ {% if paginator %}
8
+ {% assign posts = paginator.posts %}
9
+ {% endif %}
10
+ {% for post in posts %}
11
+ <div class="post">
12
+ <h2 class="post-title">
13
+ <a href="{{ post.url | relative_url }}">
14
+ {{ post.title }}
15
+ </a>
16
+ </h2>
17
+
18
+ <time datetime="{{ post.date | date_to_xmlschema }}" class="post-meta">{{ post.date | date_to_string }}</time>
19
+
20
+ <p class="post-excerpt">
21
+ {% if post.description %}
22
+ {{ post.description | strip_html }}
23
+ {% else %}
24
+ {{ post.excerpt | strip_html }}
25
+ {% endif %}
26
+ </p>
27
+ </div>
28
+ {% endfor %}
29
+ </div>
30
+
31
+ {% if paginator %}
32
+ <div class="pagination pure-g">
33
+ {% if paginator.next_page %}
34
+ <a class="pagination-item older pure-u-1-2 pure-button" href="{{ paginator.next_page_path | relative_url }}"><i class="fas fa-chevron-left"></i></a>
35
+ {% else %}
36
+ <span class="pagination-item older pure-u-1-2 pure-button pure-button-disabled"><i class="fas fa-chevron-left"></i></span>
37
+ {% endif %}
38
+ {% if paginator.previous_page %}
39
+ <a class="pagination-item newer pure-u-1-2 pure-button" href="{{ paginator.previous_page_path | relative_url }}"><i class="fas fa-chevron-right"></i></a>
40
+ {% else %}
41
+ <span class="pagination-item newer pure-u-1-2 pure-button pure-button-disabled"><i class="fas fa-chevron-right"></i></span>
42
+ {% endif %}
43
+ </div>
44
+ {% endif %}
@@ -0,0 +1,8 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <article class="page">
6
+ <h1 class="page-title">{{ page.title }}</h1>
7
+ {{ content }}
8
+ </article>
@@ -0,0 +1,68 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <article class="post">
6
+ {% if page.categories.size > 0 %}
7
+ <div class="post-meta">
8
+ <ul class="post-categories">
9
+ {%- for category in page.categories -%}
10
+ <li>
11
+ {% assign slugified_category = category | slugify %}
12
+ {%- if site.categories_path -%}
13
+ <a class="post-category" href="{{ site.categories_path | relative_url }}#{{ slugified_category }}">{{ category }}</a>
14
+ {%- else -%}
15
+ <span class="post-category">{{ category }}</span>
16
+ {%- endif -%}
17
+ </li>
18
+ {%- endfor -%}
19
+ </ul>
20
+ </div>
21
+ {% endif %}
22
+ <h1 class="post-title">{{ page.title }}</h1>
23
+ <div class="post-meta">
24
+ <time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
25
+ {{ page.date | date_to_string }}
26
+ </time>
27
+ {%- if page.last_modified_at -%}
28
+ <span> ~ </span>
29
+ {%- assign mdate = page.last_modified_at | date_to_xmlschema -%}
30
+ <time datetime="{{ mdate }}" itemprop="dateModified">
31
+ {{ mdate | date_to_string }}
32
+ </time>
33
+ {%- endif -%}
34
+ {%- if page.author -%}
35
+ <span> • </span>
36
+ {% for author in page.author %}
37
+ <span itemprop="author" itemscope itemtype="http://schema.org/Person">
38
+ {{ author }}
39
+ </span>
40
+ {%- if forloop.last == false %}, {% endif -%}
41
+ {% endfor %}
42
+ {%- endif -%}
43
+ </div>
44
+
45
+ {{ content }}
46
+
47
+ {% if page.tags.size > 0 %}
48
+ <div class="post-meta">
49
+ <i class="post-tags-icon fas fa-tag"></i>
50
+ <ul class="post-tags">
51
+ {%- for tag in page.tags -%}
52
+ <li>
53
+ {% assign slugified_tag = tag | slugify %}
54
+ {%- if site.tags_path -%}
55
+ <a class="post-tag" href="{{ site.tags_path | relative_url }}#{{ slugified_tag }}">{{ slugified_tag }}</a>
56
+ {%- else -%}
57
+ <span class="post-tag">{{ slugified_tag }}</span>
58
+ {%- endif -%}
59
+ </li>
60
+ {%- endfor -%}
61
+ </ul>
62
+ </div>
63
+ {% endif %}
64
+
65
+ {% if jekyll.environment == "production" and site.disqus and page.comments != false %}
66
+ {% include disqus.html %}
67
+ {% endif %}
68
+ </article>
@@ -0,0 +1,40 @@
1
+ .taxonomies-wrapper {
2
+ margin-bottom: 2em;
3
+ }
4
+
5
+ .taxonomies {
6
+ list-style: none;
7
+ display: grid;
8
+ grid-column-gap: 2em;
9
+ grid-template-columns: repeat(2, 1fr);
10
+ margin: 0;
11
+ padding: 0;
12
+ font-weight: bold;
13
+
14
+ .taxonomy {
15
+ display: flex;
16
+ padding: 0.25em 0;
17
+ justify-content: space-between;
18
+ border-bottom: 1px solid var(--border-color);
19
+ margin-bottom: 1em;
20
+ color: var(--body-color);
21
+
22
+ &:focus,
23
+ &:hover {
24
+ color: var(--link-color);
25
+ text-decoration: none;
26
+ }
27
+ }
28
+ }
29
+
30
+ .post-list-by-taxonomy {
31
+ time {
32
+ font-family: monospace;
33
+ }
34
+ }
35
+
36
+ @media (min-width: $sm-screen) {
37
+ .taxonomies {
38
+ grid-template-columns: repeat(3, 1fr);
39
+ }
40
+ }
@@ -0,0 +1,122 @@
1
+ * {
2
+ -webkit-box-sizing: border-box;
3
+ -moz-box-sizing: border-box;
4
+ box-sizing: border-box;
5
+ }
6
+
7
+ body {
8
+ font-size: var(--body-font-size);
9
+ line-height: var(--body-line-height);
10
+ color: var(--body-color);
11
+ background-color: var(--body-bg);
12
+ }
13
+
14
+ h1, h2, h3, h4, h5, h6 {
15
+ line-height: 1.2;
16
+ letter-spacing: -1px;
17
+ }
18
+
19
+ a {
20
+ color: var(--link-color);
21
+ text-decoration: none;
22
+
23
+ &:focus,
24
+ &:hover {
25
+ text-decoration: underline;
26
+ }
27
+ }
28
+
29
+ figure {
30
+ margin: 0;
31
+ }
32
+
33
+ img {
34
+ display: block;
35
+ max-width: 100%;
36
+ margin: 0 0 1em 0;
37
+ border-radius: var(--border-radius);
38
+ }
39
+
40
+ code,
41
+ pre {
42
+ font-family: var(--code-font);
43
+ }
44
+
45
+ code {
46
+ padding: .1em .25em;
47
+ background-color: var(--code-bg);
48
+ border-radius: var(--border-radius);
49
+ }
50
+
51
+ pre {
52
+ overflow: auto;
53
+ padding: 1em;
54
+ margin: 1em 0;
55
+
56
+ code {
57
+ padding: 0;
58
+ background-color: inherit;
59
+ }
60
+ }
61
+
62
+ blockquote {
63
+ padding: 0 1em;
64
+ margin: 0 0 1em 0;
65
+ border-left: .25em solid var(--border-color);
66
+ color: var(--body-color-light);
67
+ }
68
+
69
+ table {
70
+ margin-top: 0;
71
+ margin-bottom: 1em;
72
+ width: 100%;
73
+ border: 0 solid var(--border-color);
74
+ border-collapse: collapse;
75
+ }
76
+
77
+ td,
78
+ th {
79
+ padding: .25em .5em;
80
+ border-color: inherit;
81
+ border-style: solid;
82
+ border-width: 0;
83
+ border-bottom-width: 1px;
84
+ }
85
+
86
+ th {
87
+ text-align: left;
88
+ }
89
+
90
+ thead th {
91
+ border-bottom-color: currentColor;
92
+ }
93
+
94
+ mark {
95
+ padding: .15em;
96
+ border-radius: var(--border-radius);
97
+ color: var(--message-color);
98
+ background-color: var(--message-bg);
99
+ }
100
+
101
+ hr {
102
+ position: relative;
103
+ margin: 2em 0;
104
+ border: 0;
105
+ border-top: 1px solid var(--border-color);
106
+ }
107
+
108
+ abbr {
109
+ font-weight: bold;
110
+ text-transform: uppercase;
111
+
112
+ &[title] {
113
+ cursor: help;
114
+ border-bottom: 1px dotted var(--border-color);
115
+ }
116
+ }
117
+
118
+ @media (min-width: $md-screen) {
119
+ body {
120
+ font-size: 120%;
121
+ }
122
+ }
@@ -0,0 +1,16 @@
1
+ .content {
2
+ padding: 4em 1em;
3
+ }
4
+
5
+ @media (min-width: $md-screen) {
6
+ .content {
7
+ padding: 4em 4em;
8
+ font-size: 80%;
9
+ }
10
+ }
11
+
12
+ @media (min-width: $lg-screen) {
13
+ .content {
14
+ font-size: 100%;
15
+ }
16
+ }
@@ -0,0 +1,5 @@
1
+ .footer {
2
+ margin: 3em 0 0 0;
3
+ padding: 1em 0;
4
+ border-top: 1px solid var(--border-color);
5
+ }
@@ -0,0 +1,91 @@
1
+ /**
2
+ * rougify style gruvbox
3
+ */
4
+
5
+ .highlight table td { padding: 5px; }
6
+ .highlight table pre { margin: 0; }
7
+ .highlight, .highlight .w {
8
+ color: #fbf1c7;
9
+ background-color: #282828;
10
+ }
11
+ .highlight .err {
12
+ color: #fb4934;
13
+ background-color: #282828;
14
+ font-weight: bold;
15
+ }
16
+ .highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cpf, .highlight .c1, .highlight .cs {
17
+ color: #928374;
18
+ font-style: italic;
19
+ }
20
+ .highlight .cp {
21
+ color: #8ec07c;
22
+ }
23
+ .highlight .nt {
24
+ color: #fb4934;
25
+ }
26
+ .highlight .o, .highlight .ow {
27
+ color: #fbf1c7;
28
+ }
29
+ .highlight .p, .highlight .pi {
30
+ color: #fbf1c7;
31
+ }
32
+ .highlight .gi {
33
+ color: #b8bb26;
34
+ background-color: #282828;
35
+ }
36
+ .highlight .gd {
37
+ color: #fb4934;
38
+ background-color: #282828;
39
+ }
40
+ .highlight .gh {
41
+ color: #b8bb26;
42
+ font-weight: bold;
43
+ }
44
+ .highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv {
45
+ color: #fb4934;
46
+ }
47
+ .highlight .kc {
48
+ color: #d3869b;
49
+ }
50
+ .highlight .kt {
51
+ color: #fabd2f;
52
+ }
53
+ .highlight .kd {
54
+ color: #fe8019;
55
+ }
56
+ .highlight .s, .highlight .sb, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 {
57
+ color: #b8bb26;
58
+ font-style: italic;
59
+ }
60
+ .highlight .si {
61
+ color: #b8bb26;
62
+ font-style: italic;
63
+ }
64
+ .highlight .sr {
65
+ color: #b8bb26;
66
+ font-style: italic;
67
+ }
68
+ .highlight .sa {
69
+ color: #fb4934;
70
+ }
71
+ .highlight .se {
72
+ color: #fe8019;
73
+ }
74
+ .highlight .nn {
75
+ color: #8ec07c;
76
+ }
77
+ .highlight .nc {
78
+ color: #8ec07c;
79
+ }
80
+ .highlight .no {
81
+ color: #d3869b;
82
+ }
83
+ .highlight .na {
84
+ color: #b8bb26;
85
+ }
86
+ .highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
87
+ color: #d3869b;
88
+ }
89
+ .highlight .ss {
90
+ color: #83a598;
91
+ }
@@ -0,0 +1,217 @@
1
+ /**
2
+ * rougify style github
3
+ */
4
+
5
+ .highlight table td { padding: 5px; }
6
+ .highlight table pre { margin: 0; }
7
+ .highlight .cm {
8
+ color: #999988;
9
+ font-style: italic;
10
+ }
11
+ .highlight .cp {
12
+ color: #999999;
13
+ font-weight: bold;
14
+ }
15
+ .highlight .c1 {
16
+ color: #999988;
17
+ font-style: italic;
18
+ }
19
+ .highlight .cs {
20
+ color: #999999;
21
+ font-weight: bold;
22
+ font-style: italic;
23
+ }
24
+ .highlight .c, .highlight .ch, .highlight .cd, .highlight .cpf {
25
+ color: #999988;
26
+ font-style: italic;
27
+ }
28
+ .highlight .err {
29
+ color: #a61717;
30
+ background-color: #e3d2d2;
31
+ }
32
+ .highlight .gd {
33
+ color: #000000;
34
+ background-color: #ffdddd;
35
+ }
36
+ .highlight .ge {
37
+ color: #000000;
38
+ font-style: italic;
39
+ }
40
+ .highlight .gr {
41
+ color: #aa0000;
42
+ }
43
+ .highlight .gh {
44
+ color: #999999;
45
+ }
46
+ .highlight .gi {
47
+ color: #000000;
48
+ background-color: #ddffdd;
49
+ }
50
+ .highlight .go {
51
+ color: #888888;
52
+ }
53
+ .highlight .gp {
54
+ color: #555555;
55
+ }
56
+ .highlight .gs {
57
+ font-weight: bold;
58
+ }
59
+ .highlight .gu {
60
+ color: #aaaaaa;
61
+ }
62
+ .highlight .gt {
63
+ color: #aa0000;
64
+ }
65
+ .highlight .kc {
66
+ color: #000000;
67
+ font-weight: bold;
68
+ }
69
+ .highlight .kd {
70
+ color: #000000;
71
+ font-weight: bold;
72
+ }
73
+ .highlight .kn {
74
+ color: #000000;
75
+ font-weight: bold;
76
+ }
77
+ .highlight .kp {
78
+ color: #000000;
79
+ font-weight: bold;
80
+ }
81
+ .highlight .kr {
82
+ color: #000000;
83
+ font-weight: bold;
84
+ }
85
+ .highlight .kt {
86
+ color: #445588;
87
+ font-weight: bold;
88
+ }
89
+ .highlight .k, .highlight .kv {
90
+ color: #000000;
91
+ font-weight: bold;
92
+ }
93
+ .highlight .mf {
94
+ color: #009999;
95
+ }
96
+ .highlight .mh {
97
+ color: #009999;
98
+ }
99
+ .highlight .il {
100
+ color: #009999;
101
+ }
102
+ .highlight .mi {
103
+ color: #009999;
104
+ }
105
+ .highlight .mo {
106
+ color: #009999;
107
+ }
108
+ .highlight .m, .highlight .mb, .highlight .mx {
109
+ color: #009999;
110
+ }
111
+ .highlight .sa {
112
+ color: #000000;
113
+ font-weight: bold;
114
+ }
115
+ .highlight .sb {
116
+ color: #d14;
117
+ }
118
+ .highlight .sc {
119
+ color: #d14;
120
+ }
121
+ .highlight .sd {
122
+ color: #d14;
123
+ }
124
+ .highlight .s2 {
125
+ color: #d14;
126
+ }
127
+ .highlight .se {
128
+ color: #d14;
129
+ }
130
+ .highlight .sh {
131
+ color: #d14;
132
+ }
133
+ .highlight .si {
134
+ color: #d14;
135
+ }
136
+ .highlight .sx {
137
+ color: #d14;
138
+ }
139
+ .highlight .sr {
140
+ color: #009926;
141
+ }
142
+ .highlight .s1 {
143
+ color: #d14;
144
+ }
145
+ .highlight .ss {
146
+ color: #990073;
147
+ }
148
+ .highlight .s, .highlight .dl {
149
+ color: #d14;
150
+ }
151
+ .highlight .na {
152
+ color: #008080;
153
+ }
154
+ .highlight .bp {
155
+ color: #999999;
156
+ }
157
+ .highlight .nb {
158
+ color: #0086B3;
159
+ }
160
+ .highlight .nc {
161
+ color: #445588;
162
+ font-weight: bold;
163
+ }
164
+ .highlight .no {
165
+ color: #008080;
166
+ }
167
+ .highlight .nd {
168
+ color: #3c5d5d;
169
+ font-weight: bold;
170
+ }
171
+ .highlight .ni {
172
+ color: #800080;
173
+ }
174
+ .highlight .ne {
175
+ color: #990000;
176
+ font-weight: bold;
177
+ }
178
+ .highlight .nf, .highlight .fm {
179
+ color: #990000;
180
+ font-weight: bold;
181
+ }
182
+ .highlight .nl {
183
+ color: #990000;
184
+ font-weight: bold;
185
+ }
186
+ .highlight .nn {
187
+ color: #555555;
188
+ }
189
+ .highlight .nt {
190
+ color: #000080;
191
+ }
192
+ .highlight .vc {
193
+ color: #008080;
194
+ }
195
+ .highlight .vg {
196
+ color: #008080;
197
+ }
198
+ .highlight .vi {
199
+ color: #008080;
200
+ }
201
+ .highlight .nv, .highlight .vm {
202
+ color: #008080;
203
+ }
204
+ .highlight .ow {
205
+ color: #000000;
206
+ font-weight: bold;
207
+ }
208
+ .highlight .o {
209
+ color: #000000;
210
+ font-weight: bold;
211
+ }
212
+ .highlight .w {
213
+ color: #bbbbbb;
214
+ }
215
+ .highlight {
216
+ background-color: #f8f8f8;
217
+ }