another-theme 0.0.1 → 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/algolia.html +80 -0
- data/_includes/dark-mode.html +8 -6
- data/_includes/footer.html +29 -0
- data/_includes/head.html +5 -0
- data/_includes/icons.html +53 -0
- data/_includes/last-posts.html +5 -4
- data/_includes/menu.html +4 -3
- data/_includes/projects.html +5 -4
- data/_includes/social.html +11 -0
- data/_layouts/algolia-feed.html +41 -0
- data/_layouts/default.html +15 -4
- data/_layouts/page.html +12 -8
- data/_layouts/post.html +13 -8
- data/_sass/another.scss +4 -4
- data/_sass/another/_base.scss +9 -2
- data/_sass/another/_bootstrap-variables.scss +67 -0
- data/_sass/another/_buttons.scss +51 -0
- data/_sass/another/_feed.scss +156 -30
- data/_sass/another/_font-face.scss +0 -114
- data/_sass/another/_footer.scss +29 -0
- data/_sass/another/_functions.scss +105 -0
- data/_sass/another/_grid.scss +51 -0
- data/_sass/another/_header.scss +99 -0
- data/_sass/another/_type.scss +10 -4
- data/_sass/another/_utilities.scss +261 -14
- data/_sass/another/_variables.scss +10 -9
- data/_sass/another/bootstrap-grid.scss +29 -0
- data/_sass/another/mixins/_breakpoints.scss +126 -0
- data/_sass/another/mixins/_grid-framework.scss +58 -0
- data/_sass/another/mixins/_grid.scss +39 -0
- data/_sass/another/mixins/_utilities.scss +33 -0
- data/_sass/another/utilities/_api.scss +29 -0
- data/assets/img/cover_posts/2012-11-26-down-the-rabbit-hole.jpg +0 -0
- data/assets/img/cover_posts/2014-08-12-the-businessman-and-fisherman.jpg +0 -0
- data/assets/img/cover_posts/2016-11-19-gettysburg-address.jpg +0 -0
- data/assets/img/cover_posts/2018-03-08-i-have-a-dream.jpg +0 -0
- data/assets/img/cover_posts/2019-05-23-mardown-demo.jpg +0 -0
- data/assets/js/main.js +41 -0
- metadata +38 -41
- data/_layouts/home.html +0 -9
- data/_sass/another/_layout.scss +0 -66
- data/_sass/another/_menu.scss +0 -30
- data/_sass/another/_posts.scss +0 -60
- data/assets/font-files/IBM-Plex/IBMPlexMono-Bold.woff +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-Bold.woff2 +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-BoldItalic.woff +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-BoldItalic.woff2 +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-ExtraLight.woff +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-ExtraLight.woff2 +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-ExtraLightItalic.woff +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-ExtraLightItalic.woff2 +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-Italic.woff +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-Italic.woff2 +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-Light.woff +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-Light.woff2 +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-LightItalic.woff +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-LightItalic.woff2 +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-Medium.woff +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-Medium.woff2 +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-MediumItalic.woff +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-MediumItalic.woff2 +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-Regular.woff +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-Regular.woff2 +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-SemiBold.woff +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-SemiBold.woff2 +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-SemiBoldItalic.woff +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-SemiBoldItalic.woff2 +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-Text.woff +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-Text.woff2 +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-TextItalic.woff +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-TextItalic.woff2 +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-Thin.woff +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-Thin.woff2 +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-ThinItalic.woff +0 -0
- data/assets/font-files/IBM-Plex/IBMPlexMono-ThinItalic.woff2 +0 -0
- data/assets/font-files/IBM-Plex/license.txt +0 -92
- data/assets/img/icons/dark.svg +0 -1
- data/assets/img/icons/light.svg +0 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 36864c0f43b00ba1ca7e96000391320621fce787287dcfae106ad8f724406e87
|
4
|
+
data.tar.gz: 74224358546a150a480c3b49ef1316150c3b0c749a943253454717ed891faeb4
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 0a9d5aaf6aa4c97477caaa26c98c73d9c4194e7fbd6b5ed13bb676382b5d0c8f5038f5a7ced2fb5958f4997665542be16835a1b53cde5ecbb6386ee42e841647
|
7
|
+
data.tar.gz: b3b6390c257176bec80611a9ab55527a016639fb5bb3fcf7c78c3172061d7492c2ed63b390e48e84a6f12fc0aae54e5274a8d58ee57587626557517d6e369eb2
|
@@ -0,0 +1,80 @@
|
|
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
|
+
const search = instantsearch({
|
7
|
+
indexName: '{{ site.algolia.index_name }}',
|
8
|
+
searchClient: algoliasearch('{{ site.algolia.application_id }}', '{{ site.algolia.search_only_api_key }}'),
|
9
|
+
routing: true
|
10
|
+
});
|
11
|
+
|
12
|
+
search.addWidget(
|
13
|
+
instantsearch.widgets.configure({
|
14
|
+
hitsPerPage: 8
|
15
|
+
})
|
16
|
+
);
|
17
|
+
|
18
|
+
search.addWidget(
|
19
|
+
instantsearch.widgets.searchBox({
|
20
|
+
container: '#searchbox',
|
21
|
+
placeholder: 'Search...',
|
22
|
+
showReset: true,
|
23
|
+
showLoadingIndicator: false,
|
24
|
+
})
|
25
|
+
);
|
26
|
+
|
27
|
+
search.addWidget(
|
28
|
+
instantsearch.widgets.hits({
|
29
|
+
container: '#hits',
|
30
|
+
templates: {
|
31
|
+
item(hit) {
|
32
|
+
let url = `{{ site.url }}${hit.url}`;
|
33
|
+
let date = moment.unix(hit.date).format('MMM DD, YYYY');
|
34
|
+
let cover = '';
|
35
|
+
let excerpt_text = '';
|
36
|
+
let extra_padding = 'py-3';
|
37
|
+
if(hit.cover){
|
38
|
+
cover = '<img class="w-100 mb-0.5 mb-sm-0" src="{{ site.url }}' + hit.cover + '" alt="' + hit.title + '">';
|
39
|
+
excerpt_text = '<p class="body-md mt-1">' + hit.excerpt_text + '</p>';
|
40
|
+
extra_padding = '';
|
41
|
+
}
|
42
|
+
return `
|
43
|
+
<a class="post-link row ${extra_padding}" href="${url}">
|
44
|
+
<div class="col-12 col-sm-4 col-md-3 col-xl-2">
|
45
|
+
${cover}
|
46
|
+
</div>
|
47
|
+
<div class="col-12 col-sm-8 col-md-9 col-xl-10 pl-0">
|
48
|
+
<div class="row">
|
49
|
+
<div class="post-title col-12 col-lg-9 col-xl-10">
|
50
|
+
<span class="fw-600">${hit.title}</span>
|
51
|
+
${excerpt_text}
|
52
|
+
</div>
|
53
|
+
<time class="post-date col-12 col-lg-3 col-xl-2 text-lg-right">${date}</time>
|
54
|
+
</div>
|
55
|
+
</div>
|
56
|
+
</a>
|
57
|
+
`;
|
58
|
+
},
|
59
|
+
},
|
60
|
+
})
|
61
|
+
);
|
62
|
+
|
63
|
+
search.addWidget(
|
64
|
+
instantsearch.widgets.pagination({
|
65
|
+
container: '#pagination',
|
66
|
+
showPrevious: true,
|
67
|
+
showNext: true,
|
68
|
+
totalPages: 2
|
69
|
+
})
|
70
|
+
);
|
71
|
+
|
72
|
+
search.addWidget(
|
73
|
+
instantsearch.widgets.poweredBy({
|
74
|
+
container: '.ais-PoweredBy',
|
75
|
+
theme: 'dark',
|
76
|
+
})
|
77
|
+
);
|
78
|
+
|
79
|
+
search.start();
|
80
|
+
</script>
|
data/_includes/dark-mode.html
CHANGED
@@ -1,8 +1,10 @@
|
|
1
1
|
{% assign dark_mode = true %}
|
2
2
|
|
3
|
-
<
|
4
|
-
<
|
5
|
-
|
6
|
-
|
7
|
-
<
|
8
|
-
|
3
|
+
<div>
|
4
|
+
<button id="dark" class="btn btn-nav body-lg fw-600" title="Dark Mode">
|
5
|
+
{%- include icons.html icon="dark" size=17 -%} Dark
|
6
|
+
</button>
|
7
|
+
<button id="light" class="btn btn-nav body-lg fw-600" title="Light Mode">
|
8
|
+
{%- include icons.html icon="light" size=17 -%} Light
|
9
|
+
</button>
|
10
|
+
</div>
|
@@ -0,0 +1,29 @@
|
|
1
|
+
<footer class="mb-5 mt-5">
|
2
|
+
<div class="container">
|
3
|
+
<div class="row justify-content-end">
|
4
|
+
<nav class="col-auto mb-2 mb-sm-0 menu">
|
5
|
+
<ul>
|
6
|
+
{% assign sorted_pages = site.pages | sort: "priority" %}
|
7
|
+
{% for node in sorted_pages %}
|
8
|
+
{% if node.priority %}
|
9
|
+
<li><a href="{{ site.url }}{{ node.url }}">{{ node.title }}</a></li>
|
10
|
+
{% endif %}
|
11
|
+
{% endfor %}
|
12
|
+
</ul>
|
13
|
+
</nav>
|
14
|
+
<nav class="col-auto social">
|
15
|
+
<ul>
|
16
|
+
{%- if site.social.twitter -%}
|
17
|
+
<li><a href="//twitter.com/{{ site.social.twitter }}">Twitter</a></li>
|
18
|
+
{%- endif -%}
|
19
|
+
{%- if site.social.github -%}
|
20
|
+
<li><a href="//github.com/{{ site.social.twitter }}">GitHub</a></li>
|
21
|
+
{%- endif -%}
|
22
|
+
{%- if site.social.facebook -%}
|
23
|
+
<li><a href="//facebook.com/{{ site.social.twitter }}">Facebook</a></li>
|
24
|
+
{%- endif -%}
|
25
|
+
</ul>
|
26
|
+
</nav>
|
27
|
+
</div>
|
28
|
+
</div>
|
29
|
+
</footer>
|
data/_includes/head.html
CHANGED
@@ -1,8 +1,13 @@
|
|
1
1
|
<head>
|
2
2
|
<meta charset="UTF-8">
|
3
3
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
4
|
+
{% if page.name == "index.md" or page.name == "index.html" %}
|
4
5
|
<title>{{ site.title }}</title>
|
6
|
+
{% else %}
|
7
|
+
<title>{{ page.title }} - {{ site.title }}</title>
|
8
|
+
{% endif %}
|
5
9
|
{% seo title=false %}
|
10
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/instantsearch.css@7.3.1/themes/reset-min.css" integrity="sha256-t2ATOGCtAIZNnzER679jwcFcKYfLlw01gli6F6oszk8=" crossorigin="anonymous">
|
6
11
|
<link rel="stylesheet" href="{{ site.url }}/assets/css/main.css">
|
7
12
|
<link rel="shortcut icon" href="{{ site.url }}/assets/img/{{ site.favicon }}">
|
8
13
|
{% feed_meta %}
|
@@ -0,0 +1,53 @@
|
|
1
|
+
{%- assign size = 24 -%}
|
2
|
+
{%- if include.size > 1 -%}
|
3
|
+
{%- assign size = include.size -%}
|
4
|
+
{%- endif -%}
|
5
|
+
{%- assign fill = "none" -%}
|
6
|
+
{%- if include.fill -%}
|
7
|
+
{%- assign fill = include.fill -%}
|
8
|
+
{%- endif -%}
|
9
|
+
{%- assign class = "" -%}
|
10
|
+
{%- if include.class -%}
|
11
|
+
{%- assign class = include.class -%}
|
12
|
+
{%- endif -%}
|
13
|
+
|
14
|
+
{%- if include.icon == "menu" -%}
|
15
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="{{size}}" height="{{size}}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon {{ class }}"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
|
16
|
+
{%- endif -%}
|
17
|
+
|
18
|
+
{%- if include.icon == "close" -%}
|
19
|
+
<svg viewBox="0 0 24 24" width="{{size}}" height="{{size}}" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon {{ class }}"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
|
20
|
+
{%- endif -%}
|
21
|
+
|
22
|
+
{%- if include.icon == "dark" -%}
|
23
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="{{size}}" height="{{size}}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon {{ class }}"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
|
24
|
+
{%- endif -%}
|
25
|
+
|
26
|
+
{%- if include.icon == "light" -%}
|
27
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="{{size}}" height="{{size}}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon {{ class }}"><circle cx="12" cy="12" r="10"></circle></svg>
|
28
|
+
{%- endif -%}
|
29
|
+
|
30
|
+
|
31
|
+
{%- if include.icon == "github" -%}
|
32
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="{{size}}" height="{{size}}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon {{ class }}"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
|
33
|
+
{%- endif -%}
|
34
|
+
|
35
|
+
{%- if include.icon == "twitter" -%}
|
36
|
+
<svg viewBox="0 0 24 24" width="{{size}}" height="{{size}}" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon {{ class }}"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg>
|
37
|
+
{%- endif -%}
|
38
|
+
|
39
|
+
{%- if include.icon == "facebook" -%}
|
40
|
+
<svg viewBox="0 0 24 24" width="{{size}}" height="{{size}}" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon {{ class }}"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg>
|
41
|
+
{%- endif -%}
|
42
|
+
|
43
|
+
{%- if include.icon == "instagram" -%}
|
44
|
+
<svg viewBox="0 0 24 24" width="{{size}}" height="{{size}}" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon {{ class }}"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.5" y2="6.5"></line></svg>
|
45
|
+
{%- endif -%}
|
46
|
+
|
47
|
+
{%- if include.icon == "youtube" -%}
|
48
|
+
<svg viewBox="0 0 24 24" width="{{size}}" height="{{size}}" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon {{ class }}"><path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"></path><polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"></polygon></svg>
|
49
|
+
{%- endif -%}
|
50
|
+
|
51
|
+
{%- if include.icon == "linkedin" -%}
|
52
|
+
<svg viewBox="0 0 24 24" width="{{size}}" height="{{size}}" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon {{ class }}"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg>
|
53
|
+
{%- endif -%}
|
data/_includes/last-posts.html
CHANGED
@@ -1,10 +1,11 @@
|
|
1
|
-
<h2 class="mt-
|
1
|
+
<h2 class="mt-5">Recent posts</h2>
|
2
|
+
<hr>
|
2
3
|
<ul class="posts-feed">
|
3
4
|
{% for post in site.posts | limit:5 %}
|
4
5
|
<li class="post-node">
|
5
|
-
<a href="{{ site.url }}{{ post.url }}" class="post-link">
|
6
|
-
<
|
7
|
-
<time class="post-date">{{ post.date | date: "%B %d, %Y" }}</time>
|
6
|
+
<a href="{{ site.url }}{{ post.url }}" class="post-link row align-items-center">
|
7
|
+
<div class="post-title col-auto pr-0">{{ post.title }}</div>
|
8
|
+
<time class="post-date col-auto">{{ post.date | date: "%B %d, %Y" }}</time>
|
8
9
|
</a>
|
9
10
|
</li>
|
10
11
|
{% endfor %}
|
data/_includes/menu.html
CHANGED
@@ -1,10 +1,11 @@
|
|
1
|
-
<nav
|
2
|
-
<ul>
|
1
|
+
<nav>
|
2
|
+
<ul class="d-flex flex-column">
|
3
3
|
{% assign sorted_pages = site.pages | sort: "priority" %}
|
4
4
|
{% for node in sorted_pages %}
|
5
5
|
{% if node.priority %}
|
6
|
-
<li class="{% if node.title == page.title %}active{% endif %}"><a href="{{ site.url }}{{ node.url }}">{{ node.title }}</a></li>
|
6
|
+
<li class="mt-2{% if node.title == page.title %} active{% endif %}""><a class="body-lg fw-600 border-bottom-0" href="{{ site.url }}{{ node.url }}">{{ node.title }}</a></li>
|
7
7
|
{% endif %}
|
8
8
|
{% endfor %}
|
9
9
|
</ul>
|
10
|
+
{% include social.html %}
|
10
11
|
</nav>
|
data/_includes/projects.html
CHANGED
@@ -1,10 +1,11 @@
|
|
1
|
-
<h2 class="mt-
|
1
|
+
<h2 class="mt-5">Selected projects</h2>
|
2
|
+
<hr>
|
2
3
|
<ul class="posts-feed">
|
3
4
|
{% for project in site.data.projects | limit:5 %}
|
4
5
|
<li class="post-node">
|
5
|
-
<a href="{{ post.url }}" class="post-link
|
6
|
-
<span class="post-title">{{ project.name }}</span>
|
7
|
-
<span class="post-date">{{ project.description }}</span>
|
6
|
+
<a href="{{ post.url }}" class="post-link row align-items-center">
|
7
|
+
<span class="post-title col-auto pr-0">{{ project.name }}</span>
|
8
|
+
<span class="post-date col-auto">{{ project.description }}</span>
|
8
9
|
</a>
|
9
10
|
</li>
|
10
11
|
{% endfor %}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
<hr class="menu-separator my-3">
|
2
|
+
<ul class="row">
|
3
|
+
{%- for social in site.social -%}
|
4
|
+
{%- assign social_icon = social[0] -%}
|
5
|
+
<li class="col-auto">
|
6
|
+
<a href="//{{social_icon}}.com/{{social[1]}}" class="border-bottom-0">
|
7
|
+
{%- include icons.html icon=social_icon size=17 -%}
|
8
|
+
</a>
|
9
|
+
</li>
|
10
|
+
{%- endfor -%}
|
11
|
+
</ul>
|
@@ -0,0 +1,41 @@
|
|
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
|
+
<ul class="posts-feed my-3" id="hits">
|
14
|
+
{% for post in site.posts limit: 8 %}
|
15
|
+
<li class="post-node">
|
16
|
+
<a class="post-link row {% unless post.cover %}py-3{% endunless %}" href="{{ post.url | relative_url }}">
|
17
|
+
<div class="col-12 col-sm-4 col-md-3 col-xl-2">
|
18
|
+
{%- if post.cover -%}
|
19
|
+
<img class="w-100 mb-0.5 mb-sm-0" src="{{ site.url }}{{ post.cover }}" alt="{{ post.title }}">
|
20
|
+
{%- endif -%}
|
21
|
+
</div>
|
22
|
+
<div class="col-12 col-sm-8 col-md-9 col-xl-10 pl-0">
|
23
|
+
<div class="row">
|
24
|
+
<div class="post-title col-12 col-lg-9 col-xl-10">
|
25
|
+
<span class="fw-600">{{ post.title }}</span>
|
26
|
+
{%- if post.cover -%}
|
27
|
+
<p class="body-md mt-1">
|
28
|
+
{{ post.excerpt | strip_html }}
|
29
|
+
</p>
|
30
|
+
{%- endif -%}
|
31
|
+
</div>
|
32
|
+
<time class="post-date col-12 col-lg-3 col-xl-2 text-lg-right">{{ post.date | date: "%b %d, %Y" }}</time>
|
33
|
+
</div>
|
34
|
+
</div>
|
35
|
+
</a>
|
36
|
+
</li>
|
37
|
+
{% endfor %}
|
38
|
+
</ul>
|
39
|
+
<div id="pagination"></div>
|
40
|
+
|
41
|
+
{% include algolia.html %}
|
data/_layouts/default.html
CHANGED
@@ -5,10 +5,20 @@ layout: compress
|
|
5
5
|
<html lang="en" data-theme="light">
|
6
6
|
{% include head.html %}
|
7
7
|
<body>
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
8
|
+
<div class="container">
|
9
|
+
<div class="menu-toggle--btn-container">
|
10
|
+
<button class="menu-toggle open btn btn-nav body-lg fw-600 mt-3" title="Open Menu">
|
11
|
+
{%- include icons.html icon="menu" size=17 -%} Menu
|
12
|
+
</button>
|
13
|
+
<button class="menu-toggle close btn btn-nav body-lg fw-600 mt-3" title="Close Menu">
|
14
|
+
{%- include icons.html icon="close" size=17 -%} Close
|
15
|
+
</button>
|
16
|
+
</div>
|
17
|
+
<div class="row">
|
18
|
+
<aside id="menu" role="navigation" class="col-12 col-xl-2 d-flex flex-column justify-content-around">
|
19
|
+
{% include menu.html %}
|
20
|
+
{% include dark-mode.html %}
|
21
|
+
</aside>
|
12
22
|
{{ content }}
|
13
23
|
</div>
|
14
24
|
</div>
|
@@ -17,4 +27,5 @@ layout: compress
|
|
17
27
|
<script src="{{ site.url }}/assets/js/main.js" charset="utf-8"></script>
|
18
28
|
{% endif %}
|
19
29
|
</body>
|
30
|
+
{% include footer.html %}
|
20
31
|
</html>
|
data/_layouts/page.html
CHANGED
@@ -1,11 +1,15 @@
|
|
1
1
|
---
|
2
2
|
layout: default
|
3
3
|
---
|
4
|
-
<
|
5
|
-
<
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
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">
|
5
|
+
<article>
|
6
|
+
{%- if page.page_title -%}
|
7
|
+
<header class="post-header mb-4">
|
8
|
+
<h1>{{ page.title }}</h1>
|
9
|
+
</header>
|
10
|
+
{%- endif -%}
|
11
|
+
<section {% if page.post_content %}class="post-content"{%- endif -%}>
|
12
|
+
{{ content }}
|
13
|
+
</section>
|
14
|
+
</article>
|
15
|
+
</div>
|
data/_layouts/post.html
CHANGED
@@ -2,11 +2,16 @@
|
|
2
2
|
layout: default
|
3
3
|
fluid: true
|
4
4
|
---
|
5
|
-
<
|
6
|
-
<
|
7
|
-
<
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
</
|
5
|
+
<div class="col-12 col-md-10 col-lg-8 col-xl-6 pt-4 pt-lg-5 page-wrap">
|
6
|
+
<article class="post">
|
7
|
+
<header class="post-header mb-3">
|
8
|
+
<h1 class="mb-0">{{ page.title }}</h1>
|
9
|
+
<time class="body-sm" datetime="{{ page.date | date: '%Y-%m-%d' }}">
|
10
|
+
<strong>{{ page.date | date: "%B %d, %Y"}}</strong>
|
11
|
+
</time>
|
12
|
+
</header>
|
13
|
+
<section class="post-content">
|
14
|
+
{{ content }}
|
15
|
+
</section>
|
16
|
+
</article>
|
17
|
+
</div>
|
data/_sass/another.scss
CHANGED
@@ -3,11 +3,11 @@
|
|
3
3
|
@import "another/font-face";
|
4
4
|
@import "another/variables";
|
5
5
|
@import "another/base";
|
6
|
-
@import "another/
|
6
|
+
@import "another/bootstrap-grid";
|
7
7
|
@import "another/type";
|
8
|
-
@import "another/
|
8
|
+
@import "another/header";
|
9
9
|
@import "another/feed";
|
10
|
-
@import "another/
|
10
|
+
@import "another/buttons";
|
11
11
|
@import "another/syntax";
|
12
12
|
@import "another/code";
|
13
|
-
@import "another/
|
13
|
+
@import "another/footer";
|
data/_sass/another/_base.scss
CHANGED
@@ -8,10 +8,18 @@
|
|
8
8
|
box-sizing: border-box;
|
9
9
|
}
|
10
10
|
|
11
|
+
::selection {
|
12
|
+
color: #fff;
|
13
|
+
color: var(--bg-color);
|
14
|
+
background-color: #171717;
|
15
|
+
background-color: var(--primary-color);
|
16
|
+
}
|
17
|
+
|
11
18
|
html,
|
12
19
|
body {
|
13
20
|
margin: 0;
|
14
21
|
padding: 0;
|
22
|
+
overflow-x: hidden;
|
15
23
|
}
|
16
24
|
|
17
25
|
html {
|
@@ -23,7 +31,7 @@ html {
|
|
23
31
|
-moz-font-feature-settings: "calt" 1, "kern" 1, "liga" 1;
|
24
32
|
font-feature-settings: "calt" 1, "kern" 1, "liga" 1;
|
25
33
|
|
26
|
-
@media (min-width: $
|
34
|
+
@media (min-width: $small-breakpoint) {
|
27
35
|
@include properties($body-lg);
|
28
36
|
}
|
29
37
|
}
|
@@ -66,7 +74,6 @@ img {
|
|
66
74
|
display: block;
|
67
75
|
max-width: 100%;
|
68
76
|
margin: 0 0 1rem;
|
69
|
-
border-radius: 5px;
|
70
77
|
}
|
71
78
|
|
72
79
|
table {
|