From 1628bbf93e49ab635435b1132a915968d98dd94b Mon Sep 17 00:00:00 2001 From: dima7665 Date: Wed, 7 Jun 2023 21:32:50 +0300 Subject: [PATCH] Emailjs --- package-lock.json | 9 +++ package.json | 1 + src/app.html | 2 + .../landing-feedback/landing-feedback.svelte | 21 +++++ .../landing-footer/landing-footer.svelte | 72 ++++++++++++------ .../landing-headers/landing-header.svelte | 2 +- .../landing-start/landing-start.svelte | 27 ++++++- src/components/shared/components/logo.svelte | 2 +- static/icons/contact.png | Bin 432 -> 727 bytes static/icons/contact2.png | Bin 934 -> 0 bytes static/icons/mail.png | Bin 0 -> 695 bytes static/icons/terms.png | Bin 282 -> 387 bytes static/icons/twitter.png | Bin 551 -> 1007 bytes static/landing/phones2.png | Bin 0 -> 302182 bytes static/landing/themes/main.png | Bin 250252 -> 1405483 bytes static/logo_white.png | Bin 2627 -> 8340 bytes 16 files changed, 106 insertions(+), 30 deletions(-) delete mode 100644 static/icons/contact2.png create mode 100644 static/icons/mail.png create mode 100644 static/landing/phones2.png 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'; - +