235 lines
12 KiB
HTML
235 lines
12 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<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.gstatic.com" crossorigin />
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
|
||
<link rel="stylesheet" href="css/styles.css" />
|
||
</head>
|
||
<body data-lang="de">
|
||
|
||
<header class="header">
|
||
<div class="brand">
|
||
Paraguay LLC & SRL – Austausch & Community
|
||
<div class="lang-select">
|
||
<button class="lang-btn active" data-lang="de">DE</button>
|
||
<button class="lang-btn" data-lang="en">EN</button>
|
||
</div>
|
||
<div class="user-actions hidden">
|
||
<button class="btn-secondary user-btn" onclick="openProfileModal()">
|
||
<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 class="btn-secondary user-btn" 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-en">Logout</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<section class="intro" id="intro-section">
|
||
<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>
|
||
<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>
|
||
</section>
|
||
|
||
<main class="container" style="padding-top: 32px;">
|
||
<div class="main-grid">
|
||
<div class="news-col" id="news-col">
|
||
<h2 class="hide-de">Über den Channel</h2>
|
||
<h2 class="hide-en">About the Channel</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="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>
|
||
<h3 class="hide-de">Unsere Themen</h3>
|
||
<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>
|
||
<a href="https://t.me/+2s0N78kM5n4xMzBi" class="btn-primary" style="display: inline-block; background: #2AABEE;">
|
||
<span class="hide-de">Telegram Gruppe beitreten</span>
|
||
<span class="hide-en">Join Telegram Group</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<aside class="sidebar-col" id="login-panel">
|
||
<div class="newsletter-panel" id="newsletter-panel">
|
||
<h3 class="hide-de">Newsletter</h3>
|
||
<h3 class="hide-en">Newsletter</h3>
|
||
<form id="newsletter-form">
|
||
<div class="form-group">
|
||
<label for="newsletter-email" class="hide-de">E-Mail-Adresse</label>
|
||
<label for="newsletter-email" class="hide-en">Email address</label>
|
||
<input type="email" id="newsletter-email" required placeholder="name@example.com" />
|
||
</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>
|
||
</aside>
|
||
|
||
<div class="main-full" id="notebook-panel">
|
||
<div class="notebook">
|
||
<div class="tabs">
|
||
<button class="tab active" data-tab="users">
|
||
<span class="hide-de">Mitglieder</span>
|
||
<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 class="tab-content" id="tab-users">
|
||
<h3 class="hide-de">Mitglieder</h3>
|
||
<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>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
|
||
<!-- Profile Modal -->
|
||
<div id="profile-modal" class="modal hidden">
|
||
<div class="modal-content">
|
||
<span class="close-btn" onclick="closeProfileModal()">×</span>
|
||
<h3 class="hide-de">Dein Profil</h3>
|
||
<h3 class="hide-en">Your Profile</h3>
|
||
<div class="profile-form">
|
||
<div class="form-group">
|
||
<div style="display: flex; align-items: center; gap: 8px; flex-wrap: wrap;">
|
||
<span id="profile-username-display" class="username-display" style="margin: 0;"></span>
|
||
<input type="checkbox" id="profile-publish" />
|
||
<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">
|
||
<label for="profile-company" class="hide-de">Name der LLC / SRL</label>
|
||
<label for="profile-company" class="hide-en">LLC / SRL name</label>
|
||
<input type="text" id="profile-company" />
|
||
</div>
|
||
<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>
|
||
<button type="button" class="btn-primary hide-de" onclick="saveProfile()">Speichern</button>
|
||
<button type="button" class="btn-primary hide-en" onclick="saveProfile()">Save</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- User Detail Modal -->
|
||
<div id="user-detail-modal" class="modal hidden">
|
||
<div class="modal-content user-detail-modal">
|
||
<span class="close-btn" onclick="closeUserDetailModal()">×</span>
|
||
<div class="user-detail-header">
|
||
<div class="user-detail-avatar" id="user-detail-avatar">
|
||
<span class="user-avatar-text" id="user-detail-initial">?</span>
|
||
</div>
|
||
<div>
|
||
<h2 id="user-detail-username">@username</h2>
|
||
<p id="user-detail-company">Company</p>
|
||
</div>
|
||
</div>
|
||
<div class="user-detail-info">
|
||
<div class="detail-row">
|
||
<span class="detail-label hide-de">E-Mail</span>
|
||
<span class="detail-label hide-en">Email</span>
|
||
<span class="detail-value" id="user-detail-email">-</span>
|
||
</div>
|
||
<div class="detail-row">
|
||
<span class="detail-label hide-de">Homepage</span>
|
||
<span class="detail-label hide-en">Homepage</span>
|
||
<span class="detail-value" id="user-detail-homepage">-</span>
|
||
</div>
|
||
<div class="detail-row">
|
||
<span class="detail-label hide-de">Standort</span>
|
||
<span class="detail-label hide-en">Location</span>
|
||
<span class="detail-value" id="user-detail-location">-</span>
|
||
</div>
|
||
<div class="detail-row">
|
||
<span class="detail-label hide-de">Veröffentlicht</span>
|
||
<span class="detail-label hide-en">Published</span>
|
||
<span class="detail-value" id="user-detail-publish">-</span>
|
||
</div>
|
||
<div class="detail-row">
|
||
<span class="detail-label hide-de">Beschreibung</span>
|
||
<span class="detail-label hide-en">Description</span>
|
||
<span class="detail-value" id="user-detail-description">-</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<footer class="footer">
|
||
<p>
|
||
<span class="hide-de">Sponsored by</span>
|
||
<span class="hide-en">Sponsored by</span>
|
||
<a href="https://ODOO4projects.com" target="_blank" rel="noopener">ODOO4projects</a>
|
||
</p>
|
||
</footer>
|
||
|
||
<script src="js/main.js"></script>
|
||
</body>
|
||
</html> |