diff --git a/package-lock.json b/package-lock.json index 1abe04b..3e58276 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,6 +8,7 @@ "name": "elmi", "version": "0.0.1", "dependencies": { + "@emailjs/browser": "^3.11.0", "svelte-carousel": "^1.0.25", "svelte-i18n": "^3.6.0" }, @@ -32,6 +33,14 @@ "vite": "^4.3.0" } }, + "node_modules/@emailjs/browser": { + "version": "3.11.0", + "resolved": "https://registry.npmjs.org/@emailjs/browser/-/browser-3.11.0.tgz", + "integrity": "sha512-RkY3FKZ3fPdK++OeF46mRTFpmmQWCHUVHZH209P3NE4D5sg2Atg7S2wa3gw5062Gl4clt4Wn5SyC4WhlVZC5pA==", + "engines": { + "node": ">=14.0.0" + } + }, "node_modules/@esbuild/android-arm": { "version": "0.17.19", "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz", diff --git a/package.json b/package.json index 9114908..8ee0ba5 100644 --- a/package.json +++ b/package.json @@ -34,6 +34,7 @@ }, "type": "module", "dependencies": { + "@emailjs/browser": "^3.11.0", "svelte-carousel": "^1.0.25", "svelte-i18n": "^3.6.0" } diff --git a/src/app.html b/src/app.html index effe0d0..a824342 100644 --- a/src/app.html +++ b/src/app.html @@ -4,6 +4,8 @@ + ElmiNote + %sveltekit.head% diff --git a/src/components/landing/landing-feedback/landing-feedback.svelte b/src/components/landing/landing-feedback/landing-feedback.svelte index b46fc24..edae2ce 100644 --- a/src/components/landing/landing-feedback/landing-feedback.svelte +++ b/src/components/landing/landing-feedback/landing-feedback.svelte @@ -1,11 +1,31 @@ + +
@@ -23,7 +27,13 @@
- phones + {#if innerWidth > 1000} + phones + {/if} + + {#if innerWidth <= 1000} + phones + {/if}
@@ -33,13 +43,15 @@ @import '../../../styles/colors.scss'; .start-component { - // width: 100%; - // display: flex; padding: 0 100px; color: white; background-image: url('/landing/background/bg1.png'); background-size: cover; + + @media (max-width: 1000px) { + padding: 0 15px; + } } .start-body { @@ -88,6 +100,7 @@ @media (max-width: 765px) { min-width: 300px; + padding-right: 0; } } } @@ -114,11 +127,17 @@ @media (max-width: 800px) { max-width: 600px; min-width: 300px; + margin-left: 0; } img { transform: rotate(-9.22deg); max-width: 120%; + + @media (max-width: 1000px) { + max-width: 100%; + transform: rotate(0deg); + } } } diff --git a/src/components/shared/components/logo.svelte b/src/components/shared/components/logo.svelte index 7231928..adfe46e 100644 --- a/src/components/shared/components/logo.svelte +++ b/src/components/shared/components/logo.svelte @@ -2,7 +2,7 @@ export let color = 'white'; - +