fix swiper

Artedien · Sep 23, 2024 · 965fe95 · 965fe95
1 parent cffb980
commit 965fe95
Show file tree

Hide file tree

Showing 6 changed files with 853 additions and 1,063 deletions.
diff --git a/dist/home.html b/dist/home.html
diff --git a/dist/index.html b/dist/index.html
diff --git a/dist/main.js b/dist/main.js
diff --git a/src/home.html b/src/home.html
diff --git a/src/index.html b/src/index.html
@@ -4,103 +4,24 @@
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>AD SPACE</title>
-        <link rel="icon" type="image/x-icon" href="./assets/images/logo.svg" />
     </head>
-    <body>
-        <div class="root">
-            <div class="logo-img-box">
-              <img src="./assets/images/logo.svg" alt="" />
-            </div>
-            <h2>готовые страницы:</h2>
-            <ol>
-                <li>
-                    <a href="./home.html">главная</a>
-                </li>
-            </ol>
-        </div>
-        <style>
-            @charset "UTF-8";
-            @import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200&display=swap');
-            * {
-                padding: 0;
-                margin: 0;
-                border: 0;
-                box-sizing: border-box;
-            }
-            html,
-            body {
-                margin: 0;
-                padding: 0;
-                height: 100%;
-                width: 100%;
-                min-width: 32rem;
-                background: linear-gradient(112deg, #000000 0%, #0a0a0a 100%);
-                color: #fff;
-            }
-            html {
-                font-size: 0.5208335vw;
-            }
-            body {
-                padding: 5rem 0;
-                font-family: 'Source Code Pro';
-                font-size: 100%;
-                line-height: 1;
-                font-size: 2.5rem;
-                user-select: none;
-            }
-            ul,
-            ol {
-                margin-bottom: 10rem;
-            }
-            ul li,
-            ol li {
-                font-size: 2.3rem;
-            }
-            li {
-                margin-bottom: 2rem;
-                font-size: 2rem;
-            }
-            a {
-                text-decoration: none;
-            }
-            a {
-                color: #fff;
-                transition: color 0.5s ease;
-            }
-            a:visited {
-                text-decoration: none;
-                color: #fff;
-            }
-            a:hover {
-                color: #fff;
-                text-decoration: underline;
-            }
-            h1 {
-                margin-bottom: 5rem;
-                font-size: 5rem;
-                font-weight: 300;
-                text-align: center;
-            }
-            h2 {
-                margin-bottom: 2.5rem;
-                font-size: 2.5rem;
-                font-weight: 300;
-            }
-            .logo-img-box{
-              height: 15rem;
-              width: 60rem;
-            }
-            .root {
-                padding: 5rem;
-                display: flex;
-                flex-direction: column;
-                align-items: center;
-            }
-            @media (max-width: 48em) {
-                html {
-                    font-size: 1.5625vw;
-                }
-            }
-        </style>
-    </body>
+    <html lang="en">
+
+  <body>
+    <div class="wrapper">
+      <div class="overlay"></div>
+      <include src="./components/_header.html"></include>
+      <!-- <include src="./components/_popup.html"></include> -->
+      <main>
+        <include src="./components/_header-main.html"></include>
+        <include src="./components/_about.html"></include>
+        <include src="./components/_advantages.html"></include>
+        <include src="./components/_faq.html"></include>
+        <include src="./components/_artists.html"></include>
+        <include src="./components/_release.html"></include>
+
+      </main>
+      <include src="./components/_footer.html"></include>
+    </div>
+  </body>
 </html>
diff --git a/src/js/components/artistsSwiper.js b/src/js/components/artistsSwiper.js
@@ -37,7 +37,7 @@ const artistsSwiper = () => {
                 coverflowEffect: {
                     rotate: 0,
                     stretch: 45,
-                    depth: 300,
+                    depth: 500,
                     modifier: 1.5,
                     slideShadows: false,
                 },