tear-jekyll-theme 1.0.5 → 1.1.0

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.
Files changed (9) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/navigation.html +17 -4
  3. data/_layouts/default.html +1 -1
  4. data/_layouts/guestbook.html +2 -0
  5. data/_layouts/post.html +2 -2
  6. data/_layouts/tools.html +3 -0
  7. data/assets/css/oklch_to_hex.css +49 -0
  8. data/assets/css/output.css +50 -49
  9. metadata +4 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: ef2bfa6da3759798301705bc2e07b2c1f9df837f24267aeca51d24b9b36c2f0d
4
- data.tar.gz: 97107790f6c767a2d62dc51549a622e26512e8bb8ea023f024eeb414357d2230
3
+ metadata.gz: 6304aada8ce7753f01874d2c5822cf8f9e471b06214fc8bd7928b0f0452a2606
4
+ data.tar.gz: a8a236394f50fc185b73ca537ca1e9e519bdcfa2ce37f4a44ccae3658e11ca79
5
5
  SHA512:
6
- metadata.gz: e44cad6f92275abad22561df0f19c4e67700a75f7174aa1242124baa18e595c41efe32653f51fd38b923cd5f27e6c0f871ae90c5aa11553b28f6f2a0430c8c4f
7
- data.tar.gz: 535b00d2d9b231b3398690c5e27af7d26401fdd1525e566fd721f68e6966d7046f44d191dcece9be4ea6304078298e879eccadcaecb7845a9bae275b27f9b040
6
+ metadata.gz: 3ce03e091cf92ff0e4bcd0ab361421aacd2dba67fb3ea96132c82a71142caecba56b50d9d58b783c83717d1d65bda70ad21e8403023bc15a24b531d0bf486ac0
7
+ data.tar.gz: e381b14a47a8d1bcbd730a743e5c736da3a6d3ea560933372380dc6be43d91666a6db6e22d6df3308712565c1f3643ac0ce079c5119eef644006c930f599b66c
data/_includes/navigation.html CHANGED
@@ -35,6 +35,18 @@
35
35
  Projects
36
36
  </a>
37
37
 
38
+ <a
39
+ href="{{ '/tools/' | relative_url }}"
40
+ class="block rounded px-4 py-2 transition-colors duration-300
41
+ {% if page.url == '/tools/' %}
42
+ text-gray-900 dark:text-blue-400 font-semibold bg-gray-300 dark:bg-gray-700
43
+ {% else %}
44
+ text-gray-700 dark:text-gray-200 hover:text-primary dark:hover:text-primary hover:bg-gray-100 dark:hover:bg-gray-700
45
+ {% endif %}"
46
+ >
47
+ Tools
48
+ </a>
49
+
38
50
  <a
39
51
  href="{{ '/about/' | relative_url }}"
40
52
  class="block rounded px-4 py-2 transition-colors duration-300
@@ -95,15 +107,16 @@
95
107
 
96
108
  <!-- Mobile Menu -->
97
109
  <div class="mobile-menu hidden md:hidden" data-navbar-target="menu">
110
+
98
111
  <a
99
112
  class="block py-2 px-4 text-sm hover:bg-gray-200 dark:hover:bg-gray-700 dark:text-gray-200"
100
- href="{{ '/' | prepend: site.baseurl }}"
101
- >Home</a
113
+ href="{{ '/projects/' | prepend: site.baseurl }}"
114
+ >Projects</a
102
115
  >
103
116
  <a
104
117
  class="block py-2 px-4 text-sm hover:bg-gray-200 dark:hover:bg-gray-700 dark:text-gray-200"
105
- href="{{ '/projects/' | prepend: site.baseurl }}"
106
- >Projects</a
118
+ href="{{ '/tools/' | prepend: site.baseurl }}"
119
+ >Tools</a
107
120
  >
108
121
  <a
109
122
  class="block py-2 px-4 text-sm hover:bg-gray-200 dark:hover:bg-gray-700 dark:text-gray-200"
data/_layouts/default.html CHANGED
@@ -1,5 +1,5 @@
1
1
  <!DOCTYPE html>
2
- <html lang="en">
2
+ <html lang="en">
3
3
  {% include head.html %}
4
4
  <body
5
5
  class="bg-gray-100 dark:bg-gray-900 dark:text-white transition-colors duration-300 max-h-100 overflow-y-auto
data/_layouts/guestbook.html CHANGED
@@ -13,6 +13,7 @@ layout: default
13
13
  <div id="disqus_thread"></div>
14
14
  </div>
15
15
  <script>
16
+
16
17
  var disqus_config = function () {
17
18
  this.page.url = "https://whdzera.my.id/guestbook";
18
19
  this.page.identifier = "guestbook";
@@ -25,4 +26,5 @@ var disqus_config = function () {
25
26
  (d.head || d.body).appendChild(s);
26
27
  })();
27
28
  </script>
29
+
28
30
  </div>
data/_layouts/post.html CHANGED
@@ -41,8 +41,8 @@ layout: default
41
41
  </div>
42
42
  <script>
43
43
  var disqus_config = function () {
44
- this.page.url = "{{ page.url | absolute_url }}";
45
- this.page.identifier = "{{ page.id }}";
44
+ this.page.url = "https://whdzera.my.id/{{ page.path | split: '/' | last | remove: '.md' | slice: 11, 100 }}.rb";
45
+ this.page.identifier = "{{ page.url }}";
46
46
  };
47
47
 
48
48
  (function() {
data/_layouts/tools.html ADDED
@@ -0,0 +1,3 @@
1
+ ---
2
+ layout: default
3
+ ---
data/assets/css/oklch_to_hex.css ADDED
@@ -0,0 +1,49 @@
1
+ --color-yellow-400: #f0d043;
2
+ --color-blue-400: #5b82f6;
3
+ --color-gray-100: #f7f7f8;
4
+ --color-gray-200: #e8e9ea;
5
+ --color-gray-300: #d1d5db;
6
+ --color-gray-400: #9ca3af;
7
+ --color-gray-500: #6b7280;
8
+ --color-gray-600: #4b5563;
9
+ --color-gray-700: #374151;
10
+ --color-gray-800: #1f2937;
11
+ --color-gray-900: #111827;
12
+ --color-neutral-400: #a3a3a3;
13
+ --color-neutral-700: #404040;
14
+ --tw-prose-body: #374151;
15
+ --tw-prose-headings: #111827;
16
+ --tw-prose-lead: #4b5563;
17
+ --tw-prose-links: #111827;
18
+ --tw-prose-bold: #111827;
19
+ --tw-prose-counters: #6b7280;
20
+ --tw-prose-bullets: #d1d5db;
21
+ --tw-prose-hr: #e8e9ea;
22
+ --tw-prose-quotes: #111827;
23
+ --tw-prose-quote-borders: #e8e9ea;
24
+ --tw-prose-captions: #6b7280;
25
+ --tw-prose-kbd: #111827;
26
+ --tw-prose-kbd-shadows: #000000;
27
+ --tw-prose-code: #111827;
28
+ --tw-prose-pre-code: #e8e9ea;
29
+ --tw-prose-pre-bg: #1f2937;
30
+ --tw-prose-th-borders: #d1d5db;
31
+ --tw-prose-td-borders: #e8e9ea;
32
+ --tw-prose-invert-body: #d1d5db;
33
+ --tw-prose-invert-headings: #ffffff;
34
+ --tw-prose-invert-lead: #9ca3af;
35
+ --tw-prose-invert-links: #ffffff;
36
+ --tw-prose-invert-bold: #ffffff;
37
+ --tw-prose-invert-counters: #9ca3af;
38
+ --tw-prose-invert-bullets: #4b5563;
39
+ --tw-prose-invert-hr: #374151;
40
+ --tw-prose-invert-quotes: #f7f7f8;
41
+ --tw-prose-invert-quote-borders: #374151;
42
+ --tw-prose-invert-captions: #9ca3af;
43
+ --tw-prose-invert-kbd: #ffffff;
44
+ --tw-prose-invert-kbd-shadows: #ffffff;
45
+ --tw-prose-invert-code: #ffffff;
46
+ --tw-prose-invert-pre-code: #d1d5db;
47
+ --tw-prose-invert-pre-bg: rgba(0, 0, 0, 0.5);
48
+ --tw-prose-invert-th-borders: #4b5563;
49
+ --tw-prose-invert-td-borders: #374151;
data/assets/css/output.css CHANGED
@@ -2,19 +2,20 @@
2
2
  @layer theme, base, components, utilities;
3
3
  @layer theme {
4
4
  :root, :host {
5
- --color-yellow-400: oklch(85.2% 0.199 91.936);
6
- --color-blue-400: oklch(70.7% 0.165 254.624);
7
- --color-gray-100: oklch(96.7% 0.003 264.542);
8
- --color-gray-200: oklch(92.8% 0.006 264.531);
9
- --color-gray-300: oklch(87.2% 0.01 258.338);
10
- --color-gray-400: oklch(70.7% 0.022 261.325);
11
- --color-gray-500: oklch(55.1% 0.027 264.364);
12
- --color-gray-600: oklch(44.6% 0.03 256.802);
13
- --color-gray-700: oklch(37.3% 0.034 259.733);
14
- --color-gray-800: oklch(27.8% 0.033 256.848);
15
- --color-gray-900: oklch(21% 0.034 264.665);
16
- --color-neutral-400: oklch(70.8% 0 0);
17
- --color-neutral-700: oklch(37.1% 0 0);
5
+
6
+ --color-yellow-400: #f0d043;
7
+ --color-blue-400: #5b82f6;
8
+ --color-gray-100: #f7f7f8;
9
+ --color-gray-200: #e8e9ea;
10
+ --color-gray-300: #d1d5db;
11
+ --color-gray-400: #9ca3af;
12
+ --color-gray-500: #6b7280;
13
+ --color-gray-600: #4b5563;
14
+ --color-gray-700: #374151;
15
+ --color-gray-800: #1f2937;
16
+ --color-gray-900: #111827;
17
+ --color-neutral-400: #a3a3a3;
18
+ --color-neutral-700: #404040;
18
19
  --color-black: #000;
19
20
  --color-white: #fff;
20
21
  --spacing: 0.25rem;
@@ -507,42 +508,42 @@
507
508
  line-height: 1.4285714;
508
509
  margin-top: 0.8571429em;
509
510
  }
510
- --tw-prose-body: oklch(37.3% 0.034 259.733);
511
- --tw-prose-headings: oklch(21% 0.034 264.665);
512
- --tw-prose-lead: oklch(44.6% 0.03 256.802);
513
- --tw-prose-links: oklch(21% 0.034 264.665);
514
- --tw-prose-bold: oklch(21% 0.034 264.665);
515
- --tw-prose-counters: oklch(55.1% 0.027 264.364);
516
- --tw-prose-bullets: oklch(87.2% 0.01 258.338);
517
- --tw-prose-hr: oklch(92.8% 0.006 264.531);
518
- --tw-prose-quotes: oklch(21% 0.034 264.665);
519
- --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
520
- --tw-prose-captions: oklch(55.1% 0.027 264.364);
521
- --tw-prose-kbd: oklch(21% 0.034 264.665);
522
- --tw-prose-kbd-shadows: NaN NaN NaN;
523
- --tw-prose-code: oklch(21% 0.034 264.665);
524
- --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
525
- --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
526
- --tw-prose-th-borders: oklch(87.2% 0.01 258.338);
527
- --tw-prose-td-borders: oklch(92.8% 0.006 264.531);
528
- --tw-prose-invert-body: oklch(87.2% 0.01 258.338);
529
- --tw-prose-invert-headings: #fff;
530
- --tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
531
- --tw-prose-invert-links: #fff;
532
- --tw-prose-invert-bold: #fff;
533
- --tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
534
- --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
535
- --tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
536
- --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
537
- --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
538
- --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
539
- --tw-prose-invert-kbd: #fff;
540
- --tw-prose-invert-kbd-shadows: 255 255 255;
541
- --tw-prose-invert-code: #fff;
542
- --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
543
- --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
544
- --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
545
- --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
511
+ --tw-prose-body: #374151;
512
+ --tw-prose-headings: #111827;
513
+ --tw-prose-lead: #4b5563;
514
+ --tw-prose-links: #111827;
515
+ --tw-prose-bold: #111827;
516
+ --tw-prose-counters: #6b7280;
517
+ --tw-prose-bullets: #d1d5db;
518
+ --tw-prose-hr: #e8e9ea;
519
+ --tw-prose-quotes: #111827;
520
+ --tw-prose-quote-borders: #e8e9ea;
521
+ --tw-prose-captions: #6b7280;
522
+ --tw-prose-kbd: #111827;
523
+ --tw-prose-kbd-shadows: #000000;
524
+ --tw-prose-code: #111827;
525
+ --tw-prose-pre-code: #e8e9ea;
526
+ --tw-prose-pre-bg: #1f2937;
527
+ --tw-prose-th-borders: #d1d5db;
528
+ --tw-prose-td-borders: #e8e9ea;
529
+ --tw-prose-invert-body: #d1d5db;
530
+ --tw-prose-invert-headings: #ffffff;
531
+ --tw-prose-invert-lead: #9ca3af;
532
+ --tw-prose-invert-links: #ffffff;
533
+ --tw-prose-invert-bold: #ffffff;
534
+ --tw-prose-invert-counters: #9ca3af;
535
+ --tw-prose-invert-bullets: #4b5563;
536
+ --tw-prose-invert-hr: #374151;
537
+ --tw-prose-invert-quotes: #f7f7f8;
538
+ --tw-prose-invert-quote-borders: #374151;
539
+ --tw-prose-invert-captions: #9ca3af;
540
+ --tw-prose-invert-kbd: #ffffff;
541
+ --tw-prose-invert-kbd-shadows: #ffffff;
542
+ --tw-prose-invert-code: #ffffff;
543
+ --tw-prose-invert-pre-code: #d1d5db;
544
+ --tw-prose-invert-pre-bg: rgba(0, 0, 0, 0.5);
545
+ --tw-prose-invert-th-borders: #4b5563;
546
+ --tw-prose-invert-td-borders: #374151;
546
547
  font-size: 1rem;
547
548
  line-height: 1.75;
548
549
  :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
metadata CHANGED
@@ -1,13 +1,13 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: tear-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.5
4
+ version: 1.1.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Rokhimin
8
8
  bindir: bin
9
9
  cert_chain: []
10
- date: 2025-05-23 00:00:00.000000000 Z
10
+ date: 2025-05-25 00:00:00.000000000 Z
11
11
  dependencies:
12
12
  - !ruby/object:Gem::Dependency
13
13
  name: jekyll
@@ -46,7 +46,9 @@ files:
46
46
  - _layouts/home.html
47
47
  - _layouts/post.html
48
48
  - _layouts/projects.html
49
+ - _layouts/tools.html
49
50
  - assets/css/input.css
51
+ - assets/css/oklch_to_hex.css
50
52
  - assets/css/output.css
51
53
  - assets/img/contoh_thumbnail.png
52
54
  - assets/js/application.js