diff --git a/index.html b/index.html index 16e5404..be6305d 100644 --- a/index.html +++ b/index.html @@ -100,17 +100,6 @@ transform: translateY(0); } - .stagger-delay-1 { - transition-delay: 0.2s; - } - - .stagger-delay-2 { - transition-delay: 0.4s; - } - - .stagger-delay-3 { - transition-delay: 0.6s; - } .hero h1 { font-size: 4rem; @@ -194,10 +183,22 @@ transition: opacity 0.3s ease, transform 0.3s ease; } - .installation-link:hover .arrow { - opacity: 1; - transform: translateY(0); - } + .installation-link:hover .arrow { + opacity: 1; + transform: translateY(0); + } + + .version-badge { + display: inline-block; + padding: 6px 14px; + border-radius: 30px; + background: rgba(66, 184, 131, 0.15); + border: 1px solid var(--success); + color: var(--success); + font-size: 0.9rem; + font-weight: 600; + margin-bottom: 15px; + } /* Features */ .features { @@ -255,9 +256,31 @@ color: var(--light); } - .feature-card p { - color: #b8b8b8; - } + .feature-card p { + color: #b8b8b8; + } + + .show-more-btn { + display: block; + margin: 40px auto 0; + padding: 12px 26px; + background: transparent; + color: var(--primary); + border: 1px solid var(--primary); + border-radius: 30px; + cursor: pointer; + font-weight: 600; + transition: background 0.3s, color 0.3s; + } + + .show-more-btn:hover { + background: var(--primary); + color: var(--light); + } + + .hidden-feature { + display: none; + } /* Workflow */ .workflow { @@ -436,25 +459,26 @@
-
-

-

-
- - -
-
-
-
- - - +
+

+

+

+
+ + +
+
+ + + + +
Discord @@ -471,12 +495,12 @@

-
-
-
🔄
-

-

-
+
+
+
🔄
+

+

+
🖋️

@@ -512,16 +536,57 @@

-
-
📐
-

-

-
-
-
- - -
+
+
📐
+

+

+
+
+
🎨
+

+

+
+
+
🔔
+

+

+
+
+
📑
+

+

+
+
+
🌐
+

+

+
+
+
📂
+

+

+
+
+
🗂️
+

+

+
+
+
🔄
+

+

+
+
+
💾
+

+

+
+ + + +
+ +

@@ -647,18 +712,25 @@

}); }, { threshold: 0.1 }); fadeElements.forEach(el => observer.observe(el)); - setTimeout(() => { - document.querySelector('header .fade-in').classList.add('active'); - setTimeout(() => { - document.querySelector('header .stagger-delay-1').classList.add('active'); - setTimeout(() => { - document.querySelector('header .stagger-delay-2').classList.add('active'); - setTimeout(() => { - document.querySelector('header .stagger-delay-3').classList.add('active'); - }, 200); - }, 200); - }, 200); - }, 300); + setTimeout(() => { + document.querySelectorAll('header .fade-in').forEach((el, idx) => { + setTimeout(() => el.classList.add('active'), idx * 200); + }); + }, 300); + + const featureCards = document.querySelectorAll('#feature-grid .feature-card'); + const showMore = document.getElementById('showMoreBtn'); + if (featureCards.length > 9) { + featureCards.forEach((card, idx) => { + if (idx > 8) card.classList.add('hidden-feature'); + }); + showMore.addEventListener('click', () => { + document.querySelectorAll('.hidden-feature').forEach(c => c.classList.remove('hidden-feature')); + showMore.style.display = 'none'; + }); + } else { + showMore.style.display = 'none'; + } // Smooth scroll document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function(e) { diff --git a/translations.json b/translations.json index f345bb4..2239be7 100644 --- a/translations.json +++ b/translations.json @@ -4,7 +4,8 @@ "title": "TypeR", "subtitle": "The ultimate Photoshop extension for manga and comics typesetters, designed to simplify your workflow and improve your productivity.", "ctaDownload": "Download", - "ctaFeatures": "Discover Features" + "ctaFeatures": "Discover Features", + "versionNotice": "Version 2.0.0 now available!" }, "installation": { "link": "How to install?", @@ -40,7 +41,7 @@ }, "autoCentering": { "title": "Stable Auto-Centering", - "desc": "Text shape no longer changes when using auto-centering." + "desc": "Automatically detects bubbles for perfect alignment." }, "shortcuts": { "title": "Customizable Shortcuts", @@ -65,7 +66,40 @@ "adaptiveSize": { "title": "Adaptive Size", "desc": "If no fixed text size is defined, the size of the selected layer will be used." - } + }, + "outline": { + "title": "Style Outlines", + "desc": "Add strokes to your styles for more flexible lettering." + }, + "updateCheck": { + "title": "Automatic Update Check", + "desc": "TypeR now checks for updates on startup." + }, + "duplicateStyle": { + "title": "Duplicate Styles", + "desc": "Quickly duplicate a style to speed up your workflow." + }, + "languageOption": { + "title": "Language Selection", + "desc": "Choose your interface language in the settings." + }, + "autoClosePSD": { + "title": "Auto Close PSD", + "desc": "Automatically closes the previous PSD when switching pages." + }, + "redesignedExplorer": { + "title": "New PSD Explorer", + "desc": "Completely redesigned interface for opening PSD folders." + }, + "importExport": { + "title": "Simplified Import/Export", + "desc": "Import or export folders from a single panel." + }, + "persistentPSD": { + "title": "Persistent PSDs", + "desc": "Imported PSDs remain after restart with an unsync option." + }, + "showMore": "Show more" }, "workflow": { "title": "Optimize Your Workflow", @@ -106,7 +140,8 @@ "title": "TypeR", "subtitle": "L'extension Photoshop ultime pour les lettreurs de mangas et de comics, conçue pour simplifier votre vie et augmenter votre productivité.", "ctaDownload": "Télécharger", - "ctaFeatures": "Découvrir les fonctionnalités" + "ctaFeatures": "Découvrir les fonctionnalités", + "versionNotice": "La version 2.0.0 est disponible !" }, "installation": { "link": "Comment installer ?", @@ -142,7 +177,7 @@ }, "autoCentering": { "title": "Centrage automatique stable", - "desc": "La forme du texte ne change plus lors de l'utilisation du centrage automatique." + "desc": "Détecte maintenant la bulle automatiquement pour un alignement parfait." }, "shortcuts": { "title": "Raccourcis personnalisables", @@ -167,7 +202,40 @@ "adaptiveSize": { "title": "Taille adaptative", "desc": "Si aucune taille de texte fixe n'est définie, la taille de la couche sélectionnée sera utilisée." - } + }, + "outline": { + "title": "Contours de style", + "desc": "Ajoutez des contours \u00e0 vos styles pour un lettrage plus flexible." + }, + "updateCheck": { + "title": "V\u00e9rification des mises \u00e0 jour", + "desc": "TypeR recherche automatiquement les mises \u00e0 jour au d\u00e9marrage." + }, + "duplicateStyle": { + "title": "Dupliquer un style", + "desc": "Dupliquez rapidement un style pour gagner du temps." + }, + "languageOption": { + "title": "Choix de la langue", + "desc": "Changez la langue de l'interface dans les param\u00e8tres." + }, + "autoClosePSD": { + "title": "Fermeture auto du PSD", + "desc": "Ferme automatiquement le PSD pr\u00e9c\u00e9dent lors du changement de page." + }, + "redesignedExplorer": { + "title": "Explorateur PSD repens\u00e9", + "desc": "Nouvelle interface pour ouvrir le dossier PSD." + }, + "importExport": { + "title": "Import/Export simplifi\u00e9s", + "desc": "Une interface unique pour choisir les dossiers \u00e0 importer ou exporter." + }, + "persistentPSD": { + "title": "PSD persistants", + "desc": "Les PSD import\u00e9s restent apr\u00e8s red\u00e9marrage avec option de d\u00e9synchro." + }, + "showMore": "Voir plus" }, "workflow": { "title": "Mais en gros ça fait quoi ?", @@ -208,7 +276,8 @@ "title": "TypeR", "subtitle": "La extensión definitiva de Photoshop para rotulistas de manga y cómics, diseñada para simplificar tu flujo de trabajo y mejorar tu productividad.", "ctaDownload": "Descargar", - "ctaFeatures": "Descubrir características" + "ctaFeatures": "Descubrir características", + "versionNotice": "\u00a1La versi\u00f3n 2.0.0 ya est\u00e1 disponible!" }, "installation": { "link": "¿Cómo instalar?", @@ -244,7 +313,7 @@ }, "autoCentering": { "title": "Centrado automático estable", - "desc": "La forma del texto ya no cambia al usar centrado automático." + "desc": "Ahora detecta la burbuja de forma automática para un alineado perfecto." }, "shortcuts": { "title": "Atajos personalizables", @@ -269,7 +338,40 @@ "adaptiveSize": { "title": "Tamaño adaptativo", "desc": "Si no se define un tamaño de texto fijo, se usará el tamaño de la capa seleccionada." - } + }, + "outline": { + "title": "Contornos de estilo", + "desc": "A\u00f1ade contornos a tus estilos para un rotulado m\u00e1s flexible." + }, + "updateCheck": { + "title": "Comprobaci\u00f3n de actualizaciones", + "desc": "TypeR busca actualizaciones autom\u00e1ticamente al iniciar." + }, + "duplicateStyle": { + "title": "Duplicar estilo", + "desc": "Duplica un estilo r\u00e1pidamente para agilizar tu trabajo." + }, + "languageOption": { + "title": "Selecci\u00f3n de idioma", + "desc": "Cambia el idioma de la interfaz en la configuraci\u00f3n." + }, + "autoClosePSD": { + "title": "Cierre autom\u00e1tico de PSD", + "desc": "Cierra autom\u00e1ticamente el PSD anterior al cambiar de p\u00e1gina." + }, + "redesignedExplorer": { + "title": "Explorador PSD renovado", + "desc": "Interfaz renovada para abrir la carpeta PSD." + }, + "importExport": { + "title": "Importaci\u00f3n/Exportaci\u00f3n simplificada", + "desc": "Una sola interfaz para elegir las carpetas a importar o exportar." + }, + "persistentPSD": { + "title": "PSDs persistentes", + "desc": "Los PSD importados se mantienen tras reiniciar con opci\u00f3n de desvincular." + }, + "showMore": "Ver m\u00e1s" }, "workflow": { "title": "Optimiza tu flujo de trabajo",