Spaces:
Running
Running
El mundo que me inspira y enriquece mi trabajo como traductora
Browse files- index.html +2 -3
- style.css +9 -1
index.html
CHANGED
|
@@ -88,11 +88,10 @@
|
|
| 88 |
Más Allá de las Palabras
|
| 89 |
</h2>
|
| 90 |
<div class="w-24 h-1 bg-amber-700 mx-auto mb-4"></div>
|
| 91 |
-
<p class="text-center text-lg text-gray-700 mb-12 max-w-2xl mx-auto" data-i18n="blog_subtitle">
|
| 92 |
El mundo que me inspira y enriquece mi trabajo como traductora
|
| 93 |
</p>
|
| 94 |
-
|
| 95 |
-
<div class="max-w-6xl mx-auto">
|
| 96 |
<div class="flex flex-wrap justify-center gap-2 mb-8">
|
| 97 |
<button data-category="mitologia" class="flex items-center gap-2 px-4 py-2 bg-amber-700 text-white rounded-lg font-medium">
|
| 98 |
<i data-feather="award" class="w-4 h-4"></i>
|
|
|
|
| 88 |
Más Allá de las Palabras
|
| 89 |
</h2>
|
| 90 |
<div class="w-24 h-1 bg-amber-700 mx-auto mb-4"></div>
|
| 91 |
+
<p class="text-center text-lg text-gray-700 mb-12 max-w-2xl mx-auto hovered-element" data-i18n="blog_subtitle">
|
| 92 |
El mundo que me inspira y enriquece mi trabajo como traductora
|
| 93 |
</p>
|
| 94 |
+
<div class="max-w-6xl mx-auto">
|
|
|
|
| 95 |
<div class="flex flex-wrap justify-center gap-2 mb-8">
|
| 96 |
<button data-category="mitologia" class="flex items-center gap-2 px-4 py-2 bg-amber-700 text-white rounded-lg font-medium">
|
| 97 |
<i data-feather="award" class="w-4 h-4"></i>
|
style.css
CHANGED
|
@@ -86,12 +86,20 @@ body {
|
|
| 86 |
#pasiones {
|
| 87 |
scroll-margin-top: 100px;
|
| 88 |
}
|
| 89 |
-
|
| 90 |
/* Blog Cards */
|
| 91 |
#pasiones .bg-white:hover {
|
| 92 |
transform: translateY(-5px);
|
| 93 |
}
|
| 94 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 95 |
/* Category Buttons */
|
| 96 |
[data-category] {
|
| 97 |
transition: all 0.3s ease;
|
|
|
|
| 86 |
#pasiones {
|
| 87 |
scroll-margin-top: 100px;
|
| 88 |
}
|
|
|
|
| 89 |
/* Blog Cards */
|
| 90 |
#pasiones .bg-white:hover {
|
| 91 |
transform: translateY(-5px);
|
| 92 |
}
|
| 93 |
|
| 94 |
+
/* Hover effect for subtitle */
|
| 95 |
+
.hovered-element {
|
| 96 |
+
transition: all 0.3s ease;
|
| 97 |
+
}
|
| 98 |
+
|
| 99 |
+
.hovered-element:hover {
|
| 100 |
+
color: #b45309;
|
| 101 |
+
transform: scale(1.03);
|
| 102 |
+
}
|
| 103 |
/* Category Buttons */
|
| 104 |
[data-category] {
|
| 105 |
transition: all 0.3s ease;
|