tear-jekyll-theme 1.0.1 → 1.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 +4 -4
- data/README.md +37 -10
- data/_config.yml +2 -0
- data/_includes/footer.html +154 -6
- data/_includes/navigation.html +35 -14
- data/_layouts/about.html +5 -5
- data/_layouts/gb.html +28 -0
- data/_layouts/home.html +34 -31
- data/_layouts/projects.html +3 -0
- data/assets/css/output.css +205 -144
- data/assets/js/controllers/thumbnail_controller.js +2 -2
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: bf9542cd80e31d33f3f92f02607088b35bf0667b7b57bd30878e4adf1e52d09d
|
|
4
|
+
data.tar.gz: 2e9cc1c7f4eb2f0ba12ddb2e351bc0bb42e8d6131638ee66dcfecb4e836e33c8
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: aef9fa25923c3fb3032770fb20ab28219ec851fe67f9b097d76303cdee0bef2ac927090f9ceb1c9f32abb6346e9b7fec88cab799a855403e413c69bb33bace89
|
|
7
|
+
data.tar.gz: e2dc9d1f5e38015a1dd1bca4c815ea0b8bc2b8ec715d2b8a7c102a1f2a2022dfd1911774711f87e2f5ca477654fe8e4ffc2e1509b5d37d9313ccac76b81ba2be
|
data/README.md
CHANGED
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
[](https://rubygems.org/gems/tear-jekyll-theme)
|
|
4
4
|
|
|
5
5
|
# About
|
|
6
|
-
Theme blog for jekyll using
|
|
6
|
+
Theme blog for jekyll using Tailwindcss and Stimulus.js.
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
## Preview
|
|
9
9
|
my blog use this theme
|
|
10
10
|
https://rokhimin.github.io
|
|
11
11
|
|
|
@@ -57,16 +57,27 @@ Run jekyll:
|
|
|
57
57
|
|
|
58
58
|
```yaml
|
|
59
59
|
title: Tear
|
|
60
|
-
email:
|
|
61
|
-
description:
|
|
60
|
+
email: whdzera@gmail.com
|
|
61
|
+
description: >-
|
|
62
|
+
Write an awesome description for your new site here. You can edit this
|
|
63
|
+
line in _config.yml. It will appear in your document head meta (for
|
|
64
|
+
Google search results) and in your feed.xml site description.
|
|
62
65
|
baseurl: ""
|
|
63
|
-
url: ""
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
66
|
+
url: ""
|
|
67
|
+
logo: Tear
|
|
68
|
+
footer: "Created with ❤ by whdzera"
|
|
69
|
+
twitter_username: tear
|
|
70
|
+
github_username: tear
|
|
71
|
+
linkedin_username: tear
|
|
72
|
+
youtube_username: tear
|
|
69
73
|
disqus: ""
|
|
74
|
+
|
|
75
|
+
plugins:
|
|
76
|
+
- jekyll-feed
|
|
77
|
+
|
|
78
|
+
markdown: kramdown
|
|
79
|
+
kramdown:
|
|
80
|
+
input: GFM"
|
|
70
81
|
```
|
|
71
82
|
|
|
72
83
|
##### Create file 'projects.markdown' in '/' to use page Projects feature
|
|
@@ -91,6 +102,22 @@ permalink: /projects/
|
|
|
91
102
|
YOUR ABOUT
|
|
92
103
|
```
|
|
93
104
|
|
|
105
|
+
## Developer
|
|
106
|
+
Run Jekyll
|
|
107
|
+
```
|
|
108
|
+
rake run
|
|
109
|
+
```
|
|
110
|
+
|
|
111
|
+
Run Tailwindcss mode --watch
|
|
112
|
+
```
|
|
113
|
+
rake css
|
|
114
|
+
```
|
|
115
|
+
|
|
116
|
+
Run Unit test
|
|
117
|
+
```
|
|
118
|
+
rake test
|
|
119
|
+
```
|
|
120
|
+
|
|
94
121
|
## Contributing
|
|
95
122
|
|
|
96
123
|
Bug reports and pull requests are welcome on GitHub at https://github.com/rokhimin/jekyll-tear. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](https://www.contributor-covenant.org/) code of conduct.
|
data/_config.yml
CHANGED
data/_includes/footer.html
CHANGED
|
@@ -1,9 +1,157 @@
|
|
|
1
1
|
<footer class="bg-white dark:bg-gray-800 shadow-inner mt-12">
|
|
2
|
-
<div class="max-w-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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>
|
|
5
|
+
|
|
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
|
+
>
|
|
20
|
+
</p>
|
|
21
|
+
|
|
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
|
+
/>
|
|
41
|
+
</svg>
|
|
42
|
+
</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
|
+
/>
|
|
61
|
+
</svg>
|
|
62
|
+
</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
|
+
>
|
|
74
|
+
<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
|
+
/>
|
|
77
|
+
</svg>
|
|
78
|
+
</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
|
+
>
|
|
90
|
+
<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
|
+
/>
|
|
93
|
+
</svg>
|
|
94
|
+
</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
|
+
>
|
|
106
|
+
<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
|
+
/>
|
|
109
|
+
</svg>
|
|
110
|
+
</a>
|
|
7
111
|
</div>
|
|
112
|
+
</div>
|
|
113
|
+
|
|
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
|
+
/>
|
|
134
|
+
</svg>
|
|
135
|
+
</a>
|
|
136
|
+
</div>
|
|
137
|
+
</div>
|
|
138
|
+
|
|
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
|
+
©{{ 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>
|
|
8
156
|
</div>
|
|
9
|
-
</footer>
|
|
157
|
+
</footer>
|
data/_includes/navigation.html
CHANGED
|
@@ -12,20 +12,41 @@
|
|
|
12
12
|
<!-- Desktop Navigation -->
|
|
13
13
|
<div class="hidden md:flex items-center space-x-1">
|
|
14
14
|
<a
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
15
|
+
href="{{ '/' | relative_url }}"
|
|
16
|
+
class="block rounded px-4 py-2 transition-colors duration-300
|
|
17
|
+
{% if page.url == '/' %}
|
|
18
|
+
text-gray-900 dark:text-blue-400 font-semibold bg-gray-300 dark:bg-gray-700
|
|
19
|
+
{% else %}
|
|
20
|
+
text-gray-700 dark:text-gray-200 hover:text-primary dark:hover:text-primary hover:bg-gray-100 dark:hover:bg-gray-700
|
|
21
|
+
{% endif %}"
|
|
22
|
+
>
|
|
23
|
+
Home
|
|
24
|
+
</a>
|
|
25
|
+
|
|
26
|
+
<a
|
|
27
|
+
href="{{ '/projects/' | relative_url }}"
|
|
28
|
+
class="block rounded px-4 py-2 transition-colors duration-300
|
|
29
|
+
{% if page.url == '/projects/' %}
|
|
30
|
+
text-gray-900 dark:text-blue-400 font-semibold bg-gray-300 dark:bg-gray-700
|
|
31
|
+
{% else %}
|
|
32
|
+
text-gray-700 dark:text-gray-200 hover:text-primary dark:hover:text-primary hover:bg-gray-100 dark:hover:bg-gray-700
|
|
33
|
+
{% endif %}"
|
|
34
|
+
>
|
|
35
|
+
Projects
|
|
36
|
+
</a>
|
|
37
|
+
|
|
38
|
+
<a
|
|
39
|
+
href="{{ '/about/' | relative_url }}"
|
|
40
|
+
class="block rounded px-4 py-2 transition-colors duration-300
|
|
41
|
+
{% if page.url == '/about/' %}
|
|
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
|
+
About
|
|
48
|
+
</a>
|
|
49
|
+
|
|
29
50
|
|
|
30
51
|
<!-- Dark Mode Toggle Desktop -->
|
|
31
52
|
<button
|
data/_layouts/about.html
CHANGED
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
layout: default
|
|
3
3
|
---
|
|
4
4
|
|
|
5
|
+
<div class="text-center mb-12">
|
|
6
|
+
<h1 class="text-4xl font-bold text-gray-800 dark:text-white mb-4">
|
|
7
|
+
About me
|
|
8
|
+
</h1>
|
|
9
|
+
</div>
|
|
5
10
|
<div
|
|
6
11
|
class="relative md:mr-25 md:ml-25 bg-white dark:bg-gray-800 rounded-l-lg rounded-r-lg shadow-lg overflow-hidden mb-6"
|
|
7
12
|
>
|
|
8
|
-
<h1 class="text-3xl ml-5 mt-2 md:text-4xl font-bold text-primary dark:text-blue-400 animate-fade-in">
|
|
9
|
-
About
|
|
10
|
-
</h1>
|
|
11
13
|
<article class="max-w-4xl mx-auto px-4 sm:px-6 py-4">
|
|
12
|
-
<div class="h-px w-full bg-gradient-to-r from-black to-transparent dark:from-blue-400 mb-8"></div>
|
|
13
|
-
|
|
14
14
|
|
|
15
15
|
<div class="prose dark:prose-invert prose-lg max-w-none text-gray-700 dark:text-gray-200">
|
|
16
16
|
{{ content }}
|
data/_layouts/gb.html
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
<div class="text-center mb-12">
|
|
5
|
+
<h1 class="text-4xl font-bold text-gray-800 dark:text-white mb-4">
|
|
6
|
+
Guest Book
|
|
7
|
+
</h1>
|
|
8
|
+
</div>
|
|
9
|
+
<div
|
|
10
|
+
class="relative md:mr-25 md:ml-25 bg-white dark:bg-gray-800 rounded-l-lg rounded-r-lg shadow-lg overflow-hidden mb-6"
|
|
11
|
+
>
|
|
12
|
+
<div class="p-3">
|
|
13
|
+
<div id="disqus_thread"></div>
|
|
14
|
+
</div>
|
|
15
|
+
<script>
|
|
16
|
+
var disqus_config = function () {
|
|
17
|
+
this.page.url = "{{ page.url | absolute_url }}";
|
|
18
|
+
this.page.identifier = "{{ page.id }}";
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
(function() {
|
|
22
|
+
var d = document, s = d.createElement('script');
|
|
23
|
+
s.src = 'https://{{ site.disqus }}.com/embed.js';
|
|
24
|
+
s.setAttribute('data-timestamp', +new Date());
|
|
25
|
+
(d.head || d.body).appendChild(s);
|
|
26
|
+
})();
|
|
27
|
+
</script>
|
|
28
|
+
</div>
|
data/_layouts/home.html
CHANGED
|
@@ -12,40 +12,43 @@ layout: default
|
|
|
12
12
|
</p>
|
|
13
13
|
</div>
|
|
14
14
|
|
|
15
|
+
<!-- Post Grid -->
|
|
16
|
+
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 md:mx-24 mb-6">
|
|
15
17
|
{% assign posts_by_year = site.posts | group_by_exp:"post", "post.date | date:
|
|
16
18
|
'%Y'" %} {% for year in posts_by_year %} {% for post in year.items %}
|
|
17
|
-
<!-- Post Card -->
|
|
18
|
-
<div
|
|
19
|
-
class="relative md:mr-25 md:ml-25 bg-white dark:bg-gray-800 rounded-l-lg rounded-r-lg shadow-lg overflow-hidden mb-6"
|
|
20
|
-
>
|
|
21
|
-
<!-- Thumbnail -->
|
|
22
|
-
{% if post.thumbnail %}
|
|
23
|
-
<a href="{{ post.url | relative_url }}" data-controller="thumbnail">
|
|
24
|
-
<img
|
|
25
|
-
src="{{ post.thumbnail }}"
|
|
26
|
-
alt="Thumbnail {{ post.title }}"
|
|
27
|
-
data-thumbnail-target="image"
|
|
28
|
-
class="w-full h-48 object-cover transition duration-300 ease-in-out rounded-lg"
|
|
29
|
-
/>
|
|
30
|
-
</a>
|
|
31
|
-
|
|
32
|
-
{% endif %}
|
|
33
|
-
|
|
34
|
-
<!-- Post Content -->
|
|
35
|
-
<div class="p-3">
|
|
36
|
-
<div
|
|
37
|
-
class="flex items-center text-sm text-gray-500 dark:text-gray-400 mb-1"
|
|
38
|
-
>
|
|
39
|
-
<i class="far fa-calendar"></i>
|
|
40
|
-
<span>{{ post.date | date: "%b %-d, %Y" }}</span>
|
|
41
|
-
</div>
|
|
42
19
|
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
20
|
+
<!-- Post Card -->
|
|
21
|
+
<div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg overflow-hidden">
|
|
22
|
+
|
|
23
|
+
<!-- Thumbnail -->
|
|
24
|
+
{% if post.thumbnail %}
|
|
25
|
+
<a href="{{ post.url | relative_url }}" data-controller="thumbnail">
|
|
26
|
+
<div class="w-full h-48 overflow-hidden rounded-t-lg">
|
|
27
|
+
<img
|
|
28
|
+
src="{{ post.thumbnail }}"
|
|
29
|
+
alt="Thumbnail {{ post.title }}"
|
|
30
|
+
data-thumbnail-target="image"
|
|
31
|
+
class="w-full h-full object-cover transform transition-transform duration-300 ease-in-out"
|
|
32
|
+
/>
|
|
33
|
+
</div>
|
|
34
|
+
</a>
|
|
35
|
+
|
|
36
|
+
{% endif %}
|
|
37
|
+
|
|
38
|
+
<!-- Post Content -->
|
|
39
|
+
<div class="p-4">
|
|
40
|
+
<div class="flex items-center text-sm text-gray-500 dark:text-gray-400 mb-2 space-x-2">
|
|
41
|
+
<i class="far fa-calendar"></i>
|
|
42
|
+
<span>{{ post.date | date: "%b %-d, %Y" }} - {{ post.author }}</span>
|
|
43
|
+
</div>
|
|
44
|
+
|
|
45
|
+
<h3 class="text-xl font-bold text-gray-800 dark:text-white hover:text-primary transition-colors">
|
|
46
|
+
<a href="{{ post.url | relative_url }}">{{ post.title }}</a>
|
|
47
|
+
</h3>
|
|
48
|
+
</div>
|
|
48
49
|
</div>
|
|
49
|
-
|
|
50
|
+
|
|
50
51
|
|
|
51
52
|
{% endfor %} {% endfor %}
|
|
53
|
+
|
|
54
|
+
</div>
|
data/_layouts/projects.html
CHANGED
data/assets/css/output.css
CHANGED
|
@@ -4,7 +4,6 @@
|
|
|
4
4
|
:root, :host {
|
|
5
5
|
--color-yellow-400: oklch(85.2% 0.199 91.936);
|
|
6
6
|
--color-blue-400: oklch(70.7% 0.165 254.624);
|
|
7
|
-
--color-blue-500: oklch(62.3% 0.214 259.815);
|
|
8
7
|
--color-gray-100: oklch(96.7% 0.003 264.542);
|
|
9
8
|
--color-gray-200: oklch(92.8% 0.006 264.531);
|
|
10
9
|
--color-gray-300: oklch(87.2% 0.01 258.338);
|
|
@@ -15,26 +14,23 @@
|
|
|
15
14
|
--color-gray-800: oklch(27.8% 0.033 256.848);
|
|
16
15
|
--color-gray-900: oklch(21% 0.034 264.665);
|
|
17
16
|
--color-neutral-400: oklch(70.8% 0 0);
|
|
18
|
-
--color-neutral-500: oklch(55.6% 0 0);
|
|
19
|
-
--color-neutral-600: oklch(43.9% 0 0);
|
|
20
17
|
--color-neutral-700: oklch(37.1% 0 0);
|
|
21
|
-
--color-neutral-800: oklch(26.9% 0 0);
|
|
22
|
-
--color-neutral-900: oklch(20.5% 0 0);
|
|
23
|
-
--color-neutral-950: oklch(14.5% 0 0);
|
|
24
18
|
--color-black: #000;
|
|
25
19
|
--color-white: #fff;
|
|
26
20
|
--spacing: 0.25rem;
|
|
27
21
|
--container-2xl: 42rem;
|
|
28
22
|
--container-4xl: 56rem;
|
|
29
23
|
--container-6xl: 72rem;
|
|
24
|
+
--container-7xl: 80rem;
|
|
30
25
|
--text-sm: 0.875rem;
|
|
31
26
|
--text-sm--line-height: calc(1.25 / 0.875);
|
|
32
|
-
--text-
|
|
33
|
-
--text-
|
|
27
|
+
--text-xl: 1.25rem;
|
|
28
|
+
--text-xl--line-height: calc(1.75 / 1.25);
|
|
34
29
|
--text-3xl: 1.875rem;
|
|
35
30
|
--text-3xl--line-height: calc(2.25 / 1.875);
|
|
36
31
|
--text-4xl: 2.25rem;
|
|
37
32
|
--text-4xl--line-height: calc(2.5 / 2.25);
|
|
33
|
+
--font-weight-semibold: 600;
|
|
38
34
|
--font-weight-bold: 700;
|
|
39
35
|
--radius-lg: 0.5rem;
|
|
40
36
|
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
@@ -831,8 +827,11 @@
|
|
|
831
827
|
.mt-2 {
|
|
832
828
|
margin-top: calc(var(--spacing) * 2);
|
|
833
829
|
}
|
|
834
|
-
.mt-
|
|
835
|
-
margin-top: calc(var(--spacing) *
|
|
830
|
+
.mt-3 {
|
|
831
|
+
margin-top: calc(var(--spacing) * 3);
|
|
832
|
+
}
|
|
833
|
+
.mt-4 {
|
|
834
|
+
margin-top: calc(var(--spacing) * 4);
|
|
836
835
|
}
|
|
837
836
|
.mt-12 {
|
|
838
837
|
margin-top: calc(var(--spacing) * 12);
|
|
@@ -840,15 +839,15 @@
|
|
|
840
839
|
.mr-2 {
|
|
841
840
|
margin-right: calc(var(--spacing) * 2);
|
|
842
841
|
}
|
|
843
|
-
.mr-
|
|
844
|
-
margin-right: calc(var(--spacing) *
|
|
845
|
-
}
|
|
846
|
-
.mr-5 {
|
|
847
|
-
margin-right: calc(var(--spacing) * 5);
|
|
842
|
+
.mr-4 {
|
|
843
|
+
margin-right: calc(var(--spacing) * 4);
|
|
848
844
|
}
|
|
849
845
|
.mb-1 {
|
|
850
846
|
margin-bottom: calc(var(--spacing) * 1);
|
|
851
847
|
}
|
|
848
|
+
.mb-2 {
|
|
849
|
+
margin-bottom: calc(var(--spacing) * 2);
|
|
850
|
+
}
|
|
852
851
|
.mb-4 {
|
|
853
852
|
margin-bottom: calc(var(--spacing) * 4);
|
|
854
853
|
}
|
|
@@ -861,8 +860,8 @@
|
|
|
861
860
|
.mb-12 {
|
|
862
861
|
margin-bottom: calc(var(--spacing) * 12);
|
|
863
862
|
}
|
|
864
|
-
.ml-
|
|
865
|
-
margin-left: calc(var(--spacing) *
|
|
863
|
+
.ml-4 {
|
|
864
|
+
margin-left: calc(var(--spacing) * 4);
|
|
866
865
|
}
|
|
867
866
|
.block {
|
|
868
867
|
display: block;
|
|
@@ -870,9 +869,15 @@
|
|
|
870
869
|
.flex {
|
|
871
870
|
display: flex;
|
|
872
871
|
}
|
|
872
|
+
.grid {
|
|
873
|
+
display: grid;
|
|
874
|
+
}
|
|
873
875
|
.hidden {
|
|
874
876
|
display: none;
|
|
875
877
|
}
|
|
878
|
+
.inline-flex {
|
|
879
|
+
display: inline-flex;
|
|
880
|
+
}
|
|
876
881
|
.table {
|
|
877
882
|
display: table;
|
|
878
883
|
}
|
|
@@ -885,9 +890,15 @@
|
|
|
885
890
|
.h-7 {
|
|
886
891
|
height: calc(var(--spacing) * 7);
|
|
887
892
|
}
|
|
893
|
+
.h-10 {
|
|
894
|
+
height: calc(var(--spacing) * 10);
|
|
895
|
+
}
|
|
888
896
|
.h-48 {
|
|
889
897
|
height: calc(var(--spacing) * 48);
|
|
890
898
|
}
|
|
899
|
+
.h-full {
|
|
900
|
+
height: 100%;
|
|
901
|
+
}
|
|
891
902
|
.h-px {
|
|
892
903
|
height: 1px;
|
|
893
904
|
}
|
|
@@ -903,6 +914,9 @@
|
|
|
903
914
|
.w-7 {
|
|
904
915
|
width: calc(var(--spacing) * 7);
|
|
905
916
|
}
|
|
917
|
+
.w-10 {
|
|
918
|
+
width: calc(var(--spacing) * 10);
|
|
919
|
+
}
|
|
906
920
|
.w-full {
|
|
907
921
|
width: 100%;
|
|
908
922
|
}
|
|
@@ -915,27 +929,51 @@
|
|
|
915
929
|
.max-w-6xl {
|
|
916
930
|
max-width: var(--container-6xl);
|
|
917
931
|
}
|
|
932
|
+
.max-w-7xl {
|
|
933
|
+
max-width: var(--container-7xl);
|
|
934
|
+
}
|
|
918
935
|
.max-w-none {
|
|
919
936
|
max-width: none;
|
|
920
937
|
}
|
|
921
938
|
.border-collapse {
|
|
922
939
|
border-collapse: collapse;
|
|
923
940
|
}
|
|
924
|
-
.scale-
|
|
925
|
-
--tw-scale-x:
|
|
926
|
-
--tw-scale-y:
|
|
927
|
-
--tw-scale-z:
|
|
941
|
+
.scale-165 {
|
|
942
|
+
--tw-scale-x: 165%;
|
|
943
|
+
--tw-scale-y: 165%;
|
|
944
|
+
--tw-scale-z: 165%;
|
|
928
945
|
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
929
946
|
}
|
|
947
|
+
.transform {
|
|
948
|
+
transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
|
|
949
|
+
}
|
|
930
950
|
.resize {
|
|
931
951
|
resize: both;
|
|
932
952
|
}
|
|
953
|
+
.grid-cols-1 {
|
|
954
|
+
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
955
|
+
}
|
|
956
|
+
.flex-col {
|
|
957
|
+
flex-direction: column;
|
|
958
|
+
}
|
|
933
959
|
.items-center {
|
|
934
960
|
align-items: center;
|
|
935
961
|
}
|
|
962
|
+
.items-start {
|
|
963
|
+
align-items: flex-start;
|
|
964
|
+
}
|
|
936
965
|
.justify-between {
|
|
937
966
|
justify-content: space-between;
|
|
938
967
|
}
|
|
968
|
+
.justify-center {
|
|
969
|
+
justify-content: center;
|
|
970
|
+
}
|
|
971
|
+
.gap-6 {
|
|
972
|
+
gap: calc(var(--spacing) * 6);
|
|
973
|
+
}
|
|
974
|
+
.gap-8 {
|
|
975
|
+
gap: calc(var(--spacing) * 8);
|
|
976
|
+
}
|
|
939
977
|
.space-x-1 {
|
|
940
978
|
:where(& > :not(:last-child)) {
|
|
941
979
|
--tw-space-x-reverse: 0;
|
|
@@ -943,6 +981,20 @@
|
|
|
943
981
|
margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
|
|
944
982
|
}
|
|
945
983
|
}
|
|
984
|
+
.space-x-2 {
|
|
985
|
+
:where(& > :not(:last-child)) {
|
|
986
|
+
--tw-space-x-reverse: 0;
|
|
987
|
+
margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
|
|
988
|
+
margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
|
|
989
|
+
}
|
|
990
|
+
}
|
|
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
|
+
}
|
|
946
998
|
.space-x-4 {
|
|
947
999
|
:where(& > :not(:last-child)) {
|
|
948
1000
|
--tw-space-x-reverse: 0;
|
|
@@ -961,12 +1013,19 @@
|
|
|
961
1013
|
.overflow-y-auto {
|
|
962
1014
|
overflow-y: auto;
|
|
963
1015
|
}
|
|
1016
|
+
.rounded {
|
|
1017
|
+
border-radius: 0.25rem;
|
|
1018
|
+
}
|
|
964
1019
|
.rounded-full {
|
|
965
1020
|
border-radius: calc(infinity * 1px);
|
|
966
1021
|
}
|
|
967
1022
|
.rounded-lg {
|
|
968
1023
|
border-radius: var(--radius-lg);
|
|
969
1024
|
}
|
|
1025
|
+
.rounded-t-lg {
|
|
1026
|
+
border-top-left-radius: var(--radius-lg);
|
|
1027
|
+
border-top-right-radius: var(--radius-lg);
|
|
1028
|
+
}
|
|
970
1029
|
.rounded-l-lg {
|
|
971
1030
|
border-top-left-radius: var(--radius-lg);
|
|
972
1031
|
border-bottom-left-radius: var(--radius-lg);
|
|
@@ -979,9 +1038,22 @@
|
|
|
979
1038
|
border-style: var(--tw-border-style);
|
|
980
1039
|
border-width: 1px;
|
|
981
1040
|
}
|
|
1041
|
+
.border-t {
|
|
1042
|
+
border-top-style: var(--tw-border-style);
|
|
1043
|
+
border-top-width: 1px;
|
|
1044
|
+
}
|
|
1045
|
+
.border-gray-700 {
|
|
1046
|
+
border-color: var(--color-gray-700);
|
|
1047
|
+
}
|
|
1048
|
+
.border-gray-900 {
|
|
1049
|
+
border-color: var(--color-gray-900);
|
|
1050
|
+
}
|
|
982
1051
|
.bg-gray-100 {
|
|
983
1052
|
background-color: var(--color-gray-100);
|
|
984
1053
|
}
|
|
1054
|
+
.bg-gray-300 {
|
|
1055
|
+
background-color: var(--color-gray-300);
|
|
1056
|
+
}
|
|
985
1057
|
.bg-white {
|
|
986
1058
|
background-color: var(--color-white);
|
|
987
1059
|
}
|
|
@@ -1006,11 +1078,8 @@
|
|
|
1006
1078
|
.p-3 {
|
|
1007
1079
|
padding: calc(var(--spacing) * 3);
|
|
1008
1080
|
}
|
|
1009
|
-
.
|
|
1010
|
-
padding
|
|
1011
|
-
}
|
|
1012
|
-
.px-3 {
|
|
1013
|
-
padding-inline: calc(var(--spacing) * 3);
|
|
1081
|
+
.p-4 {
|
|
1082
|
+
padding: calc(var(--spacing) * 4);
|
|
1014
1083
|
}
|
|
1015
1084
|
.px-4 {
|
|
1016
1085
|
padding-inline: calc(var(--spacing) * 4);
|
|
@@ -1027,16 +1096,9 @@
|
|
|
1027
1096
|
.py-8 {
|
|
1028
1097
|
padding-block: calc(var(--spacing) * 8);
|
|
1029
1098
|
}
|
|
1030
|
-
.pt-6 {
|
|
1031
|
-
padding-top: calc(var(--spacing) * 6);
|
|
1032
|
-
}
|
|
1033
1099
|
.text-center {
|
|
1034
1100
|
text-align: center;
|
|
1035
1101
|
}
|
|
1036
|
-
.text-2xl {
|
|
1037
|
-
font-size: var(--text-2xl);
|
|
1038
|
-
line-height: var(--tw-leading, var(--text-2xl--line-height));
|
|
1039
|
-
}
|
|
1040
1102
|
.text-3xl {
|
|
1041
1103
|
font-size: var(--text-3xl);
|
|
1042
1104
|
line-height: var(--tw-leading, var(--text-3xl--line-height));
|
|
@@ -1049,10 +1111,18 @@
|
|
|
1049
1111
|
font-size: var(--text-sm);
|
|
1050
1112
|
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
1051
1113
|
}
|
|
1114
|
+
.text-xl {
|
|
1115
|
+
font-size: var(--text-xl);
|
|
1116
|
+
line-height: var(--tw-leading, var(--text-xl--line-height));
|
|
1117
|
+
}
|
|
1052
1118
|
.font-bold {
|
|
1053
1119
|
--tw-font-weight: var(--font-weight-bold);
|
|
1054
1120
|
font-weight: var(--font-weight-bold);
|
|
1055
1121
|
}
|
|
1122
|
+
.font-semibold {
|
|
1123
|
+
--tw-font-weight: var(--font-weight-semibold);
|
|
1124
|
+
font-weight: var(--font-weight-semibold);
|
|
1125
|
+
}
|
|
1056
1126
|
.text-blue-400 {
|
|
1057
1127
|
color: var(--color-blue-400);
|
|
1058
1128
|
}
|
|
@@ -1068,6 +1138,9 @@
|
|
|
1068
1138
|
.text-gray-800 {
|
|
1069
1139
|
color: var(--color-gray-800);
|
|
1070
1140
|
}
|
|
1141
|
+
.text-gray-900 {
|
|
1142
|
+
color: var(--color-gray-900);
|
|
1143
|
+
}
|
|
1071
1144
|
.text-yellow-400 {
|
|
1072
1145
|
color: var(--color-yellow-400);
|
|
1073
1146
|
}
|
|
@@ -1116,6 +1189,10 @@
|
|
|
1116
1189
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1117
1190
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1118
1191
|
}
|
|
1192
|
+
.duration-200 {
|
|
1193
|
+
--tw-duration: 200ms;
|
|
1194
|
+
transition-duration: 200ms;
|
|
1195
|
+
}
|
|
1119
1196
|
.duration-300 {
|
|
1120
1197
|
--tw-duration: 300ms;
|
|
1121
1198
|
transition-duration: 300ms;
|
|
@@ -1134,6 +1211,13 @@
|
|
|
1134
1211
|
}
|
|
1135
1212
|
}
|
|
1136
1213
|
}
|
|
1214
|
+
.hover\:bg-gray-100 {
|
|
1215
|
+
&:hover {
|
|
1216
|
+
@media (hover: hover) {
|
|
1217
|
+
background-color: var(--color-gray-100);
|
|
1218
|
+
}
|
|
1219
|
+
}
|
|
1220
|
+
}
|
|
1137
1221
|
.hover\:bg-gray-200 {
|
|
1138
1222
|
&:hover {
|
|
1139
1223
|
@media (hover: hover) {
|
|
@@ -1141,6 +1225,44 @@
|
|
|
1141
1225
|
}
|
|
1142
1226
|
}
|
|
1143
1227
|
}
|
|
1228
|
+
.hover\:bg-gray-400 {
|
|
1229
|
+
&:hover {
|
|
1230
|
+
@media (hover: hover) {
|
|
1231
|
+
background-color: var(--color-gray-400);
|
|
1232
|
+
}
|
|
1233
|
+
}
|
|
1234
|
+
}
|
|
1235
|
+
.hover\:text-blue-400 {
|
|
1236
|
+
&:hover {
|
|
1237
|
+
@media (hover: hover) {
|
|
1238
|
+
color: var(--color-blue-400);
|
|
1239
|
+
}
|
|
1240
|
+
}
|
|
1241
|
+
}
|
|
1242
|
+
.hover\:text-gray-900 {
|
|
1243
|
+
&:hover {
|
|
1244
|
+
@media (hover: hover) {
|
|
1245
|
+
color: var(--color-gray-900);
|
|
1246
|
+
}
|
|
1247
|
+
}
|
|
1248
|
+
}
|
|
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);
|
|
1264
|
+
}
|
|
1265
|
+
}
|
|
1144
1266
|
.focus\:outline-none {
|
|
1145
1267
|
&:focus {
|
|
1146
1268
|
--tw-outline-style: none;
|
|
@@ -1152,6 +1274,11 @@
|
|
|
1152
1274
|
padding-inline: calc(var(--spacing) * 6);
|
|
1153
1275
|
}
|
|
1154
1276
|
}
|
|
1277
|
+
.md\:mx-24 {
|
|
1278
|
+
@media (width >= 48rem) {
|
|
1279
|
+
margin-inline: calc(var(--spacing) * 24);
|
|
1280
|
+
}
|
|
1281
|
+
}
|
|
1155
1282
|
.md\:mr-25 {
|
|
1156
1283
|
@media (width >= 48rem) {
|
|
1157
1284
|
margin-right: calc(var(--spacing) * 25);
|
|
@@ -1172,6 +1299,21 @@
|
|
|
1172
1299
|
display: none;
|
|
1173
1300
|
}
|
|
1174
1301
|
}
|
|
1302
|
+
.md\:grid-cols-2 {
|
|
1303
|
+
@media (width >= 48rem) {
|
|
1304
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
1305
|
+
}
|
|
1306
|
+
}
|
|
1307
|
+
.md\:grid-cols-3 {
|
|
1308
|
+
@media (width >= 48rem) {
|
|
1309
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
1310
|
+
}
|
|
1311
|
+
}
|
|
1312
|
+
.md\:items-end {
|
|
1313
|
+
@media (width >= 48rem) {
|
|
1314
|
+
align-items: flex-end;
|
|
1315
|
+
}
|
|
1316
|
+
}
|
|
1175
1317
|
.md\:text-4xl {
|
|
1176
1318
|
@media (width >= 48rem) {
|
|
1177
1319
|
font-size: var(--text-4xl);
|
|
@@ -1183,6 +1325,11 @@
|
|
|
1183
1325
|
padding-inline: calc(var(--spacing) * 8);
|
|
1184
1326
|
}
|
|
1185
1327
|
}
|
|
1328
|
+
.dark\:bg-gray-700 {
|
|
1329
|
+
&:where(.dark, .dark *) {
|
|
1330
|
+
background-color: var(--color-gray-700);
|
|
1331
|
+
}
|
|
1332
|
+
}
|
|
1186
1333
|
.dark\:bg-gray-800 {
|
|
1187
1334
|
&:where(.dark, .dark *) {
|
|
1188
1335
|
background-color: var(--color-gray-800);
|
|
@@ -1204,11 +1351,6 @@
|
|
|
1204
1351
|
color: var(--color-blue-400);
|
|
1205
1352
|
}
|
|
1206
1353
|
}
|
|
1207
|
-
.dark\:text-blue-500 {
|
|
1208
|
-
&:where(.dark, .dark *) {
|
|
1209
|
-
color: var(--color-blue-500);
|
|
1210
|
-
}
|
|
1211
|
-
}
|
|
1212
1354
|
.dark\:text-gray-200 {
|
|
1213
1355
|
&:where(.dark, .dark *) {
|
|
1214
1356
|
color: var(--color-gray-200);
|
|
@@ -1260,82 +1402,21 @@
|
|
|
1260
1402
|
}
|
|
1261
1403
|
}
|
|
1262
1404
|
}
|
|
1263
|
-
.\[\&\:\:-webkit-scrollbar\]\:w-2 {
|
|
1264
|
-
&::-webkit-scrollbar {
|
|
1265
|
-
width: calc(var(--spacing) * 2);
|
|
1266
|
-
}
|
|
1267
|
-
}
|
|
1268
|
-
.\[\&\:\:-webkit-scrollbar\]\:w-3 {
|
|
1269
|
-
&::-webkit-scrollbar {
|
|
1270
|
-
width: calc(var(--spacing) * 3);
|
|
1271
|
-
}
|
|
1272
|
-
}
|
|
1273
|
-
.\[\&\:\:-webkit-scrollbar\]\:w-3\.5 {
|
|
1274
|
-
&::-webkit-scrollbar {
|
|
1275
|
-
width: calc(var(--spacing) * 3.5);
|
|
1276
|
-
}
|
|
1277
|
-
}
|
|
1278
|
-
.\[\&\:\:-webkit-scrollbar\]\:w-4 {
|
|
1279
|
-
&::-webkit-scrollbar {
|
|
1280
|
-
width: calc(var(--spacing) * 4);
|
|
1281
|
-
}
|
|
1282
|
-
}
|
|
1283
1405
|
.\[\&\:\:-webkit-scrollbar\]\:w-4\.5 {
|
|
1284
1406
|
&::-webkit-scrollbar {
|
|
1285
1407
|
width: calc(var(--spacing) * 4.5);
|
|
1286
1408
|
}
|
|
1287
1409
|
}
|
|
1288
|
-
.\[\&\:\:-webkit-scrollbar\]\:w-6 {
|
|
1289
|
-
&::-webkit-scrollbar {
|
|
1290
|
-
width: calc(var(--spacing) * 6);
|
|
1291
|
-
}
|
|
1292
|
-
}
|
|
1293
|
-
.\[\&\:\:-webkit-scrollbar\]\:w-21 {
|
|
1294
|
-
&::-webkit-scrollbar {
|
|
1295
|
-
width: calc(var(--spacing) * 21);
|
|
1296
|
-
}
|
|
1297
|
-
}
|
|
1298
1410
|
.\[\&\:\:-webkit-scrollbar-thumb\]\:absolute {
|
|
1299
1411
|
&::-webkit-scrollbar-thumb {
|
|
1300
1412
|
position: absolute;
|
|
1301
1413
|
}
|
|
1302
1414
|
}
|
|
1303
|
-
.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full {
|
|
1304
|
-
&::-webkit-scrollbar-thumb {
|
|
1305
|
-
border-radius: calc(infinity * 1px);
|
|
1306
|
-
}
|
|
1307
|
-
}
|
|
1308
|
-
.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-gray-300 {
|
|
1309
|
-
&::-webkit-scrollbar-thumb {
|
|
1310
|
-
background-color: var(--color-gray-300);
|
|
1311
|
-
}
|
|
1312
|
-
}
|
|
1313
1415
|
.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-gray-400 {
|
|
1314
1416
|
&::-webkit-scrollbar-thumb {
|
|
1315
1417
|
background-color: var(--color-gray-400);
|
|
1316
1418
|
}
|
|
1317
1419
|
}
|
|
1318
|
-
.dark\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-gray-900 {
|
|
1319
|
-
&:where(.dark, .dark *) {
|
|
1320
|
-
&::-webkit-scrollbar-thumb {
|
|
1321
|
-
background-color: var(--color-gray-900);
|
|
1322
|
-
}
|
|
1323
|
-
}
|
|
1324
|
-
}
|
|
1325
|
-
.dark\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-neutral-500 {
|
|
1326
|
-
&:where(.dark, .dark *) {
|
|
1327
|
-
&::-webkit-scrollbar-thumb {
|
|
1328
|
-
background-color: var(--color-neutral-500);
|
|
1329
|
-
}
|
|
1330
|
-
}
|
|
1331
|
-
}
|
|
1332
|
-
.dark\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-neutral-600 {
|
|
1333
|
-
&:where(.dark, .dark *) {
|
|
1334
|
-
&::-webkit-scrollbar-thumb {
|
|
1335
|
-
background-color: var(--color-neutral-600);
|
|
1336
|
-
}
|
|
1337
|
-
}
|
|
1338
|
-
}
|
|
1339
1420
|
.dark\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-neutral-700 {
|
|
1340
1421
|
&:where(.dark, .dark *) {
|
|
1341
1422
|
&::-webkit-scrollbar-thumb {
|
|
@@ -1343,20 +1424,6 @@
|
|
|
1343
1424
|
}
|
|
1344
1425
|
}
|
|
1345
1426
|
}
|
|
1346
|
-
.dark\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-neutral-800 {
|
|
1347
|
-
&:where(.dark, .dark *) {
|
|
1348
|
-
&::-webkit-scrollbar-thumb {
|
|
1349
|
-
background-color: var(--color-neutral-800);
|
|
1350
|
-
}
|
|
1351
|
-
}
|
|
1352
|
-
}
|
|
1353
|
-
.dark\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-neutral-950 {
|
|
1354
|
-
&:where(.dark, .dark *) {
|
|
1355
|
-
&::-webkit-scrollbar-thumb {
|
|
1356
|
-
background-color: var(--color-neutral-950);
|
|
1357
|
-
}
|
|
1358
|
-
}
|
|
1359
|
-
}
|
|
1360
1427
|
.\[\&\:\:-webkit-scrollbar-thumb\:hover\]\:bg-gray-500 {
|
|
1361
1428
|
&::-webkit-scrollbar-thumb:hover {
|
|
1362
1429
|
background-color: var(--color-gray-500);
|
|
@@ -1379,16 +1446,6 @@
|
|
|
1379
1446
|
background-color: var(--color-gray-100);
|
|
1380
1447
|
}
|
|
1381
1448
|
}
|
|
1382
|
-
.\[\&\:\:-webkit-scrollbar-track\]\:bg-gray-200 {
|
|
1383
|
-
&::-webkit-scrollbar-track {
|
|
1384
|
-
background-color: var(--color-gray-200);
|
|
1385
|
-
}
|
|
1386
|
-
}
|
|
1387
|
-
.\[\&\:\:-webkit-scrollbar-track\]\:bg-gray-500 {
|
|
1388
|
-
&::-webkit-scrollbar-track {
|
|
1389
|
-
background-color: var(--color-gray-500);
|
|
1390
|
-
}
|
|
1391
|
-
}
|
|
1392
1449
|
.dark\:\[\&\:\:-webkit-scrollbar-track\]\:bg-gray-900 {
|
|
1393
1450
|
&:where(.dark, .dark *) {
|
|
1394
1451
|
&::-webkit-scrollbar-track {
|
|
@@ -1396,27 +1453,6 @@
|
|
|
1396
1453
|
}
|
|
1397
1454
|
}
|
|
1398
1455
|
}
|
|
1399
|
-
.dark\:\[\&\:\:-webkit-scrollbar-track\]\:bg-neutral-700 {
|
|
1400
|
-
&:where(.dark, .dark *) {
|
|
1401
|
-
&::-webkit-scrollbar-track {
|
|
1402
|
-
background-color: var(--color-neutral-700);
|
|
1403
|
-
}
|
|
1404
|
-
}
|
|
1405
|
-
}
|
|
1406
|
-
.dark\:\[\&\:\:-webkit-scrollbar-track\]\:bg-neutral-800 {
|
|
1407
|
-
&:where(.dark, .dark *) {
|
|
1408
|
-
&::-webkit-scrollbar-track {
|
|
1409
|
-
background-color: var(--color-neutral-800);
|
|
1410
|
-
}
|
|
1411
|
-
}
|
|
1412
|
-
}
|
|
1413
|
-
.dark\:\[\&\:\:-webkit-scrollbar-track\]\:bg-neutral-900 {
|
|
1414
|
-
&:where(.dark, .dark *) {
|
|
1415
|
-
&::-webkit-scrollbar-track {
|
|
1416
|
-
background-color: var(--color-neutral-900);
|
|
1417
|
-
}
|
|
1418
|
-
}
|
|
1419
|
-
}
|
|
1420
1456
|
}
|
|
1421
1457
|
@property --tw-scale-x {
|
|
1422
1458
|
syntax: "*";
|
|
@@ -1433,6 +1469,31 @@
|
|
|
1433
1469
|
inherits: false;
|
|
1434
1470
|
initial-value: 1;
|
|
1435
1471
|
}
|
|
1472
|
+
@property --tw-rotate-x {
|
|
1473
|
+
syntax: "*";
|
|
1474
|
+
inherits: false;
|
|
1475
|
+
initial-value: rotateX(0);
|
|
1476
|
+
}
|
|
1477
|
+
@property --tw-rotate-y {
|
|
1478
|
+
syntax: "*";
|
|
1479
|
+
inherits: false;
|
|
1480
|
+
initial-value: rotateY(0);
|
|
1481
|
+
}
|
|
1482
|
+
@property --tw-rotate-z {
|
|
1483
|
+
syntax: "*";
|
|
1484
|
+
inherits: false;
|
|
1485
|
+
initial-value: rotateZ(0);
|
|
1486
|
+
}
|
|
1487
|
+
@property --tw-skew-x {
|
|
1488
|
+
syntax: "*";
|
|
1489
|
+
inherits: false;
|
|
1490
|
+
initial-value: skewX(0);
|
|
1491
|
+
}
|
|
1492
|
+
@property --tw-skew-y {
|
|
1493
|
+
syntax: "*";
|
|
1494
|
+
inherits: false;
|
|
1495
|
+
initial-value: skewY(0);
|
|
1496
|
+
}
|
|
1436
1497
|
@property --tw-space-x-reverse {
|
|
1437
1498
|
syntax: "*";
|
|
1438
1499
|
inherits: false;
|
|
@@ -5,10 +5,10 @@ export default class extends Controller {
|
|
|
5
5
|
|
|
6
6
|
connect() {
|
|
7
7
|
this.imageTarget.addEventListener("mouseenter", () => {
|
|
8
|
-
this.imageTarget.classList.add("scale-
|
|
8
|
+
this.imageTarget.classList.add("scale-165", "brightness-30")
|
|
9
9
|
})
|
|
10
10
|
this.imageTarget.addEventListener("mouseleave", () => {
|
|
11
|
-
this.imageTarget.classList.remove("scale-
|
|
11
|
+
this.imageTarget.classList.remove("scale-165", "brightness-30")
|
|
12
12
|
})
|
|
13
13
|
}
|
|
14
14
|
}
|
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
|
+
version: 1.0.3
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Rokhimin
|
|
8
8
|
bindir: bin
|
|
9
9
|
cert_chain: []
|
|
10
|
-
date: 2025-05-
|
|
10
|
+
date: 2025-05-21 00:00:00.000000000 Z
|
|
11
11
|
dependencies:
|
|
12
12
|
- !ruby/object:Gem::Dependency
|
|
13
13
|
name: jekyll
|
|
@@ -42,6 +42,7 @@ files:
|
|
|
42
42
|
- _includes/navigation.html
|
|
43
43
|
- _layouts/about.html
|
|
44
44
|
- _layouts/default.html
|
|
45
|
+
- _layouts/gb.html
|
|
45
46
|
- _layouts/home.html
|
|
46
47
|
- _layouts/post.html
|
|
47
48
|
- _layouts/projects.html
|