diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 2ac425b..a576772 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -1,16 +1,12 @@ lockfileVersion: '6.0' -settings: - autoInstallPeers: true - excludeLinksFromLockfile: false - dependencies: '@astrojs/node': specifier: ^7.0.1 version: 7.0.1(astro@4.0.7) '@astrojs/react': specifier: ^3.0.7 - version: 3.0.7(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)(vite@5.0.6) + version: 3.0.7(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)(vite@5.0.10) '@directus/sdk': specifier: ^13.0.2 version: 13.0.2 @@ -133,7 +129,7 @@ packages: prismjs: 1.29.0 dev: false - /@astrojs/react@3.0.7(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)(vite@5.0.6): + /@astrojs/react@3.0.7(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)(vite@5.0.10): resolution: {integrity: sha512-MpjuFw7YGta44OaQExKVCWyXjujUtUsp5Nst/wIjRHbkmBBlypdj+MF9/xqjsYM+vjcrByOGupmluRrFQO67YQ==} engines: {node: '>=18.14.1'} peerDependencies: @@ -144,7 +140,7 @@ packages: dependencies: '@types/react': 18.2.45 '@types/react-dom': 18.2.18 - '@vitejs/plugin-react': 4.2.1(vite@5.0.6) + '@vitejs/plugin-react': 4.2.1(vite@5.0.10) react: 18.2.0 react-dom: 18.2.0(react@18.2.0) ultrahtml: 1.4.0 @@ -2781,7 +2777,7 @@ packages: react: 18.2.0 dev: false - /@vitejs/plugin-react@4.2.1(vite@5.0.6): + /@vitejs/plugin-react@4.2.1(vite@5.0.10): resolution: {integrity: sha512-oojO9IDc4nCUUi8qIR11KoQm0XFFLIwsRBwHRR4d/88IWghn1y6ckz/bJ8GHDCsYEJee8mDzqtJxh15/cisJNQ==} engines: {node: ^14.18.0 || >=16.0.0} peerDependencies: @@ -2792,7 +2788,7 @@ packages: '@babel/plugin-transform-react-jsx-source': 7.23.3(@babel/core@7.23.5) '@types/babel__core': 7.20.5 react-refresh: 0.14.0 - vite: 5.0.6(sass@1.69.5) + vite: 5.0.10(sass@1.69.5) transitivePeerDependencies: - supports-color dev: false @@ -8724,42 +8720,6 @@ packages: fsevents: 2.3.3 dev: false - /vite@5.0.6(sass@1.69.5): - resolution: {integrity: sha512-MD3joyAEBtV7QZPl2JVVUai6zHms3YOmLR+BpMzLlX2Yzjfcc4gTgNi09d/Rua3F4EtC8zdwPU8eQYyib4vVMQ==} - engines: {node: ^18.0.0 || >=20.0.0} - hasBin: true - peerDependencies: - '@types/node': ^18.0.0 || >=20.0.0 - less: '*' - lightningcss: ^1.21.0 - sass: '*' - stylus: '*' - sugarss: '*' - terser: ^5.4.0 - peerDependenciesMeta: - '@types/node': - optional: true - less: - optional: true - lightningcss: - optional: true - sass: - optional: true - stylus: - optional: true - sugarss: - optional: true - terser: - optional: true - dependencies: - esbuild: 0.19.8 - postcss: 8.4.32 - rollup: 4.6.1 - sass: 1.69.5 - optionalDependencies: - fsevents: 2.3.3 - dev: false - /vitefu@0.2.5(vite@5.0.10): resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==} peerDependencies: @@ -9071,3 +9031,7 @@ packages: /zwitch@2.0.4: resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==} dev: false + +settings: + autoInstallPeers: true + excludeLinksFromLockfile: false diff --git a/public/assets/features/features_line-bg_dark--mobile.svg b/public/assets/features/features_line-bg_dark--mobile.svg index 997d3f4..04eafaa 100644 --- a/public/assets/features/features_line-bg_dark--mobile.svg +++ b/public/assets/features/features_line-bg_dark--mobile.svg @@ -1,9 +1,9 @@ - - + + - - - + + + diff --git a/public/assets/features/features_line-bg_light--mobile.svg b/public/assets/features/features_line-bg_light--mobile.svg index a7f9a9b..6cd35d2 100644 --- a/public/assets/features/features_line-bg_light--mobile.svg +++ b/public/assets/features/features_line-bg_light--mobile.svg @@ -1,9 +1,9 @@ - - + + - - - + + + diff --git a/public/assets/uniqueness/uniqueness_dark_0.svg b/public/assets/uniqueness/uniqueness_dark_0.svg new file mode 100644 index 0000000..572dd52 --- /dev/null +++ b/public/assets/uniqueness/uniqueness_dark_0.svg @@ -0,0 +1,87 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/uniqueness/uniqueness_dark_1 2.svg b/public/assets/uniqueness/uniqueness_dark_1 2.svg new file mode 100644 index 0000000..6033dbf --- /dev/null +++ b/public/assets/uniqueness/uniqueness_dark_1 2.svg @@ -0,0 +1,231 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/uniqueness/uniqueness_dark_1.svg b/public/assets/uniqueness/uniqueness_dark_1.svg new file mode 100644 index 0000000..c195f57 --- /dev/null +++ b/public/assets/uniqueness/uniqueness_dark_1.svg @@ -0,0 +1,218 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/uniqueness/uniqueness_dark_2.svg b/public/assets/uniqueness/uniqueness_dark_2.svg new file mode 100644 index 0000000..bc42776 --- /dev/null +++ b/public/assets/uniqueness/uniqueness_dark_2.svg @@ -0,0 +1,177 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/uniqueness/uniqueness_dark_3 2.svg b/public/assets/uniqueness/uniqueness_dark_3 2.svg new file mode 100644 index 0000000..ae19b6b --- /dev/null +++ b/public/assets/uniqueness/uniqueness_dark_3 2.svg @@ -0,0 +1,144 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/uniqueness/uniqueness_dark_3.svg b/public/assets/uniqueness/uniqueness_dark_3.svg new file mode 100644 index 0000000..f7baf34 --- /dev/null +++ b/public/assets/uniqueness/uniqueness_dark_3.svg @@ -0,0 +1,90 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/uniqueness/uniqueness_light_0.svg b/public/assets/uniqueness/uniqueness_light_0.svg new file mode 100644 index 0000000..20177ea --- /dev/null +++ b/public/assets/uniqueness/uniqueness_light_0.svg @@ -0,0 +1,83 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/uniqueness/uniqueness_light_1.svg b/public/assets/uniqueness/uniqueness_light_1.svg new file mode 100644 index 0000000..91aaf02 --- /dev/null +++ b/public/assets/uniqueness/uniqueness_light_1.svg @@ -0,0 +1,229 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/uniqueness/uniqueness_light_2.svg b/public/assets/uniqueness/uniqueness_light_2.svg new file mode 100644 index 0000000..2e1ec88 --- /dev/null +++ b/public/assets/uniqueness/uniqueness_light_2.svg @@ -0,0 +1,173 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/uniqueness/uniqueness_light_3.svg b/public/assets/uniqueness/uniqueness_light_3.svg new file mode 100644 index 0000000..9e93a47 --- /dev/null +++ b/public/assets/uniqueness/uniqueness_light_3.svg @@ -0,0 +1,135 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/views/Uniqueness/Uniqueness.astro b/src/views/Uniqueness/Uniqueness.astro index b1579f8..bad8cb1 100644 --- a/src/views/Uniqueness/Uniqueness.astro +++ b/src/views/Uniqueness/Uniqueness.astro @@ -2,83 +2,83 @@ import "./Uniqueness.scss"; import getTranslatedContent from "../../utils/directus"; -const {lang} = Astro.params; +const { lang } = Astro.params; const content = await getTranslatedContent("Uniqueness_Section", lang!); ---
-

{content.header}

-

{content.text}

-
-
- {content.imageAlt1} -
-
+

{content.header}

+

{content.text}

+
+
+ {content.imageAlt1} +
+

{content.subheader1}

{content.details1}

- -
-
-
-
-

{content.subheader2}

-

{content.details2}

- + +
-
- {content.imageAlt2} +
+
+

{content.subheader2}

+

{content.details2}

+ +
+
+ {content.imageAlt2} +
-
-
-
- {content.imageAlt3} -
-
+
+
+ {content.imageAlt3} +
+

{content.subheader3}

{content.details3}

- + +
-
-
-
+
+

{content.subheader4}

{content.details3}

- -
-
- {content.imageAlt4} + +
+
+ {content.imageAlt4} +
-
diff --git a/src/views/Uniqueness/Uniqueness.scss b/src/views/Uniqueness/Uniqueness.scss index 6fc063e..4072f27 100644 --- a/src/views/Uniqueness/Uniqueness.scss +++ b/src/views/Uniqueness/Uniqueness.scss @@ -20,7 +20,6 @@ $uniqueness-image-count: 4; // Number of images margin-bottom: 24px; } - .uniqueness__section { display: flex; flex-direction: row; @@ -126,7 +125,7 @@ $uniqueness-image-count: 4; // Number of images &--right { flex-direction: column-reverse; } - + .uniqueness__text { width: 100%; height: fit-content; @@ -148,9 +147,9 @@ $uniqueness-image-count: 4; // Number of images } @for $i from 0 to $uniqueness-image-count { - .uniqueness__image-#{$i} { + /* .uniqueness__image-#{$i} { content: url("/assets/uniqueness/uniqueness_light_#{$i}_mobile.webp"); - } + } */ } } @@ -192,9 +191,9 @@ $uniqueness-image-count: 4; // Number of images @media (prefers-color-scheme: dark) { .uniqueness__section .uniqueness__image > { @for $i from 0 to $uniqueness-image-count { - .uniqueness__image-#{$i} { + /* .uniqueness__image-#{$i} { content: url("/assets/uniqueness/uniqueness_dark_#{$i}_mobile.webp"); - } + } */ } } } @@ -222,12 +221,12 @@ $uniqueness-image-count: 4; // Number of images } .uniqueness__image-0 { - left: -350px; + left: -390px; } .uniqueness__image-1 { left: initial; - right: -490px; + right: -445px; } .uniqueness__image-2 { @@ -244,8 +243,14 @@ $uniqueness-image-count: 4; // Number of images .uniqueness__image > { @for $i from 0 to $uniqueness-image-count { .uniqueness__image-#{$i} { - content: url("/assets/uniqueness/uniqueness_dark_#{$i}.webp"); + content: url("/assets/uniqueness/uniqueness_dark_#{$i}.svg"); } } } + + @for $i from 0 to $uniqueness-image-count { + .uniqueness__section-dots--#{$i} { + content: url("/assets/uniqueness/dots_dark_#{$i}.svg"); + } + } }