tear-jekyll-theme 1.0.4 → 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 (12) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/footer.html +1 -1
  3. data/_includes/head.html +1 -0
  4. data/_includes/navigation.html +17 -4
  5. data/_layouts/default.html +1 -1
  6. data/_layouts/{gb.html → guestbook.html} +4 -2
  7. data/_layouts/post.html +2 -2
  8. data/_layouts/tools.html +3 -0
  9. data/assets/css/oklch_to_hex.css +49 -0
  10. data/assets/css/output.css +50 -158
  11. data/assets/js/dark-prefered.js +9 -0
  12. metadata +6 -3
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: fb51a8356478b2eee6b834c59341e7d80a29e2fc66d596e28b4550908a1af1e8
4
- data.tar.gz: 55c8457ebb78814fd843e4ad690018a00cb3dc41f56cab9a8c5c62e5131bc0eb
3
+ metadata.gz: 6304aada8ce7753f01874d2c5822cf8f9e471b06214fc8bd7928b0f0452a2606
4
+ data.tar.gz: a8a236394f50fc185b73ca537ca1e9e519bdcfa2ce37f4a44ccae3658e11ca79
5
5
  SHA512:
6
- metadata.gz: 67fc63d3a9619dfc9833f5d4f4428281922069300998be021c5731a192bb8e8740d2facb93d0d30972226362c4c24e429a19e6d19cf24fd52ede84ec997bf814
7
- data.tar.gz: 0a5e01eba4f35639f8e88d5b4878ea6a96324d264aaf720f54c5af8b586fc524423a72b3d2d86f7f1985c17ca3ba3c2602c4298196d8c6e0cc07609b7da90508
6
+ metadata.gz: 3ce03e091cf92ff0e4bcd0ab361421aacd2dba67fb3ea96132c82a71142caecba56b50d9d58b783c83717d1d65bda70ad21e8403023bc15a24b531d0bf486ac0
7
+ data.tar.gz: e381b14a47a8d1bcbd730a743e5c736da3a6d3ea560933372380dc6be43d91666a6db6e22d6df3308712565c1f3643ac0ce079c5119eef644006c930f599b66c
data/_includes/footer.html CHANGED
@@ -10,7 +10,7 @@
10
10
  <p class="mb-2 text-gray-700 dark:text-gray-300">
11
11
  <a href="{{ '/feed' | prepend: site.baseurl }}" class="hover:text-blue-400 transition">RSS Feed</a>
12
12
  <span class="mx-2">|</span>
13
- <a href="{{ '/gb' | prepend: site.baseurl }}" class="hover:text-blue-400 transition">Guest Book</a>
13
+ <a href="{{ '/guestbook' | prepend: site.baseurl }}" class="hover:text-blue-400 transition">Guest Book</a>
14
14
  </p>
15
15
 
16
16
  <!-- Social Icons -->
data/_includes/head.html CHANGED
@@ -6,6 +6,7 @@
6
6
  <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
7
7
  <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
8
8
  <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
9
+ <script src="{{ site.baseurl }}/assets/js/dark-prefered.js"></script>
9
10
  <link href="{{ site.baseurl }}/assets/css/output.css" rel="stylesheet" />
10
11
  <script type="module" src="{{ site.baseurl }}/assets/js/application.js"></script>
11
12
  </head>
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/{gb.html → guestbook.html} RENAMED
@@ -13,9 +13,10 @@ layout: default
13
13
  <div id="disqus_thread"></div>
14
14
  </div>
15
15
  <script>
16
+
16
17
  var disqus_config = function () {
17
- this.page.url = "{{ page.url | absolute_url }}";
18
- this.page.identifier = "{{ page.id }}";
18
+ this.page.url = "https://whdzera.my.id/guestbook";
19
+ this.page.identifier = "guestbook";
19
20
  };
20
21
 
21
22
  (function() {
@@ -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"] *)) {
@@ -830,30 +831,12 @@
830
831
  .mt-1 {
831
832
  margin-top: calc(var(--spacing) * 1);
832
833
  }
833
- .mt-2 {
834
- margin-top: calc(var(--spacing) * 2);
835
- }
836
- .mt-3 {
837
- margin-top: calc(var(--spacing) * 3);
838
- }
839
- .mt-4 {
840
- margin-top: calc(var(--spacing) * 4);
841
- }
842
834
  .mt-12 {
843
835
  margin-top: calc(var(--spacing) * 12);
844
836
  }
845
837
  .mr-2 {
846
838
  margin-right: calc(var(--spacing) * 2);
847
839
  }
848
- .mr-4 {
849
- margin-right: calc(var(--spacing) * 4);
850
- }
851
- .mr-6 {
852
- margin-right: calc(var(--spacing) * 6);
853
- }
854
- .mb-1 {
855
- margin-bottom: calc(var(--spacing) * 1);
856
- }
857
840
  .mb-2 {
858
841
  margin-bottom: calc(var(--spacing) * 2);
859
842
  }
@@ -869,12 +852,6 @@
869
852
  .mb-12 {
870
853
  margin-bottom: calc(var(--spacing) * 12);
871
854
  }
872
- .ml-4 {
873
- margin-left: calc(var(--spacing) * 4);
874
- }
875
- .ml-6 {
876
- margin-left: calc(var(--spacing) * 6);
877
- }
878
855
  .block {
879
856
  display: block;
880
857
  }
@@ -887,9 +864,6 @@
887
864
  .hidden {
888
865
  display: none;
889
866
  }
890
- .inline-flex {
891
- display: inline-flex;
892
- }
893
867
  .table {
894
868
  display: table;
895
869
  }
@@ -965,9 +939,6 @@
965
939
  .grid-cols-1 {
966
940
  grid-template-columns: repeat(1, minmax(0, 1fr));
967
941
  }
968
- .flex-col {
969
- flex-direction: column;
970
- }
971
942
  .items-center {
972
943
  align-items: center;
973
944
  }
@@ -1003,13 +974,6 @@
1003
974
  margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
1004
975
  }
1005
976
  }
1006
- .space-x-3 {
1007
- :where(& > :not(:last-child)) {
1008
- --tw-space-x-reverse: 0;
1009
- margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
1010
- margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
1011
- }
1012
- }
1013
977
  .space-x-4 {
1014
978
  :where(& > :not(:last-child)) {
1015
979
  --tw-space-x-reverse: 0;
@@ -1060,21 +1024,9 @@
1060
1024
  .border-gray-100 {
1061
1025
  border-color: var(--color-gray-100);
1062
1026
  }
1063
- .border-gray-200 {
1064
- border-color: var(--color-gray-200);
1065
- }
1066
1027
  .border-gray-300 {
1067
1028
  border-color: var(--color-gray-300);
1068
1029
  }
1069
- .border-gray-400 {
1070
- border-color: var(--color-gray-400);
1071
- }
1072
- .border-gray-700 {
1073
- border-color: var(--color-gray-700);
1074
- }
1075
- .border-gray-900 {
1076
- border-color: var(--color-gray-900);
1077
- }
1078
1030
  .bg-gray-100 {
1079
1031
  background-color: var(--color-gray-100);
1080
1032
  }
@@ -1219,10 +1171,6 @@
1219
1171
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1220
1172
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1221
1173
  }
1222
- .duration-200 {
1223
- --tw-duration: 200ms;
1224
- transition-duration: 200ms;
1225
- }
1226
1174
  .duration-300 {
1227
1175
  --tw-duration: 300ms;
1228
1176
  transition-duration: 300ms;
@@ -1262,13 +1210,6 @@
1262
1210
  }
1263
1211
  }
1264
1212
  }
1265
- .hover\:bg-gray-400 {
1266
- &:hover {
1267
- @media (hover: hover) {
1268
- background-color: var(--color-gray-400);
1269
- }
1270
- }
1271
- }
1272
1213
  .hover\:text-black {
1273
1214
  &:hover {
1274
1215
  @media (hover: hover) {
@@ -1283,13 +1224,6 @@
1283
1224
  }
1284
1225
  }
1285
1226
  }
1286
- .hover\:text-gray-900 {
1287
- &:hover {
1288
- @media (hover: hover) {
1289
- color: var(--color-gray-900);
1290
- }
1291
- }
1292
- }
1293
1227
  .hover\:underline {
1294
1228
  &:hover {
1295
1229
  @media (hover: hover) {
@@ -1297,23 +1231,6 @@
1297
1231
  }
1298
1232
  }
1299
1233
  }
1300
- .focus\:ring-2 {
1301
- &:focus {
1302
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
1303
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1304
- }
1305
- }
1306
- .focus\:ring-gray-500 {
1307
- &:focus {
1308
- --tw-ring-color: var(--color-gray-500);
1309
- }
1310
- }
1311
- .focus\:ring-offset-2 {
1312
- &:focus {
1313
- --tw-ring-offset-width: 2px;
1314
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1315
- }
1316
- }
1317
1234
  .focus\:outline-none {
1318
1235
  &:focus {
1319
1236
  --tw-outline-style: none;
@@ -1360,11 +1277,6 @@
1360
1277
  grid-template-columns: repeat(3, minmax(0, 1fr));
1361
1278
  }
1362
1279
  }
1363
- .md\:items-end {
1364
- @media (width >= 48rem) {
1365
- align-items: flex-end;
1366
- }
1367
- }
1368
1280
  .md\:text-4xl {
1369
1281
  @media (width >= 48rem) {
1370
1282
  font-size: var(--text-4xl);
@@ -1376,31 +1288,11 @@
1376
1288
  padding-inline: calc(var(--spacing) * 8);
1377
1289
  }
1378
1290
  }
1379
- .dark\:border-gray-100 {
1380
- &:where(.dark, .dark *) {
1381
- border-color: var(--color-gray-100);
1382
- }
1383
- }
1384
- .dark\:border-gray-300 {
1385
- &:where(.dark, .dark *) {
1386
- border-color: var(--color-gray-300);
1387
- }
1388
- }
1389
- .dark\:border-gray-600 {
1390
- &:where(.dark, .dark *) {
1391
- border-color: var(--color-gray-600);
1392
- }
1393
- }
1394
1291
  .dark\:border-gray-700 {
1395
1292
  &:where(.dark, .dark *) {
1396
1293
  border-color: var(--color-gray-700);
1397
1294
  }
1398
1295
  }
1399
- .dark\:border-gray-900 {
1400
- &:where(.dark, .dark *) {
1401
- border-color: var(--color-gray-900);
1402
- }
1403
- }
1404
1296
  .dark\:bg-gray-700 {
1405
1297
  &:where(.dark, .dark *) {
1406
1298
  background-color: var(--color-gray-700);
data/assets/js/dark-prefered.js ADDED
@@ -0,0 +1,9 @@
1
+ (function() {
2
+ const theme = localStorage.getItem("theme");
3
+ if (
4
+ theme === "dark" ||
5
+ (!theme && window.matchMedia("(prefers-color-scheme: dark)").matches)
6
+ ) {
7
+ document.documentElement.classList.add("dark");
8
+ }
9
+ })();
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.4
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-22 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
@@ -42,11 +42,13 @@ files:
42
42
  - _includes/navigation.html
43
43
  - _layouts/about.html
44
44
  - _layouts/default.html
45
- - _layouts/gb.html
45
+ - _layouts/guestbook.html
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
@@ -54,6 +56,7 @@ files:
54
56
  - assets/js/controllers/navbar_burger_controller.js
55
57
  - assets/js/controllers/theme_controller.js
56
58
  - assets/js/controllers/thumbnail_controller.js
59
+ - assets/js/dark-prefered.js
57
60
  homepage: https://github.com/rokhimin/jekyll-tear
58
61
  licenses:
59
62
  - MIT