awesome-jekyll-theme 0.2.0 → 0.2.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/post_card.html +1 -1
- data/_layouts/home.html +93 -58
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 29214929f1e545c15094e3acbcd753f5b6e478426caee98981f7fc2d71520197
|
|
4
|
+
data.tar.gz: 7188655771ea95645968e25fbf14d7b05b05ba1dc8c044f41f289662f04b6edb
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: bb9cd39bdc029afed688e854918ee632a7db24416ccee8ab018445f8711dd31d66baa34b43026e5ae3df8c181b684404f890b9102b719936858fe720fcddb3f8
|
|
7
|
+
data.tar.gz: 1c1fc4665fcbff92bcd79d67e6cb03b0ff66e055c16058ccc98e5c7e447e70332c1d4a18a0abbe6230e2b5b0fc9facfd690f6185a2328437b2c6e47e9426d3bc
|
data/_includes/post_card.html
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<div class="flex flex-col justify-between max-w-lg">
|
|
3
3
|
<a href="{{include.post.url | relative_url}}" aria-label="Post Url">
|
|
4
4
|
<div class="hover:opacity-90 transition duration-300 w-full h-60 bg-cover bg-center"
|
|
5
|
-
style="background-image: url('{{post.image}}')">
|
|
5
|
+
style="background-image: url('{{ post.image | default: 'https://picsum.photos/600/400/?blur' }}')">
|
|
6
6
|
</div>
|
|
7
7
|
</a>
|
|
8
8
|
<div class="pt-6">
|
data/_layouts/home.html
CHANGED
|
@@ -2,18 +2,23 @@
|
|
|
2
2
|
layout: default
|
|
3
3
|
---
|
|
4
4
|
|
|
5
|
-
<section
|
|
5
|
+
<section
|
|
6
|
+
id="main"
|
|
7
|
+
class="flex flex-col md:flex-row items-center justify-center py-16 md:h-screen border-b-2"
|
|
8
|
+
>
|
|
6
9
|
<div class="md:mx-2">
|
|
7
|
-
<img
|
|
8
|
-
|
|
10
|
+
<img
|
|
11
|
+
class="object-cover w-full h-full sm:w-80 sm:h-80 sm:rounded-full"
|
|
12
|
+
src="{{ page.image | relative_url | default: 'https://ik.imagekit.io/ikmedia/avif_samples/photo3_avif_6O32dW2NT.png' }}"
|
|
13
|
+
alt="{{ page.description }}"
|
|
14
|
+
/>
|
|
9
15
|
</div>
|
|
10
16
|
<div class="fadeIn mx-4 w-4/5 md:w-2/5 text-center md:text-left mt-6 md:mt-0">
|
|
11
|
-
<div class="prose prose-h1:mb-1">
|
|
12
|
-
{{ page.main_content | markdownify }}
|
|
13
|
-
</div>
|
|
17
|
+
<div class="prose prose-h1:mb-1">{{ page.main_content | markdownify }}</div>
|
|
14
18
|
|
|
15
|
-
<p class="mt-4
|
|
16
|
-
{{ site.data[site.active_lang].strings.home.contact_me | default:
|
|
19
|
+
<p class="mt-4">
|
|
20
|
+
{{ site.data[site.active_lang].strings.home.contact_me | default:
|
|
21
|
+
site.data['en'].strings.home.contact_me}}
|
|
17
22
|
</p>
|
|
18
23
|
|
|
19
24
|
{%include contact_channels.html %}
|
|
@@ -21,109 +26,139 @@ layout: default
|
|
|
21
26
|
</section>
|
|
22
27
|
|
|
23
28
|
{% if site.posts.size > 0 %}
|
|
24
|
-
<section
|
|
29
|
+
<section
|
|
30
|
+
id="blog"
|
|
31
|
+
class="container mx-auto flex flex-col items-center justify-center min-h-screen"
|
|
32
|
+
>
|
|
25
33
|
<div class="py-16">
|
|
26
34
|
<h2 class="text-3xl font-bold text-center md:text-left">
|
|
27
35
|
{{ site.data[site.active_lang].strings.home.blog_title | default:
|
|
28
36
|
site.data['en'].strings.home.blog_title}}
|
|
29
37
|
</h2>
|
|
30
|
-
<div
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
{%
|
|
38
|
+
<div
|
|
39
|
+
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-x-12 gap-y-16 py-8 md:py-16"
|
|
40
|
+
>
|
|
41
|
+
{% for post in site.posts limit:3 %} {% include post_card.html post=post
|
|
42
|
+
%} {% endfor %}
|
|
34
43
|
</div>
|
|
44
|
+
|
|
45
|
+
{% assign blog_page = site.pages | where: 'layout', 'blog' | where_exp:
|
|
46
|
+
'page', "page.path contains '/category/'" | first %} {% if blog_page %}
|
|
35
47
|
<div class="pt-4 text-center">
|
|
36
|
-
<a
|
|
48
|
+
<a
|
|
49
|
+
class="font-mulish text-lg hover:text-sky-400 hover:underline font-bold"
|
|
50
|
+
href="{{ blog_page.url | relative_url }}"
|
|
51
|
+
>
|
|
37
52
|
{{ site.data[site.active_lang].strings.home.see_more_posts | default:
|
|
38
53
|
site.data['en'].strings.home.see_more_posts}}
|
|
39
54
|
</a>
|
|
40
55
|
</div>
|
|
56
|
+
{% endif %}
|
|
41
57
|
</div>
|
|
42
58
|
</section>
|
|
43
|
-
{% endif %}
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
59
|
+
{% endif %} {% if site.projects.size > 0 %}
|
|
60
|
+
<section
|
|
61
|
+
id="projects"
|
|
62
|
+
class="container mx-auto flex flex-col items-center justify-center min-h-screen"
|
|
63
|
+
>
|
|
48
64
|
<div class="py-16">
|
|
49
65
|
<h2 class="text-3xl font-bold text-center md:text-left">
|
|
50
66
|
{{ site.data[site.active_lang].strings.home.projects_title | default:
|
|
51
67
|
site.data['en'].strings.home.projects_title}}
|
|
52
68
|
</h2>
|
|
53
69
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-16 py-8 md:py-16">
|
|
54
|
-
{% for project in site.projects limit:2 %}
|
|
55
|
-
{%
|
|
56
|
-
{% endfor %}
|
|
70
|
+
{% for project in site.projects limit:2 %} {% include project_card.html
|
|
71
|
+
project=project%} {% endfor %}
|
|
57
72
|
</div>
|
|
58
|
-
<div class="pt-4 text-center
|
|
59
|
-
<a
|
|
60
|
-
|
|
73
|
+
<div class="pt-4 text-center">
|
|
74
|
+
<a
|
|
75
|
+
class="font-mulish text-lg hover:text-sky-400 hover:underline font-bold"
|
|
76
|
+
href="{{'/projects' | relative_url }}"
|
|
77
|
+
>
|
|
61
78
|
{{ site.data[site.active_lang].strings.home.see_more_projects | default:
|
|
62
79
|
site.data['en'].strings.home.see_more_projects }}
|
|
63
80
|
</a>
|
|
64
81
|
</div>
|
|
65
82
|
</div>
|
|
66
83
|
</section>
|
|
67
|
-
{% endif %}
|
|
68
|
-
|
|
69
|
-
<section
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
84
|
+
{% endif %} {% assign trimmed_content = content | strip | replace: "\n", "" |
|
|
85
|
+
replace: "\r", "" | replace: "\t", "" %} {% if trimmed_content != "" %}
|
|
86
|
+
<section
|
|
87
|
+
id="content"
|
|
88
|
+
class="container mx-auto flex flex-col items-center justify-center min-h-screen"
|
|
89
|
+
>
|
|
90
|
+
<article class="prose mx-auto py-16">{{content}}</article>
|
|
73
91
|
</section>
|
|
92
|
+
{% endif %}
|
|
74
93
|
|
|
75
|
-
<div
|
|
76
|
-
|
|
77
|
-
|
|
94
|
+
<div
|
|
95
|
+
id="dot-nav"
|
|
96
|
+
class="fixed left-0 top-1/2 transform -translate-y-1/2 space-y-4 bg-white/80 rounded-r-lg p-4"
|
|
97
|
+
>
|
|
98
|
+
<a
|
|
99
|
+
href="#main"
|
|
100
|
+
aria-label="Jump to main section"
|
|
101
|
+
class="dot w-3 h-3 block rounded-full border-2 border-gray-800 bg-gray-800 hover:scale-125"
|
|
102
|
+
></a>
|
|
78
103
|
{% if site.posts.size > 0 %}
|
|
79
|
-
<a
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
104
|
+
<a
|
|
105
|
+
href="#blog"
|
|
106
|
+
aria-label="Jump to blog section"
|
|
107
|
+
class="dot w-3 h-3 block rounded-full border-2 border-gray-800 hover:scale-125"
|
|
108
|
+
></a>
|
|
109
|
+
{% endif %} {% if site.projects.size > 0 %}
|
|
110
|
+
<a
|
|
111
|
+
href="#projects"
|
|
112
|
+
aria-label="Jump to projects section"
|
|
113
|
+
class="dot w-3 h-3 block rounded-full border-2 border-gray-800 hover:scale-125"
|
|
114
|
+
></a>
|
|
115
|
+
{% endif %} {% if trimmed_content != "" %}
|
|
116
|
+
<a
|
|
117
|
+
href="#content"
|
|
118
|
+
aria-label="Jump to content section"
|
|
119
|
+
class="dot w-3 h-3 block rounded-full border-2 border-gray-800 hover:scale-125"
|
|
120
|
+
></a>
|
|
85
121
|
{% endif %}
|
|
86
|
-
<a href="#content" aria-label="Jump to content section"
|
|
87
|
-
class="dot w-3 h-3 block rounded-full border-2 border-gray-800 hover:scale-125"></a>
|
|
88
122
|
</div>
|
|
89
123
|
|
|
90
124
|
<script>
|
|
91
|
-
document.addEventListener(
|
|
92
|
-
const sections = document.querySelectorAll(
|
|
93
|
-
const navDots = document.querySelectorAll(
|
|
125
|
+
document.addEventListener("DOMContentLoaded", function () {
|
|
126
|
+
const sections = document.querySelectorAll("section");
|
|
127
|
+
const navDots = document.querySelectorAll("#dot-nav .dot");
|
|
94
128
|
|
|
95
129
|
function onScroll() {
|
|
96
|
-
let currentSection =
|
|
130
|
+
let currentSection = "";
|
|
97
131
|
|
|
98
|
-
sections.forEach(section => {
|
|
132
|
+
sections.forEach((section) => {
|
|
99
133
|
const sectionTop = section.offsetTop;
|
|
100
|
-
if (pageYOffset >= sectionTop - 120) {
|
|
101
|
-
|
|
134
|
+
if (pageYOffset >= sectionTop - 120) {
|
|
135
|
+
// Ajusta el valor según sea necesario
|
|
136
|
+
currentSection = section.getAttribute("id");
|
|
102
137
|
}
|
|
103
138
|
});
|
|
104
139
|
|
|
105
|
-
navDots.forEach(dot => {
|
|
106
|
-
dot.classList.remove(
|
|
107
|
-
if (dot.getAttribute(
|
|
108
|
-
dot.classList.add(
|
|
140
|
+
navDots.forEach((dot) => {
|
|
141
|
+
dot.classList.remove("bg-gray-800");
|
|
142
|
+
if (dot.getAttribute("href") === `#${currentSection}`) {
|
|
143
|
+
dot.classList.add("bg-gray-800");
|
|
109
144
|
}
|
|
110
145
|
});
|
|
111
146
|
}
|
|
112
147
|
|
|
113
148
|
function smoothScroll(target) {
|
|
114
149
|
document.querySelector(target).scrollIntoView({
|
|
115
|
-
behavior:
|
|
150
|
+
behavior: "smooth",
|
|
116
151
|
});
|
|
117
152
|
}
|
|
118
153
|
|
|
119
|
-
navDots.forEach(dot => {
|
|
120
|
-
dot.addEventListener(
|
|
154
|
+
navDots.forEach((dot) => {
|
|
155
|
+
dot.addEventListener("click", function (event) {
|
|
121
156
|
event.preventDefault();
|
|
122
|
-
const target = this.getAttribute(
|
|
157
|
+
const target = this.getAttribute("href");
|
|
123
158
|
smoothScroll(target);
|
|
124
159
|
});
|
|
125
160
|
});
|
|
126
161
|
|
|
127
|
-
window.addEventListener(
|
|
162
|
+
window.addEventListener("scroll", onScroll);
|
|
128
163
|
});
|
|
129
164
|
</script>
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: awesome-jekyll-theme
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.2.
|
|
4
|
+
version: 0.2.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- a-chacon
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2024-
|
|
11
|
+
date: 2024-08-12 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|