From cce7ac2f2331c1b061a2c817d0662ec879b48fd5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Leonardo=20Mur=C3=A7a?= Date: Fri, 11 Apr 2025 13:56:15 -0300 Subject: [PATCH] Add home page content --- public/ads.txt | 1 - src/app.css | 12 +++++++ src/i18n/translations.js | 48 ++++++++++++++++++++----- src/lib/components/Router.svelte | 2 +- src/lib/pages/Home.svelte | 62 ++++++++++++++++++++++++++++++-- src/lib/pages/Viewer.svelte | 4 +++ src/utils/routes.js | 5 +++ 7 files changed, 122 insertions(+), 12 deletions(-) delete mode 100644 public/ads.txt create mode 100644 src/lib/pages/Viewer.svelte diff --git a/public/ads.txt b/public/ads.txt deleted file mode 100644 index 48c2eb0..0000000 --- a/public/ads.txt +++ /dev/null @@ -1 +0,0 @@ -google.com, pub-5761689301112420, DIRECT, f08c47fec0942fa0 \ No newline at end of file diff --git a/src/app.css b/src/app.css index 907485a..ed27991 100644 --- a/src/app.css +++ b/src/app.css @@ -60,3 +60,15 @@ body a:hover { background-color: #06345F; color: #ffffff; } + +:is(h1, h2, h3, h4, h5, h6) { + color: #06345F; +} + +strong { + color: #06345F; +} + +ul li::marker { + color: #06345F; +} diff --git a/src/i18n/translations.js b/src/i18n/translations.js index ced34be..1f20d5c 100644 --- a/src/i18n/translations.js +++ b/src/i18n/translations.js @@ -5,10 +5,26 @@ export default { "head.keywords": "free embroidery file viewer, open PES files online, view DST files, embroidery file preview, EXP file viewer, multiple embroidery files", "head.ogtitle": "Free Online Embroidery File Viewer – Open PES, DST & More", "head.ogdescription": "Upload and preview multiple embroidery files like PES, DST, and EXP online for free. No software needed!", - "nav.home": "Home", - "nav.donate": "Donate", - "nav.about": "About", + "nav.home": "🏠 Home", + "nav.viewer": "🧵 Viewer", + "nav.donate": "💖 Donate", + "nav.about": "ℹ️ About", "main.title": "Upload files", + "home.main.title": "🧵 Free Online Embroidery File Viewer", + "home.main.description": "

✨Upload and preview your embroidery designs instantly – no software needed.

Embroidery Viewer is a free, browser-based tool that supports multiple embroidery file formats. View your designs quickly and securely, right in your browser.

", + "home.features.title": "🚀 Features", + "home.features.list": "", + "home.howtouse.title": "📘 How to Use", + "home.howtouse.list": "
  1. 📁 Click the upload button or drag and drop your embroidery files into the drop area
  2. 🧵 Select one or more embroidery files
  3. ▶️ Click the “Render files” button to preview your designs
  4. 👀 Instantly view your designs right in your browser – it’s that simple
", + "home.testimonials.title": "❤️ Loved by Hobbyists and Professionals", + "home.testimonials.description": "

Whether you're a hobbyist working on your next DIY project or a professional digitizer reviewing client files, Embroidery Viewer gives you a no-fuss, instant way to visualize your work.

", + "home.donation.title": "💖 Help Keep It Free", + "home.donation.description": "

Embroidery Viewer is completely free for everyone to use, with no ads.

If you find it useful and want to support ongoing development and hosting costs, please consider making a small donation.

", + "home.donation.cta": "🙌 Donate Now", + "home.donation.cta.description": "every little bit helps!", + "home.cta.title": "🚀 Try It Now", + "home.cta.cta": "🧵 Open Viewer", + "home.cta.cta.description": "the fastest Free Online Embroidery File Viewer.", "main.languageSwitch": "🇧🇷", "main.fileSize": "Max file size is {{fileSize}}kb.", "main.supportedFormats": "Accepted formats: {{supportedFormats}}.", @@ -20,7 +36,7 @@ export default { "main.dimensions": "Dimensions (x, y)", "main.download": "Download image", "main.copyright": "Copyright © {{year}} Leonardo Murça.
All rights reserved.", - "main.version": "Version: {{version}}" + "main.version": "🧵 Version: {{version}}" }, pt: { "head.title": "Visualizador de arquivos de bordado online gratuito – Abra PES, DST, EXP e mais", @@ -28,9 +44,25 @@ export default { "head.keywords": "visualizador de arquivos de bordado grátis, abra arquivos PES online, visualize arquivos DST, pré-visualização de arquivos de bordado, visualizador de arquivos EXP, vários arquivos de bordado", "head.ogtitle": "Visualizador de arquivos de bordado online gratuito – Abra PES, DST e mais", "head.ogdescription": "Carregue e visualize vários arquivos de bordado como PES, DST e EXP online gratuitamente. Não precisa de software!", - "nav.home": "Página Inicial", - "nav.donate": "Doe", - "nav.about": "Sobre", + "nav.home": "🏠 Página Inicial", + "nav.viewer": "🧵 Visualizador", + "nav.donate": "💖 Doe", + "nav.about": "ℹ️ Sobre", + "home.main.title": "🧵 Visualizador de arquivos de bordado online gratuito", + "home.main.description": "

✨Carregue e visualize seus desenhos de bordado instantaneamente – sem necessidade de software

Embroidery Viewer é uma ferramenta gratuita para navegador que suporta diversos formatos de arquivo de bordado. Visualize seus designs de forma rápida e segura, diretamente no seu navegador.

", + "home.features.title": "🚀 Funcionalidades", + "home.features.list": "", + "home.howtouse.title": "📘 Como usar", + "home.howtouse.list": "
  1. 📁 Clique no botão de upload ou arraste e solte seus arquivos de bordado na área de soltar
  2. 🧵 Selecione um ou mais arquivos de bordado
  3. ▶️ Clique no botão “Renderizar arquivos” para visualizar seus designs
  4. 👀 Visualize seus designs instantaneamente no seu navegador – é simples assim
", + "home.testimonials.title": "❤️ Amado por Hobbyistas e Profissionais", + "home.testimonials.description": "

Seja você um amador trabalhando em seu próximo projeto \"faça você mesmo\" ou um digitalizador profissional revisando arquivos de clientes, o Embroidery Viewer oferece uma maneira fácil e instantânea de visualizar seu trabalho.

", + "home.donation.title": "💖 Ajude a mantê-lo gratuito", + "home.donation.description": "

O Embroidery Viewer é totalmente gratuito para todos usarem, sem anúncios.

Se você o achar útil e quiser apoiar o desenvolvimento contínuo e os custos de hospedagem, considere fazer uma pequena doação.

", + "home.donation.cta": "🙌 Doe agora", + "home.donation.cta.description": "cada pequena ajuda é bem-vinda!", + "home.cta.title": "🚀 Experimente agora", + "home.cta.cta": "🧵 Abrir visualizador", + "home.cta.cta.description": "o visualizador de arquivos de bordado online gratuito mais rápido.", "main.title": "Carregar arquivos", "main.languageSwitch": "🇺🇸", "main.fileSize": "O tamanho máximo do arquivo é {{fileSize}}kb.", @@ -43,6 +75,6 @@ export default { "main.dimensions": "Dimensões (x, y)", "main.download": "Baixar imagem", "main.copyright": "Copyright © {{year}} Leonardo Murça.
Todos os direitos reservados.", - "main.version": "Versão: {{version}}" + "main.version": "🧵 Versão: {{version}}" }, }; \ No newline at end of file diff --git a/src/lib/components/Router.svelte b/src/lib/components/Router.svelte index b0741e0..7aa561e 100644 --- a/src/lib/components/Router.svelte +++ b/src/lib/components/Router.svelte @@ -14,7 +14,7 @@ let component; const unsubscribe = path.subscribe(current => { - component = routes[current].component || fallback; + component = routes[current] !== undefined ? routes[current].component : fallback; }); onMount(() => () => unsubscribe()); diff --git a/src/lib/pages/Home.svelte b/src/lib/pages/Home.svelte index 26f551e..72b24eb 100644 --- a/src/lib/pages/Home.svelte +++ b/src/lib/pages/Home.svelte @@ -1,2 +1,60 @@ -

Home

-

Welcome to the home page.

+ + +
+ +
+

{$t("home.main.title")}

+ {@html $t("home.main.description")} +
+ +
+

{$t("home.features.title")}

+ {@html $t("home.features.list")} +
+ +
+

{$t("home.howtouse.title")}

+ {@html $t("home.howtouse.list")} +
+ +
+

{$t("home.testimonials.title")}

+ {@html $t("home.testimonials.description")} +
+ +
+

{$t("home.donation.title")}

+ {@html $t("home.donation.description")} +

onNavigateTo(e, "/donate")} class="button">{$t("home.donation.cta")} – {$t("home.donation.cta.description")}

+
+ + +
+

{$t("home.cta.title")}

+

onNavigateTo(e, "/viewer")} class="button">{$t("home.cta.cta")} – {@html $t("home.cta.cta.description")}

+
+
+ + + + diff --git a/src/lib/pages/Viewer.svelte b/src/lib/pages/Viewer.svelte new file mode 100644 index 0000000..6c33d10 --- /dev/null +++ b/src/lib/pages/Viewer.svelte @@ -0,0 +1,4 @@ + + \ No newline at end of file diff --git a/src/utils/routes.js b/src/utils/routes.js index 7c8438b..26592dc 100644 --- a/src/utils/routes.js +++ b/src/utils/routes.js @@ -1,6 +1,7 @@ import Home from '../lib/pages/Home.svelte'; import About from '../lib/pages/About.svelte'; import Donate from '../lib/pages/Donate.svelte'; +import Viewer from '../lib/pages/Viewer.svelte'; import NotFound from '../lib/pages/NotFound.svelte'; export const routes = { @@ -12,6 +13,10 @@ export const routes = { component: About, nameKey: "nav.about" }, + '/viewer': { + component: Viewer, + nameKey: "nav.viewer" + }, '/donate': { component: Donate, nameKey: "nav.donate"