tear-jekyll-theme 1.0.3 → 1.0.5

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: bf9542cd80e31d33f3f92f02607088b35bf0667b7b57bd30878e4adf1e52d09d
4
- data.tar.gz: 2e9cc1c7f4eb2f0ba12ddb2e351bc0bb42e8d6131638ee66dcfecb4e836e33c8
3
+ metadata.gz: ef2bfa6da3759798301705bc2e07b2c1f9df837f24267aeca51d24b9b36c2f0d
4
+ data.tar.gz: 97107790f6c767a2d62dc51549a622e26512e8bb8ea023f024eeb414357d2230
5
5
  SHA512:
6
- metadata.gz: aef9fa25923c3fb3032770fb20ab28219ec851fe67f9b097d76303cdee0bef2ac927090f9ceb1c9f32abb6346e9b7fec88cab799a855403e413c69bb33bace89
7
- data.tar.gz: e2dc9d1f5e38015a1dd1bca4c815ea0b8bc2b8ec715d2b8a7c102a1f2a2022dfd1911774711f87e2f5ca477654fe8e4ffc2e1509b5d37d9313ccac76b81ba2be
6
+ metadata.gz: e44cad6f92275abad22561df0f19c4e67700a75f7174aa1242124baa18e595c41efe32653f51fd38b923cd5f27e6c0f871ae90c5aa11553b28f6f2a0430c8c4f
7
+ data.tar.gz: 535b00d2d9b231b3398690c5e27af7d26401fdd1525e566fd721f68e6966d7046f44d191dcece9be4ea6304078298e879eccadcaecb7845a9bae275b27f9b040
data/README.md CHANGED
@@ -77,7 +77,7 @@ plugins:
77
77
 
78
78
  markdown: kramdown
79
79
  kramdown:
80
- input: GFM"
80
+ input: GFM
81
81
  ```
82
82
 
83
83
  ##### Create file 'projects.markdown' in '/' to use page Projects feature
@@ -1,157 +1,84 @@
1
1
  <footer class="bg-white dark:bg-gray-800 shadow-inner mt-12">
2
- <div class="max-w-7xl mx-auto grid md:grid-cols-3 gap-8">
3
- <!-- General -->
4
- <div class="mt-4 ml-4"></div>
2
+ <div class="max-w-7xl mx-auto grid md:grid-cols-3 gap-8 px-4 py-8">
5
3
 
6
- <!-- Navigation -->
7
- <div class="mt-4 ml-4 text-center">
8
- <p>
9
- <a
10
- href="{{ '/feed' | prepend: site.baseurl }}"
11
- class="hover:text-blue-400 transition"
12
- >RSS Feed</a
13
- >
14
- |
15
- <a
16
- href="{{ '/gb' | prepend: site.baseurl }}"
17
- class="hover:text-blue-400 transition"
18
- >Guest Book</a
19
- >
4
+ <!-- Spacer / Branding area -->
5
+ <div></div>
6
+
7
+ <!-- Navigation & Social Links -->
8
+ <div class="text-center">
9
+ <!-- Navigation Links -->
10
+ <p class="mb-2 text-gray-700 dark:text-gray-300">
11
+ <a href="{{ '/feed' | prepend: site.baseurl }}" class="hover:text-blue-400 transition">RSS Feed</a>
12
+ <span class="mx-2">|</span>
13
+ <a href="{{ '/guestbook' | prepend: site.baseurl }}" class="hover:text-blue-400 transition">Guest Book</a>
20
14
  </p>
21
15
 
22
- <div class="flex space-x-3 mb-1 mt-2 text-xl items-center justify-center">
23
- <a
24
- href="mailto:{{ site.email }}"
25
- class="hover:text-blue-400 transition"
26
- aria-label="Email"
27
- >
28
- <svg
29
- xmlns="http://www.w3.org/2000/svg"
30
- fill="none"
31
- viewBox="0 0 24 24"
32
- stroke-width="1.5"
33
- stroke="currentColor"
34
- class="w-6 h-6"
35
- >
36
- <path
37
- stroke-linecap="round"
38
- stroke-linejoin="round"
39
- d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"
40
- />
16
+ <!-- Social Icons -->
17
+ <div class="flex justify-center items-center space-x-4 text-gray-600 dark:text-gray-300 text-xl">
18
+ <!-- Email -->
19
+ <a href="mailto:{{ site.email }}" class="hover:text-blue-400 transition" aria-label="Email">
20
+ <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
21
+ <path stroke-linecap="round" stroke-linejoin="round"
22
+ d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0a2.25 2.25 0 0 0-2.25-2.25h-15A2.25 2.25 0 0 0 1.5 6.75m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75" />
41
23
  </svg>
42
24
  </a>
43
- <a
44
- href="https://github.com/{{ site.github_username }}"
45
- class="hover:text-blue-400 transition"
46
- aria-label="GitHub"
47
- >
48
- <svg
49
- xmlns="http://www.w3.org/2000/svg"
50
- fill="none"
51
- viewBox="0 0 24 24"
52
- stroke-width="1.5"
53
- stroke="currentColor"
54
- class="w-6 h-6"
55
- >
56
- <path
57
- stroke-linecap="round"
58
- stroke-linejoin="round"
59
- d="M12 2.25A9.75 9.75 0 0 0 2.25 12c0 4.29 2.77 7.93 6.6 9.22.48.09.65-.21.65-.47v-1.69c-2.68.58-3.25-1.3-3.25-1.3-.44-1.12-1.07-1.42-1.07-1.42-.88-.6.07-.59.07-.59.98.07 1.5.95 1.5.95.87 1.49 2.28 1.06 2.84.81.09-.64.34-1.06.62-1.3-2.16-.24-4.43-1.08-4.43-4.82 0-1.06.38-1.93 1-2.61-.1-.24-.44-1.14.1-2.38 0 0 .75-.24 2.46.92a8.44 8.44 0 0 1 4.5 0c1.71-1.16 2.46-.92 2.46-.92.54 1.24.2 2.14.1 2.38.62.68 1 1.55 1 2.61 0 3.75-2.28 4.58-4.45 4.82.35.3.66.89.66 1.8v2.67c0 .26.17.56.66.47A9.75 9.75 0 0 0 21.75 12 9.75 9.75 0 0 0 12 2.25Z"
60
- />
25
+
26
+ <!-- GitHub -->
27
+ <a href="https://github.com/{{ site.github_username }}" class="hover:text-blue-400 transition" aria-label="GitHub">
28
+ <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
29
+ <path stroke-linecap="round" stroke-linejoin="round"
30
+ d="M12 2.25A9.75 9.75 0 0 0 2.25 12c0 4.29 2.77 7.93 6.6 9.22.48.09.65-.21.65-.47v-1.69c-2.68.58-3.25-1.3-3.25-1.3-.44-1.12-1.07-1.42-1.07-1.42-.88-.6.07-.59.07-.59.98.07 1.5.95 1.5.95.87 1.49 2.28 1.06 2.84.81.09-.64.34-1.06.62-1.3-2.16-.24-4.43-1.08-4.43-4.82 0-1.06.38-1.93 1-2.61-.1-.24-.44-1.14.1-2.38 0 0 .75-.24 2.46.92a8.44 8.44 0 0 1 4.5 0c1.71-1.16 2.46-.92 2.46-.92.54 1.24.2 2.14.1 2.38.62.68 1 1.55 1 2.61 0 3.75-2.28 4.58-4.45 4.82.35.3.66.89.66 1.8v2.67c0 .26.17.56.66.47A9.75 9.75 0 0 0 21.75 12 9.75 9.75 0 0 0 12 2.25Z" />
61
31
  </svg>
62
32
  </a>
63
- <a
64
- href="https://x.com/{{ site.twitter_username }}"
65
- class="hover:text-blue-400 transition"
66
- aria-label="X"
67
- >
68
- <svg
69
- xmlns="http://www.w3.org/2000/svg"
70
- fill="currentColor"
71
- viewBox="0 0 24 24"
72
- class="w-5 h-5"
73
- >
33
+
34
+ <!-- X / Twitter -->
35
+ <a href="https://x.com/{{ site.twitter_username }}" class="hover:text-blue-400 transition" aria-label="X">
36
+ <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
74
37
  <path
75
- d="M14.24 10.32 22.03 0h-2.01l-6.73 8.39L7.81 0H0l8.19 11.64L0 24h2.01l7.07-8.81L16.19 24H24l-9.76-13.68Zm-2.51 3.13-.82-1.18L3.27 1.53h3.33l6.2 8.94.82 1.18 7.99 11.54h-3.33l-6.2-8.94Z"
76
- />
38
+ d="M14.24 10.32 22.03 0h-2.01l-6.73 8.39L7.81 0H0l8.19 11.64L0 24h2.01l7.07-8.81L16.19 24H24l-9.76-13.68Zm-2.51 3.13-.82-1.18L3.27 1.53h3.33l6.2 8.94.82 1.18 7.99 11.54h-3.33l-6.2-8.94Z" />
77
39
  </svg>
78
40
  </a>
79
- <a
80
- href="https://linkedin.com/{{ site.linkedin_username }}"
81
- class="hover:text-blue-400 transition"
82
- aria-label="LinkedIn"
83
- >
84
- <svg
85
- xmlns="http://www.w3.org/2000/svg"
86
- fill="currentColor"
87
- class="w-5 h-5"
88
- viewBox="0 0 24 24"
89
- >
41
+
42
+ <!-- LinkedIn -->
43
+ <a href="https://linkedin.com/{{ site.linkedin_username }}" class="hover:text-blue-400 transition" aria-label="LinkedIn">
44
+ <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
90
45
  <path
91
- d="M4.98 3.5C4.98 4.88 3.88 6 2.5 6S0 4.88 0 3.5 1.12 1 2.5 1 4.98 2.12 4.98 3.5zM.48 8h4V24h-4V8zm7.5 0h3.83v2.16h.05c.53-1 1.82-2.16 3.75-2.16 4 0 4.74 2.62 4.74 6.03V24h-4v-8.38c0-2-.03-4.59-2.8-4.59-2.8 0-3.23 2.19-3.23 4.44V24h-4V8z"
92
- />
46
+ d="M4.98 3.5C4.98 4.88 3.88 6 2.5 6S0 4.88 0 3.5 1.12 1 2.5 1 4.98 2.12 4.98 3.5zM.48 8h4V24h-4V8zm7.5 0h3.83v2.16h.05c.53-1 1.82-2.16 3.75-2.16 4 0 4.74 2.62 4.74 6.03V24h-4v-8.38c0-2-.03-4.59-2.8-4.59-2.8 0-3.23 2.19-3.23 4.44V24h-4V8z" />
93
47
  </svg>
94
48
  </a>
95
- <a
96
- href="https://youtube.com/{{ site.youtube_username }}"
97
- class="hover:text-blue-400 transition"
98
- aria-label="YouTube"
99
- >
100
- <svg
101
- xmlns="http://www.w3.org/2000/svg"
102
- fill="currentColor"
103
- class="w-5 h-5"
104
- viewBox="0 0 24 24"
105
- >
49
+
50
+ <!-- YouTube -->
51
+ <a href="https://youtube.com/{{ site.youtube_username }}" class="hover:text-blue-400 transition" aria-label="YouTube">
52
+ <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
106
53
  <path
107
- d="M23.5 6.5s-.2-1.6-.8-2.3c-.7-.9-1.5-1-1.9-1.1C17.7 3 12 3 12 3s-5.7 0-8.8.1c-.4 0-1.2.2-1.9 1.1C.7 4.9.5 6.5.5 6.5S0 8.4 0 10.3v1.4c0 1.9.5 3.8.5 3.8s.2 1.6.8 2.3c.7.9 1.7.9 2.2 1 1.6.2 6.5.2 6.5.2s5.7 0 8.8-.1c.4 0 1.2-.2 1.9-1.1.6-.7.8-2.3.8-2.3s.5-1.9.5-3.8v-1.4c0-1.9-.5-3.8-.5-3.8zM9.5 15.5v-7l6 3.5-6 3.5z"
108
- />
54
+ d="M23.5 6.5s-.2-1.6-.8-2.3c-.7-.9-1.5-1-1.9-1.1C17.7 3 12 3 12 3s-5.7 0-8.8.1c-.4 0-1.2.2-1.9 1.1C.7 4.9.5 6.5.5 6.5S0 8.4 0 10.3v1.4c0 1.9.5 3.8.5 3.8s.2 1.6.8 2.3c.7.9 1.7.9 2.2 1 1.6.2 6.5.2 6.5.2s5.7 0 8.8-.1c.4 0 1.2-.2 1.9-1.1.6-.7.8-2.3.8-2.3s.5-1.9.5-3.8v-1.4c0-1.9-.5-3.8-.5-3.8zM9.5 15.5v-7l6 3.5-6 3.5z" />
109
55
  </svg>
110
56
  </a>
111
57
  </div>
112
58
  </div>
113
59
 
114
- <div class="flex flex-col justify-between items-start md:items-end">
115
- <!-- Back to top -->
116
- <a
117
- href="#top"
118
- class="mt-3 mr-4 ml-4 inline-flex items-center justify-center w-10 h-10 border border-gray-900 rounded-full hover:bg-gray-400 hover:text-gray-900 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2"
119
- aria-label="Up"
120
- >
121
- <svg
122
- xmlns="http://www.w3.org/2000/svg"
123
- fill="none"
124
- viewBox="0 0 24 24"
125
- stroke-width="1.5"
126
- stroke="currentColor"
127
- class="w-6 h-6"
128
- >
129
- <path
130
- stroke-linecap="round"
131
- stroke-linejoin="round"
132
- d="M8.25 6.75 12 3m0 0 3.75 3.75M12 3v18"
133
- />
60
+ <!-- Back to top -->
61
+ <div class="flex justify-end items-start">
62
+ <a href="#top" class="mt-1 w-10 h-10 flex items-center justify-center border border-gray-300 dark:border-gray-700 rounded-full hover:bg-gray-300 dark:hover:bg-gray-600 hover:text-black dark:hover:text-white transition" aria-label="Back to top">
63
+ <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
64
+ <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75 12 3m0 0 3.75 3.75M12 3v18" />
134
65
  </svg>
135
66
  </a>
136
67
  </div>
137
68
  </div>
138
69
 
139
- <!-- Optional bottom border -->
140
- <div class="mt-3 border-t border-gray-700"></div>
141
-
142
- <div class="max-w-6xl mx-auto px-4 py-8">
143
- <div class="text-center text-gray-500 dark:text-gray-400">
144
- <p>{{ site.footer }}</p>
145
- <p>
146
- Powered by
147
- <a href="https://jekyllrb.com/" class="text-blue-400">Jekyll</a>
148
- </p>
149
- <p>
150
- &copy;{{ site.time | date: '%Y' }}
151
- <a href="https://github.com/rokhimin/jekyll-tear" class="text-blue-400"
152
- >Tear Theme</a
153
- >.
154
- </p>
155
- </div>
70
+ <!-- Divider -->
71
+ <div class="border-t border-gray-100 dark:border-gray-700"></div>
72
+
73
+ <!-- Footer Note -->
74
+ <div class="max-w-6xl mx-auto px-4 py-6 text-center text-sm text-gray-500 dark:text-gray-400">
75
+ <p>{{ site.footer }}</p>
76
+ <p>
77
+ Powered by <a href="https://jekyllrb.com/" class="text-blue-400 hover:underline">Jekyll</a>
78
+ </p>
79
+ <p>
80
+ &copy;{{ site.time | date: '%Y' }}
81
+ <a href="https://github.com/rokhimin/jekyll-tear" class="text-blue-400 hover:underline">Tear Theme</a>.
82
+ </p>
156
83
  </div>
157
84
  </footer>
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>
@@ -14,8 +14,8 @@ layout: default
14
14
  </div>
15
15
  <script>
16
16
  var disqus_config = function () {
17
- this.page.url = "{{ page.url | absolute_url }}";
18
- this.page.identifier = "{{ page.id }}";
17
+ this.page.url = "https://whdzera.my.id/guestbook";
18
+ this.page.identifier = "guestbook";
19
19
  };
20
20
 
21
21
  (function() {
@@ -207,6 +207,9 @@
207
207
  max-width: 96rem;
208
208
  }
209
209
  }
210
+ .mx-2 {
211
+ margin-inline: calc(var(--spacing) * 2);
212
+ }
210
213
  .mx-auto {
211
214
  margin-inline: auto;
212
215
  }
@@ -824,14 +827,8 @@
824
827
  margin-bottom: 0;
825
828
  }
826
829
  }
827
- .mt-2 {
828
- margin-top: calc(var(--spacing) * 2);
829
- }
830
- .mt-3 {
831
- margin-top: calc(var(--spacing) * 3);
832
- }
833
- .mt-4 {
834
- margin-top: calc(var(--spacing) * 4);
830
+ .mt-1 {
831
+ margin-top: calc(var(--spacing) * 1);
835
832
  }
836
833
  .mt-12 {
837
834
  margin-top: calc(var(--spacing) * 12);
@@ -839,12 +836,6 @@
839
836
  .mr-2 {
840
837
  margin-right: calc(var(--spacing) * 2);
841
838
  }
842
- .mr-4 {
843
- margin-right: calc(var(--spacing) * 4);
844
- }
845
- .mb-1 {
846
- margin-bottom: calc(var(--spacing) * 1);
847
- }
848
839
  .mb-2 {
849
840
  margin-bottom: calc(var(--spacing) * 2);
850
841
  }
@@ -860,9 +851,6 @@
860
851
  .mb-12 {
861
852
  margin-bottom: calc(var(--spacing) * 12);
862
853
  }
863
- .ml-4 {
864
- margin-left: calc(var(--spacing) * 4);
865
- }
866
854
  .block {
867
855
  display: block;
868
856
  }
@@ -875,9 +863,6 @@
875
863
  .hidden {
876
864
  display: none;
877
865
  }
878
- .inline-flex {
879
- display: inline-flex;
880
- }
881
866
  .table {
882
867
  display: table;
883
868
  }
@@ -953,9 +938,6 @@
953
938
  .grid-cols-1 {
954
939
  grid-template-columns: repeat(1, minmax(0, 1fr));
955
940
  }
956
- .flex-col {
957
- flex-direction: column;
958
- }
959
941
  .items-center {
960
942
  align-items: center;
961
943
  }
@@ -968,6 +950,9 @@
968
950
  .justify-center {
969
951
  justify-content: center;
970
952
  }
953
+ .justify-end {
954
+ justify-content: flex-end;
955
+ }
971
956
  .gap-6 {
972
957
  gap: calc(var(--spacing) * 6);
973
958
  }
@@ -988,13 +973,6 @@
988
973
  margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
989
974
  }
990
975
  }
991
- .space-x-3 {
992
- :where(& > :not(:last-child)) {
993
- --tw-space-x-reverse: 0;
994
- margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
995
- margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
996
- }
997
- }
998
976
  .space-x-4 {
999
977
  :where(& > :not(:last-child)) {
1000
978
  --tw-space-x-reverse: 0;
@@ -1042,11 +1020,11 @@
1042
1020
  border-top-style: var(--tw-border-style);
1043
1021
  border-top-width: 1px;
1044
1022
  }
1045
- .border-gray-700 {
1046
- border-color: var(--color-gray-700);
1023
+ .border-gray-100 {
1024
+ border-color: var(--color-gray-100);
1047
1025
  }
1048
- .border-gray-900 {
1049
- border-color: var(--color-gray-900);
1026
+ .border-gray-300 {
1027
+ border-color: var(--color-gray-300);
1050
1028
  }
1051
1029
  .bg-gray-100 {
1052
1030
  background-color: var(--color-gray-100);
@@ -1093,6 +1071,9 @@
1093
1071
  .py-4 {
1094
1072
  padding-block: calc(var(--spacing) * 4);
1095
1073
  }
1074
+ .py-6 {
1075
+ padding-block: calc(var(--spacing) * 6);
1076
+ }
1096
1077
  .py-8 {
1097
1078
  padding-block: calc(var(--spacing) * 8);
1098
1079
  }
@@ -1189,10 +1170,6 @@
1189
1170
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1190
1171
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1191
1172
  }
1192
- .duration-200 {
1193
- --tw-duration: 200ms;
1194
- transition-duration: 200ms;
1195
- }
1196
1173
  .duration-300 {
1197
1174
  --tw-duration: 300ms;
1198
1175
  transition-duration: 300ms;
@@ -1225,42 +1202,32 @@
1225
1202
  }
1226
1203
  }
1227
1204
  }
1228
- .hover\:bg-gray-400 {
1205
+ .hover\:bg-gray-300 {
1229
1206
  &:hover {
1230
1207
  @media (hover: hover) {
1231
- background-color: var(--color-gray-400);
1208
+ background-color: var(--color-gray-300);
1232
1209
  }
1233
1210
  }
1234
1211
  }
1235
- .hover\:text-blue-400 {
1212
+ .hover\:text-black {
1236
1213
  &:hover {
1237
1214
  @media (hover: hover) {
1238
- color: var(--color-blue-400);
1215
+ color: var(--color-black);
1239
1216
  }
1240
1217
  }
1241
1218
  }
1242
- .hover\:text-gray-900 {
1219
+ .hover\:text-blue-400 {
1243
1220
  &:hover {
1244
1221
  @media (hover: hover) {
1245
- color: var(--color-gray-900);
1222
+ color: var(--color-blue-400);
1246
1223
  }
1247
1224
  }
1248
1225
  }
1249
- .focus\:ring-2 {
1250
- &:focus {
1251
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
1252
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1253
- }
1254
- }
1255
- .focus\:ring-gray-500 {
1256
- &:focus {
1257
- --tw-ring-color: var(--color-gray-500);
1258
- }
1259
- }
1260
- .focus\:ring-offset-2 {
1261
- &:focus {
1262
- --tw-ring-offset-width: 2px;
1263
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1226
+ .hover\:underline {
1227
+ &:hover {
1228
+ @media (hover: hover) {
1229
+ text-decoration-line: underline;
1230
+ }
1264
1231
  }
1265
1232
  }
1266
1233
  .focus\:outline-none {
@@ -1309,11 +1276,6 @@
1309
1276
  grid-template-columns: repeat(3, minmax(0, 1fr));
1310
1277
  }
1311
1278
  }
1312
- .md\:items-end {
1313
- @media (width >= 48rem) {
1314
- align-items: flex-end;
1315
- }
1316
- }
1317
1279
  .md\:text-4xl {
1318
1280
  @media (width >= 48rem) {
1319
1281
  font-size: var(--text-4xl);
@@ -1325,6 +1287,11 @@
1325
1287
  padding-inline: calc(var(--spacing) * 8);
1326
1288
  }
1327
1289
  }
1290
+ .dark\:border-gray-700 {
1291
+ &:where(.dark, .dark *) {
1292
+ border-color: var(--color-gray-700);
1293
+ }
1294
+ }
1328
1295
  .dark\:bg-gray-700 {
1329
1296
  &:where(.dark, .dark *) {
1330
1297
  background-color: var(--color-gray-700);
@@ -1393,6 +1360,15 @@
1393
1360
  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
1394
1361
  }
1395
1362
  }
1363
+ .dark\:hover\:bg-gray-600 {
1364
+ &:where(.dark, .dark *) {
1365
+ &:hover {
1366
+ @media (hover: hover) {
1367
+ background-color: var(--color-gray-600);
1368
+ }
1369
+ }
1370
+ }
1371
+ }
1396
1372
  .dark\:hover\:bg-gray-700 {
1397
1373
  &:where(.dark, .dark *) {
1398
1374
  &:hover {
@@ -1402,6 +1378,15 @@
1402
1378
  }
1403
1379
  }
1404
1380
  }
1381
+ .dark\:hover\:text-white {
1382
+ &:where(.dark, .dark *) {
1383
+ &:hover {
1384
+ @media (hover: hover) {
1385
+ color: var(--color-white);
1386
+ }
1387
+ }
1388
+ }
1389
+ }
1405
1390
  .\[\&\:\:-webkit-scrollbar\]\:w-4\.5 {
1406
1391
  &::-webkit-scrollbar {
1407
1392
  width: calc(var(--spacing) * 4.5);
@@ -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.3
4
+ version: 1.0.5
5
5
  platform: ruby
6
6
  authors:
7
7
  - Rokhimin
8
8
  bindir: bin
9
9
  cert_chain: []
10
- date: 2025-05-21 00:00:00.000000000 Z
10
+ date: 2025-05-23 00:00:00.000000000 Z
11
11
  dependencies:
12
12
  - !ruby/object:Gem::Dependency
13
13
  name: jekyll
@@ -42,7 +42,7 @@ 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
@@ -54,6 +54,7 @@ files:
54
54
  - assets/js/controllers/navbar_burger_controller.js
55
55
  - assets/js/controllers/theme_controller.js
56
56
  - assets/js/controllers/thumbnail_controller.js
57
+ - assets/js/dark-prefered.js
57
58
  homepage: https://github.com/rokhimin/jekyll-tear
58
59
  licenses:
59
60
  - MIT