another-theme 1.0.1 → 1.0.2
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.
- checksums.yaml +4 -4
- data/_includes/algolia-multi-index.html +200 -0
- data/_includes/algolia.html +6 -2
- data/_includes/footer.html +3 -3
- data/_includes/image.html +16 -0
- data/_includes/last-posts.html +1 -1
- data/_includes/menu.html +1 -1
- data/_includes/projects.html +1 -1
- data/_includes/selected-posts.html +13 -0
- data/_includes/social.html +1 -1
- data/_layouts/algolia-feed-multi-index.html +60 -0
- data/_layouts/algolia-feed.html +2 -2
- data/_layouts/default.html +1 -1
- data/_layouts/page.html +1 -1
- data/_layouts/post.html +4 -1
- data/_sass/another.scss +2 -1
- data/_sass/another/_feed.scss +4 -0
- data/_sass/another/_footer.scss +2 -0
- data/_sass/another/{_header.scss → _menu.scss} +0 -0
- data/_sass/another/_tabs.scss +52 -0
- data/_sass/another/_type.scss +59 -23
- data/_sass/another/_utilities.scss +9 -2
- data/assets/js/main.js +33 -7
- metadata +8 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 5267f3494f4910a9084e1991a94edd496e8070b61d02ad5c88d212cb35ca0266
|
|
4
|
+
data.tar.gz: 533bea09881c3036d852633ac77c1b93335c915c2f7b896e23498b1e0c1569a1
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 51c01f2dfb0e66c2d71454751bb540a5b353340381320dd660d718d7dc82e1060883e561449ddb387c3baf6fcf91171f9059dd6a0a5e0890eff5ec8a663bd9ac
|
|
7
|
+
data.tar.gz: 9e3759fc7f288de24bd641b6f1aff9ea6d988bf5e89cf720caf10eca39771466fc42e8c0a7e63b338169ffef60d008f60cdff0e17769a21caf893b47b7812836
|
|
@@ -0,0 +1,200 @@
|
|
|
1
|
+
<script src="https://cdn.jsdelivr.net/npm/algoliasearch@3.33.0/dist/algoliasearchLite.min.js" integrity="sha256-3Laj91VXexjTlFLgL8+vvIq27laXdRmFIcO2miulgEs=" crossorigin="anonymous"></script>
|
|
2
|
+
<script src="https://cdn.jsdelivr.net/npm/instantsearch.js@3.4.0/dist/instantsearch.production.min.js" integrity="sha256-pM0n88cBFRHpSn0N26ETsQdwpA7WAXJDvkHeCLh3ujI=" crossorigin="anonymous"></script>
|
|
3
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js"></script>
|
|
4
|
+
|
|
5
|
+
<script>
|
|
6
|
+
|
|
7
|
+
const searchClient = algoliasearch('{{ site.algolia.application_id }}', '{{ site.algolia.search_only_api_key }}')
|
|
8
|
+
|
|
9
|
+
const subIndex = instantsearch({
|
|
10
|
+
indexName: 'notes',
|
|
11
|
+
searchClient,
|
|
12
|
+
routing: true
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
const mainIndex = instantsearch({
|
|
16
|
+
indexName: '{{ site.algolia.index_name }}',
|
|
17
|
+
searchClient,
|
|
18
|
+
searchFunction(helper) {
|
|
19
|
+
subIndex.helper.setQuery(helper.state.query).search();
|
|
20
|
+
helper.search();
|
|
21
|
+
},
|
|
22
|
+
routing: true
|
|
23
|
+
});
|
|
24
|
+
|
|
25
|
+
mainIndex.addWidget(
|
|
26
|
+
instantsearch.widgets.searchBox({
|
|
27
|
+
container: '#searchbox',
|
|
28
|
+
placeholder: 'Search...',
|
|
29
|
+
showReset: true,
|
|
30
|
+
showLoadingIndicator: false,
|
|
31
|
+
})
|
|
32
|
+
);
|
|
33
|
+
|
|
34
|
+
mainIndex.addWidget(
|
|
35
|
+
instantsearch.widgets.poweredBy({
|
|
36
|
+
container: '.ais-PoweredBy',
|
|
37
|
+
theme: 'dark',
|
|
38
|
+
})
|
|
39
|
+
);
|
|
40
|
+
|
|
41
|
+
mainIndex.addWidget(
|
|
42
|
+
instantsearch.widgets.configure({
|
|
43
|
+
hitsPerPage: 8
|
|
44
|
+
})
|
|
45
|
+
);
|
|
46
|
+
|
|
47
|
+
subIndex.addWidget(
|
|
48
|
+
instantsearch.widgets.configure({
|
|
49
|
+
hitsPerPage: 8,
|
|
50
|
+
})
|
|
51
|
+
);
|
|
52
|
+
|
|
53
|
+
mainIndex.addWidget(
|
|
54
|
+
instantsearch.widgets.hits({
|
|
55
|
+
container: '#hits',
|
|
56
|
+
templates: {
|
|
57
|
+
item(hit) {
|
|
58
|
+
let url = `{{ site.url }}${hit.url}`;
|
|
59
|
+
let date = moment.unix(hit.date).format('MMM DD, YYYY');
|
|
60
|
+
let cover = '';
|
|
61
|
+
let excerpt_text = '';
|
|
62
|
+
let extra_padding = 'py-3';
|
|
63
|
+
if(hit.cover){
|
|
64
|
+
cover = '<img class="w-100 mb-0.5 mb-sm-0" src="{{ site.url }}' + hit.cover + '" alt="' + hit.title + '">';
|
|
65
|
+
excerpt_text = '<p class="body-md mt-1">' + hit.excerpt_text + '</p>';
|
|
66
|
+
extra_padding = '';
|
|
67
|
+
}
|
|
68
|
+
return `
|
|
69
|
+
<a class="post-link row ${extra_padding}" href="${url}">
|
|
70
|
+
<div class="col-12 col-sm-4 col-md-3 col-xl-2">
|
|
71
|
+
${cover}
|
|
72
|
+
</div>
|
|
73
|
+
<div class="col-12 col-sm-8 col-md-9 col-xl-10 pl-md-0">
|
|
74
|
+
<div class="row">
|
|
75
|
+
<div class="post-title col-12 col-lg-9 col-xl-10">
|
|
76
|
+
<span class="fw-600">${hit.title}</span>
|
|
77
|
+
${excerpt_text}
|
|
78
|
+
</div>
|
|
79
|
+
<time class="post-date col-12 col-lg-3 col-xl-2 text-lg-right">${date}</time>
|
|
80
|
+
</div>
|
|
81
|
+
</div>
|
|
82
|
+
</a>
|
|
83
|
+
`;
|
|
84
|
+
},
|
|
85
|
+
},
|
|
86
|
+
})
|
|
87
|
+
);
|
|
88
|
+
|
|
89
|
+
subIndex.addWidget(
|
|
90
|
+
instantsearch.widgets.hits({
|
|
91
|
+
container: '#hits-second',
|
|
92
|
+
templates: {
|
|
93
|
+
item(hit) {
|
|
94
|
+
let url = `{{ site.url }}${hit.url}`;
|
|
95
|
+
let date = moment.unix(hit.date).format('MMM DD, YYYY');
|
|
96
|
+
let cover = '';
|
|
97
|
+
let excerpt_text = '';
|
|
98
|
+
let extra_padding = 'py-3';
|
|
99
|
+
if(hit.cover){
|
|
100
|
+
cover = '<img class="w-100 mb-0.5 mb-sm-0" src="{{ site.url }}' + hit.cover + '" alt="' + hit.title + '">';
|
|
101
|
+
excerpt_text = '<p class="body-md mt-1">' + hit.excerpt_text + '</p>';
|
|
102
|
+
extra_padding = '';
|
|
103
|
+
}
|
|
104
|
+
return `
|
|
105
|
+
<a class="post-link row ${extra_padding}" href="${url}">
|
|
106
|
+
<div class="col-12 col-sm-4 col-md-3 col-xl-2">
|
|
107
|
+
${cover}
|
|
108
|
+
</div>
|
|
109
|
+
<div class="col-12 col-sm-8 col-md-9 col-xl-10 pl-md-0">
|
|
110
|
+
<div class="row">
|
|
111
|
+
<div class="post-title col-12 col-lg-9 col-xl-10">
|
|
112
|
+
<span class="fw-600">${hit.title}</span>
|
|
113
|
+
${excerpt_text}
|
|
114
|
+
</div>
|
|
115
|
+
<time class="post-date col-12 col-lg-3 col-xl-2 text-lg-right">${date}</time>
|
|
116
|
+
</div>
|
|
117
|
+
</div>
|
|
118
|
+
</a>
|
|
119
|
+
`;
|
|
120
|
+
},
|
|
121
|
+
},
|
|
122
|
+
})
|
|
123
|
+
);
|
|
124
|
+
|
|
125
|
+
mainIndex.addWidget(
|
|
126
|
+
instantsearch.widgets.stats({
|
|
127
|
+
container: '#stats-mainindex',
|
|
128
|
+
templates: {
|
|
129
|
+
text(data) {
|
|
130
|
+
let count = '';
|
|
131
|
+
|
|
132
|
+
if (data.query){
|
|
133
|
+
if (data.hasManyResults) {
|
|
134
|
+
count += `(${data.nbHits})`;
|
|
135
|
+
} else if (data.hasOneResult) {
|
|
136
|
+
count += `(1)`;
|
|
137
|
+
} else {
|
|
138
|
+
count += `(0)`;
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
return `${count}`;
|
|
143
|
+
},
|
|
144
|
+
},
|
|
145
|
+
cssClasses: {
|
|
146
|
+
root: 'd-inline'
|
|
147
|
+
}
|
|
148
|
+
})
|
|
149
|
+
);
|
|
150
|
+
|
|
151
|
+
subIndex.addWidget(
|
|
152
|
+
instantsearch.widgets.stats({
|
|
153
|
+
container: '#stats-subindex',
|
|
154
|
+
templates: {
|
|
155
|
+
text(data) {
|
|
156
|
+
let count = '';
|
|
157
|
+
|
|
158
|
+
if (data.query){
|
|
159
|
+
if (data.hasManyResults) {
|
|
160
|
+
count += `(${data.nbHits})`;
|
|
161
|
+
} else if (data.hasOneResult) {
|
|
162
|
+
count += `(1)`;
|
|
163
|
+
} else {
|
|
164
|
+
count += `(0)`;
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
return `${count}`;
|
|
168
|
+
},
|
|
169
|
+
},
|
|
170
|
+
cssClasses: {
|
|
171
|
+
root: 'd-inline'
|
|
172
|
+
}
|
|
173
|
+
})
|
|
174
|
+
);
|
|
175
|
+
|
|
176
|
+
mainIndex.addWidget(
|
|
177
|
+
instantsearch.widgets.pagination({
|
|
178
|
+
container: '#pagination',
|
|
179
|
+
showPrevious: true,
|
|
180
|
+
showNext: true,
|
|
181
|
+
cssClasses: {
|
|
182
|
+
list: [
|
|
183
|
+
'unstyle-list',
|
|
184
|
+
],
|
|
185
|
+
},
|
|
186
|
+
})
|
|
187
|
+
);
|
|
188
|
+
|
|
189
|
+
subIndex.addWidget(
|
|
190
|
+
instantsearch.widgets.pagination({
|
|
191
|
+
container: '#pagination-second',
|
|
192
|
+
showPrevious: true,
|
|
193
|
+
showNext: true,
|
|
194
|
+
totalPages: 2
|
|
195
|
+
})
|
|
196
|
+
);
|
|
197
|
+
|
|
198
|
+
subIndex.start();
|
|
199
|
+
mainIndex.start();
|
|
200
|
+
</script>
|
data/_includes/algolia.html
CHANGED
|
@@ -44,7 +44,7 @@ search.addWidget(
|
|
|
44
44
|
<div class="col-12 col-sm-4 col-md-3 col-xl-2">
|
|
45
45
|
${cover}
|
|
46
46
|
</div>
|
|
47
|
-
<div class="col-12 col-sm-8 col-md-9 col-xl-10 pl-0">
|
|
47
|
+
<div class="col-12 col-sm-8 col-md-9 col-xl-10 pl-md-0">
|
|
48
48
|
<div class="row">
|
|
49
49
|
<div class="post-title col-12 col-lg-9 col-xl-10">
|
|
50
50
|
<span class="fw-600">${hit.title}</span>
|
|
@@ -65,7 +65,11 @@ search.addWidget(
|
|
|
65
65
|
container: '#pagination',
|
|
66
66
|
showPrevious: true,
|
|
67
67
|
showNext: true,
|
|
68
|
-
|
|
68
|
+
cssClasses: {
|
|
69
|
+
list: [
|
|
70
|
+
'unstyle-list',
|
|
71
|
+
],
|
|
72
|
+
},
|
|
69
73
|
})
|
|
70
74
|
);
|
|
71
75
|
|
data/_includes/footer.html
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
<footer class="mb-5 mt-5">
|
|
1
|
+
<footer class="mb-5 mt-5 page-wrap">
|
|
2
2
|
<div class="container">
|
|
3
3
|
<div class="row justify-content-end">
|
|
4
4
|
<nav class="col-auto mb-2 mb-sm-0 menu">
|
|
5
|
-
<ul>
|
|
5
|
+
<ul class="unstyle-list">
|
|
6
6
|
{% assign sorted_pages = site.pages | sort: "priority" %}
|
|
7
7
|
{% for node in sorted_pages %}
|
|
8
8
|
{% if node.priority %}
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
</ul>
|
|
13
13
|
</nav>
|
|
14
14
|
<nav class="col-auto social">
|
|
15
|
-
<ul>
|
|
15
|
+
<ul class="unstyle-list">
|
|
16
16
|
{%- if site.social.twitter -%}
|
|
17
17
|
<li><a href="//twitter.com/{{ site.social.twitter }}">Twitter</a></li>
|
|
18
18
|
{%- endif -%}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
{%- assign class = "" -%}
|
|
2
|
+
{%- if include.class -%}
|
|
3
|
+
{%- assign class = include.class -%}
|
|
4
|
+
{%- endif -%}
|
|
5
|
+
|
|
6
|
+
{%- assign legend = "" -%}
|
|
7
|
+
{%- if include.legend -%}
|
|
8
|
+
{%- assign legend = include.legend -%}
|
|
9
|
+
{%- endif -%}
|
|
10
|
+
|
|
11
|
+
<figure class="m-0 d-lg-flex">
|
|
12
|
+
<img src="{{include.src}}" alt="sad" class="w-100 {{class}}">
|
|
13
|
+
<legend class="footnote-aside body-sm mb-1 mt-md-3">
|
|
14
|
+
{{ legend }}
|
|
15
|
+
</legend>
|
|
16
|
+
</figure>
|
data/_includes/last-posts.html
CHANGED
data/_includes/menu.html
CHANGED
data/_includes/projects.html
CHANGED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<h2 class="mt-5">Selected posts</h2>
|
|
2
|
+
<hr>
|
|
3
|
+
<ul class="posts-feed unstyle-list">
|
|
4
|
+
{% for post in site.data.posts | limit:5 %}
|
|
5
|
+
<li class="post-node">
|
|
6
|
+
<a href="{{ post.url }}" class="post-link row align-items-center">
|
|
7
|
+
<span class="post-title col-auto pr-0">{{ post.title }}</span>
|
|
8
|
+
<span class="post-date col-auto">{{ post.date }}</span>
|
|
9
|
+
</a>
|
|
10
|
+
</li>
|
|
11
|
+
{% endfor %}
|
|
12
|
+
</ul>
|
|
13
|
+
<a href="//github.com/miltonolaf" class="next-post">All posts →</a>
|
data/_includes/social.html
CHANGED
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: page
|
|
3
|
+
---
|
|
4
|
+
<div class="ais-Container">
|
|
5
|
+
<div class="ais-SearchIcon">
|
|
6
|
+
<svg class="ais-Searsh-svg" viewbox="0 0 13.33 13.33" xmlns="http://www.w3.org/2000/svg">
|
|
7
|
+
<path d="M13.14 12.19l-2.46-2.45a6 6 0 1 0-.94.94l2.45 2.46a.7.7 0 0 0 .48.19.66.66 0 0 0 .47-.19.68.68 0 0 0 0-.95zM1.33 6a4.67 4.67 0 1 1 8 3.29 4.67 4.67 0 0 1-8-3.29z"></path>
|
|
8
|
+
</svg>
|
|
9
|
+
</div>
|
|
10
|
+
<div class="ais-SearchBox" id="searchbox"></div>
|
|
11
|
+
<div class="ais-PoweredBy"></div>
|
|
12
|
+
</div>
|
|
13
|
+
<div class="container--tabs mt-3">
|
|
14
|
+
<ul class="nav-tabs">
|
|
15
|
+
<li class="active">
|
|
16
|
+
<a href="#posts">Posts <small id="stats-mainindex"></small></a>
|
|
17
|
+
</li>
|
|
18
|
+
<li class="">
|
|
19
|
+
<a href="#notes">Notes <small id="stats-subindex"></small></a>
|
|
20
|
+
</li>
|
|
21
|
+
</ul>
|
|
22
|
+
|
|
23
|
+
<div class="tab-content">
|
|
24
|
+
<div class="tab-pane active" id="posts">
|
|
25
|
+
<ul class="posts-feed unstyle-list" id="hits">
|
|
26
|
+
{% for post in site.posts limit: 8 %}
|
|
27
|
+
<li class="post-node">
|
|
28
|
+
<a class="post-link row {% unless post.cover %}py-3{% endunless %}" href="{{ post.url | relative_url }}">
|
|
29
|
+
<div class="col-12 col-sm-4 col-md-3 col-xl-2">
|
|
30
|
+
{%- if post.cover -%}
|
|
31
|
+
<img class="w-100 mb-0.5 mb-sm-0" src="{{ site.url }}{{ post.cover }}" alt="{{ post.title }}">
|
|
32
|
+
{%- endif -%}
|
|
33
|
+
</div>
|
|
34
|
+
<div class="col-12 col-sm-8 col-md-9 col-xl-10 pl-md-0">
|
|
35
|
+
<div class="row">
|
|
36
|
+
<div class="post-title col-12 col-lg-9 col-xl-10">
|
|
37
|
+
<span class="fw-600">{{ post.title }}</span>
|
|
38
|
+
{%- if post.cover -%}
|
|
39
|
+
<p class="body-md mt-1">
|
|
40
|
+
{{ post.excerpt | strip_html }}
|
|
41
|
+
</p>
|
|
42
|
+
{%- endif -%}
|
|
43
|
+
</div>
|
|
44
|
+
<time class="post-date col-12 col-lg-3 col-xl-2 text-lg-right">{{ post.date | date: "%b %d, %Y" }}</time>
|
|
45
|
+
</div>
|
|
46
|
+
</div>
|
|
47
|
+
</a>
|
|
48
|
+
</li>
|
|
49
|
+
{% endfor %}
|
|
50
|
+
</ul>
|
|
51
|
+
<div id="pagination"></div>
|
|
52
|
+
</div>
|
|
53
|
+
<div class="tab-pane" id="notes">
|
|
54
|
+
<ul id="hits-second"></ul>
|
|
55
|
+
<div id="pagination-second"></div>
|
|
56
|
+
</div>
|
|
57
|
+
</div>
|
|
58
|
+
</div>
|
|
59
|
+
|
|
60
|
+
{% include algolia-multi-index.html %}
|
data/_layouts/algolia-feed.html
CHANGED
|
@@ -10,7 +10,7 @@ layout: page
|
|
|
10
10
|
<div class="ais-SearchBox" id="searchbox"></div>
|
|
11
11
|
<div class="ais-PoweredBy"></div>
|
|
12
12
|
</div>
|
|
13
|
-
<ul class="posts-feed my-3" id="hits">
|
|
13
|
+
<ul class="posts-feed my-3 unstyle-list" id="hits">
|
|
14
14
|
{% for post in site.posts limit: 8 %}
|
|
15
15
|
<li class="post-node">
|
|
16
16
|
<a class="post-link row {% unless post.cover %}py-3{% endunless %}" href="{{ post.url | relative_url }}">
|
|
@@ -19,7 +19,7 @@ layout: page
|
|
|
19
19
|
<img class="w-100 mb-0.5 mb-sm-0" src="{{ site.url }}{{ post.cover }}" alt="{{ post.title }}">
|
|
20
20
|
{%- endif -%}
|
|
21
21
|
</div>
|
|
22
|
-
<div class="col-12 col-sm-8 col-md-9 col-xl-10 pl-0">
|
|
22
|
+
<div class="col-12 col-sm-8 col-md-9 col-xl-10 pl-md-0">
|
|
23
23
|
<div class="row">
|
|
24
24
|
<div class="post-title col-12 col-lg-9 col-xl-10">
|
|
25
25
|
<span class="fw-600">{{ post.title }}</span>
|
data/_layouts/default.html
CHANGED
|
@@ -21,11 +21,11 @@ layout: compress
|
|
|
21
21
|
</aside>
|
|
22
22
|
{{ content }}
|
|
23
23
|
</div>
|
|
24
|
+
{% include footer.html %}
|
|
24
25
|
</div>
|
|
25
26
|
|
|
26
27
|
{% if dark_mode %}
|
|
27
28
|
<script src="{{ site.url }}/assets/js/main.js" charset="utf-8"></script>
|
|
28
29
|
{% endif %}
|
|
29
30
|
</body>
|
|
30
|
-
{% include footer.html %}
|
|
31
31
|
</html>
|
data/_layouts/page.html
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
layout: default
|
|
3
3
|
---
|
|
4
|
-
<div class="{% if page.content_width == "large"%}col-12 col-xl-10{% else %}col-12 col-md-10 col-lg-9 col-xl-7{% endif %} pt-4 pt-lg-5 page-wrap" role="main">
|
|
4
|
+
<div class="{% if page.content_width == "large"%}col-12 col-xl-10{% else %}col-12 col-md-10 col-lg-9 col-xl-7{% endif %} mt-3 mt-lg-0 pt-4 pt-lg-5 page-wrap" role="main">
|
|
5
5
|
<article>
|
|
6
6
|
{%- if page.page_title -%}
|
|
7
7
|
<header class="post-header mb-4">
|
data/_layouts/post.html
CHANGED
|
@@ -9,8 +9,11 @@ fluid: true
|
|
|
9
9
|
<time class="body-sm" datetime="{{ page.date | date: '%Y-%m-%d' }}">
|
|
10
10
|
<strong>{{ page.date | date: "%B %d, %Y"}}</strong>
|
|
11
11
|
</time>
|
|
12
|
+
{%- if page.cover -%}
|
|
13
|
+
{%- include image.html src=page.cover legend=page.legend class="mt-md-3 mb-md-2 mt-2" -%}
|
|
14
|
+
{%- endif -%}
|
|
12
15
|
</header>
|
|
13
|
-
<section
|
|
16
|
+
<section>
|
|
14
17
|
{{ content }}
|
|
15
18
|
</section>
|
|
16
19
|
</article>
|
data/_sass/another.scss
CHANGED
|
@@ -5,9 +5,10 @@
|
|
|
5
5
|
@import "another/base";
|
|
6
6
|
@import "another/bootstrap-grid";
|
|
7
7
|
@import "another/type";
|
|
8
|
-
@import "another/
|
|
8
|
+
@import "another/menu";
|
|
9
9
|
@import "another/feed";
|
|
10
10
|
@import "another/buttons";
|
|
11
|
+
@import "another/tabs";
|
|
11
12
|
@import "another/syntax";
|
|
12
13
|
@import "another/code";
|
|
13
14
|
@import "another/footer";
|
data/_sass/another/_feed.scss
CHANGED
data/_sass/another/_footer.scss
CHANGED
|
File without changes
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
.container--tabs {
|
|
2
|
+
.nav-tabs {
|
|
3
|
+
float: left;
|
|
4
|
+
width: 100%;
|
|
5
|
+
margin: 0;
|
|
6
|
+
list-style-type: none;
|
|
7
|
+
border-bottom: 1px solid rgba(var(--rgb-primary),0.1);
|
|
8
|
+
|
|
9
|
+
> li {
|
|
10
|
+
float: left;
|
|
11
|
+
margin-bottom: -1px;
|
|
12
|
+
|
|
13
|
+
> a {
|
|
14
|
+
float: left;
|
|
15
|
+
line-height: 1.42857143;
|
|
16
|
+
padding: 0.75rem;
|
|
17
|
+
min-width: 125px;
|
|
18
|
+
border-bottom: 1px solid transparent;
|
|
19
|
+
|
|
20
|
+
&:hover {
|
|
21
|
+
border-bottom-color: rgba(var(--rgb-primary),0.2);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
&.active {
|
|
26
|
+
> a,
|
|
27
|
+
> a:hover,
|
|
28
|
+
> a:focus {
|
|
29
|
+
cursor: default;
|
|
30
|
+
border-bottom: 1px solid rgba(var(--rgb-primary),0.5);
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.tab-content {
|
|
37
|
+
width: 100%;
|
|
38
|
+
|
|
39
|
+
> .tab-pane {
|
|
40
|
+
display: none;
|
|
41
|
+
|
|
42
|
+
&.active {
|
|
43
|
+
display: block;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
> .active {
|
|
48
|
+
display: block;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
}
|
data/_sass/another/_type.scss
CHANGED
|
@@ -54,37 +54,54 @@ dl {
|
|
|
54
54
|
margin-bottom: 1rem;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
57
|
+
ol,
|
|
58
|
+
ul {
|
|
59
|
+
padding-left: 1.25em;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
ul li{
|
|
63
|
+
&:before {
|
|
64
|
+
color: rgba(5,5,38,0.3);
|
|
65
|
+
color: rgba(var(--rgb-primary), 0.3);
|
|
66
|
+
padding-right: 0.4em;
|
|
67
|
+
content: "•";
|
|
68
|
+
position: absolute;
|
|
69
|
+
margin-top: -0.1em;
|
|
70
|
+
margin-left: -0.85em;
|
|
61
71
|
}
|
|
72
|
+
}
|
|
62
73
|
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
74
|
+
ol {
|
|
75
|
+
counter-reset: decimal-counter;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
ol li{
|
|
79
|
+
&:before {
|
|
80
|
+
color: rgba(5,5,38,0.3);
|
|
81
|
+
color: rgba(var(--rgb-primary), 0.3);
|
|
82
|
+
padding-right: 0.4em;
|
|
83
|
+
content: counter(decimal-counter) ".";
|
|
84
|
+
counter-increment: decimal-counter;
|
|
85
|
+
position: absolute;
|
|
86
|
+
margin-left: -1.15em;
|
|
73
87
|
}
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.unstyle-list{
|
|
91
|
+
padding-left: 0;
|
|
74
92
|
|
|
75
|
-
|
|
76
|
-
|
|
93
|
+
li{
|
|
94
|
+
&:before {
|
|
95
|
+
padding-right: 0;
|
|
96
|
+
content: "";
|
|
97
|
+
display: none;
|
|
98
|
+
}
|
|
77
99
|
}
|
|
78
100
|
|
|
79
101
|
ol li{
|
|
80
102
|
&:before {
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
padding-right: 0.4em;
|
|
84
|
-
content: counter(decimal-counter) ".";
|
|
85
|
-
counter-increment: decimal-counter;
|
|
86
|
-
position: absolute;
|
|
87
|
-
margin-left: -1.15em;
|
|
103
|
+
content: "";
|
|
104
|
+
display: none;
|
|
88
105
|
}
|
|
89
106
|
}
|
|
90
107
|
}
|
|
@@ -153,6 +170,25 @@ a[href^="#fnref:"] {
|
|
|
153
170
|
font-size: 85%;
|
|
154
171
|
}
|
|
155
172
|
|
|
173
|
+
.footnote-aside {
|
|
174
|
+
padding-left: .75rem;
|
|
175
|
+
padding-right: .75rem;
|
|
176
|
+
position: absolute;
|
|
177
|
+
right: 0;
|
|
178
|
+
width: 50%;
|
|
179
|
+
-webkit-transform: translateX(100%);
|
|
180
|
+
transform: translateX(100%);
|
|
181
|
+
color: rgba(var(--rgb-primary), 0.6);
|
|
182
|
+
|
|
183
|
+
@include media-breakpoint-down(md) {
|
|
184
|
+
position: relative;
|
|
185
|
+
width: 100%;
|
|
186
|
+
text-align: center;
|
|
187
|
+
-webkit-transform: none;
|
|
188
|
+
transform: none;
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
|
|
156
192
|
// Custom type
|
|
157
193
|
//
|
|
158
194
|
// Extend paragraphs with `.lead` for larger introductory text.
|
|
@@ -13,7 +13,7 @@ $utilities: map-merge(
|
|
|
13
13
|
print: true,
|
|
14
14
|
property: display,
|
|
15
15
|
class: d,
|
|
16
|
-
values: none block flex
|
|
16
|
+
values: none block flex inline
|
|
17
17
|
),
|
|
18
18
|
// Flex utilities
|
|
19
19
|
"flex": (
|
|
@@ -256,7 +256,14 @@ $utilities: map-merge(
|
|
|
256
256
|
values: (
|
|
257
257
|
0: 0,
|
|
258
258
|
)
|
|
259
|
-
)
|
|
259
|
+
),
|
|
260
|
+
"width": (
|
|
261
|
+
property: width,
|
|
262
|
+
class: w,
|
|
263
|
+
values: (
|
|
264
|
+
100: 100%,
|
|
265
|
+
)
|
|
266
|
+
),
|
|
260
267
|
),
|
|
261
268
|
$utilities
|
|
262
269
|
);
|
data/assets/js/main.js
CHANGED
|
@@ -23,15 +23,15 @@ function addClass(ele, cls) {
|
|
|
23
23
|
|
|
24
24
|
function removeClass(ele, cls) {
|
|
25
25
|
if (hasClass(ele, cls)) {
|
|
26
|
-
|
|
27
|
-
|
|
26
|
+
var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
|
|
27
|
+
ele.className = ele.className.replace(reg, '');
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
// Add event from js the keep the markup clean
|
|
32
32
|
function init() {
|
|
33
33
|
let elementsArray = document.querySelectorAll(".menu-toggle");
|
|
34
|
-
elementsArray.forEach(function(element) {
|
|
34
|
+
elementsArray.forEach(function (element) {
|
|
35
35
|
element.addEventListener("click", toggleMenu);
|
|
36
36
|
});
|
|
37
37
|
}
|
|
@@ -40,15 +40,41 @@ function init() {
|
|
|
40
40
|
function toggleMenu() {
|
|
41
41
|
var ele = document.getElementsByTagName('body')[0];
|
|
42
42
|
if (!hasClass(ele, "open")) {
|
|
43
|
-
|
|
43
|
+
addClass(ele, "open");
|
|
44
44
|
} else {
|
|
45
|
-
|
|
45
|
+
removeClass(ele, "open");
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
// Prevent the function to run before the document is loaded
|
|
50
|
-
document.addEventListener('readystatechange', function() {
|
|
50
|
+
document.addEventListener('readystatechange', function () {
|
|
51
51
|
if (document.readyState === "complete") {
|
|
52
|
-
|
|
52
|
+
init();
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
|
|
56
|
+
// Tabs
|
|
57
|
+
|
|
58
|
+
window.addEventListener("load", function () {
|
|
59
|
+
// store tabs variable
|
|
60
|
+
var myTabs = document.querySelectorAll("ul.nav-tabs > li");
|
|
61
|
+
function myTabClicks(tabClickEvent) {
|
|
62
|
+
for (var i = 0; i < myTabs.length; i++) {
|
|
63
|
+
myTabs[i].classList.remove("active");
|
|
64
|
+
}
|
|
65
|
+
var clickedTab = tabClickEvent.currentTarget;
|
|
66
|
+
clickedTab.classList.add("active");
|
|
67
|
+
tabClickEvent.preventDefault();
|
|
68
|
+
var myContentPanes = document.querySelectorAll(".tab-pane");
|
|
69
|
+
for (i = 0; i < myContentPanes.length; i++) {
|
|
70
|
+
myContentPanes[i].classList.remove("active");
|
|
71
|
+
}
|
|
72
|
+
var anchorReference = tabClickEvent.target;
|
|
73
|
+
var activePaneId = anchorReference.getAttribute("href");
|
|
74
|
+
var activePane = document.querySelector(activePaneId);
|
|
75
|
+
activePane.classList.add("active");
|
|
76
|
+
}
|
|
77
|
+
for (i = 0; i < myTabs.length; i++) {
|
|
78
|
+
myTabs[i].addEventListener("click", myTabClicks)
|
|
53
79
|
}
|
|
54
80
|
});
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: another-theme
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.0.
|
|
4
|
+
version: 1.0.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Milton Olaf P
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2019-08-
|
|
11
|
+
date: 2019-08-21 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -131,16 +131,20 @@ extra_rdoc_files: []
|
|
|
131
131
|
files:
|
|
132
132
|
- LICENSE.md
|
|
133
133
|
- README.md
|
|
134
|
+
- _includes/algolia-multi-index.html
|
|
134
135
|
- _includes/algolia.html
|
|
135
136
|
- _includes/analytics.html
|
|
136
137
|
- _includes/dark-mode.html
|
|
137
138
|
- _includes/footer.html
|
|
138
139
|
- _includes/head.html
|
|
139
140
|
- _includes/icons.html
|
|
141
|
+
- _includes/image.html
|
|
140
142
|
- _includes/last-posts.html
|
|
141
143
|
- _includes/menu.html
|
|
142
144
|
- _includes/projects.html
|
|
145
|
+
- _includes/selected-posts.html
|
|
143
146
|
- _includes/social.html
|
|
147
|
+
- _layouts/algolia-feed-multi-index.html
|
|
144
148
|
- _layouts/algolia-feed.html
|
|
145
149
|
- _layouts/compress.html
|
|
146
150
|
- _layouts/default.html
|
|
@@ -156,10 +160,11 @@ files:
|
|
|
156
160
|
- _sass/another/_footer.scss
|
|
157
161
|
- _sass/another/_functions.scss
|
|
158
162
|
- _sass/another/_grid.scss
|
|
159
|
-
- _sass/another/
|
|
163
|
+
- _sass/another/_menu.scss
|
|
160
164
|
- _sass/another/_pagination.scss
|
|
161
165
|
- _sass/another/_search.scss
|
|
162
166
|
- _sass/another/_syntax.scss
|
|
167
|
+
- _sass/another/_tabs.scss
|
|
163
168
|
- _sass/another/_type.scss
|
|
164
169
|
- _sass/another/_utilities.scss
|
|
165
170
|
- _sass/another/_variables.scss
|