@jjlmoya/utils-audiovisual 1.6.0 → 1.8.0

package/src/tool/collageMaker/i18n/sv.ts

@@ -0,0 +1,233 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { CollageMakerUI, CollageMakerLocaleContent } from '../index';
+
+const slug = 'gratis-fotocollage-maker-online-professionella-kompositioner';
+const title = 'Online Fotocollage: Skapa professionella kompositioner';
+const description = 'Skapa fotocollage gratis på några sekunder. Välj mellan flera layouter, justera ramar och ladda ner i hög kvalitet utan vattenstämplar.';
+
+const ui: CollageMakerUI = {
+    dropTitle: "Dra bilder hit",
+    dropSub: "eller {link} - min. 2, max. 9",
+    dropLink: "välj filer",
+    imgsLoaded: "Laddade bilder",
+    layoutLabel: "Layout",
+    settingsLabel: "Inställningar",
+    borderLabel: "Ram",
+    borderColorLabel: "Ramfärg",
+    bgColorLabel: "Bakgrund",
+    downloadBtn: "Ladda ner",
+    previewTitle: "Förhandsvisning",
+    needsImgs: "Du behöver {n} bilder till",
+    errorMin: "Du behöver minst 2 bilder",
+    errorMax: "Maximalt 9 bilder tillåtna",
+    errorLoad: "Fel vid laddning av bilder",
+    faqTitle: "Vanliga frågor",
+    bibliographyTitle: "Referenser"
+};
+
+const faq: CollageMakerLocaleContent['faq'] = [
+    {
+        question: "Hur kan jag ändra ordningen på bilderna?",
+        answer: "Bilderna placeras i collaget i den ordning de visas i listan över laddade bilder. Du kan ta bort en bild och ladda upp den igen för att justera dess position.",
+    },
+    {
+        question: "Vilket utdataformat har collaget?",
+        answer: "Collaget laddas ner i WebP-format med hög upplösning, idealiskt för delning på sociala nätverk utan att förlora skärpa.",
+    },
+];
+
+const howTo: CollageMakerLocaleContent['howTo'] = [
+    {
+        name: "Ladda upp dina foton",
+        text: "Välj mellan 2 och 9 bilder från din filutforskare.",
+    },
+    {
+        name: "Välj en layout",
+        text: "Välj det rutnät som bäst passar antalet bilder du har laddat upp.",
+    },
+    {
+        name: "Anpassa stilen",
+        text: "Justera ramens tjocklek och färg för att ge collaget en professionell finish.",
+    },
+    {
+        name: "Ladda ner och dela",
+        text: "Tryck på skapa knappen och ladda omedelbart ner din färdiga komposition.",
+    },
+];
+
+const bibliography: CollageMakerLocaleContent['bibliography'] = [
+    {
+        name: "Fotografisk komposition: Konsten att skapa collage",
+        url: "https://sv.wikipedia.org/wiki/Collage",
+    },
+];
+
+const seo: CollageMakerLocaleContent['seo'] = [
+    {
+        type: 'summary',
+        title: 'Professionell online fotocollage maker',
+        items: [
+            'Flera layouter och fördefinierade rutnät',
+            'Anpassning av ramar och bakgrundsfärger',
+            '1200px hög upplösning redo för sociala nätverk',
+            'Omedelbar bearbetning utan användningsbegränsningar'
+        ]
+    },
+    { type: 'title', text: 'Collagedesign: Kompositioner som berättar historier', level: 2 },
+    { type: 'paragraph', html: 'Ett collage är mer än bara en blandning av foton; det är en visuell berättelse som kommunicerar känslor och sammanhang. Vårt verktyg låter dig skapa professionella geometriska kompositioner för Instagram, Facebook, Pinterest eller personliga projekt utan behov av Photoshop eller dyr programvara.' },
+
+    { type: 'stats', items: [
+        { value: '2-9', label: 'Bilder per collage', icon: 'mdi:image-multiple' },
+        { value: '1200px', label: 'HD-upplösning', icon: 'mdi:video-high-definition' },
+        { value: 'Omedelbar', label: 'Generering', icon: 'mdi:lightning-bolt' }
+    ], columns: 3 },
+
+    { type: 'title', text: 'Visuell komposition: Designprinciper', level: 3 },
+    { type: 'paragraph', html: 'Komposition är konsten att organisera visuella element på ett sätt som vägleder betraktarens öga och kommunicerar en avsikt. Ett bra collage balanserar:' },
+    { type: 'list', items: [
+        '<strong>Balans:</strong> Visuell fördelning av vikt (ljusa vs mörka bilder, stora vs små).',
+        '<strong>Visuellt flöde:</strong> Ögat bör röra sig naturligt genom kompositionen utan döda punkter.',
+        '<strong>Kontrast:</strong> Variationer i färg, storlek och form som fångar uppmärksamheten.',
+        '<strong>Enhet:</strong> Tematisk koherens – bilderna måste \"tala tillsammans\" om samma berättelse.'
+    ], icon: 'mdi:check' },
+
+    { type: 'card', title: 'Smarta och adaptiva designer', html: 'Vårt system beräknar automatiskt den optimala rumsfördelningen baserat på antalet foton. 2 bilder = symmetriskt rutnät; 5 bilder = balanserad asymmetrisk fördelning. Varje rutnät är utformat för att maximera den visuella effekten.' },
+
+    { type: 'comparative', items: [
+        {
+            title: 'För sociala nätverk',
+            description: 'Instagram, TikTok, Facebook - kvadratiska format',
+            icon: 'mdi:share-all',
+            points: [
+                '1200px är perfekt för Instagrams flöde',
+                'Kvadratiskt format undviker beskärning vid publicering',
+                'Anpassningsbara ramar för varumärkesprofilering'
+            ],
+            highlight: true
+        },
+        {
+            title: 'För portföljer',
+            description: 'Visuella skyltfönster för fotografer och designers',
+            icon: 'mdi:briefcase-outline',
+            points: [
+                'Visa flera vinklar av ett projekt',
+                'Sammanhängande visuell berättelse',
+                'Professionell digital bokutskrift'
+            ]
+        },
+        {
+            title: 'För personliga presenter',
+            description: 'Utskrifter, ramar och digitala album',
+            icon: 'mdi:gift-outline',
+            points: [
+                'Evenemangsminnen (bröllop, resor)',
+                'Hög upplösning redo för utskrift',
+                'Omedelbar design utan manuell ansträngning'
+            ]
+        }
+    ], columns: 3 },
+
+    { type: 'title', text: 'Anpassning: Ramar och färger', level: 3 },
+    { type: 'table', headers: ['Element', 'Visuell effekt', 'Rekommendation'], rows: [
+        ['Vit ram', 'Ren, minimalistisk, modern', 'Sociala nätverk, digitala portföljer'],
+        ['Svart ram', 'Dramatisk, professionell, artistisk', 'Konstfotografering, mode, lyx'],
+        ['Neutral ram (grå)', 'Mångsidig, akademisk, företagsproffsig', 'Affärer, utbildning, neutralitet'],
+        ['Ingen ram', 'Fusion, kontinuitet, uppslukande', 'Enhetlig bakgrund, flödande foton']
+    ] },
+
+    { type: 'proscons', items: [
+        {
+            pro: 'Professionella fördefinierade designer – inga förkunskaper i komposition krävs',
+            con: 'Alternativen är begränsade till förutbestämda rutnät'
+        },
+        {
+            pro: '1200px upplösning redo för sociala nätverk utan omskalning',
+            con: 'Inte lika anpassningsbart som Photoshop'
+        },
+        {
+            pro: '100% lokal bearbetning – integritet, snabbhet, inga gränser',
+            con: 'Kräver en modern webbläsare'
+        },
+        {
+            pro: 'Helt gratis, inga vattenstämplar, ingen reklam',
+            con: 'Inga individuella redigeringsalternativ (beskärning, rotation)'
+        }
+    ], proTitle: 'Fördelar', conTitle: 'Begränsningar' },
+
+    { type: 'diagnostic', variant: 'success', title: 'Redo för sociala nätverk', icon: 'mdi:check-circle-outline', badge: 'Optimerad', html: '1200x1200px är den idealiska upplösningen för Instagram. Den stöder alla bildförhållanden, men den kvadratiska utmatningen maximerar flödets effekt, eliminerar automatisk beskärning och ser lika bra ut på stationära datorer, surfplattor och mobiler.' },
+
+    { type: 'glossary', items: [
+        {
+            term: 'Visuell komposition',
+            definition: 'Konsten att organisera element (färg, form, rum) för att vägleda betraktarens öga och kommunicera en känslomässig avsikt.'
+        },
+        {
+            term: 'Tredjeregeln',
+            definition: 'Kompositionsprincip: delar upp bilden i 9 lika stora områden (3x3). Placera motiv på skärningslinjer för maximal effekt.'
+        },
+        {
+            term: 'Symmetriskt rutnät',
+            definition: 'Lika rumsfördelningar. Lugnande, ordnat. Idealiskt för bildpar eller jämna antal.'
+        },
+        {
+            term: 'Asymmetriskt rutnät',
+            definition: 'Oregelbundna fördelningar. Dynamiskt, intressant, visuellt. Idealiskt för 5+ bilder med varierad storlek.'
+        },
+        {
+            term: 'Visuell balans',
+            definition: 'Perceptuell jämvikt av visuell vikt. Ljus + mörk bild = balans; stor + liten = balans.'
+        }
+    ] },
+
+    { type: 'message', title: 'Omedelbar visuell berättelse', ariaLabel: 'Information om komposition och collage', html: 'Varje collage berättar en historia. Vår automatiska designer ser till att dina visuella berättelser är balanserade, professionella och redo för världen. Utan att behöva vänta på en grafisk formgivare.' },
+
+    { type: 'title', text: 'Skapa, dela, inspirera', level: 3 },
+    { type: 'paragraph', html: 'Ett välidjort collage är skillnaden mellan ett inlägg man glömmer och ett som dina följare minns och delar. Använd smart komposition för att dina visuella berättelser ska få genomslag.' }
+];
+
+const faqSchema: WithContext<FAQPage> = {
+    '@context': 'https://schema.org',
+    '@type': 'FAQPage',
+    mainEntity: faq.map((item) => ({
+        '@type': 'Question',
+        name: item.question,
+        acceptedAnswer: { '@type': 'Answer', text: item.answer },
+    })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+    '@context': 'https://schema.org',
+    '@type': 'HowTo',
+    name: title,
+    description,
+    step: howTo.map((step) => ({
+        '@type': 'HowToStep',
+        name: step.name,
+        text: step.text,
+    })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+    '@context': 'https://schema.org',
+    '@type': 'SoftwareApplication',
+    name: title,
+    description,
+    applicationCategory: 'UtilitiesApplication',
+    operatingSystem: 'Web',
+    offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+    inLanguage: 'sv',
+};
+
+export const content: CollageMakerLocaleContent = {
+    slug,
+    title,
+    description,
+    ui,
+    seo,
+    faqTitle: "Vanliga frågor",
+    faq,
+    bibliographyTitle: "Referenser",
+    bibliography,
+    howTo,
+    schemas: [faqSchema as any, howToSchema as any, appSchema],
+};

package/src/tool/collageMaker/i18n/tr.ts

@@ -0,0 +1,233 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { CollageMakerUI, CollageMakerLocaleContent } from '../index';
+
+const slug = 'ucretsiz-online-foto-kolaj-yapici-profesyonel-kompozisyonlar';
+const title = 'Online Kolaj Yapıcı: Profesyonel kompozisyonlar tasarlayın';
+const description = 'Saniyeler içinde ücretsiz fotoğraf kolajları oluşturun. Birden fazla düzen arasından seçim yapın, kenarlıkları ayarlayın ve filigran olmadan yüksek kalitede indirin.';
+
+const ui: CollageMakerUI = {
+    dropTitle: "Görselleri buraya sürükleyin",
+    dropSub: "veya {link} - min. 2, maks. 9",
+    dropLink: "dosya seçin",
+    imgsLoaded: "Yüklenen görseller",
+    layoutLabel: "Düzen",
+    settingsLabel: "Ayarlar",
+    borderLabel: "Kenarlık",
+    borderColorLabel: "Kenarlık rengi",
+    bgColorLabel: "Arka Plan",
+    downloadBtn: "İndir",
+    previewTitle: "Önizleme",
+    needsImgs: "{n} görsele daha ihtiyacınız var",
+    errorMin: "En az 2 görsele ihtiyacınız var",
+    errorMax: "Maksimum 9 görsele izin verilir",
+    errorLoad: "Görseller yüklenirken hata oluştu",
+    faqTitle: "Sıkça Sorulan Sorular",
+    bibliographyTitle: "Referanslar"
+};
+
+const faq: CollageMakerLocaleContent['faq'] = [
+    {
+        question: "Fotoğrafların sırasını nasıl değiştirebilirimi?",
+        answer: "Fotoğraflar, yüklenen görseller listesinde göründükleri sırayı takip ederek kolaja yerleştirilir. Birini kaldırıp tekrar yükleyerek konumunu ayarlayabilirsiniz.",
+    },
+    {
+        question: "Kolajın çıktı formatı nedir?",
+        answer: "Kolaj, keskinlik kaybı olmadan sosyal ağlarda paylaşmak için ideal olan yüksek çözünürlüklü WebP formatında indirilir.",
+    },
+];
+
+const howTo: CollageMakerLocaleContent['howTo'] = [
+    {
+        name: "Fotoğraflarınızı yükleyin",
+        text: "Dosya gezgininizden 2 ile 9 arasında görsel seçin.",
+    },
+    {
+        name: "Bir düzen seçin",
+        text: "Yüklediğiniz fotoğraf sayısına en uygun ızgarayı seçin.",
+    },
+    {
+        name: "Stili kişiselleştirin",
+        text: "Profesyonel bir görünüm kazandırmak için kenarlık kalınlığını ve rengini ayarlayın.",
+    },
+    {
+        name: "İndirin ve paylaşın",
+        text: "Oluştur düğmesine basın ve nihai kompozisyonunuzu anında indirin.",
+    },
+];
+
+const bibliography: CollageMakerLocaleContent['bibliography'] = [
+    {
+        name: "Fotoğrafik Kompozisyon: Kolaj Sanatı",
+        url: "https://tr.wikipedia.org/wiki/Kolaj",
+    },
+];
+
+const seo: CollageMakerLocaleContent['seo'] = [
+    {
+        type: 'summary',
+        title: 'Profesyonel Online Kolaj Yapıcı',
+        items: [
+            'Birden fazla düzen ve önceden tanımlanmış ızgaralar',
+            'Kenarlıkların ve arka plan renklerinin özelleştirilmesi',
+            'Sosyal ağlar için hazır 1200px yüksek çözünürlük',
+            'Kullanım sınırı olmaksızın anında işleme'
+        ]
+    },
+    { type: 'title', text: 'Kolaj Tasarımı: Hikaye Anlatan Kompozisyonlar', level: 2 },
+    { type: 'paragraph', html: 'Kolaj, fotoğrafların basit bir karışımından daha fazlasıdır; duygu ve bağlamı ileten görsel bir anlatıdır. Aracımız, Photoshop veya pahalı yazılımlara ihtiyaç duymadan Instagram, Facebook, Pinterest veya kişisel projeleriniz için profesyonel geometrik kompozisyonlar oluşturmanıza olanak tanır.' },
+
+    { type: 'stats', items: [
+        { value: '2-9', label: 'Kolaj Başına Görsel', icon: 'mdi:image-multiple' },
+        { value: '1200px', label: 'HD Çözünürlük', icon: 'mdi:video-high-definition' },
+        { value: 'Anında', label: 'Oluşturma', icon: 'mdi:lightning-bolt' }
+    ], columns: 3 },
+
+    { type: 'title', text: 'Görsel Kompozisyon: Tasarım İlkeleri', level: 3 },
+    { type: 'paragraph', html: 'Kompozisyon, görsel unsurları izleyicinin gözünü yönlendirecek ve bir niyeti iletecek şekilde düzenleme sanatıdır. İyi bir kolaj şunları dengeler:' },
+    { type: 'list', items: [
+        '<strong>Denge:</strong> Görsel ağırlık dağılımı (açık vs koyu görseller, büyük vs küçük).',
+        '<strong>Görsel Akış:</strong> Göz, ölü noktalar olmadan kompozisyonda doğal bir şekilde gezinmelidir.',
+        '<strong>Kontrast:</strong> Dikkat çeken renk, boyut ve şekil farklılıkları.',
+        '<strong>Bütünlük:</strong> Tematik tutarlılık - görseller aynı hikaye hakkında \"birlikte konuşmalıdır\".'
+    ], icon: 'mdi:check' },
+
+    { type: 'card', title: 'Akıllı ve Uyarlanabilir Tasarımlar', html: 'Sistemimiz, fotoğraf sayısına göre en uygun alan dağılımını otomatik olarak hesaplar. 2 görsel = simetrik ızgara; 5 görsel = dengeli asimetrik dağılım. Her ızgara, görsel etkiyi maksimize etmek için tasarlanmıştır.' },
+
+    { type: 'comparative', items: [
+        {
+            title: 'Sosyal Ağlar İçin',
+            description: 'Instagram, TikTok, Facebook - kare formatlar',
+            icon: 'mdi:share-all',
+            points: [
+                '1200px Instagram akışı için mükemmeldir',
+                'Kare formatı paylaşırken kırpılmayı önler',
+                'Markalaşma için özelleştirilebilir kenarlıklar'
+            ],
+            highlight: true
+        },
+        {
+            title: 'Portfolyolar İçin',
+            description: 'Fotoğrafçılar ve tasarımcılar için görsel vitrinler',
+            icon: 'mdi:briefcase-outline',
+            points: [
+                'Bir projenin birden fazla açısını gösterin',
+                'Uyumlu görsel anlatı',
+                'Profesyonel dijital kitap baskısı'
+            ]
+        },
+        {
+            title: 'Kişisel Hediyeler İçin',
+            description: 'Baskılar, çerçeveler ve dijital albümler',
+            icon: 'mdi:gift-outline',
+            points: [
+                'Etkinlik anıları (düğünler, seyahatler)',
+                'Baskıya hazır yüksek çözünürlük',
+                'Manuel çaba gerektirmeyen anında tasarım'
+            ]
+        }
+    ], columns: 3 },
+
+    { type: 'title', text: 'Özelleştirme: Kenarlıklar ve Renkler', level: 3 },
+    { type: 'table', headers: ['Öğe', 'Görsel Etki', 'Öneri'], rows: [
+        ['Beyaz Kenarlık', 'Temiz, minimalist, modern', 'Sosyal ağlar, dijital portfolyolar'],
+        ['Siyah Kenarlık', 'Dramatik, profesyonel, sanatsal', 'Sanat fotoğrafçılığı, moda, lüks'],
+        ['Nötr Kenarlık (gri)', 'Çok yönlü, akademik, kurumsal', 'İş dünyası, eğitim, tarafsızlık'],
+        ['Kenarlıksız', 'Füzyon, süreklilik, sürükleyici', 'Tek tip arka plan, akan fotoğraflar']
+    ] },
+
+    { type: 'proscons', items: [
+        {
+            pro: 'Profesyonel önceden tanımlanmış tasarımlar - kompozisyon bilgisi gerekmez',
+            con: 'Seçenekler önceden belirlenmiş ızgaralarla sınırlıdır'
+        },
+        {
+            pro: 'Yeniden ölçeklendirme olmadan sosyal ağlar için hazır 1200px çözünürlük',
+            con: 'Photoshop kadar özelleştirilebilir değil'
+        },
+        {
+            pro: '%100 yerel işleme - gizlilik, hız, sınır yok',
+            con: 'Modern bir tarayıcı gerektirir'
+        },
+        {
+            pro: 'Tamamen ücretsiz, filigran yok, reklam yok',
+            con: 'Bireysel düzenleme seçenekleri (kırpma, döndürme) yok'
+        }
+    ], proTitle: 'Avantajlar', conTitle: 'Sınırlamalar' },
+
+    { type: 'diagnostic', variant: 'success', title: 'Sosyal Ağlar İçin Hazır', icon: 'mdi:check-circle-outline', badge: 'Optimize Edildi', html: '1200x1200px Instagram için ideal çözünürlüktür. Her türlü en boy oranını destekler, ancak kare çıktı akış etkisini maksimize eder, otomatik kırpmayı ortadan kaldırır ve masaüstü, tablet ve mobil cihazlarda aynı derecede iyi görünür.' },
+
+    { type: 'glossary', items: [
+        {
+            term: 'Görsel Kompozisyon',
+            definition: 'İzleyicinin gözünü yönlendirmek ve duygusal bir niyeti iletmek için unsurları (renk, biçim, alan) düzenleme sanatı.'
+        },
+        {
+            term: 'Üçler Kuralı',
+            definition: 'Kompozisyon ilkesi: görüntüyü 9 eşit alana (3x3) böler. Maksimum etki için konuları kesişme çizgilerine yerleştirin.'
+        },
+        {
+            term: 'Simetrik Izgara',
+            definition: 'Eşit alan bölmeleri. Güven verici, düzenli. Fotoğraf çiftleri veya çift sayılar için idealdir.'
+        },
+        {
+            term: 'Asimetrik Izgara',
+            definition: 'Eşit olmayan bölmeler. Dinamik, ilginç, görsel. Çeşitli boyutlarda 5+ fotoğraf için idealdir.'
+        },
+        {
+            term: 'Görsel Denge',
+            definition: 'Görsel ağırlığın algısal dengesi. Açık + koyu görsel = denge; büyük + küçük = denge.'
+        }
+    ] },
+
+    { type: 'message', title: 'Anında Görsel Anlatı', ariaLabel: 'Kompozisyon ve kolajlar hakkında bilgiler', html: 'Her kolaj bir hikaye anlatır. Otomatik tasarımcımız, görsel hikayelerinizin dengeli, profesyonel ve dünyaya hazır olmasını sağlar. Bir grafik tasarımcının işi yapmasını beklemenize gerek kalmaz.' },
+
+    { type: 'title', text: 'Oluştur, Paylaş, İlham Ver', level: 3 },
+    { type: 'paragraph', html: 'İyi yapılmış bir kolaj, unutulabilir bir gönderi ile takipçilerinizin hatırlayacağı ve paylaşacağı bir gönderi arasındaki farktır. Görsel hikayelerinizin etki yaratması için akıllı kompozisyonu kullanın.' }
+];
+
+const faqSchema: WithContext<FAQPage> = {
+    '@context': 'https://schema.org',
+    '@type': 'FAQPage',
+    mainEntity: faq.map((item) => ({
+        '@type': 'Question',
+        name: item.question,
+        acceptedAnswer: { '@type': 'Answer', text: item.answer },
+    })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+    '@context': 'https://schema.org',
+    '@type': 'HowTo',
+    name: title,
+    description,
+    step: howTo.map((step) => ({
+        '@type': 'HowToStep',
+        name: step.name,
+        text: step.text,
+    })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+    '@context': 'https://schema.org',
+    '@type': 'SoftwareApplication',
+    name: title,
+    description,
+    applicationCategory: 'UtilitiesApplication',
+    operatingSystem: 'Web',
+    offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+    inLanguage: 'tr',
+};
+
+export const content: CollageMakerLocaleContent = {
+    slug,
+    title,
+    description,
+    ui,
+    seo,
+    faqTitle: "Sıkça Sorulan Sorular",
+    faq,
+    bibliographyTitle: "Referanslar",
+    bibliography,
+    howTo,
+    schemas: [faqSchema as any, howToSchema as any, appSchema],
+};