Hugging Face's logo

Spaces:
2025Amplify
/
Amplify.com
Running

App Files Community
Fazbeeer commited on
Commit
c9a9f20
·
verified ·
1 Parent(s): c188222

make the background transparent so the pop ups can be seen

Browse files
Files changed (1) hide show
  1. index.html +5 -5
index.html CHANGED
@@ -57,9 +57,8 @@
57
  </head>
58
  <body class="bg-black text-white font-['Poppins']">
59
  <!-- Vanta.js Background -->
60
- <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
61
-
62
- <!-- Navigation -->
63
  <nav class="relative z-10 bg-black bg-opacity-80 border-b border-gold-500">
64
  <div class="container mx-auto px-6 py-4">
65
  <div class="flex justify-between items-center">
@@ -711,7 +710,7 @@
711
  let vantaEffect;
712
  function initVanta() {
713
  if (window.innerWidth > 768) {
714
- vantaEffect = VANTA.GLOBE({
715
  el: "#vanta-bg",
716
  mouseControls: true,
717
  touchControls: true,
@@ -723,9 +722,10 @@
723
  color: 0x2563eb,
724
  color2: 0x1d4ed8,
725
  backgroundColor: 0x0,
 
726
  size: 0.8,
727
  speed: 0.7
728
- });
729
  } else if (vantaEffect) {
730
  vantaEffect.destroy();
731
  }
 
57
  </head>
58
  <body class="bg-black text-white font-['Poppins']">
59
  <!-- Vanta.js Background -->
60
+ <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0 opacity-50"></div>
61
+ <!-- Navigation -->
 
62
  <nav class="relative z-10 bg-black bg-opacity-80 border-b border-gold-500">
63
  <div class="container mx-auto px-6 py-4">
64
  <div class="flex justify-between items-center">
 
710
  let vantaEffect;
711
  function initVanta() {
712
  if (window.innerWidth > 768) {
713
+ vantaEffect = VANTA.GLOBE({
714
  el: "#vanta-bg",
715
  mouseControls: true,
716
  touchControls: true,
 
722
  color: 0x2563eb,
723
  color2: 0x1d4ed8,
724
  backgroundColor: 0x0,
725
+ backgroundAlpha: 0,
726
  size: 0.8,
727
  speed: 0.7
728
+ });
729
  } else if (vantaEffect) {
730
  vantaEffect.destroy();
731
  }