ltth.app/thank-you.html at main · Loggableim/ltth.app · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>

<html data-lang="de" lang="de">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<meta content="Vielen Dank für deine Spende! Du unterstützt die Entwicklung von PupCid's Little TikTool Helper." name="description"/>
<title data-i18n="website.thank-you.text.001">Vielen Dank! - PupCid's Little TikTool Helper</title>
<link href="/assets/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"/>
<link href="/assets/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"/>
<link href="/assets/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>
<link href="/manifest.json" rel="manifest"/>
<meta content="#12a116" name="theme-color"/>
<!-- Hreflang Tags for Language Alternates -->
<link href="https://ltth.app/thank-you.html" hreflang="de" rel="alternate"/>
<link href="https://ltth.app/thank-you-en.html" hreflang="en" rel="alternate"/>
<link href="https://ltth.app/thank-you-fr.html" hreflang="fr" rel="alternate"/>
<link href="https://ltth.app/thank-you-es.html" hreflang="es" rel="alternate"/>
<link href="https://ltth.app/thank-you.html" hreflang="x-default" rel="alternate"/>
<link href="https://ltth.app/thank-you.html" rel="canonical"/>
<link href="/css/main.css" rel="stylesheet"/>
<link href="/css/layout.css?v=mobile-20260713d" rel="stylesheet"/>
<style>
        .celebration {
            animation: celebrate 1s ease-in-out;
        }
        @keyframes celebrate {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.1); }
        }
        .heart-float {
            animation: heartFloat 3s ease-in-out infinite;
        }
        @keyframes heartFloat {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }
    </style>
    <link rel="stylesheet" href="/css/site-v2.css?v=mobile-20260713d">
</head>
<body class="site-v2">
<a class="skip-to-content" data-i18n="thank-you.a.1" href="#main-content">Skip to main content</a>
<section class="hero" id="main-content">
<div class="container">
<div class="celebration">
<h1 class="hero-title text-center">🎉 <span class="hero-highlight" data-i18n="thank-you.span.3">Vielen Dank!</span> 🎉</h1>
<p class="hero-description text-center" data-i18n="thank-you.hero.description" style="max-width: 700px; margin-left: auto; margin-right: auto;">
                    Deine Unterstützung bedeutet mir unglaublich viel!
                </p>
</div>
</div>
</section>
<section>
<div class="container">
<div style="max-width: 700px; margin: 0 auto;">
<div style="background: var(--color-surface); padding: var(--space-10); border-radius: var(--radius-xl); border: 1px solid var(--color-border); text-align: center;">
<div class="heart-float" style="width: 120px; height: 120px; background: linear-gradient(135deg, var(--color-primary) 0%, #0f8f18 100%); color: white; border-radius: var(--radius-full); display: flex; align-items: center; justify-content: center; margin: 0 auto var(--space-8); font-size: 4rem; box-shadow: 0 10px 30px rgba(18, 161, 22, 0.3);">
                        ❤️
                    </div>
<h2 data-i18n="thank-you.h2.5" style="margin-bottom: var(--space-6); font-size: 2rem;">Du bist großartig!</h2>
<p data-i18n="thank-you.p.6" style="color: var(--color-text-secondary); margin-bottom: var(--space-6); font-size: 1.2rem; line-height: 1.8;">
                        Deine Spende hilft mir dabei, PupCid's Little TikTool Helper weiterzuentwickeln
                        und neue Features für die Community zu erstellen.
                    </p>
<div style="background: rgba(18, 161, 22, 0.1); border: 2px solid var(--color-primary); border-radius: var(--radius-lg); padding: var(--space-6); margin-bottom: var(--space-8);">
<p style="color: var(--color-text); font-size: 1.1rem; margin: 0;">
<strong data-i18n="thank-you.p.7">🚀 Was als Nächstes kommt:</strong>
</p>
<p data-i18n="thank-you.p.8" data-i18n-html style="color: var(--color-text-secondary); margin-top: var(--space-3); margin-bottom: 0;">
                            Schau dir die <a data-i18n="thank-you.a.9" href="/roadmap.html" style="color: var(--color-primary); text-decoration: underline;">Roadmap</a> an,
                            um zu sehen, welche Features ich als Nächstes plane. Dein Feedback ist immer willkommen!
                        </p>
</div>
<div style="margin-bottom: var(--space-8);">
<h3 data-i18n="thank-you.h3.10" style="margin-bottom: var(--space-4);">Bleib in Verbindung</h3>
<div style="display: flex; gap: var(--space-4); justify-content: center; flex-wrap: wrap;">
<a class="btn btn-primary" data-i18n="thank-you.a.11" href="https://discord.gg/qazznedY8g" rel="noopener" target="_blank">
                                💬 Discord beitreten
                            </a>
<a class="btn btn-secondary" data-i18n="thank-you.a.12" href="https://github.com/Loggableim/ltth.app" rel="noopener" target="_blank">
                                ⭐ GitHub ansehen
                            </a>
</div>
</div>
<div style="border-top: 1px solid var(--color-border); padding-top: var(--space-6);">
<p data-i18n="thank-you.p.13" style="color: var(--color-text-secondary); font-size: 1rem;">
                            Du kannst jetzt mit dem Tool weitermachen oder die neuesten Updates erkunden.
                        </p>
<div style="margin-top: var(--space-4); display: flex; gap: var(--space-4); justify-content: center; flex-wrap: wrap;">
<a class="btn btn-secondary" data-i18n="thank-you.a.14" href="/">Zur Startseite</a>
<a class="btn btn-secondary" data-i18n="thank-you.a.15" href="/changelog.html">Changelog ansehen</a>
<a class="btn btn-primary" data-i18n="thank-you.a.16" href="/download.html">Download</a>
</div>
</div>
</div>
<div style="text-align: center; margin-top: var(--space-8);">
<p style="color: var(--color-text-secondary); font-size: 1.2rem;">
<strong data-i18n="thank-you.p.17">Nochmals vielen Dank! 🙏✨</strong>
</p>
<p data-i18n="thank-you.p.18" style="color: var(--color-text-secondary); margin-top: var(--space-3);">
                        - Loggableim (PupCid's Little TikTool Helper Team)
                    </p>
</div>
</div>
</div>
</section>
<script src="/js/main.js"></script>
<script src="/js/i18n.js"></script>
<script src="/js/layout.js?v=mobile-20260713d"></script>
<script>
        document.addEventListener('DOMContentLoaded', async () => {
            if (window.LTTHLayout) await LTTHLayout.init();
            if (window.I18n) I18n.init(window.__ltthLang || 'de');
        });
    </script>
</body>
</html>