diff --git a/index_variations.html b/index_variations.html
index 56c3db3..e650067 100644
--- a/index_variations.html
+++ b/index_variations.html
@@ -282,7 +282,7 @@
Wiki-Themen
- 6
+ 3
Designs
@@ -332,21 +332,6 @@
Variation ansehen →
-
-
-
-
- Clean, elegant und premium. Große Typografie, viel Weißraum, subtile Animationen. Wie eine Apple Produktseite.
-
- Variation ansehen →
-
-
diff --git a/variations/apple/index.html b/variations/apple/index.html
deleted file mode 100644
index 8f904ba..0000000
--- a/variations/apple/index.html
+++ /dev/null
@@ -1,467 +0,0 @@
-
-
-
- Paraguay SRL LLC — Community
-
-
-
-
-
-
-
-
×
-
-
-
-
💬
-
Telegram Username eingeben
-
Enter Telegram Username
-
- Geben Sie Ihren Telegram-Nutzernamen ein, um einen Login-Link per Nachricht zu erhalten.
- Enter your Telegram username to receive a login link via message.
-
-
-
-
- Login-Link senden
- Send Login Link
-
-
-
-
-
🔐
-
Verifizierungscode
-
Verification Code
-
- Der Code wurde an Ihren Telegram-Account gesendet.
- The code has been sent to your Telegram account.
-
-
-
-
- Verifizieren
- Verify
-
-
-
-
-
🎉
-
Registrierung abschließen
-
Complete Registration
-
-
-
-
-
- Registrieren
- Register
-
-
-
-
-
-
-
×
-
Dein Profil
-
Your Profile
-
-
-
-
-
-
-
×
-
-
- ?
-
-
-
-
-
- E-Mail
- Email
-
- -
-
-
-
- Homepage
- Homepage
-
- -
-
-
-
- Standort
- Location
-
- -
-
-
-
- Beschreibung
- Description
-
- -
-
-
-
-
-
-
-
-
- Paraguay LLC & SRL Community
- Paraguay LLC & SRL Community
-
-
- Der Erfahrungsaustausch für deutsche und amerikanische Expats in Paraguay
- The experience exchange for German and American expats in Paraguay
-
-
-
- --
- Mitglieder
- Members
-
-
- --
- Beiträge
- Posts
-
-
- --
- Wiki-Artikel
- Wiki Articles
-
-
-
-
-
-
-
-
📱
-
-
- Noch nicht angemeldet?
- Not logged in yet?
-
- Tritt unserer Telegram-Gruppe bei und erhalte einen Login-Link!
- Join our Telegram group and receive a login link!
-
-
- Telegram beitreten
- Join Telegram
-
-
-
-
-
-
-
-
- Über die Community
- About the Community
-
-
-
-
🏦
-
- Banken & Zahlungsverkehr
- Banking & Payments
-
-
- Erfahrungen mit paraguayischen und internationalen Banken, Konten, Überweisungen und Kreditkarten.
- Experiences with Paraguayan and international banks, accounts, transfers and credit cards.
-
-
-
-
⚖️
-
- Rechtliches
- Legal Matters
-
-
- Gesellschaftsrecht, Verträge, Steuern, Compliance und Rechtsprechung in Paraguay.
- Corporate law, contracts, taxes, compliance and jurisprudence in Paraguay.
-
-
-
-
📊
-
- Steuern & Buchhaltung
- Taxes & Accounting
-
-
- Steuerberatung, Buchhaltungssysteme, Jahresabschlüsse und internationale Steuerplanung.
- Tax advice, accounting systems, annual statements and international tax planning.
-
-
-
-
💻
-
- ERP-Systeme
- ERP Systems
-
-
- Erfahrungen mit verschiedenen ERP-Systemen, Software-Lösungen und digitalem Management.
- Experiences with various ERP systems, software solutions and digital management.
-
-
-
-
-
-
-
-
-
- Mitglieder
- Members
-
-
-
-
- Lade Mitglieder...
- Loading members...
-
-
-
-
-
-
-
-
- Wiki
- Wiki
-
-
-
-
- Lade Wiki...
- Loading wiki...
-
-
-
-
-
-
-
-
-
✉️
-
- Newsletter
- Newsletter
-
-
- Erhalten Sie Updates und wichtige Informationen direkt in Ihr Postfach.
- Receive updates and important information directly in your inbox.
-
-
-
-
- Danke! Bitte prüfen Sie Ihre E-Mails.
- Thank you! Please check your emails.
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/variations/apple/main.js b/variations/apple/main.js
deleted file mode 100644
index 667dad7..0000000
--- a/variations/apple/main.js
+++ /dev/null
@@ -1,637 +0,0 @@
-// ========================================
-// Paraguay LLC & SRL — Main JS
-// ========================================
-
-const API_URL = 'https://n8n.odoo4projects.com/webhook/paraguay/login';
-const NEWSLETTER_URL = 'https://n8n.odoo4projects.com/webhook/paraguay/newsletter';
-const USER_URL = 'https://n8n.odoo4projects.com/webhook/paraguay/user';
-const PROFILE_URL = 'https://n8n.odoo4projects.com/webhook/paraguay/profile';
-const WIKI_URL = 'https://n8n.odoo4projects.com/webhook/paraguay/wiki';
-const COMMUNITY_URL = 'https://n8n.odoo4projects.com/webhook/paraguay/community';
-
-let currentLang = 'de';
-
-document.addEventListener('DOMContentLoaded', () => {
- currentLang = document.body.dataset.lang || 'de';
- checkSession();
- loadCommunityStats();
-
- // Smooth scroll nav links
- document.querySelectorAll('.nav-link').forEach(link => {
- link.addEventListener('click', (e) => {
- e.preventDefault();
- const target = document.querySelector(link.getAttribute('href'));
- if (target) {
- target.scrollIntoView({ behavior: 'smooth' });
- }
- // Close mobile nav
- document.getElementById('nav-menu').classList.remove('open');
- });
- });
-
- // Mobile nav toggle
- const navToggle = document.getElementById('nav-toggle');
- const navMenu = document.getElementById('nav-menu');
- if (navToggle) {
- navToggle.addEventListener('click', () => {
- navMenu.classList.toggle('open');
- });
- }
-
- // Navbar scroll effect
- window.addEventListener('scroll', () => {
- const nav = document.getElementById('main-nav');
- if (nav) {
- nav.classList.toggle('scrolled', window.scrollY > 20);
- }
- });
-
- // Language toggle
- document.querySelectorAll('.lang-btn').forEach(btn => {
- btn.addEventListener('click', () => {
- const lang = btn.dataset.lang;
- setLanguage(lang);
- // Reload content in new language
- if (isLoggedIn) {
- if (document.querySelector('.notebook') || document.getElementById('members-list')) loadUsers();
- if (document.getElementById('wiki-grid')) loadWiki();
- }
- });
- });
-
- // Member search
- const memberSearch = document.getElementById('member-search');
- if (memberSearch) {
- memberSearch.addEventListener('input', (e) => {
- filterMembers(e.target.value);
- });
- }
-
- // Wiki search
- const wikiSearch = document.getElementById('wiki-search');
- if (wikiSearch) {
- wikiSearch.addEventListener('input', (e) => {
- searchWiki(e.target.value);
- });
- }
-
- // Close modals on overlay click
- document.querySelectorAll('.modal-overlay').forEach(overlay => {
- overlay.addEventListener('click', (e) => {
- if (e.target === overlay) {
- overlay.classList.remove('active');
- }
- });
- });
-
- // Close modals on Escape
- document.addEventListener('keydown', (e) => {
- if (e.key === 'Escape') {
- document.querySelectorAll('.modal-overlay.active').forEach(m => m.classList.remove('active'));
- }
- });
-
- // Login button
- const loginBtn = document.getElementById('login-btn');
- if (loginBtn) {
- loginBtn.addEventListener('click', () => {
- openLoginModal();
- });
- }
-});
-
-// ========================================
-// LANGUAGE
-// ========================================
-function setLanguage(lang) {
- currentLang = lang;
- document.body.dataset.lang = lang;
- document.querySelectorAll('.lang-btn').forEach(b => {
- b.classList.toggle('active', b.dataset.lang === lang);
- });
-}
-
-function isDE() {
- return currentLang !== 'en';
-}
-
-// ========================================
-// COMMUNITY STATS
-// ========================================
-async function loadCommunityStats() {
- try {
- const response = await fetch(COMMUNITY_URL);
- if (!response.ok) throw new Error('Failed to fetch');
- const data = await response.json();
-
- if (data.users !== undefined) {
- animateCounter('stat-members', data.users);
- }
- if (data.topics !== undefined) {
- document.getElementById('stat-wiki').textContent = data.topics;
- }
- } catch (error) {
- console.error('Failed to load community stats:', error);
- }
-}
-
-function animateCounter(elementId, targetNumber) {
- const element = document.getElementById(elementId);
- if (!element) return;
-
- let current = 0;
- const duration = 1500; // ms
- const steps = 40;
- const increment = targetNumber / steps;
- const stepTime = duration / steps;
-
- const timer = setInterval(() => {
- current += increment;
- if (current >= targetNumber) {
- element.textContent = targetNumber;
- clearInterval(timer);
- } else {
- element.textContent = Math.floor(current);
- }
- }, stepTime);
-}
-
-// ========================================
-// AUTH / SESSION
-// ========================================
-let isLoggedIn = false;
-
-function isSessionValid() {
- const sid = getCookie('sessionid');
- return sid.length > 0;
-}
-
-function checkSession() {
- isLoggedIn = isSessionValid();
-
- if (isLoggedIn) {
- document.body.dataset.loggedIn = 'true';
- document.getElementById('login-btn').style.display = 'none';
- document.getElementById('logout-btn').style.display = 'inline-flex';
- document.getElementById('profile-btn').style.display = 'inline-flex';
- document.getElementById('telegram-banner').style.display = 'none';
- document.getElementById('main-content').style.display = 'block';
- document.getElementById('newsletter-section').style.display = 'block';
- loadUsers();
- loadWiki();
- } else {
- document.body.dataset.loggedIn = 'false';
- document.getElementById('login-btn').style.display = 'inline-flex';
- document.getElementById('logout-btn').style.display = 'none';
- document.getElementById('profile-btn').style.display = 'none';
- document.getElementById('telegram-banner').style.display = 'block';
- document.getElementById('main-content').style.display = 'none';
- document.getElementById('newsletter-section').style.display = 'none';
- }
-}
-
-// ========================================
-// LOGIN MODAL
-// ========================================
-function openLoginModal() {
- document.getElementById('login-modal-overlay').classList.add('active');
- // Reset to step 1
- document.querySelectorAll('.login-step').forEach(s => s.classList.remove('active'));
- document.getElementById('login-step-1').classList.add('active');
- document.getElementById('telegram-user').value = '';
- document.getElementById('verification-code').value = '';
-}
-
-function closeLoginModal() {
- document.getElementById('login-modal-overlay').classList.remove('active');
-}
-
-// ========================================
-// PROFILE MODAL
-// ========================================
-function openProfileModal() {
- const sid = getCookie('sessionid');
- if (!sid) { alert('Bitte anmelden.'); return; }
-
- fetch(PROFILE_URL + '?sessionid=' + encodeURIComponent(sid))
- .then(r => r.json())
- .then(user => {
- document.getElementById('profile-username-display').textContent = user.username || '';
- const rank = getRank(user.posts || 0);
- const badge = document.getElementById('profile-rank-badge');
- badge.innerHTML = `${rank.emoji} ${rank.title} `;
-
- document.getElementById('profile-company').value = user.company || '';
- document.getElementById('profile-email').value = user.email || '';
- document.getElementById('profile-homepage').value = user.homepage || '';
- document.getElementById('profile-image').value = user.image || '';
- document.getElementById('profile-location').value = user.location || '';
- document.getElementById('profile-description').value = user.Description || '';
- document.getElementById('profile-publish').checked = true;
-
- document.getElementById('profile-modal-overlay').classList.add('active');
- })
- .catch(() => alert('Fehler beim Laden des Profils.'));
-}
-
-function closeProfileModal() {
- document.getElementById('profile-modal-overlay').classList.remove('active');
-}
-
-function saveProfile() {
- const sid = getCookie('sessionid');
- fetch(PROFILE_URL, {
- method: 'POST',
- headers: { 'Content-Type': 'application/json' },
- body: JSON.stringify({
- username: document.getElementById('profile-username-display').textContent,
- company: document.getElementById('profile-company').value.trim(),
- email: document.getElementById('profile-email').value,
- homepage: document.getElementById('profile-homepage').value,
- image: document.getElementById('profile-image').value,
- location: document.getElementById('profile-location').value,
- Description: document.getElementById('profile-description').value,
- sessionid: sid,
- publish: document.getElementById('profile-publish').checked
- })
- })
- .then(r => r.ok ? alert('Profil gespeichert!') : alert('Fehler beim Speichern.'))
- .catch(() => alert('Fehler bei der Verbindung.'));
-}
-
-// ========================================
-// USER DETAIL MODAL
-// ========================================
-function openUserDetailModal(user) {
- const avatar = document.getElementById('user-detail-avatar');
- if (user.image) {
- avatar.innerHTML = `${(user.username || '?').charAt(0).toUpperCase()} `;
- }
-
- document.getElementById('user-detail-initial').textContent = '';
- document.getElementById('user-detail-username').textContent = '@' + (user.username || 'Unknown');
-
- const rank = getRank(user.posts || 0);
- document.getElementById('user-detail-rank-badge').className = `rank-badge rank-${rank.level}`;
- document.getElementById('user-detail-rank-badge').textContent = rank.emoji + ' ' + rank.title;
-
- document.getElementById('user-detail-company').textContent = user.company || '';
-
- const emailEl = document.getElementById('user-detail-email');
- emailEl.innerHTML = user.email ? ` ${user.email} ` : '-';
-
- const hpEl = document.getElementById('user-detail-homepage');
- const hp = user.homepage || '';
- hpEl.innerHTML = hp ? `${hp} ` : '-';
-
- document.getElementById('user-detail-location').textContent = user.location || '-';
- document.getElementById('user-detail-description').innerHTML = (user.Description || '-').replace(/\n/g, '' + (isDE() ? 'Keine Mitglieder gefunden' : 'No members found') + '
';
- }
- } catch (error) {
- const container = document.getElementById('members-list');
- container.innerHTML = '' + (isDE() ? 'Fehler beim Laden' : 'Error loading') + '
';
- }
-}
-
-function createMemberCard(user) {
- const card = document.createElement('div');
- card.className = 'member-card';
-
- const rank = getRank(user.posts || 0);
- const avatarContent = user.image
- ? `${avatarContent}
-
-
${user.username || 'N/A'}
-
${user.company || ''}
- ${user.location ? `
📍 ${user.location}
` : ''}
- ${user.posts ? `
${user.posts} ${isDE() ? 'Beiträge' : 'posts'}
` : ''}
-
${rank.emoji} ${rank.title}
-
' + (isDE() ? 'Keine Wiki-Daten' : 'No wiki data') + '
';
- }
- } catch (error) {
- document.getElementById('wiki-grid').innerHTML = '' + (isDE() ? 'Fehler beim Laden' : 'Error loading') + '
';
- }
-}
-
-function renderWikiCards(data) {
- const grid = document.getElementById('wiki-grid');
- grid.innerHTML = '';
-
- if (data.length === 0) {
- grid.innerHTML = '' + (isDE() ? 'Keine Ergebnisse gefunden' : 'No results found') + '
';
- return;
- }
-
- // Group by topic
- const topics = {};
- data.forEach(item => {
- const topicKey = (item.topic_en && currentLang === 'en') ? item.topic_en : (item.topic || 'Unknown');
- if (!topics[topicKey]) topics[topicKey] = [];
- topics[topicKey].push(item);
- });
-
- const colors = ['blue', 'teal', 'green', 'orange', 'purple', 'pink', 'yellow'];
-
- Object.entries(topics).forEach(([topicName, subtopics], idx) => {
- const card = document.createElement('div');
- card.className = 'wiki-card';
- card.dataset.color = colors[idx % colors.length];
-
- // Get excerpt from first subtopic
- const firstSub = subtopics[0];
- const excerpt = currentLang === 'en' && firstSub.wiki_en ? firstSub.wiki_en : (firstSub.wiki || '');
- const subtopicTitle = currentLang === 'en' && firstSub.subtopic_en ? firstSub.subtopic_en : (firstSub.subtopic || '');
-
- card.innerHTML = `
- ${escapeHtml(topicName)}
- ${escapeHtml(excerpt.substring(0, 150))}${excerpt.length > 150 ? '...' : ''}
-
- `;
-
- // Open modal on click
- card.addEventListener('click', () => openWikiModal(topicName, subtopics));
-
- grid.appendChild(card);
- });
-}
-
-function openWikiModal(topicName, subtopics) {
- // Create modal if not exists
- let modalOverlay = document.getElementById('wiki-modal-overlay');
- if (!modalOverlay) {
- modalOverlay = document.createElement('div');
- modalOverlay.id = 'wiki-modal-overlay';
- modalOverlay.className = 'modal-overlay';
- document.body.appendChild(modalOverlay);
- }
-
- let html = '× ';
- html += '
';
- html += `
${escapeHtml(topicName)} `;
-
- subtopics.forEach(sub => {
- const title = currentLang === 'en' && sub.subtopic_en ? sub.subtopic_en : (sub.subtopic || '');
- const content = currentLang === 'en' && sub.wiki_en ? sub.wiki_en : (sub.wiki || '');
- html += `
${escapeHtml(title)} `;
- html += `
${escapeHtml(content)}
`;
- });
-
- html += '
Paraguay SRL LLC — Community
-
-
-
-
-
-
-
-
×
-
-
-
💬
-
Telegram Username eingeben
-
Enter Telegram Username
-
- Geben Sie Ihren Telegram-Nutzernamen ein, um einen Login-Link per Nachricht zu erhalten.
- Enter your Telegram username to receive a login link via message.
-
-
-
-
- Login-Link senden
- Send Login Link
-
-
-
-
🔐
-
Verifizierungscode
-
Verification Code
-
- Der Code wurde an Ihren Telegram-Account gesendet.
- The code has been sent to your Telegram account.
-
-
-
-
- Verifizieren
- Verify
-
-
-
-
🎉
-
Registrierung abschließen
-
Complete Registration
-
-
-
-
-
- Registrieren
- Register
-
-
-
-
-
-
-
×
-
Dein Profil
-
Your Profile
-
-
-
-
-
-
-
×
-
-
- ?
-
-
-
-
-
- E-Mail
- Email
-
- -
-
-
-
- Homepage
- Homepage
-
- -
-
-
-
- Standort
- Location
-
- -
-
-
-
- Beschreibung
- Description
-
- -
-
-
-
-
-
-
-
- Paraguay LLC & SRL Community
- Paraguay LLC & SRL Community
-
-
- Der Erfahrungsaustausch für deutsche und amerikanische Expats in Paraguay
- The experience exchange for German and American expats in Paraguay
-
-
-
- --
- Mitglieder
- Members
-
-
- --
- Beiträge
- Posts
-
-
- --
- Wiki-Artikel
- Wiki Articles
-
-
-
-
-
-
-
-
📱
-
-
- Noch nicht angemeldet?
- Not logged in yet?
-
- Tritt unserer Telegram-Gruppe bei und erhalte einen Login-Link!
- Join our Telegram group and receive a login link!
-
-
- Telegram beitreten
- Join Telegram
-
-
-
-
-
-
-
-
- Über die Community
- About the Community
-
-
-
-
🏦
-
- Banken & Zahlungsverkehr
- Banking & Payments
-
-
- Erfahrungen mit paraguayischen und internationalen Banken, Konten, Überweisungen und Kreditkarten.
- Experiences with Paraguayan and international banks, accounts, transfers and credit cards.
-
-
-
-
⚖️
-
- Rechtliches
- Legal Matters
-
-
- Gesellschaftsrecht, Verträge, Steuern, Compliance und Rechtsprechung in Paraguay.
- Corporate law, contracts, taxes, compliance and jurisprudence in Paraguay.
-
-
-
-
📊
-
- Steuern & Buchhaltung
- Taxes & Accounting
-
-
- Steuerberatung, Buchhaltungssysteme, Jahresabschlüsse und internationale Steuerplanung.
- Tax advice, accounting systems, annual statements and international tax planning.
-
-
-
-
💻
-
- ERP-Systeme
- ERP Systems
-
-
- Erfahrungen mit verschiedenen ERP-Systemen, Software-Lösungen und digitalem Management.
- Experiences with various ERP systems, software solutions and digital management.
-
-
-
-
-
-
-
-
-
- Mitglieder
- Members
-
-
-
-
- Lade Mitglieder...
- Loading members...
-
-
-
-
-
-
-
-
- Wiki
- Wiki
-
-
-
-
- Lade Wiki...
- Loading wiki...
-
-
-
-
-
-
-
-
-
✉️
-
- Newsletter
- Newsletter
-
-
- Erhalten Sie Updates und wichtige Informationen direkt in Ihr Postfach.
- Receive updates and important information directly in your inbox.
-
-
-
-
- Danke! Bitte prüfen Sie Ihre E-Mails.
- Thank you! Please check your emails.
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/variations/aurora/main.js b/variations/aurora/main.js
deleted file mode 100644
index 667dad7..0000000
--- a/variations/aurora/main.js
+++ /dev/null
@@ -1,637 +0,0 @@
-// ========================================
-// Paraguay LLC & SRL — Main JS
-// ========================================
-
-const API_URL = 'https://n8n.odoo4projects.com/webhook/paraguay/login';
-const NEWSLETTER_URL = 'https://n8n.odoo4projects.com/webhook/paraguay/newsletter';
-const USER_URL = 'https://n8n.odoo4projects.com/webhook/paraguay/user';
-const PROFILE_URL = 'https://n8n.odoo4projects.com/webhook/paraguay/profile';
-const WIKI_URL = 'https://n8n.odoo4projects.com/webhook/paraguay/wiki';
-const COMMUNITY_URL = 'https://n8n.odoo4projects.com/webhook/paraguay/community';
-
-let currentLang = 'de';
-
-document.addEventListener('DOMContentLoaded', () => {
- currentLang = document.body.dataset.lang || 'de';
- checkSession();
- loadCommunityStats();
-
- // Smooth scroll nav links
- document.querySelectorAll('.nav-link').forEach(link => {
- link.addEventListener('click', (e) => {
- e.preventDefault();
- const target = document.querySelector(link.getAttribute('href'));
- if (target) {
- target.scrollIntoView({ behavior: 'smooth' });
- }
- // Close mobile nav
- document.getElementById('nav-menu').classList.remove('open');
- });
- });
-
- // Mobile nav toggle
- const navToggle = document.getElementById('nav-toggle');
- const navMenu = document.getElementById('nav-menu');
- if (navToggle) {
- navToggle.addEventListener('click', () => {
- navMenu.classList.toggle('open');
- });
- }
-
- // Navbar scroll effect
- window.addEventListener('scroll', () => {
- const nav = document.getElementById('main-nav');
- if (nav) {
- nav.classList.toggle('scrolled', window.scrollY > 20);
- }
- });
-
- // Language toggle
- document.querySelectorAll('.lang-btn').forEach(btn => {
- btn.addEventListener('click', () => {
- const lang = btn.dataset.lang;
- setLanguage(lang);
- // Reload content in new language
- if (isLoggedIn) {
- if (document.querySelector('.notebook') || document.getElementById('members-list')) loadUsers();
- if (document.getElementById('wiki-grid')) loadWiki();
- }
- });
- });
-
- // Member search
- const memberSearch = document.getElementById('member-search');
- if (memberSearch) {
- memberSearch.addEventListener('input', (e) => {
- filterMembers(e.target.value);
- });
- }
-
- // Wiki search
- const wikiSearch = document.getElementById('wiki-search');
- if (wikiSearch) {
- wikiSearch.addEventListener('input', (e) => {
- searchWiki(e.target.value);
- });
- }
-
- // Close modals on overlay click
- document.querySelectorAll('.modal-overlay').forEach(overlay => {
- overlay.addEventListener('click', (e) => {
- if (e.target === overlay) {
- overlay.classList.remove('active');
- }
- });
- });
-
- // Close modals on Escape
- document.addEventListener('keydown', (e) => {
- if (e.key === 'Escape') {
- document.querySelectorAll('.modal-overlay.active').forEach(m => m.classList.remove('active'));
- }
- });
-
- // Login button
- const loginBtn = document.getElementById('login-btn');
- if (loginBtn) {
- loginBtn.addEventListener('click', () => {
- openLoginModal();
- });
- }
-});
-
-// ========================================
-// LANGUAGE
-// ========================================
-function setLanguage(lang) {
- currentLang = lang;
- document.body.dataset.lang = lang;
- document.querySelectorAll('.lang-btn').forEach(b => {
- b.classList.toggle('active', b.dataset.lang === lang);
- });
-}
-
-function isDE() {
- return currentLang !== 'en';
-}
-
-// ========================================
-// COMMUNITY STATS
-// ========================================
-async function loadCommunityStats() {
- try {
- const response = await fetch(COMMUNITY_URL);
- if (!response.ok) throw new Error('Failed to fetch');
- const data = await response.json();
-
- if (data.users !== undefined) {
- animateCounter('stat-members', data.users);
- }
- if (data.topics !== undefined) {
- document.getElementById('stat-wiki').textContent = data.topics;
- }
- } catch (error) {
- console.error('Failed to load community stats:', error);
- }
-}
-
-function animateCounter(elementId, targetNumber) {
- const element = document.getElementById(elementId);
- if (!element) return;
-
- let current = 0;
- const duration = 1500; // ms
- const steps = 40;
- const increment = targetNumber / steps;
- const stepTime = duration / steps;
-
- const timer = setInterval(() => {
- current += increment;
- if (current >= targetNumber) {
- element.textContent = targetNumber;
- clearInterval(timer);
- } else {
- element.textContent = Math.floor(current);
- }
- }, stepTime);
-}
-
-// ========================================
-// AUTH / SESSION
-// ========================================
-let isLoggedIn = false;
-
-function isSessionValid() {
- const sid = getCookie('sessionid');
- return sid.length > 0;
-}
-
-function checkSession() {
- isLoggedIn = isSessionValid();
-
- if (isLoggedIn) {
- document.body.dataset.loggedIn = 'true';
- document.getElementById('login-btn').style.display = 'none';
- document.getElementById('logout-btn').style.display = 'inline-flex';
- document.getElementById('profile-btn').style.display = 'inline-flex';
- document.getElementById('telegram-banner').style.display = 'none';
- document.getElementById('main-content').style.display = 'block';
- document.getElementById('newsletter-section').style.display = 'block';
- loadUsers();
- loadWiki();
- } else {
- document.body.dataset.loggedIn = 'false';
- document.getElementById('login-btn').style.display = 'inline-flex';
- document.getElementById('logout-btn').style.display = 'none';
- document.getElementById('profile-btn').style.display = 'none';
- document.getElementById('telegram-banner').style.display = 'block';
- document.getElementById('main-content').style.display = 'none';
- document.getElementById('newsletter-section').style.display = 'none';
- }
-}
-
-// ========================================
-// LOGIN MODAL
-// ========================================
-function openLoginModal() {
- document.getElementById('login-modal-overlay').classList.add('active');
- // Reset to step 1
- document.querySelectorAll('.login-step').forEach(s => s.classList.remove('active'));
- document.getElementById('login-step-1').classList.add('active');
- document.getElementById('telegram-user').value = '';
- document.getElementById('verification-code').value = '';
-}
-
-function closeLoginModal() {
- document.getElementById('login-modal-overlay').classList.remove('active');
-}
-
-// ========================================
-// PROFILE MODAL
-// ========================================
-function openProfileModal() {
- const sid = getCookie('sessionid');
- if (!sid) { alert('Bitte anmelden.'); return; }
-
- fetch(PROFILE_URL + '?sessionid=' + encodeURIComponent(sid))
- .then(r => r.json())
- .then(user => {
- document.getElementById('profile-username-display').textContent = user.username || '';
- const rank = getRank(user.posts || 0);
- const badge = document.getElementById('profile-rank-badge');
- badge.innerHTML = `${rank.emoji} ${rank.title} `;
-
- document.getElementById('profile-company').value = user.company || '';
- document.getElementById('profile-email').value = user.email || '';
- document.getElementById('profile-homepage').value = user.homepage || '';
- document.getElementById('profile-image').value = user.image || '';
- document.getElementById('profile-location').value = user.location || '';
- document.getElementById('profile-description').value = user.Description || '';
- document.getElementById('profile-publish').checked = true;
-
- document.getElementById('profile-modal-overlay').classList.add('active');
- })
- .catch(() => alert('Fehler beim Laden des Profils.'));
-}
-
-function closeProfileModal() {
- document.getElementById('profile-modal-overlay').classList.remove('active');
-}
-
-function saveProfile() {
- const sid = getCookie('sessionid');
- fetch(PROFILE_URL, {
- method: 'POST',
- headers: { 'Content-Type': 'application/json' },
- body: JSON.stringify({
- username: document.getElementById('profile-username-display').textContent,
- company: document.getElementById('profile-company').value.trim(),
- email: document.getElementById('profile-email').value,
- homepage: document.getElementById('profile-homepage').value,
- image: document.getElementById('profile-image').value,
- location: document.getElementById('profile-location').value,
- Description: document.getElementById('profile-description').value,
- sessionid: sid,
- publish: document.getElementById('profile-publish').checked
- })
- })
- .then(r => r.ok ? alert('Profil gespeichert!') : alert('Fehler beim Speichern.'))
- .catch(() => alert('Fehler bei der Verbindung.'));
-}
-
-// ========================================
-// USER DETAIL MODAL
-// ========================================
-function openUserDetailModal(user) {
- const avatar = document.getElementById('user-detail-avatar');
- if (user.image) {
- avatar.innerHTML = `${(user.username || '?').charAt(0).toUpperCase()} `;
- }
-
- document.getElementById('user-detail-initial').textContent = '';
- document.getElementById('user-detail-username').textContent = '@' + (user.username || 'Unknown');
-
- const rank = getRank(user.posts || 0);
- document.getElementById('user-detail-rank-badge').className = `rank-badge rank-${rank.level}`;
- document.getElementById('user-detail-rank-badge').textContent = rank.emoji + ' ' + rank.title;
-
- document.getElementById('user-detail-company').textContent = user.company || '';
-
- const emailEl = document.getElementById('user-detail-email');
- emailEl.innerHTML = user.email ? `${user.email} ` : '-';
-
- const hpEl = document.getElementById('user-detail-homepage');
- const hp = user.homepage || '';
- hpEl.innerHTML = hp ? `${hp} ` : '-';
-
- document.getElementById('user-detail-location').textContent = user.location || '-';
- document.getElementById('user-detail-description').innerHTML = (user.Description || '-').replace(/\n/g, '' + (isDE() ? 'Keine Mitglieder gefunden' : 'No members found') + '
';
- }
- } catch (error) {
- const container = document.getElementById('members-list');
- container.innerHTML = '' + (isDE() ? 'Fehler beim Laden' : 'Error loading') + '
';
- }
-}
-
-function createMemberCard(user) {
- const card = document.createElement('div');
- card.className = 'member-card';
-
- const rank = getRank(user.posts || 0);
- const avatarContent = user.image
- ? `${avatarContent}
-
-
${user.username || 'N/A'}
-
${user.company || ''}
- ${user.location ? `
📍 ${user.location}
` : ''}
- ${user.posts ? `
${user.posts} ${isDE() ? 'Beiträge' : 'posts'}
` : ''}
-
${rank.emoji} ${rank.title}
-
' + (isDE() ? 'Keine Wiki-Daten' : 'No wiki data') + '
';
- }
- } catch (error) {
- document.getElementById('wiki-grid').innerHTML = '' + (isDE() ? 'Fehler beim Laden' : 'Error loading') + '
';
- }
-}
-
-function renderWikiCards(data) {
- const grid = document.getElementById('wiki-grid');
- grid.innerHTML = '';
-
- if (data.length === 0) {
- grid.innerHTML = '' + (isDE() ? 'Keine Ergebnisse gefunden' : 'No results found') + '
';
- return;
- }
-
- // Group by topic
- const topics = {};
- data.forEach(item => {
- const topicKey = (item.topic_en && currentLang === 'en') ? item.topic_en : (item.topic || 'Unknown');
- if (!topics[topicKey]) topics[topicKey] = [];
- topics[topicKey].push(item);
- });
-
- const colors = ['blue', 'teal', 'green', 'orange', 'purple', 'pink', 'yellow'];
-
- Object.entries(topics).forEach(([topicName, subtopics], idx) => {
- const card = document.createElement('div');
- card.className = 'wiki-card';
- card.dataset.color = colors[idx % colors.length];
-
- // Get excerpt from first subtopic
- const firstSub = subtopics[0];
- const excerpt = currentLang === 'en' && firstSub.wiki_en ? firstSub.wiki_en : (firstSub.wiki || '');
- const subtopicTitle = currentLang === 'en' && firstSub.subtopic_en ? firstSub.subtopic_en : (firstSub.subtopic || '');
-
- card.innerHTML = `
- ${escapeHtml(topicName)}
- ${escapeHtml(excerpt.substring(0, 150))}${excerpt.length > 150 ? '...' : ''}
-
- `;
-
- // Open modal on click
- card.addEventListener('click', () => openWikiModal(topicName, subtopics));
-
- grid.appendChild(card);
- });
-}
-
-function openWikiModal(topicName, subtopics) {
- // Create modal if not exists
- let modalOverlay = document.getElementById('wiki-modal-overlay');
- if (!modalOverlay) {
- modalOverlay = document.createElement('div');
- modalOverlay.id = 'wiki-modal-overlay';
- modalOverlay.className = 'modal-overlay';
- document.body.appendChild(modalOverlay);
- }
-
- let html = '× ';
- html += '
';
- html += `
${escapeHtml(topicName)} `;
-
- subtopics.forEach(sub => {
- const title = currentLang === 'en' && sub.subtopic_en ? sub.subtopic_en : (sub.subtopic || '');
- const content = currentLang === 'en' && sub.wiki_en ? sub.wiki_en : (sub.wiki || '');
- html += `
${escapeHtml(title)} `;
- html += `
${escapeHtml(content)}
`;
- });
-
- html += '
Paraguay SRL LLC — Community
-
-
-
-
-
-
-
-
×
-
-
-
-
💬
-
Telegram Username eingeben
-
Enter Telegram Username
-
- Geben Sie Ihren Telegram-Nutzernamen ein, um einen Login-Link per Nachricht zu erhalten.
- Enter your Telegram username to receive a login link via message.
-
-
-
-
- Login-Link senden
- Send Login Link
-
-
-
-
-
🔐
-
Verifizierungscode
-
Verification Code
-
- Der Code wurde an Ihren Telegram-Account gesendet.
- The code has been sent to your Telegram account.
-
-
-
-
- Verifizieren
- Verify
-
-
-
-
-
🎉
-
Registrierung abschließen
-
Complete Registration
-
-
-
-
-
- Registrieren
- Register
-
-
-
-
-
-
-
×
-
Dein Profil
-
Your Profile
-
-
-
-
-
-
-
×
-
-
- ?
-
-
-
-
-
- E-Mail
- Email
-
- -
-
-
-
- Homepage
- Homepage
-
- -
-
-
-
- Standort
- Location
-
- -
-
-
-
- Beschreibung
- Description
-
- -
-
-
-
-
-
-
-
-
- Paraguay LLC & SRL Community
- Paraguay LLC & SRL Community
-
-
- Der Erfahrungsaustausch für deutsche und amerikanische Expats in Paraguay
- The experience exchange for German and American expats in Paraguay
-
-
-
- --
- Mitglieder
- Members
-
-
- --
- Beiträge
- Posts
-
-
- --
- Wiki-Artikel
- Wiki Articles
-
-
-
-
-
-
-
-
📱
-
-
- Noch nicht angemeldet?
- Not logged in yet?
-
- Tritt unserer Telegram-Gruppe bei und erhalte einen Login-Link!
- Join our Telegram group and receive a login link!
-
-
- Telegram beitreten
- Join Telegram
-
-
-
-
-
-
-
-
- Über die Community
- About the Community
-
-
-
-
🏦
-
- Banken & Zahlungsverkehr
- Banking & Payments
-
-
- Erfahrungen mit paraguayischen und internationalen Banken, Konten, Überweisungen und Kreditkarten.
- Experiences with Paraguayan and international banks, accounts, transfers and credit cards.
-
-
-
-
⚖️
-
- Rechtliches
- Legal Matters
-
-
- Gesellschaftsrecht, Verträge, Steuern, Compliance und Rechtsprechung in Paraguay.
- Corporate law, contracts, taxes, compliance and jurisprudence in Paraguay.
-
-
-
-
📊
-
- Steuern & Buchhaltung
- Taxes & Accounting
-
-
- Steuerberatung, Buchhaltungssysteme, Jahresabschlüsse und internationale Steuerplanung.
- Tax advice, accounting systems, annual statements and international tax planning.
-
-
-
-
💻
-
- ERP-Systeme
- ERP Systems
-
-
- Erfahrungen mit verschiedenen ERP-Systemen, Software-Lösungen und digitalem Management.
- Experiences with various ERP systems, software solutions and digital management.
-
-
-
-
-
-
-
-
-
- Mitglieder
- Members
-
-
-
-
- Lade Mitglieder...
- Loading members...
-
-
-
-
-
-
-
-
- Wiki
- Wiki
-
-
-
-
- Lade Wiki...
- Loading wiki...
-
-
-
-
-
-
-
-
-
✉️
-
- Newsletter
- Newsletter
-
-
- Erhalten Sie Updates und wichtige Informationen direkt in Ihr Postfach.
- Receive updates and important information directly in your inbox.
-
-
-
-
- Danke! Bitte prüfen Sie Ihre E-Mails.
- Thank you! Please check your emails.
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/variations/x/main.js b/variations/x/main.js
deleted file mode 100644
index 667dad7..0000000
--- a/variations/x/main.js
+++ /dev/null
@@ -1,637 +0,0 @@
-// ========================================
-// Paraguay LLC & SRL — Main JS
-// ========================================
-
-const API_URL = 'https://n8n.odoo4projects.com/webhook/paraguay/login';
-const NEWSLETTER_URL = 'https://n8n.odoo4projects.com/webhook/paraguay/newsletter';
-const USER_URL = 'https://n8n.odoo4projects.com/webhook/paraguay/user';
-const PROFILE_URL = 'https://n8n.odoo4projects.com/webhook/paraguay/profile';
-const WIKI_URL = 'https://n8n.odoo4projects.com/webhook/paraguay/wiki';
-const COMMUNITY_URL = 'https://n8n.odoo4projects.com/webhook/paraguay/community';
-
-let currentLang = 'de';
-
-document.addEventListener('DOMContentLoaded', () => {
- currentLang = document.body.dataset.lang || 'de';
- checkSession();
- loadCommunityStats();
-
- // Smooth scroll nav links
- document.querySelectorAll('.nav-link').forEach(link => {
- link.addEventListener('click', (e) => {
- e.preventDefault();
- const target = document.querySelector(link.getAttribute('href'));
- if (target) {
- target.scrollIntoView({ behavior: 'smooth' });
- }
- // Close mobile nav
- document.getElementById('nav-menu').classList.remove('open');
- });
- });
-
- // Mobile nav toggle
- const navToggle = document.getElementById('nav-toggle');
- const navMenu = document.getElementById('nav-menu');
- if (navToggle) {
- navToggle.addEventListener('click', () => {
- navMenu.classList.toggle('open');
- });
- }
-
- // Navbar scroll effect
- window.addEventListener('scroll', () => {
- const nav = document.getElementById('main-nav');
- if (nav) {
- nav.classList.toggle('scrolled', window.scrollY > 20);
- }
- });
-
- // Language toggle
- document.querySelectorAll('.lang-btn').forEach(btn => {
- btn.addEventListener('click', () => {
- const lang = btn.dataset.lang;
- setLanguage(lang);
- // Reload content in new language
- if (isLoggedIn) {
- if (document.querySelector('.notebook') || document.getElementById('members-list')) loadUsers();
- if (document.getElementById('wiki-grid')) loadWiki();
- }
- });
- });
-
- // Member search
- const memberSearch = document.getElementById('member-search');
- if (memberSearch) {
- memberSearch.addEventListener('input', (e) => {
- filterMembers(e.target.value);
- });
- }
-
- // Wiki search
- const wikiSearch = document.getElementById('wiki-search');
- if (wikiSearch) {
- wikiSearch.addEventListener('input', (e) => {
- searchWiki(e.target.value);
- });
- }
-
- // Close modals on overlay click
- document.querySelectorAll('.modal-overlay').forEach(overlay => {
- overlay.addEventListener('click', (e) => {
- if (e.target === overlay) {
- overlay.classList.remove('active');
- }
- });
- });
-
- // Close modals on Escape
- document.addEventListener('keydown', (e) => {
- if (e.key === 'Escape') {
- document.querySelectorAll('.modal-overlay.active').forEach(m => m.classList.remove('active'));
- }
- });
-
- // Login button
- const loginBtn = document.getElementById('login-btn');
- if (loginBtn) {
- loginBtn.addEventListener('click', () => {
- openLoginModal();
- });
- }
-});
-
-// ========================================
-// LANGUAGE
-// ========================================
-function setLanguage(lang) {
- currentLang = lang;
- document.body.dataset.lang = lang;
- document.querySelectorAll('.lang-btn').forEach(b => {
- b.classList.toggle('active', b.dataset.lang === lang);
- });
-}
-
-function isDE() {
- return currentLang !== 'en';
-}
-
-// ========================================
-// COMMUNITY STATS
-// ========================================
-async function loadCommunityStats() {
- try {
- const response = await fetch(COMMUNITY_URL);
- if (!response.ok) throw new Error('Failed to fetch');
- const data = await response.json();
-
- if (data.users !== undefined) {
- animateCounter('stat-members', data.users);
- }
- if (data.topics !== undefined) {
- document.getElementById('stat-wiki').textContent = data.topics;
- }
- } catch (error) {
- console.error('Failed to load community stats:', error);
- }
-}
-
-function animateCounter(elementId, targetNumber) {
- const element = document.getElementById(elementId);
- if (!element) return;
-
- let current = 0;
- const duration = 1500; // ms
- const steps = 40;
- const increment = targetNumber / steps;
- const stepTime = duration / steps;
-
- const timer = setInterval(() => {
- current += increment;
- if (current >= targetNumber) {
- element.textContent = targetNumber;
- clearInterval(timer);
- } else {
- element.textContent = Math.floor(current);
- }
- }, stepTime);
-}
-
-// ========================================
-// AUTH / SESSION
-// ========================================
-let isLoggedIn = false;
-
-function isSessionValid() {
- const sid = getCookie('sessionid');
- return sid.length > 0;
-}
-
-function checkSession() {
- isLoggedIn = isSessionValid();
-
- if (isLoggedIn) {
- document.body.dataset.loggedIn = 'true';
- document.getElementById('login-btn').style.display = 'none';
- document.getElementById('logout-btn').style.display = 'inline-flex';
- document.getElementById('profile-btn').style.display = 'inline-flex';
- document.getElementById('telegram-banner').style.display = 'none';
- document.getElementById('main-content').style.display = 'block';
- document.getElementById('newsletter-section').style.display = 'block';
- loadUsers();
- loadWiki();
- } else {
- document.body.dataset.loggedIn = 'false';
- document.getElementById('login-btn').style.display = 'inline-flex';
- document.getElementById('logout-btn').style.display = 'none';
- document.getElementById('profile-btn').style.display = 'none';
- document.getElementById('telegram-banner').style.display = 'block';
- document.getElementById('main-content').style.display = 'none';
- document.getElementById('newsletter-section').style.display = 'none';
- }
-}
-
-// ========================================
-// LOGIN MODAL
-// ========================================
-function openLoginModal() {
- document.getElementById('login-modal-overlay').classList.add('active');
- // Reset to step 1
- document.querySelectorAll('.login-step').forEach(s => s.classList.remove('active'));
- document.getElementById('login-step-1').classList.add('active');
- document.getElementById('telegram-user').value = '';
- document.getElementById('verification-code').value = '';
-}
-
-function closeLoginModal() {
- document.getElementById('login-modal-overlay').classList.remove('active');
-}
-
-// ========================================
-// PROFILE MODAL
-// ========================================
-function openProfileModal() {
- const sid = getCookie('sessionid');
- if (!sid) { alert('Bitte anmelden.'); return; }
-
- fetch(PROFILE_URL + '?sessionid=' + encodeURIComponent(sid))
- .then(r => r.json())
- .then(user => {
- document.getElementById('profile-username-display').textContent = user.username || '';
- const rank = getRank(user.posts || 0);
- const badge = document.getElementById('profile-rank-badge');
- badge.innerHTML = `${rank.emoji} ${rank.title} `;
-
- document.getElementById('profile-company').value = user.company || '';
- document.getElementById('profile-email').value = user.email || '';
- document.getElementById('profile-homepage').value = user.homepage || '';
- document.getElementById('profile-image').value = user.image || '';
- document.getElementById('profile-location').value = user.location || '';
- document.getElementById('profile-description').value = user.Description || '';
- document.getElementById('profile-publish').checked = true;
-
- document.getElementById('profile-modal-overlay').classList.add('active');
- })
- .catch(() => alert('Fehler beim Laden des Profils.'));
-}
-
-function closeProfileModal() {
- document.getElementById('profile-modal-overlay').classList.remove('active');
-}
-
-function saveProfile() {
- const sid = getCookie('sessionid');
- fetch(PROFILE_URL, {
- method: 'POST',
- headers: { 'Content-Type': 'application/json' },
- body: JSON.stringify({
- username: document.getElementById('profile-username-display').textContent,
- company: document.getElementById('profile-company').value.trim(),
- email: document.getElementById('profile-email').value,
- homepage: document.getElementById('profile-homepage').value,
- image: document.getElementById('profile-image').value,
- location: document.getElementById('profile-location').value,
- Description: document.getElementById('profile-description').value,
- sessionid: sid,
- publish: document.getElementById('profile-publish').checked
- })
- })
- .then(r => r.ok ? alert('Profil gespeichert!') : alert('Fehler beim Speichern.'))
- .catch(() => alert('Fehler bei der Verbindung.'));
-}
-
-// ========================================
-// USER DETAIL MODAL
-// ========================================
-function openUserDetailModal(user) {
- const avatar = document.getElementById('user-detail-avatar');
- if (user.image) {
- avatar.innerHTML = `${(user.username || '?').charAt(0).toUpperCase()} `;
- }
-
- document.getElementById('user-detail-initial').textContent = '';
- document.getElementById('user-detail-username').textContent = '@' + (user.username || 'Unknown');
-
- const rank = getRank(user.posts || 0);
- document.getElementById('user-detail-rank-badge').className = `rank-badge rank-${rank.level}`;
- document.getElementById('user-detail-rank-badge').textContent = rank.emoji + ' ' + rank.title;
-
- document.getElementById('user-detail-company').textContent = user.company || '';
-
- const emailEl = document.getElementById('user-detail-email');
- emailEl.innerHTML = user.email ? `${user.email} ` : '-';
-
- const hpEl = document.getElementById('user-detail-homepage');
- const hp = user.homepage || '';
- hpEl.innerHTML = hp ? `${hp} ` : '-';
-
- document.getElementById('user-detail-location').textContent = user.location || '-';
- document.getElementById('user-detail-description').innerHTML = (user.Description || '-').replace(/\n/g, '' + (isDE() ? 'Keine Mitglieder gefunden' : 'No members found') + '
';
- }
- } catch (error) {
- const container = document.getElementById('members-list');
- container.innerHTML = '' + (isDE() ? 'Fehler beim Laden' : 'Error loading') + '
';
- }
-}
-
-function createMemberCard(user) {
- const card = document.createElement('div');
- card.className = 'member-card';
-
- const rank = getRank(user.posts || 0);
- const avatarContent = user.image
- ? `${avatarContent}
-
-
${user.username || 'N/A'}
-
${user.company || ''}
- ${user.location ? `
📍 ${user.location}
` : ''}
- ${user.posts ? `
${user.posts} ${isDE() ? 'Beiträge' : 'posts'}
` : ''}
-
${rank.emoji} ${rank.title}
-
' + (isDE() ? 'Keine Wiki-Daten' : 'No wiki data') + '
';
- }
- } catch (error) {
- document.getElementById('wiki-grid').innerHTML = '' + (isDE() ? 'Fehler beim Laden' : 'Error loading') + '
';
- }
-}
-
-function renderWikiCards(data) {
- const grid = document.getElementById('wiki-grid');
- grid.innerHTML = '';
-
- if (data.length === 0) {
- grid.innerHTML = '' + (isDE() ? 'Keine Ergebnisse gefunden' : 'No results found') + '
';
- return;
- }
-
- // Group by topic
- const topics = {};
- data.forEach(item => {
- const topicKey = (item.topic_en && currentLang === 'en') ? item.topic_en : (item.topic || 'Unknown');
- if (!topics[topicKey]) topics[topicKey] = [];
- topics[topicKey].push(item);
- });
-
- const colors = ['blue', 'teal', 'green', 'orange', 'purple', 'pink', 'yellow'];
-
- Object.entries(topics).forEach(([topicName, subtopics], idx) => {
- const card = document.createElement('div');
- card.className = 'wiki-card';
- card.dataset.color = colors[idx % colors.length];
-
- // Get excerpt from first subtopic
- const firstSub = subtopics[0];
- const excerpt = currentLang === 'en' && firstSub.wiki_en ? firstSub.wiki_en : (firstSub.wiki || '');
- const subtopicTitle = currentLang === 'en' && firstSub.subtopic_en ? firstSub.subtopic_en : (firstSub.subtopic || '');
-
- card.innerHTML = `
- ${escapeHtml(topicName)}
- ${escapeHtml(excerpt.substring(0, 150))}${excerpt.length > 150 ? '...' : ''}
-
- `;
-
- // Open modal on click
- card.addEventListener('click', () => openWikiModal(topicName, subtopics));
-
- grid.appendChild(card);
- });
-}
-
-function openWikiModal(topicName, subtopics) {
- // Create modal if not exists
- let modalOverlay = document.getElementById('wiki-modal-overlay');
- if (!modalOverlay) {
- modalOverlay = document.createElement('div');
- modalOverlay.id = 'wiki-modal-overlay';
- modalOverlay.className = 'modal-overlay';
- document.body.appendChild(modalOverlay);
- }
-
- let html = '× ';
- html += '
';
- html += `
${escapeHtml(topicName)} `;
-
- subtopics.forEach(sub => {
- const title = currentLang === 'en' && sub.subtopic_en ? sub.subtopic_en : (sub.subtopic || '');
- const content = currentLang === 'en' && sub.wiki_en ? sub.wiki_en : (sub.wiki || '');
- html += `
${escapeHtml(title)} `;
- html += `
${escapeHtml(content)}
`;
- });
-
- html += '