Refactor to one-page design with menu, hero, members, wiki cards, fulltext search
This commit is contained in:
Kato
+986
-149
File diff suppressed because it is too large
Load Diff
+415
-191
@@ -1,243 +1,467 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html lang="de">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Paraguay SRL LLC — Community</title>
|
<title>Paraguay SRL LLC — Community</title>
|
||||||
<meta name="description" content="German / American expats in Paraguay sharing experiences on banking, taxes, legal matters for LLC/SRL." />
|
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet" />
|
||||||
<link rel="stylesheet" href="css/styles.css" />
|
<link rel="stylesheet" href="css/styles.css" />
|
||||||
</head>
|
</head>
|
||||||
<body data-lang="de">
|
<body data-lang="de" data-logged-in="false">
|
||||||
|
|
||||||
<header class="header">
|
<!-- Navigation -->
|
||||||
<div class="brand">
|
<nav class="nav" id="main-nav">
|
||||||
<span>Paraguay LLC & SRL – Austausch & Community</span>
|
<div class="nav-container">
|
||||||
</div>
|
<a href="#hero" class="nav-brand">
|
||||||
<div class="header-right">
|
<span class="nav-logo">🌴</span>
|
||||||
<div class="hamburger-menu hidden" id="hamburger-menu">
|
<span class="nav-title">Paraguay LLC & SRL</span>
|
||||||
<div class="menu-section">
|
</a>
|
||||||
<div class="lang-select">
|
<button class="nav-toggle" id="nav-toggle" aria-label="Toggle navigation">
|
||||||
<button class="lang-btn active" data-lang="de">DE</button>
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</button>
|
||||||
|
<div class="nav-menu" id="nav-menu">
|
||||||
|
<a href="#hero" class="nav-link">
|
||||||
|
<span class="hide-de">Start</span>
|
||||||
|
<span class="hide-en">Home</span>
|
||||||
|
</a>
|
||||||
|
<a href="#about" class="nav-link">
|
||||||
|
<span class="hide-de">Über uns</span>
|
||||||
|
<span class="hide-en">About</span>
|
||||||
|
</a>
|
||||||
|
<a href="#members" class="nav-link">
|
||||||
|
<span class="hide-de">Mitglieder</span>
|
||||||
|
<span class="hide-en">Members</span>
|
||||||
|
</a>
|
||||||
|
<a href="#wiki" class="nav-link">
|
||||||
|
<span class="hide-de">Wiki</span>
|
||||||
|
<span class="hide-en">Wiki</span>
|
||||||
|
</a>
|
||||||
|
<div class="nav-actions">
|
||||||
|
<div class="lang-select" id="lang-select">
|
||||||
|
<button class="lang-btn" data-lang="de">DE</button>
|
||||||
<button class="lang-btn" data-lang="en">EN</button>
|
<button class="lang-btn" data-lang="en">EN</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<button class="btn btn-outline" id="login-btn">
|
||||||
<div class="menu-section user-actions hidden" id="menu-user-actions">
|
<span class="hide-de">Anmelden</span>
|
||||||
<button class="menu-btn user-btn" onclick="openProfileModal()">
|
<span class="hide-en">Login</span>
|
||||||
<svg viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
|
|
||||||
<span class="hide-de">Dein Profil</span><span class="hide-en">Your Profile</span>
|
|
||||||
</button>
|
</button>
|
||||||
<button class="menu-btn user-btn" onclick="logout()">
|
<button class="btn btn-primary" id="logout-btn" style="display:none;" onclick="logout()">
|
||||||
<svg viewBox="0 0 24 24"><path d="M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14z"/></svg>
|
<span class="hide-de">Abmelden</span>
|
||||||
<span class="hide-de">Abmelden</span><span class="hide-en">Logout</span>
|
<span class="hide-en">Logout</span>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-outline" id="profile-btn" style="display:none;" onclick="openProfileModal()">
|
||||||
|
<span class="hide-de">Profil</span>
|
||||||
|
<span class="hide-en">Profile</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<button class="hamburger-btn" id="hamburger-btn" aria-label="Menu">
|
|
||||||
<svg viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</nav>
|
||||||
|
|
||||||
<section class="intro" id="intro-section">
|
<!-- Login Modal -->
|
||||||
<p class="hide-de">Willkommen in der Gruppe Paraguay LLC & SRL! Diese Gruppe dient dem Austausch von Menschen, die in Paraguay eine LLC oder SRL betreiben oder sich damit beschäftigen.</p>
|
<div class="modal-overlay" id="login-modal-overlay">
|
||||||
<p class="hide-en">Welcome to the Paraguay LLC & SRL group! This group serves as an exchange platform for people who run or are engaged with an LLC or SRL in Paraguay.</p>
|
<div class="modal" id="login-modal">
|
||||||
</section>
|
<button class="modal-close" onclick="closeLoginModal()">×</button>
|
||||||
|
<div class="login-steps">
|
||||||
<main class="container" style="padding-top: 32px;">
|
<!-- Step 1: Username -->
|
||||||
<div class="main-grid">
|
<div class="login-step active" id="login-step-1">
|
||||||
<div class="news-col" id="news-col">
|
<div class="login-icon">💬</div>
|
||||||
<h2 class="hide-de">Über den Channel</h2>
|
<h2 class="hide-de">Telegram Username eingeben</h2>
|
||||||
<h2 class="hide-en">About the Channel</h2>
|
<h2 class="hide-en">Enter Telegram Username</h2>
|
||||||
<p class="hide-de">Willkommen in der Paraguay SRL LLC Community! Wir sind eine engagierte Gruppe von deutschen und amerikanischen Expats, die in Paraguay eine LLC oder SRL betreiben und sich darauf freuen ihre Erfahrungen zu teilen.</p>
|
<p class="login-hint">
|
||||||
<p class="hide-en">Welcome to the Paraguay SRL LLC community! We are eine dedicated group of German and American expats running an LLC or SRL in Paraguay and eager to share our experiences.</p>
|
<span class="hide-de">Geben Sie Ihren Telegram-Nutzernamen ein, um einen Login-Link per Nachricht zu erhalten.</span>
|
||||||
<h3 class="hide-de">Unsere Themen</h3>
|
<span class="hide-en">Enter your Telegram username to receive a login link via message.</span>
|
||||||
<h3 class="hide-en">Our Topics</h3>
|
|
||||||
<ul class="hide-de"><li>Banken & Zahlungsverkehr</li><li>Rechtliches & Gesellschaftsrecht</li><li>Steuern & Buchhaltung</li></ul>
|
|
||||||
<ul class="hide-en"><li>Banking & Payments</li><li>Legal & Corporate Law</li><li>Taxes & Accounting</li></ul>
|
|
||||||
<p class="hide-de">Hier tauschen wir echte Erfahrungen aus – von der Gründung über das Banking bis hin zu Steuern und Recht. Gemeinsam lernen wir, was in Paraguay funktioniert.</p>
|
|
||||||
<p class="hide-en">Here we exchange real experiences – from formation to banking to taxes and law. Together we learn what actually works in Paraguay.</p>
|
|
||||||
<h3 class="hide-de">Was wir nicht wollen</h3>
|
|
||||||
<h3 class="hide-en">What we do NOT want</h3>
|
|
||||||
<ul class="hide-de"><li>Geschäftsanbahnungen / Werbung / Akquise</li><li>Vermittlungsangebote innerhalb der Gruppe</li></ul>
|
|
||||||
<ul class="hide-en"><li>Business solicitations / Advertising / Lead generation</li><li>Referral offers within the group</li></ul>
|
|
||||||
<p class="hide-de"><strong>🚫 Werbung, Akquise und Vermittlungsangebote bitte außerhalb der Gruppe bzw. offline. Der fachliche Erfahrungsaustausch steht im Vordergrund!</strong></p>
|
|
||||||
<p class="hide-en"><strong>🚫 Advertising, lead generation, and referral offers outside the group or offline. Professional experience exchange is our priority!</strong></p>
|
|
||||||
<p class="hide-de">Die Website paraguay.odoo4projects.com bietet weiterführende Informationen: Wiki, Teilnehmerliste, Anmeldung für die Gruppe und mehr.</p>
|
|
||||||
<p class="hide-en">The website paraguay.odoo4projects.com offers additional resources: wiki, member list, group registration and more.</p>
|
|
||||||
<div style="margin-top: 24px; padding: 20px; background: var(--gray1); border-radius: 12px; text-align: center;">
|
|
||||||
<p style="font-size: 1.1rem; font-weight: 700; margin-bottom: 12px;">
|
|
||||||
<span class="hide-de">Tritt unserer Telegram-Gruppe bei!</span>
|
|
||||||
<span class="hide-en">Join our Telegram group!</span>
|
|
||||||
</p>
|
</p>
|
||||||
<a href="https://t.me/+2s0N78kM5n4xMzBi" class="btn-primary" style="display: inline-block; background: #2AABEE;">
|
<div class="form-group">
|
||||||
<span class="hide-de">Telegram Gruppe beitreten</span>
|
<input type="text" id="telegram-user" class="form-input" placeholder="@username" />
|
||||||
<span class="hide-en">Join Telegram Group</span>
|
</div>
|
||||||
</a>
|
<button class="btn btn-primary btn-block" onclick="sendTelegramUser()">
|
||||||
|
<span class="hide-de">Login-Link senden</span>
|
||||||
|
<span class="hide-en">Send Login Link</span>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<!-- Step 2: Code -->
|
||||||
|
<div class="login-step" id="login-step-2">
|
||||||
<aside class="sidebar-col" id="login-panel">
|
<div class="login-icon">🔐</div>
|
||||||
<div class="newsletter-panel" id="newsletter-panel">
|
<h2 class="hide-de">Verifizierungscode</h2>
|
||||||
<h3 class="hide-de">Newsletter</h3>
|
<h2 class="hide-en">Verification Code</h2>
|
||||||
<h3 class="hide-en">Newsletter</h3>
|
<p class="login-hint">
|
||||||
<form id="newsletter-form">
|
<span class="hide-de">Der Code wurde an Ihren Telegram-Account gesendet.</span>
|
||||||
<div class="form-group">
|
<span class="hide-en">The code has been sent to your Telegram account.</span>
|
||||||
<label for="newsletter-email" class="hide-de">E-Mail-Adresse</label>
|
</p>
|
||||||
<label for="newsletter-email" class="hide-en">Email address</label>
|
<div class="form-group">
|
||||||
<input type="email" id="newsletter-email" required placeholder="name@example.com" />
|
<input type="text" id="verification-code" class="form-input" placeholder="123456" />
|
||||||
</div>
|
|
||||||
<button type="button" class="btn-primary hide-de" onclick="subscribeNewsletter()">Abonnieren</button>
|
|
||||||
<button type="button" class="btn-primary hide-en" onclick="subscribeNewsletter()">Subscribe</button>
|
|
||||||
</form>
|
|
||||||
<div id="newsletter-success" class="hidden">
|
|
||||||
<p class="hide-de">Bitte prüfen Sie Ihre E-Mails, um das Abonnement zu bestätigen.</p>
|
|
||||||
<p class="hide-en">Please check your emails to confirm your subscription.</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
<button class="btn btn-primary btn-block" onclick="verifyCode()">
|
||||||
|
<span class="hide-de">Verifizieren</span>
|
||||||
|
<span class="hide-en">Verify</span>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</aside>
|
<!-- Step 3: Registration -->
|
||||||
|
<div class="login-step" id="login-step-3">
|
||||||
<div class="main-full" id="notebook-panel">
|
<div class="login-icon">🎉</div>
|
||||||
<div class="notebook">
|
<h2 class="hide-de">Registrierung abschließen</h2>
|
||||||
<div class="tabs">
|
<h2 class="hide-en">Complete Registration</h2>
|
||||||
<button class="tab active" data-tab="users">
|
<div class="form-group">
|
||||||
<span class="hide-de">Mitglieder</span>
|
<input type="text" id="full-name" class="form-input" placeholder="Ihr Name" />
|
||||||
<span class="hide-en">Members</span>
|
|
||||||
</button>
|
|
||||||
<button class="tab" data-tab="wiki">
|
|
||||||
<span class="hide-de">Berichte</span>
|
|
||||||
<span class="hide-en">Berichte</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="tab-content" id="tab-users">
|
<div class="form-group">
|
||||||
<h3 class="hide-de">Mitglieder</h3>
|
<input type="text" id="llc-name" class="form-input" placeholder="LLC / SRL Name" />
|
||||||
<h3 class="hide-en">Members</h3>
|
|
||||||
<div class="user-search">
|
|
||||||
<input type="text" id="user-search" placeholder="Search users..." oninput="filterUsers(this.value)" />
|
|
||||||
</div>
|
|
||||||
<div id="users-list" class="users-list">
|
|
||||||
<p class="hide-de">Lade Mitglieder...</p>
|
|
||||||
<p class="hide-en">Loading members...</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="tab-content hidden" id="tab-wiki">
|
|
||||||
<h3 class="hide-de">Wiki</h3>
|
|
||||||
<h3 class="hide-en">Wiki</h3>
|
|
||||||
<div id="wiki-content">
|
|
||||||
<p class="hide-de">Lade Wiki...</p>
|
|
||||||
<p class="hide-en">Loading wiki...</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<button class="btn btn-primary btn-block" onclick="submitLoginData()">
|
||||||
|
<span class="hide-de">Registrieren</span>
|
||||||
|
<span class="hide-en">Register</span>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</div>
|
||||||
|
|
||||||
<!-- Profile Modal -->
|
<!-- Profile Modal -->
|
||||||
<div id="profile-modal" class="modal hidden">
|
<div class="modal-overlay" id="profile-modal-overlay">
|
||||||
<div class="modal-content">
|
<div class="modal" id="profile-modal">
|
||||||
<span class="close-btn" onclick="closeProfileModal()">×</span>
|
<button class="modal-close" onclick="closeProfileModal()">×</button>
|
||||||
<h3 class="hide-de">Dein Profil</h3>
|
<h2 class="hide-de">Dein Profil</h2>
|
||||||
<h3 class="hide-en">Your Profile</h3>
|
<h2 class="hide-en">Your Profile</h2>
|
||||||
<div class="profile-form">
|
<div id="profile-username-display" class="profile-username"></div>
|
||||||
|
<div class="profile-rank" id="profile-rank-badge"></div>
|
||||||
|
<div class="profile-edit-fields">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<div id="profile-rank-row" style="display: flex; align-items: center; gap: 8px; flex-wrap: wrap;">
|
<label>
|
||||||
<span id="profile-username-display" class="username-display" style="margin: 0;"></span>
|
<span class="hide-de">Name der LLC / SRL</span>
|
||||||
<span id="profile-rank-badge" class="rank-badge" style="position: relative; top: auto; right: auto; box-shadow: none;"></span>
|
<span class="hide-en">LLC / SRL name</span>
|
||||||
</div>
|
</label>
|
||||||
<input type="checkbox" id="profile-publish" style="margin-top: 8px;" />
|
<input type="text" id="profile-company" class="form-input" />
|
||||||
<label for="profile-publish" class="hide-de" style="display: inline; font-size: .85rem; font-weight: 600;">Veröffentlichen</label>
|
|
||||||
<label for="profile-publish" class="hide-en" style="display: inline; font-size: .85rem; font-weight: 600;">Publish</label>
|
|
||||||
</div>
|
</div>
|
||||||
<div id="profile-edit-fields" class="hidden">
|
<div class="form-group">
|
||||||
<div class="form-group">
|
<label>
|
||||||
<label for="profile-company" class="hide-de">Name der LLC / SRL</label>
|
<span class="hide-de">E-Mail</span>
|
||||||
<label for="profile-company" class="hide-en">LLC / SRL name</label>
|
<span class="hide-en">Email</span>
|
||||||
<input type="text" id="profile-company" />
|
</label>
|
||||||
</div>
|
<input type="email" id="profile-email" class="form-input" />
|
||||||
<div class="form-group">
|
|
||||||
<label for="profile-email" class="hide-de">E-Mail</label>
|
|
||||||
<label for="profile-email" class="hide-en">Email</label>
|
|
||||||
<input type="email" id="profile-email" />
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="profile-homepage" class="hide-de">Homepage</label>
|
|
||||||
<label for="profile-homepage" class="hide-en">Homepage</label>
|
|
||||||
<input type="url" id="profile-homepage" />
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="profile-image" class="hide-de">Bild URL</label>
|
|
||||||
<label for="profile-image" class="hide-en">Image URL</label>
|
|
||||||
<input type="text" id="profile-image" />
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="profile-location" class="hide-de">Standort</label>
|
|
||||||
<label for="profile-location" class="hide-en">Location</label>
|
|
||||||
<input type="text" id="profile-location" />
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="profile-description" class="hide-de">Beschreibung</label>
|
|
||||||
<label for="profile-description" class="hide-en">Description</label>
|
|
||||||
<textarea id="profile-description" rows="4" style="width: 100%; min-height: 120px;"></textarea>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<button type="button" class="btn-primary hide-de" onclick="saveProfile()">Speichern</button>
|
<div class="form-group">
|
||||||
<button type="button" class="btn-primary hide-en" onclick="saveProfile()">Save</button>
|
<label>
|
||||||
|
<span class="hide-de">Homepage</span>
|
||||||
|
<span class="hide-en">Homepage</span>
|
||||||
|
</label>
|
||||||
|
<input type="url" id="profile-homepage" class="form-input" />
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label>
|
||||||
|
<span class="hide-de">Bild URL</span>
|
||||||
|
<span class="hide-en">Image URL</span>
|
||||||
|
</label>
|
||||||
|
<input type="text" id="profile-image" class="form-input" />
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label>
|
||||||
|
<span class="hide-de">Standort</span>
|
||||||
|
<span class="hide-en">Location</span>
|
||||||
|
</label>
|
||||||
|
<input type="text" id="profile-location" class="form-input" />
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label>
|
||||||
|
<span class="hide-de">Beschreibung</span>
|
||||||
|
<span class="hide-en">Description</span>
|
||||||
|
</label>
|
||||||
|
<textarea id="profile-description" class="form-input" rows="4"></textarea>
|
||||||
|
</div>
|
||||||
|
<div class="checkbox-group">
|
||||||
|
<input type="checkbox" id="profile-publish" class="checkbox" />
|
||||||
|
<label for="profile-publish" class="hide-de">Veröffentlichen</label>
|
||||||
|
<label for="profile-publish" class="hide-en">Publish</label>
|
||||||
|
</div>
|
||||||
|
<button class="btn btn-primary btn-block" onclick="saveProfile()">
|
||||||
|
<span class="hide-de">Speichern</span>
|
||||||
|
<span class="hide-en">Save</span>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- User Detail Modal -->
|
<!-- User Detail Modal -->
|
||||||
<div id="user-detail-modal" class="modal hidden">
|
<div class="modal-overlay" id="user-detail-modal-overlay">
|
||||||
<div class="modal-content user-detail-modal">
|
<div class="modal user-detail-modal" id="user-detail-modal">
|
||||||
<span class="close-btn" onclick="closeUserDetailModal()">×</span>
|
<button class="modal-close" onclick="closeUserDetailModal()">×</button>
|
||||||
<div class="user-detail-header">
|
<div class="user-detail-content">
|
||||||
<div class="user-detail-avatar" id="user-detail-avatar">
|
<div class="user-detail-avatar" id="user-detail-avatar">
|
||||||
<span class="user-avatar-text" id="user-detail-initial">?</span>
|
<span class="user-avatar-text" id="user-detail-initial">?</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div class="user-detail-header">
|
||||||
<div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap;">
|
<div class="user-detail-info">
|
||||||
<h2 id="user-detail-username" style="margin:0;">@username</h2>
|
<div class="user-detail-name-rank">
|
||||||
<span id="user-detail-rank-badge" class="rank-badge" style="position:relative;top:auto;right:auto;box-shadow:none;font-size:.6rem;"></span>
|
<h2 id="user-detail-username">@username</h2>
|
||||||
|
<span class="rank-badge" id="user-detail-rank-badge"></span>
|
||||||
|
</div>
|
||||||
|
<p class="user-detail-company" id="user-detail-company">Company</p>
|
||||||
</div>
|
</div>
|
||||||
<p id="user-detail-company">Company</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="user-detail-fields">
|
||||||
<div class="user-detail-info">
|
<div class="detail-field">
|
||||||
<div class="detail-row">
|
<span class="detail-label">
|
||||||
<span class="detail-label hide-de">E-Mail</span>
|
<span class="hide-de">E-Mail</span>
|
||||||
<span class="detail-label hide-en">Email</span>
|
<span class="hide-en">Email</span>
|
||||||
<span class="detail-value" id="user-detail-email">-</span>
|
</span>
|
||||||
</div>
|
<span class="detail-value" id="user-detail-email">-</span>
|
||||||
<div class="detail-row">
|
</div>
|
||||||
<span class="detail-label hide-de">Homepage</span>
|
<div class="detail-field">
|
||||||
<span class="detail-label hide-en">Homepage</span>
|
<span class="detail-label">
|
||||||
<span class="detail-value" id="user-detail-homepage">-</span>
|
<span class="hide-de">Homepage</span>
|
||||||
</div>
|
<span class="hide-en">Homepage</span>
|
||||||
<div class="detail-row">
|
</span>
|
||||||
<span class="detail-label hide-de">Standort</span>
|
<span class="detail-value" id="user-detail-homepage">-</span>
|
||||||
<span class="detail-label hide-en">Location</span>
|
</div>
|
||||||
<span class="detail-value" id="user-detail-location">-</span>
|
<div class="detail-field">
|
||||||
</div>
|
<span class="detail-label">
|
||||||
<div class="detail-row">
|
<span class="hide-de">Standort</span>
|
||||||
<span class="detail-label hide-de">Beschreibung</span>
|
<span class="hide-en">Location</span>
|
||||||
<span class="detail-label hide-en">Description</span>
|
</span>
|
||||||
<span class="detail-value" id="user-detail-description">-</span>
|
<span class="detail-value" id="user-detail-location">-</span>
|
||||||
|
</div>
|
||||||
|
<div class="detail-field">
|
||||||
|
<span class="detail-label">
|
||||||
|
<span class="hide-de">Beschreibung</span>
|
||||||
|
<span class="hide-en">Description</span>
|
||||||
|
</span>
|
||||||
|
<span class="detail-value user-desc-value" id="user-detail-description">-</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- Hero Section -->
|
||||||
|
<section class="hero" id="hero">
|
||||||
|
<div class="hero-particles" id="hero-particles"></div>
|
||||||
|
<div class="hero-content">
|
||||||
|
<h1 class="hero-title">
|
||||||
|
<span class="hide-de">Paraguay LLC & SRL Community</span>
|
||||||
|
<span class="hide-en">Paraguay LLC & SRL Community</span>
|
||||||
|
</h1>
|
||||||
|
<p class="hero-subtitle">
|
||||||
|
<span class="hide-de">Der Erfahrungsaustausch für deutsche und amerikanische Expats in Paraguay</span>
|
||||||
|
<span class="hide-en">The experience exchange for German and American expats in Paraguay</span>
|
||||||
|
</p>
|
||||||
|
<div class="hero-stats">
|
||||||
|
<div class="stat">
|
||||||
|
<span class="stat-number" id="stat-members">--</span>
|
||||||
|
<span class="hide-de">Mitglieder</span>
|
||||||
|
<span class="hide-en">Members</span>
|
||||||
|
</div>
|
||||||
|
<div class="stat">
|
||||||
|
<span class="stat-number" id="stat-posts">--</span>
|
||||||
|
<span class="hide-de">Beiträge</span>
|
||||||
|
<span class="hide-en">Posts</span>
|
||||||
|
</div>
|
||||||
|
<div class="stat">
|
||||||
|
<span class="stat-number" id="stat-wiki">--</span>
|
||||||
|
<span class="hide-de">Wiki-Artikel</span>
|
||||||
|
<span class="hide-en">Wiki Articles</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="hero-scroll-indicator">
|
||||||
|
<div class="scroll-arrow"></div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Telegram Banner (nicht logged-in) -->
|
||||||
|
<div class="telegram-banner" id="telegram-banner">
|
||||||
|
<div class="banner-content">
|
||||||
|
<span class="banner-icon">📱</span>
|
||||||
|
<div class="banner-text">
|
||||||
|
<strong>
|
||||||
|
<span class="hide-de">Noch nicht angemeldet?</span>
|
||||||
|
<span class="hide-en">Not logged in yet?</span>
|
||||||
|
</strong>
|
||||||
|
<span class="hide-de">Tritt unserer Telegram-Gruppe bei und erhalte einen Login-Link!</span>
|
||||||
|
<span class="hide-en">Join our Telegram group and receive a login link!</span>
|
||||||
|
</div>
|
||||||
|
<a href="https://t.me/+2s0N78kM5n4xMzBi" target="_blank" rel="noopener" class="btn btn-telegram">
|
||||||
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12s5.37 12 12 12 12-5.37 12-12S18.63 0 12 0zm5.94 8.13l-1.97 9.27c-.15.67-.54.83-1.09.52l-3.02-2.22-1.46 1.4c-.16.16-.3.3-.61.3l.22-3.06 5.55-5.02c.24-.22-.05-.34-.38-.13L8.69 14.7l-2.95-.92c-.64-.2-.66-.64.14-.95l11.15-4.3c.52-.19.97.13.81.9z"/></svg>
|
||||||
|
<span class="hide-de">Telegram beitreten</span>
|
||||||
|
<span class="hide-en">Join Telegram</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Main Content (logged-in) -->
|
||||||
|
<main class="main-content" id="main-content">
|
||||||
|
|
||||||
|
<!-- About Section -->
|
||||||
|
<section class="section" id="about">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">
|
||||||
|
<span class="hide-de">Über die Community</span>
|
||||||
|
<span class="hide-en">About the Community</span>
|
||||||
|
</h2>
|
||||||
|
<div class="about-grid">
|
||||||
|
<div class="about-card">
|
||||||
|
<div class="about-icon">🏦</div>
|
||||||
|
<h3>
|
||||||
|
<span class="hide-de">Banken & Zahlungsverkehr</span>
|
||||||
|
<span class="hide-en">Banking & Payments</span>
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
<span class="hide-de">Erfahrungen mit paraguayischen und internationalen Banken, Konten, Überweisungen und Kreditkarten.</span>
|
||||||
|
<span class="hide-en">Experiences with Paraguayan and international banks, accounts, transfers and credit cards.</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="about-card">
|
||||||
|
<div class="about-icon">⚖️</div>
|
||||||
|
<h3>
|
||||||
|
<span class="hide-de">Rechtliches</span>
|
||||||
|
<span class="hide-en">Legal Matters</span>
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
<span class="hide-de">Gesellschaftsrecht, Verträge, Steuern, Compliance und Rechtsprechung in Paraguay.</span>
|
||||||
|
<span class="hide-en">Corporate law, contracts, taxes, compliance and jurisprudence in Paraguay.</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="about-card">
|
||||||
|
<div class="about-icon">📊</div>
|
||||||
|
<h3>
|
||||||
|
<span class="hide-de">Steuern & Buchhaltung</span>
|
||||||
|
<span class="hide-en">Taxes & Accounting</span>
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
<span class="hide-de">Steuerberatung, Buchhaltungssysteme, Jahresabschlüsse und internationale Steuerplanung.</span>
|
||||||
|
<span class="hide-en">Tax advice, accounting systems, annual statements and international tax planning.</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="about-card">
|
||||||
|
<div class="about-icon">💻</div>
|
||||||
|
<h3>
|
||||||
|
<span class="hide-de">ERP-Systeme</span>
|
||||||
|
<span class="hide-en">ERP Systems</span>
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
<span class="hide-de">Erfahrungen mit verschiedenen ERP-Systemen, Software-Lösungen und digitalem Management.</span>
|
||||||
|
<span class="hide-en">Experiences with various ERP systems, software solutions and digital management.</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Members Section -->
|
||||||
|
<section class="section section-alt" id="members">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">
|
||||||
|
<span class="hide-de">Mitglieder</span>
|
||||||
|
<span class="hide-en">Members</span>
|
||||||
|
</h2>
|
||||||
|
<div class="search-bar">
|
||||||
|
<svg class="search-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
|
||||||
|
<input type="text" id="member-search" class="search-input" placeholder="Mitglieder durchsuchen..." />
|
||||||
|
</div>
|
||||||
|
<div class="members-grid" id="members-list">
|
||||||
|
<p class="loading-text">
|
||||||
|
<span class="hide-de">Lade Mitglieder...</span>
|
||||||
|
<span class="hide-en">Loading members...</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Wiki Section -->
|
||||||
|
<section class="section" id="wiki">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="section-title">
|
||||||
|
<span class="hide-de">Wiki</span>
|
||||||
|
<span class="hide-en">Wiki</span>
|
||||||
|
</h2>
|
||||||
|
<div class="search-bar">
|
||||||
|
<svg class="search-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
|
||||||
|
<input type="text" id="wiki-search" class="search-input" placeholder="Wiki durchsuchen..." />
|
||||||
|
</div>
|
||||||
|
<div class="wiki-grid" id="wiki-grid">
|
||||||
|
<p class="loading-text">
|
||||||
|
<span class="hide-de">Lade Wiki...</span>
|
||||||
|
<span class="hide-en">Loading wiki...</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Newsletter Section (nur logged-in) -->
|
||||||
|
<section class="section section-alt newsletter-section" id="newsletter-section" style="display:none;">
|
||||||
|
<div class="container">
|
||||||
|
<div class="newsletter-card">
|
||||||
|
<div class="newsletter-icon">✉️</div>
|
||||||
|
<h2>
|
||||||
|
<span class="hide-de">Newsletter</span>
|
||||||
|
<span class="hide-en">Newsletter</span>
|
||||||
|
</h2>
|
||||||
|
<p class="newsletter-hint">
|
||||||
|
<span class="hide-de">Erhalten Sie Updates und wichtige Informationen direkt in Ihr Postfach.</span>
|
||||||
|
<span class="hide-en">Receive updates and important information directly in your inbox.</span>
|
||||||
|
</p>
|
||||||
|
<form id="newsletter-form">
|
||||||
|
<div class="form-group">
|
||||||
|
<input type="email" id="newsletter-email" class="form-input" placeholder="name@example.com" />
|
||||||
|
</div>
|
||||||
|
<button type="button" class="btn btn-primary btn-block" onclick="subscribeNewsletter()">
|
||||||
|
<span class="hide-de">Abonnieren</span>
|
||||||
|
<span class="hide-en">Subscribe</span>
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
<div id="newsletter-success" class="hidden">
|
||||||
|
<p class="success-message">
|
||||||
|
<span class="hide-de">Danke! Bitte prüfen Sie Ihre E-Mails.</span>
|
||||||
|
<span class="hide-en">Thank you! Please check your emails.</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
<footer class="footer">
|
<footer class="footer">
|
||||||
<p>
|
<div class="container">
|
||||||
<span class="hide-de">Sponsored by</span>
|
<div class="footer-brand">
|
||||||
<span class="hide-en">Sponsored by</span>
|
<span class="footer-logo">🌴</span>
|
||||||
<a href="https://ODOO4projects.com" target="_blank" rel="noopener">ODOO4projects</a>
|
<span class="footer-title">Paraguay LLC & SRL Community</span>
|
||||||
</p>
|
</div>
|
||||||
|
<div class="footer-links">
|
||||||
|
<a href="#about">
|
||||||
|
<span class="hide-de">Über uns</span>
|
||||||
|
<span class="hide-en">About</span>
|
||||||
|
</a>
|
||||||
|
<a href="#members">
|
||||||
|
<span class="hide-de">Mitglieder</span>
|
||||||
|
<span class="hide-en">Members</span>
|
||||||
|
</a>
|
||||||
|
<a href="#wiki">
|
||||||
|
<span class="hide-de">Wiki</span>
|
||||||
|
<span class="hide-en">Wiki</span>
|
||||||
|
</a>
|
||||||
|
<a href="https://t.me/+2s0N78kM5n4xMzBi" target="_blank" rel="noopener">
|
||||||
|
Telegram
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="footer-bottom">
|
||||||
|
<p>
|
||||||
|
<span class="hide-de">Gesponsert von</span>
|
||||||
|
<span class="hide-en">Sponsored by</span>
|
||||||
|
<a href="https://ODOO4projects.com" target="_blank" rel="noopener">ODOO4projects</a>
|
||||||
|
</p>
|
||||||
|
<p class="footer-copy">
|
||||||
|
<span class="hide-de">© 2025 Paraguay LLC & SRL Community. Alle Rechte vorbehalten.</span>
|
||||||
|
<span class="hide-en">© 2025 Paraguay LLC & SRL Community. All rights reserved.</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<script src="js/main.js"></script>
|
<script src="js/main.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+572
-492
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user