diff --git a/la-banquise/src/WaterBackground.css b/la-banquise/src/WaterBackground.css deleted file mode 100644 index f3d7092..0000000 --- a/la-banquise/src/WaterBackground.css +++ /dev/null @@ -1,38 +0,0 @@ -.water-background { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - overflow: hidden; - background: #007aff; /* Couleur de base de l'eau */ -} - -.wave { - position: absolute; - bottom: 0; - left: 0; - width: 200%; - height: 200px; - background: rgba(255, 255, 255, 0.4); /* Couleur des vagues */ - border-radius: 50%; - animation: wave-animation 5s infinite linear; -} - -.wave:nth-child(2) { - animation-delay: 2s; -} - -.wave:nth-child(3) { - animation-delay: 4s; -} - -@keyframes wave-animation { - 0% { - transform: translateX(0); - } - 100% { - transform: translateX(-50%); - } -} - diff --git a/la-banquise/src/WaterBackground.jsx b/la-banquise/src/WaterBackground.jsx deleted file mode 100644 index e060c3d..0000000 --- a/la-banquise/src/WaterBackground.jsx +++ /dev/null @@ -1,15 +0,0 @@ -import React from 'react'; -import './WaterBackground.css'; - -const WaterBackground = () => { - return ( -
-
-
-
-
- ); -}; - -export default WaterBackground; - diff --git a/la-banquise/src/WaterSurface.css b/la-banquise/src/WaterSurface.css deleted file mode 100644 index 7b36885..0000000 --- a/la-banquise/src/WaterSurface.css +++ /dev/null @@ -1,42 +0,0 @@ -.water-surface { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - overflow: hidden; - background: #007aff; /* Couleur de base de l'eau */ -} - -.wave { - position: absolute; - bottom: 0; - left: 0; - width: 200%; - height: 20px; - background: rgba(255, 255, 255, 0.3); /* Couleur des vagues avec transparence */ - border-radius: 50%; - animation: wave-animation 5s infinite linear; -} - -.wave1 { - animation-delay: 0s; -} - -.wave2 { - animation-delay: 1.5s; -} - -.wave3 { - animation-delay: 3s; -} - -@keyframes wave-animation { - 0% { - transform: translateX(0); - } - 100% { - transform: translateX(-50%); - } -} - diff --git a/la-banquise/src/WaterSurface.jsx b/la-banquise/src/WaterSurface.jsx deleted file mode 100644 index d6931c0..0000000 --- a/la-banquise/src/WaterSurface.jsx +++ /dev/null @@ -1,15 +0,0 @@ -import React from 'react'; -import './WaterSurface.css'; - -const WaterSurface = () => { - return ( -
-
-
-
-
- ); -}; - -export default WaterSurface; - diff --git a/la-banquise/src/Wavelets.css b/la-banquise/src/Wavelets.css deleted file mode 100644 index ed619fd..0000000 --- a/la-banquise/src/Wavelets.css +++ /dev/null @@ -1,38 +0,0 @@ -.wavelets { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - overflow: hidden; - pointer-events: none; /* Pour éviter les interactions avec les vaguelettes */ -} - -.wavelet { - position: absolute; - bottom: 0; - left: 0; - width: 100%; - height: 20px; - background: rgba(255, 255, 255, 0.2); /* Couleur des vaguelettes avec transparence */ - border-radius: 50%; - animation: wavelet-animation 3s infinite linear; -} - -.wavelet:nth-child(2) { - animation-delay: 1s; -} - -.wavelet:nth-child(3) { - animation-delay: 2s; -} - -@keyframes wavelet-animation { - 0% { - transform: translateX(0); - } - 100% { - transform: translateX(-100%); - } -} - diff --git a/la-banquise/src/Wavelets.jsx b/la-banquise/src/Wavelets.jsx deleted file mode 100644 index e0d3dc1..0000000 --- a/la-banquise/src/Wavelets.jsx +++ /dev/null @@ -1,15 +0,0 @@ -import React from 'react'; -import './Wavelets.css'; - -const Wavelets = () => { - return ( -
-
-
-
-
- ); -}; - -export default Wavelets; - diff --git a/la-banquise/src/components/OceanFoam.jsx b/la-banquise/src/components/OceanFoam.jsx deleted file mode 100644 index 0c9dcfc..0000000 --- a/la-banquise/src/components/OceanFoam.jsx +++ /dev/null @@ -1,34 +0,0 @@ -import React from 'react'; - -const OceanFoam = () => { - return ( - - - - - ); -}; - -export default OceanFoam; -