MagoDigi commited on
Commit
25baa13
·
verified ·
1 Parent(s): d390ded

Los iconos de redes sociales no se ven, arréglalo para que se muestre 3 redes sociales: Linkedin, facebook y linkedin.

Browse files
Files changed (3) hide show
  1. components/footer.js +4 -5
  2. index.html +2 -2
  3. script.js +2 -2
components/footer.js CHANGED
@@ -85,12 +85,11 @@ class CustomFooter extends HTMLElement {
85
  </div>
86
  <p class="text-gray-400">La plataforma IA que revoluciona la gestión de talleres de ciclismo.</p>
87
  <div class="social-links">
88
- <a href="#"><i data-feather="twitter"></i></a>
89
- <a href="#"><i data-feather="linkedin"></i></a>
90
- <a href="#"><i data-feather="instagram"></i></a>
91
- <a href="#"><i data-feather="youtube"></i></a>
92
  </div>
93
- </div>
94
  <div>
95
  <h3 class="footer-heading">Navegación</h3>
96
  <div class="footer-links">
 
85
  </div>
86
  <p class="text-gray-400">La plataforma IA que revoluciona la gestión de talleres de ciclismo.</p>
87
  <div class="social-links">
88
+ <a href="#" target="_blank"><img src="https://cdn.jsdelivr.net/npm/simple-icons@v9/icons/facebook.svg" width="24" height="24" alt="Facebook"></a>
89
+ <a href="#" target="_blank"><img src="https://cdn.jsdelivr.net/npm/simple-icons@v9/icons/linkedin.svg" width="24" height="24" alt="LinkedIn"></a>
90
+ <a href="#" target="_blank"><img src="https://cdn.jsdelivr.net/npm/simple-icons@v9/icons/instagram.svg" width="24" height="24" alt="Instagram"></a>
 
91
  </div>
92
+ </div>
93
  <div>
94
  <h3 class="footer-heading">Navegación</h3>
95
  <div class="footer-links">
index.html CHANGED
@@ -19,8 +19,8 @@
19
  }
20
  </script>
21
  <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
22
- <script src="https://unpkg.com/feather-icons"></script>
23
- <link rel="preconnect" href="https://fonts.googleapis.com">
24
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
25
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
26
  </head>
 
19
  }
20
  </script>
21
  <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
22
+ <!-- Remove feather-icons script since we're using SVG icons directly -->
23
+ <link rel="preconnect" href="https://fonts.googleapis.com">
24
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
25
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
26
  </head>
script.js CHANGED
@@ -168,8 +168,8 @@ document.querySelectorAll('.faq-item').forEach(item => {
168
  document.querySelectorAll('.faq-icon').forEach(el => {
169
  if (el !== icon) {
170
  el.setAttribute('data-feather', 'chevron-down');
171
- feather.replace();
172
- }
173
  });
174
 
175
  // Toggle current item
 
168
  document.querySelectorAll('.faq-icon').forEach(el => {
169
  if (el !== icon) {
170
  el.setAttribute('data-feather', 'chevron-down');
171
+ // Remove feather.replace() since we're using SVG icons directly now
172
+ }
173
  });
174
 
175
  // Toggle current item