moonwalk 0.0.2 → 0.0.3

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 7edd39e392da8da952ccc0c9d8e3ef35d7134c38ea1ab990c17255a4115a76e8
4
- data.tar.gz: 98306e5362e09a847d9bdba85d870d04e3b27057844dda40c8e0c9e013134281
3
+ metadata.gz: d81eeb38ad464be4727b7d0091511a25a06254ec8c923c0fb3891023a57805be
4
+ data.tar.gz: 35b2c4aeaa42d7bb1195104552a05a15eafd6ece2be67337def5b8fc107623c0
5
5
  SHA512:
6
- metadata.gz: 0b57b95f1b12e72776cede7691c645fb1a1eb4d6bcfe27e7d021b8d8bae523ec66a4e689de032a2f9d1d07127011cf600cd14cc195f30eb6c5fa7b0f6eb7a2e2
7
- data.tar.gz: 76fb05d55b77e3f171b27a546f20d07008abf8225658795cba1cfe65036065ab186da37baefeecd060fa21c4979673539b0a849e169e12a4c6cb8ca9b26f09c9
6
+ metadata.gz: fa9be9f35f712dadaa044e384160fd8c0016687c6325db66035ccd2ba0c0343f1948110d1ba955d81d7d7a5d40eb8f47771b4fcf3c517b0971a2d9770933dc8b
7
+ data.tar.gz: 6d9cf38cd3b938a827a3ce5b786910cefd44ae378d09d865c23d336984b520115337fda11ad7ff4fec0590aaafebdd1e4824922741aa7214c3083f301457ff8c
@@ -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>
@@ -1,8 +1,11 @@
1
1
  {% if site.posts.size > 0 %}
2
2
  <ul>
3
3
  {% for post in site.posts %}
4
- <li>
5
- {{ post.date | date: site.theme_config.date_format }} <a href="{{ post.url | relative_url }}">{{ post.title | downcase }}</a>
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(()=>{
@@ -13,5 +13,8 @@
13
13
  {% include goat_counter.html %}
14
14
  {% endif %}
15
15
 
16
+ {% if site.theme_config.show_soopr %}
17
+ <script src="{{ site.theme_config.soopr_base_url }}/soopr.js" ></script>
18
+ {% endif %}
16
19
  </body>
17
20
  </html>
@@ -4,4 +4,5 @@ layout: default
4
4
 
5
5
  <a href="{{ site.url }}">{{ site.theme_config.back_home_text }}</a>
6
6
  <h1>{{ page.title }}</h1>
7
+ {% include date_and_social_share.html %}
7
8
  {{ content }}
@@ -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,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
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: #F8F9FA;
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, code, figcaption {
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(--text) solid;
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.7em;
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
+ }
@@ -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 */
@@ -3,3 +3,4 @@
3
3
 
4
4
  @import "moonwalk";
5
5
  @import "list";
6
+ @import "syntax";
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.2
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: 2020-12-05 00:00:00.000000000 Z
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: