mirror of
https://github.com/Shik3i/KoalaSync.git
synced 2026-08-06 01:17:42 +00:00
KoalaDev
9cddac47ef
The drift clamp saturated after ~2600px, so nothing moved on long pages. The vertical drift now maps scroll progress (0..1 over the full document) onto the stalks' overscan, so the parallax runs end to end. Turn the background into a descent through the forest: god-ray light shafts and the canopy fade out while a dusk tint, thicker mist, the terracotta horizon glow and the fireflies fade in as you scroll down. Fireflies additionally wander organically (independent translate property composing with their scale pulse), and on hover-capable devices the bamboo layers tilt subtly toward the cursor. All layers animate transform/opacity only, rAF-throttled, reduced-motion safe. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
243 lines
15 KiB
HTML
243 lines
15 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="lang-en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Legal Notice | KoalaSync</title>
|
|
<link rel="preload" href="style.min.css" as="style">
|
|
<link rel="stylesheet" href="style.min.css">
|
|
<link rel="icon" type="image/webp" href="assets/NewLogoIcon_64.webp">
|
|
<link rel="canonical" href="https://sync.koalastuff.net/imprint">
|
|
<link rel="alternate" hreflang="en" href="https://sync.koalastuff.net/imprint">
|
|
<link rel="alternate" hreflang="de" href="https://sync.koalastuff.net/de/impressum">
|
|
<link rel="alternate" hreflang="x-default" href="https://sync.koalastuff.net/imprint">
|
|
<meta name="description" content="Legal Notice (Impressum) of KoalaSync - Contact information and operator details for the open-source video synchronization extension.">
|
|
<meta name="robots" content="index, follow">
|
|
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "BreadcrumbList",
|
|
"itemListElement": [
|
|
{ "@type": "ListItem", "position": 1, "name": "Home", "item": "https://sync.koalastuff.net/" },
|
|
{ "@type": "ListItem", "position": 2, "name": "Legal Notice", "item": "https://sync.koalastuff.net/imprint" }
|
|
]
|
|
}
|
|
</script>
|
|
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "WebPage",
|
|
"name": "Legal Notice",
|
|
"url": "https://sync.koalastuff.net/imprint",
|
|
"description": "Legal Notice (Impressum) of KoalaSync - Contact information and operator details for the open-source video synchronization extension.",
|
|
"inLanguage": "en",
|
|
"isPartOf": {
|
|
"@type": "WebSite",
|
|
"name": "KoalaSync",
|
|
"url": "https://sync.koalastuff.net/"
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<!-- Mobile Browser Theme Styling -->
|
|
<meta name="theme-color" content="#10190e">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
|
|
|
<script src="lang-init.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="bg-nature" aria-hidden="true">
|
|
<div class="bg-dusk-tint"></div>
|
|
<div class="bg-depth-day">
|
|
<div class="bg-godrays">
|
|
<span class="godray godray-1"></span>
|
|
<span class="godray godray-2"></span>
|
|
<span class="godray godray-3"></span>
|
|
</div>
|
|
<div class="bg-canopy"></div>
|
|
<span class="canopy-arc canopy-arc-1"></span>
|
|
<span class="canopy-arc canopy-arc-2"></span>
|
|
<span class="canopy-arc canopy-arc-3"></span>
|
|
<span class="canopy-arc canopy-arc-4"></span>
|
|
</div>
|
|
<div id="bamboo-far">
|
|
<span class="bamboo-stalk far-1"></span>
|
|
<span class="bamboo-stalk far-2"></span>
|
|
<span class="bamboo-stalk far-3"></span>
|
|
</div>
|
|
<div id="bamboo-near">
|
|
<div class="bamboo-stalk near-1">
|
|
<i class="bamboo-node node-1"></i>
|
|
<i class="bamboo-node node-2"></i>
|
|
<i class="bamboo-node node-3"></i>
|
|
<i class="bamboo-leaf leaf-1"></i>
|
|
<i class="bamboo-leaf leaf-2"></i>
|
|
</div>
|
|
<div class="bamboo-stalk near-2">
|
|
<i class="bamboo-node node-1"></i>
|
|
<i class="bamboo-node node-2"></i>
|
|
<i class="bamboo-node node-3"></i>
|
|
<i class="bamboo-leaf leaf-1"></i>
|
|
</div>
|
|
</div>
|
|
<span class="fall-leaf fall-leaf-1"><i></i></span>
|
|
<span class="fall-leaf fall-leaf-2"><i></i></span>
|
|
<span class="fall-leaf fall-leaf-3"><i></i></span>
|
|
<span class="fall-leaf fall-leaf-4"><i></i></span>
|
|
<span class="fall-leaf fall-leaf-5"><i></i></span>
|
|
<span class="fall-leaf fall-leaf-6"><i></i></span>
|
|
<span class="fall-leaf fall-leaf-7"><i></i></span>
|
|
<span class="fall-leaf fall-leaf-8"><i></i></span>
|
|
<span class="bg-grass bg-grass-1"></span>
|
|
<span class="bg-grass bg-grass-2"></span>
|
|
<span class="bg-grass bg-grass-3"></span>
|
|
<span class="bg-grass bg-grass-4"></span>
|
|
<div class="bg-depth-dusk">
|
|
<div class="bg-mist bg-mist-1"></div>
|
|
<div class="bg-mist bg-mist-2"></div>
|
|
<div class="bg-horizon"></div>
|
|
<span class="firefly firefly-1"></span>
|
|
<span class="firefly firefly-2"></span>
|
|
<span class="firefly firefly-3"></span>
|
|
<span class="firefly firefly-4"></span>
|
|
<span class="firefly firefly-5"></span>
|
|
<span class="firefly firefly-6"></span>
|
|
</div>
|
|
<div class="bg-light-sweep"></div>
|
|
<div class="bg-grain"></div>
|
|
</div>
|
|
|
|
<nav>
|
|
<div class="container nav-content">
|
|
<a href="./" class="logo-area" style="text-decoration: none;">
|
|
<img src="assets/NewLogoIcon.webp" alt="KoalaSync Logo" width="40" height="40">
|
|
<span>KoalaSync</span>
|
|
</a>
|
|
<div class="nav-links">
|
|
<a href="./" style="display: inline-flex; align-items: center; gap: 6px;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="width: 16px; height: 16px; display: block;"><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
|
|
<span>Home</span>
|
|
</a>
|
|
<a href="https://github.com/Shik3i/KoalaSync" target="_blank" rel="noopener" style="display: inline-flex; align-items: center; gap: 6px;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="16" height="16" aria-hidden="true" style="display: block;"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
|
|
GitHub
|
|
</a>
|
|
</div>
|
|
<div class="nav-right">
|
|
<div class="lang-select-container">
|
|
<select class="lang-dropdown" aria-label="Select Language">
|
|
<option value="en">🇬🇧 English</option>
|
|
<option value="de">🇩🇪 Deutsch</option>
|
|
<option value="fr">🇫🇷 Français</option>
|
|
<option value="es">🇪🇸 Español</option>
|
|
<option value="pt-BR">🇧🇷 Português (Brasil)</option>
|
|
<option value="ru">🇷🇺 Русский</option>
|
|
<option value="it">🇮🇹 Italiano</option>
|
|
<option value="pl">🇵🇱 Polski</option>
|
|
<option value="tr">🇹🇷 Türkçe</option>
|
|
<option value="nl">🇳🇱 Nederlands</option>
|
|
<option value="ja">🇯🇵 日本語</option>
|
|
<option value="ko">🇰🇷 한국어</option>
|
|
<option value="pt">🇵🇹 Português (Portugal)</option>
|
|
</select>
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="chevron-icon"><polyline points="6 9 12 15 18 9"/></svg>
|
|
</div>
|
|
<button class="hamburger" aria-label="Menu" aria-expanded="false">☰</button>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<main class="legal-content">
|
|
<div class="legal-card" data-reveal style="padding: 2rem;">
|
|
<div style="display: flex; justify-content: center;">
|
|
<img src="assets/KoalaImprintl.webp" alt="Cute Koala representing the legal notice page" class="legal-mascot" width="180" height="180">
|
|
</div>
|
|
<h1>Legal Notice</h1>
|
|
<p style="text-align: center; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.8rem; border-bottom: 1px solid var(--glass-border); padding-bottom: 1.5rem; margin-bottom: 2rem;">
|
|
Contact & Project Information
|
|
</p>
|
|
|
|
<section>
|
|
<h2>Operator & Contact</h2>
|
|
<p>Timo Schmidt</p>
|
|
<p style="margin-top: 0.5rem;">
|
|
E-Mail: <span class="email-reveal" data-user="koalasync" data-domain="koalastuff.net" style="color: var(--accent); cursor: pointer; text-decoration: underline;">[Show Email]</span>
|
|
</p>
|
|
<p style="margin-top: 0.75rem;">
|
|
<span style="opacity: 0.6;">🔒 Private message:</span>
|
|
<a href="https://mastodon.social/@koalastuff" rel="me noopener" target="_blank" style="color: var(--accent); text-decoration: none;">@koalastuff on Mastodon</a>
|
|
</p>
|
|
<p style="margin-top: 0.5rem;">
|
|
<span style="opacity: 0.6;">🐛 Bug reports and security concerns:</span>
|
|
<a href="https://github.com/Shik3i/KoalaSync/issues" target="_blank" rel="noopener" style="color: var(--accent); text-decoration: none;">GitHub Issues</a>
|
|
</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Project Information</h2>
|
|
<p>
|
|
KoalaSync is a free and open-source browser extension. The source code is available on GitHub under the MIT License.
|
|
</p>
|
|
<p style="margin-top: 0.5rem;">
|
|
For privacy-related information, including hosting, access logs, relay behavior, and data subject rights, please see the <a href="privacy" style="color: var(--accent); text-decoration: none;">Privacy Policy</a>.
|
|
</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Liability for Content</h2>
|
|
<p>
|
|
The contents of this website were created with care. However, I cannot guarantee that all information is always complete, accurate, or up to date.
|
|
</p>
|
|
<p style="margin-top: 0.5rem;">
|
|
As a service provider, I am responsible for my own content on these pages in accordance with the general laws.
|
|
</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Liability for Links</h2>
|
|
<p>
|
|
This website contains links to external third-party websites. I have no influence over the content of those websites. The respective provider or operator is responsible for the content of linked pages.
|
|
</p>
|
|
<p style="margin-top: 0.5rem;">
|
|
If I become aware of unlawful content on linked pages, I will remove the corresponding links.
|
|
</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>License & Copyright</h2>
|
|
<p>
|
|
KoalaSync is free and open-source software. Unless otherwise stated, the KoalaSync source code is licensed under the MIT License.
|
|
</p>
|
|
<p style="margin-top: 0.5rem;">
|
|
The MIT License allows use, copying, modification, distribution, sublicensing, and sale of the software, provided that the copyright notice and license text are included where required by the license.
|
|
</p>
|
|
<p style="margin-top: 0.5rem;">
|
|
Project name, logos, graphics, website text, and other non-code assets may be subject to separate rights unless they are explicitly included under the repository license.
|
|
</p>
|
|
</section>
|
|
</div>
|
|
</main>
|
|
|
|
<footer>
|
|
<div class="container">
|
|
<p>© 2026 KoalaSync. Open source under the MIT License.</p>
|
|
<p style="font-size: 0.8rem; margin-top: 0.5rem;">No relay logs. No tracking. Website access logs are deleted after 7 days.</p>
|
|
<div style="margin-top: 1.5rem; font-size: 0.8rem; display: flex; justify-content: center; align-items: center; gap: 1.5rem; flex-wrap: wrap;">
|
|
<a href="imprint" style="color: var(--text-muted); text-decoration: none;">Legal Notice</a>
|
|
<a href="privacy" style="color: var(--text-muted); text-decoration: none;">Privacy Policy</a>
|
|
<a href="alternatives">Guides & comparisons</a>
|
|
<a href="https://mastodon.social/@koalastuff" rel="me noopener" target="_blank" style="color: var(--text-muted); text-decoration: none; display: inline-flex; align-items: center; gap: 4px;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="14" height="14" aria-hidden="true" style="display: block;"><path d="M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z"/></svg>
|
|
Mastodon
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="app.min.js"></script>
|
|
</body>
|
|
</html>
|