moonwalk 0.0.2 → 0.0.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_config.yml +4 -0
- data/_includes/date_and_social_share.html +14 -0
- data/_includes/post_list.html +5 -2
- data/_includes/toggle_theme_js.html +6 -1
- data/_layouts/default.html +3 -0
- data/_layouts/post.html +1 -0
- data/_sass/moonwalk.scss +29 -9
- data/_sass/syntax.scss +73 -0
- data/assets/css/main.scss +1 -0
- metadata +18 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: d81eeb38ad464be4727b7d0091511a25a06254ec8c923c0fb3891023a57805be
|
|
4
|
+
data.tar.gz: 35b2c4aeaa42d7bb1195104552a05a15eafd6ece2be67337def5b8fc107623c0
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: fa9be9f35f712dadaa044e384160fd8c0016687c6325db66035ccd2ba0c0343f1948110d1ba955d81d7d7a5d40eb8f47771b4fcf3c517b0971a2d9770933dc8b
|
|
7
|
+
data.tar.gz: 6d9cf38cd3b938a827a3ce5b786910cefd44ae378d09d865c23d336984b520115337fda11ad7ff4fec0590aaafebdd1e4824922741aa7214c3083f301457ff8c
|
data/_config.yml
CHANGED
|
@@ -22,8 +22,12 @@ theme_config:
|
|
|
22
22
|
show_projects: true # show projects as cards, add in _data/home.yml
|
|
23
23
|
show_old_projects: true # show old projects as cards, add in _data/home.yml
|
|
24
24
|
show_misc_list: false # show generic vertical list for misc details, add _data/home.yml
|
|
25
|
+
show_soopr: true # show share buttons using soopr
|
|
26
|
+
soopr_base_url: "https://soopr.netlify.app"
|
|
25
27
|
|
|
26
28
|
|
|
29
|
+
highlighter: rouge
|
|
30
|
+
|
|
27
31
|
sass:
|
|
28
32
|
style: :compressed
|
|
29
33
|
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<p class="text-bold text-upcase">
|
|
2
|
+
{% if page.date %}
|
|
3
|
+
<span class="post-date">{{ page.date | date: "%B %Y"}}</span>
|
|
4
|
+
{% endif %}
|
|
5
|
+
{% if site.theme_config.show_soopr %}
|
|
6
|
+
<span class="share">Share </span>
|
|
7
|
+
<span class="soopr-btn soopr-btn-sm"
|
|
8
|
+
data-twitter="abhinav"
|
|
9
|
+
data-facebook="abhinavs"
|
|
10
|
+
data-text="{{ page.title }}"
|
|
11
|
+
data-url="{{ site.url }}/{{ page.url }}">
|
|
12
|
+
</span>
|
|
13
|
+
{% endif %}
|
|
14
|
+
</p>
|
data/_includes/post_list.html
CHANGED
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
{% if site.posts.size > 0 %}
|
|
2
2
|
<ul>
|
|
3
3
|
{% for post in site.posts %}
|
|
4
|
-
<li>
|
|
5
|
-
|
|
4
|
+
<li class="post-list-item">
|
|
5
|
+
<span class="home-date">
|
|
6
|
+
{{ post.date | date: site.theme_config.date_format }}»
|
|
7
|
+
</span>
|
|
8
|
+
<a href="{{ post.url | relative_url }}">{{ post.title }}</a>
|
|
6
9
|
</li>
|
|
7
10
|
{% endfor %}
|
|
8
11
|
</ul>
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/turbolinks/5.2.0/turbolinks.js" defer></script>
|
|
2
2
|
<script type="text/javascript">
|
|
3
3
|
document.addEventListener('turbolinks:load', themeChange);
|
|
4
|
+
const currentTheme = localStorage.getItem('theme') ? localStorage.getItem('theme') : null;
|
|
5
|
+
if (currentTheme)
|
|
6
|
+
document.documentElement.setAttribute('data-theme', currentTheme);
|
|
7
|
+
|
|
4
8
|
function themeChange(){
|
|
5
9
|
let button = document.querySelector('.theme-toggle');
|
|
6
10
|
|
|
@@ -9,13 +13,14 @@
|
|
|
9
13
|
if(currentTheme === 'dark') {
|
|
10
14
|
transition();
|
|
11
15
|
document.documentElement.setAttribute('data-theme','light');
|
|
16
|
+
localStorage.setItem('theme', 'light');
|
|
12
17
|
} else {
|
|
13
18
|
transition();
|
|
14
19
|
document.documentElement.setAttribute('data-theme', 'dark');
|
|
20
|
+
localStorage.setItem('theme', 'dark');
|
|
15
21
|
}
|
|
16
22
|
});
|
|
17
23
|
|
|
18
|
-
// Adds the 'transition' class to <html> for CSS fun
|
|
19
24
|
let transition = () =>{
|
|
20
25
|
document.documentElement.classList.add('transition');
|
|
21
26
|
window.setTimeout(()=>{
|
data/_layouts/default.html
CHANGED
data/_layouts/post.html
CHANGED
data/_sass/moonwalk.scss
CHANGED
|
@@ -1,12 +1,19 @@
|
|
|
1
|
+
@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro&display=swap');
|
|
2
|
+
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');
|
|
3
|
+
|
|
1
4
|
html { height: 100%; }
|
|
2
5
|
|
|
3
6
|
body {
|
|
4
|
-
font-family: -apple-system,
|
|
7
|
+
font-family: "Inter", -apple-system, "avenir next", avenir, roboto, noto, ubuntu, "helvetica neue", helvetica, sans-serif;
|
|
5
8
|
font-size: 1.0rem;
|
|
6
9
|
line-height: 2;
|
|
7
10
|
margin: 0;
|
|
8
11
|
min-height: 100%;
|
|
9
12
|
}
|
|
13
|
+
pre, code {
|
|
14
|
+
font-family: "Anonymous Pro", "Courier New", monospace;
|
|
15
|
+
font-size: 0.9rem;
|
|
16
|
+
}
|
|
10
17
|
|
|
11
18
|
h2, h3, h4, h5 { margin-top: 1.5em; }
|
|
12
19
|
|
|
@@ -37,7 +44,7 @@ table, th, td {
|
|
|
37
44
|
padding: 0.4em;
|
|
38
45
|
}
|
|
39
46
|
|
|
40
|
-
div.highlighter-rouge code, code.highlighter-rouge {
|
|
47
|
+
div.highlighter-rouge pre code, pre code.highlighter-rouge {
|
|
41
48
|
display: block;
|
|
42
49
|
overflow-x: auto;
|
|
43
50
|
padding: 1em;
|
|
@@ -58,12 +65,13 @@ img {
|
|
|
58
65
|
}
|
|
59
66
|
html {
|
|
60
67
|
--bg: #FFF;
|
|
61
|
-
--bg-secondary: #
|
|
68
|
+
--bg-secondary: #f8f8f8;
|
|
62
69
|
--headings: #000;
|
|
63
70
|
--text: #333;
|
|
64
71
|
--links: blue;
|
|
65
|
-
//--highlight: #FFD19B;
|
|
66
72
|
--highlight: #FFECB2; // light yellow
|
|
73
|
+
--code-text: #9D174D;
|
|
74
|
+
--share-text: #999;
|
|
67
75
|
}
|
|
68
76
|
// -------------- THEME SWITCHER -------------- //
|
|
69
77
|
@mixin dark-appearance {
|
|
@@ -74,6 +82,8 @@ html {
|
|
|
74
82
|
--bg: #1f242A;
|
|
75
83
|
--bg-secondary: #323945;
|
|
76
84
|
--text: #adb5bd;
|
|
85
|
+
--code-text: #91A7FF;
|
|
86
|
+
--share-text: #C4C4C4;
|
|
77
87
|
};
|
|
78
88
|
}
|
|
79
89
|
html[data-theme="dark"] { @include dark-appearance; }
|
|
@@ -90,12 +100,15 @@ html, body {
|
|
|
90
100
|
h1, h2, h3, h4, h5, h6 {
|
|
91
101
|
color: var(--headings);
|
|
92
102
|
}
|
|
93
|
-
p, strong, b, em, small, li, hr, table,
|
|
103
|
+
p, strong, b, em, small, li, hr, table, figcaption {
|
|
94
104
|
color: var(--text);
|
|
95
105
|
}
|
|
96
|
-
code, blockquote {
|
|
106
|
+
.highlight, pre code, blockquote {
|
|
107
|
+
border-radius: 0.5em;
|
|
108
|
+
}
|
|
109
|
+
blockquote {
|
|
97
110
|
background-color: var(--bg-secondary);
|
|
98
|
-
border: 1px var(--
|
|
111
|
+
border: 1px var(--border) solid;
|
|
99
112
|
}
|
|
100
113
|
a {
|
|
101
114
|
color: var(--links);
|
|
@@ -137,7 +150,8 @@ html.transition *:after {
|
|
|
137
150
|
mark {
|
|
138
151
|
padding: 0.4em;
|
|
139
152
|
background-color: var(--highlight);
|
|
140
|
-
font-size: 0.
|
|
153
|
+
font-size: 0.6em;
|
|
154
|
+
letter-spacing: 1px;
|
|
141
155
|
}
|
|
142
156
|
|
|
143
157
|
.post-date {
|
|
@@ -145,7 +159,7 @@ mark {
|
|
|
145
159
|
margin-right: 2em;
|
|
146
160
|
}
|
|
147
161
|
.share {
|
|
148
|
-
color: var(--text);
|
|
162
|
+
color: var(--share-text);
|
|
149
163
|
}
|
|
150
164
|
.home-date {
|
|
151
165
|
font-family: monospace;
|
|
@@ -159,3 +173,9 @@ mark {
|
|
|
159
173
|
.text-upcase {
|
|
160
174
|
text-transform: uppercase;
|
|
161
175
|
}
|
|
176
|
+
p code, li code {
|
|
177
|
+
background-color: var(--bg-secondary);
|
|
178
|
+
padding: 0.2rem;
|
|
179
|
+
color: var(--code-text);
|
|
180
|
+
font-weight: bold;
|
|
181
|
+
}
|
data/_sass/syntax.scss
ADDED
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
.highlight .hll { background-color: #515151 }
|
|
2
|
+
/*.highlight { background: #2d2d2d; color: #f2f0ec }*/
|
|
3
|
+
.highlight { background: #1A1F35; color: #f2f0ec }
|
|
4
|
+
.highlight .c { color: #747369 } /* Comment */
|
|
5
|
+
.highlight .err { color: #f2777a } /* Error */
|
|
6
|
+
.highlight .k { color: #cc99cc } /* Keyword */
|
|
7
|
+
.highlight .l { color: #f99157 } /* Literal */
|
|
8
|
+
.highlight .n { color: #f2f0ec } /* Name */
|
|
9
|
+
.highlight .o { color: #66cccc } /* Operator */
|
|
10
|
+
.highlight .p { color: #f2f0ec } /* Punctuation */
|
|
11
|
+
.highlight .ch { color: #747369 } /* Comment.Hashbang */
|
|
12
|
+
.highlight .cm { color: #747369 } /* Comment.Multiline */
|
|
13
|
+
.highlight .cp { color: #747369 } /* Comment.Preproc */
|
|
14
|
+
.highlight .cpf { color: #747369 } /* Comment.PreprocFile */
|
|
15
|
+
.highlight .c1 { color: #747369 } /* Comment.Single */
|
|
16
|
+
.highlight .cs { color: #747369 } /* Comment.Special */
|
|
17
|
+
.highlight .gd { color: #f2777a } /* Generic.Deleted */
|
|
18
|
+
.highlight .ge { font-style: italic } /* Generic.Emph */
|
|
19
|
+
.highlight .gh { color: #f2f0ec; font-weight: bold } /* Generic.Heading */
|
|
20
|
+
.highlight .gi { color: #99cc99 } /* Generic.Inserted */
|
|
21
|
+
.highlight .gp { color: #747369; font-weight: bold } /* Generic.Prompt */
|
|
22
|
+
.highlight .gs { font-weight: bold } /* Generic.Strong */
|
|
23
|
+
.highlight .gu { color: #66cccc; font-weight: bold } /* Generic.Subheading */
|
|
24
|
+
.highlight .kc { color: #cc99cc } /* Keyword.Constant */
|
|
25
|
+
.highlight .kd { color: #cc99cc } /* Keyword.Declaration */
|
|
26
|
+
.highlight .kn { color: #66cccc } /* Keyword.Namespace */
|
|
27
|
+
.highlight .kp { color: #cc99cc } /* Keyword.Pseudo */
|
|
28
|
+
.highlight .kr { color: #cc99cc } /* Keyword.Reserved */
|
|
29
|
+
.highlight .kt { color: #ffcc66 } /* Keyword.Type */
|
|
30
|
+
.highlight .ld { color: #99cc99 } /* Literal.Date */
|
|
31
|
+
.highlight .m { color: #f99157 } /* Literal.Number */
|
|
32
|
+
.highlight .s { color: #99cc99 } /* Literal.String */
|
|
33
|
+
.highlight .na { color: #6699cc } /* Name.Attribute */
|
|
34
|
+
.highlight .nb { color: #f2f0ec } /* Name.Builtin */
|
|
35
|
+
.highlight .nc { color: #ffcc66 } /* Name.Class */
|
|
36
|
+
.highlight .no { color: #f2777a } /* Name.Constant */
|
|
37
|
+
.highlight .nd { color: #66cccc } /* Name.Decorator */
|
|
38
|
+
.highlight .ni { color: #f2f0ec } /* Name.Entity */
|
|
39
|
+
.highlight .ne { color: #f2777a } /* Name.Exception */
|
|
40
|
+
.highlight .nf { color: #6699cc } /* Name.Function */
|
|
41
|
+
.highlight .nl { color: #f2f0ec } /* Name.Label */
|
|
42
|
+
.highlight .nn { color: #ffcc66 } /* Name.Namespace */
|
|
43
|
+
.highlight .nx { color: #6699cc } /* Name.Other */
|
|
44
|
+
.highlight .py { color: #f2f0ec } /* Name.Property */
|
|
45
|
+
.highlight .nt { color: #66cccc } /* Name.Tag */
|
|
46
|
+
.highlight .nv { color: #f2777a } /* Name.Variable */
|
|
47
|
+
.highlight .ow { color: #66cccc } /* Operator.Word */
|
|
48
|
+
.highlight .w { color: #f2f0ec } /* Text.Whitespace */
|
|
49
|
+
.highlight .mb { color: #f99157 } /* Literal.Number.Bin */
|
|
50
|
+
.highlight .mf { color: #f99157 } /* Literal.Number.Float */
|
|
51
|
+
.highlight .mh { color: #f99157 } /* Literal.Number.Hex */
|
|
52
|
+
.highlight .mi { color: #f99157 } /* Literal.Number.Integer */
|
|
53
|
+
.highlight .mo { color: #f99157 } /* Literal.Number.Oct */
|
|
54
|
+
.highlight .sa { color: #99cc99 } /* Literal.String.Affix */
|
|
55
|
+
.highlight .sb { color: #99cc99 } /* Literal.String.Backtick */
|
|
56
|
+
.highlight .sc { color: #f2f0ec } /* Literal.String.Char */
|
|
57
|
+
.highlight .dl { color: #99cc99 } /* Literal.String.Delimiter */
|
|
58
|
+
.highlight .sd { color: #747369 } /* Literal.String.Doc */
|
|
59
|
+
.highlight .s2 { color: #99cc99 } /* Literal.String.Double */
|
|
60
|
+
.highlight .se { color: #f99157 } /* Literal.String.Escape */
|
|
61
|
+
.highlight .sh { color: #99cc99 } /* Literal.String.Heredoc */
|
|
62
|
+
.highlight .si { color: #f99157 } /* Literal.String.Interpol */
|
|
63
|
+
.highlight .sx { color: #99cc99 } /* Literal.String.Other */
|
|
64
|
+
.highlight .sr { color: #99cc99 } /* Literal.String.Regex */
|
|
65
|
+
.highlight .s1 { color: #99cc99 } /* Literal.String.Single */
|
|
66
|
+
.highlight .ss { color: #99cc99 } /* Literal.String.Symbol */
|
|
67
|
+
.highlight .bp { color: #f2f0ec } /* Name.Builtin.Pseudo */
|
|
68
|
+
.highlight .fm { color: #6699cc } /* Name.Function.Magic */
|
|
69
|
+
.highlight .vc { color: #f2777a } /* Name.Variable.Class */
|
|
70
|
+
.highlight .vg { color: #f2777a } /* Name.Variable.Global */
|
|
71
|
+
.highlight .vi { color: #f2777a } /* Name.Variable.Instance */
|
|
72
|
+
.highlight .vm { color: #f2777a } /* Name.Variable.Magic */
|
|
73
|
+
.highlight .il { color: #f99157 } /* Literal.Number.Integer.Long */
|
data/assets/css/main.scss
CHANGED
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: moonwalk
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.
|
|
4
|
+
version: 0.0.3
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Abhinav Saxena
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date:
|
|
11
|
+
date: 2021-01-07 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -52,6 +52,20 @@ dependencies:
|
|
|
52
52
|
- - "~>"
|
|
53
53
|
- !ruby/object:Gem::Version
|
|
54
54
|
version: 2.7.1
|
|
55
|
+
- !ruby/object:Gem::Dependency
|
|
56
|
+
name: rouge
|
|
57
|
+
requirement: !ruby/object:Gem::Requirement
|
|
58
|
+
requirements:
|
|
59
|
+
- - "~>"
|
|
60
|
+
- !ruby/object:Gem::Version
|
|
61
|
+
version: 3.23.0
|
|
62
|
+
type: :runtime
|
|
63
|
+
prerelease: false
|
|
64
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
65
|
+
requirements:
|
|
66
|
+
- - "~>"
|
|
67
|
+
- !ruby/object:Gem::Version
|
|
68
|
+
version: 3.23.0
|
|
55
69
|
description:
|
|
56
70
|
email:
|
|
57
71
|
- abhinav061@gmail.com
|
|
@@ -63,6 +77,7 @@ files:
|
|
|
63
77
|
- README.md
|
|
64
78
|
- _config.yml
|
|
65
79
|
- _includes/card_list.html
|
|
80
|
+
- _includes/date_and_social_share.html
|
|
66
81
|
- _includes/goat_counter.html
|
|
67
82
|
- _includes/head.html
|
|
68
83
|
- _includes/horizontal_list.html
|
|
@@ -76,6 +91,7 @@ files:
|
|
|
76
91
|
- _layouts/post.html
|
|
77
92
|
- _sass/list.scss
|
|
78
93
|
- _sass/moonwalk.scss
|
|
94
|
+
- _sass/syntax.scss
|
|
79
95
|
- assets/css/main.scss
|
|
80
96
|
homepage: https://github.com/abhinavs/apic-simple-blog
|
|
81
97
|
licenses:
|