fakecheck

This commit is contained in:
2025-11-24 01:05:41 +01:00
parent f3cd26ba89
commit 09ab7bad59
5 changed files with 43 additions and 26 deletions

View File

@@ -18,8 +18,9 @@ $planLabel = [
'enterprise' => 'Enterprise',
][$plan] ?? ucfirst($plan ?: 'Free');
?>
<section id="dashboard" class="border-t border-brand-border/70 bg-brand-primarySoft/10">
<div class="mx-auto max-w-6xl px-4 sm:px-6 lg:px-8 py-16 sm:py-20 space-y-8">
<section id="dashboard" class="section-band section-band--soft border-t border-brand-border/60 py-16 sm:py-20">
<div class="px-4 sm:px-6 lg:px-8">
<div class="section-shell space-y-10">
<!-- Begrüßung & Plan -->
<div class="flex flex-col md:flex-row md:items-center md:justify-between gap-6">
@@ -27,7 +28,7 @@ $planLabel = [
<p class="text-xs font-heading font-semibold tracking-[0.3em] uppercase text-brand-primary" data-i18n="dashboard_kicker">
Dashboard
</p>
<h1 class="font-heading text-2xl sm:text-3xl font-bold text-white" data-i18n="dashboard_title">
<h1 class="font-heading text-2xl sm:text-3xl font-bold text-brand-text" data-i18n="dashboard_title">
Willkommen<?= $firstName ? ', ' . htmlspecialchars($firstName) : '' ?>!
</h1>
<p class="text-sm sm:text-base text-brand-muted max-w-2xl" data-i18n="dashboard_intro">
@@ -51,8 +52,8 @@ $planLabel = [
<div class="grid gap-6 md:grid-cols-3">
<!-- Letzte Tests -->
<div class="rounded-xl2 border border-brand-border bg-brand-surface/80 p-5 shadow-soft flex flex-col">
<h2 class="font-heading text-lg font-semibold text-white mb-2" data-i18n="dashboard_card_tests_title">
<div class="card-frame card-frame--soft flex flex-col">
<h2 class="font-heading text-lg font-semibold text-brand-text mb-2" data-i18n="dashboard_card_tests_title">
Letzte Tests
</h2>
<p class="text-sm text-brand-muted mb-4" data-i18n="dashboard_card_tests_text">
@@ -67,8 +68,8 @@ $planLabel = [
</div>
<!-- Geräte / USB-Sticks -->
<div class="rounded-xl2 border border-brand-border bg-brand-surface/80 p-5 shadow-soft flex flex-col">
<h2 class="font-heading text-lg font-semibold text-white mb-2" data-i18n="dashboard_card_devices_title">
<div class="card-frame card-frame--soft flex flex-col">
<h2 class="font-heading text-lg font-semibold text-brand-text mb-2" data-i18n="dashboard_card_devices_title">
Deine USB-Geräte
</h2>
<p class="text-sm text-brand-muted mb-4" data-i18n="dashboard_card_devices_text">
@@ -83,8 +84,8 @@ $planLabel = [
</div>
<!-- Pro-Modus / Nächste Schritte -->
<div class="rounded-xl2 border border-brand-border bg-brand-surface/80 p-5 shadow-soft flex flex-col">
<h2 class="font-heading text-lg font-semibold text-white mb-2" data-i18n="dashboard_card_next_title">
<div class="card-frame flex flex-col">
<h2 class="font-heading text-lg font-semibold text-brand-text mb-2" data-i18n="dashboard_card_next_title">
Nächste Schritte
</h2>
<p class="text-sm text-brand-muted mb-4" data-i18n="dashboard_card_next_text">
@@ -105,4 +106,5 @@ $planLabel = [
</div>
</div>
</div>
</div>
</section>

View File

@@ -1,13 +1,14 @@
<section id="hero" class="relative overflow-hidden border-b border-brand-border/70">
<div class="absolute inset-0 bg-[radial-gradient(circle_at_top,_rgba(8,47,73,0.45),_transparent_60%)] pointer-events-none"></div>
<section id="hero" class="hero-section relative overflow-hidden border-b border-brand-border/70">
<div class="absolute inset-0 bg-[radial-gradient(circle_at_top,_rgba(8,47,73,0.35),_transparent_60%)] pointer-events-none"></div>
<div class="relative mx-auto max-w-6xl px-4 sm:px-6 lg:px-8 py-14 sm:py-20 flex flex-col lg:flex-row gap-10 items-center">
<div class="relative px-4 sm:px-6 lg:px-8 py-14 sm:py-20">
<div class="section-shell hero-shell items-center">
<!-- Left: Text -->
<div class="flex-1 space-y-6">
<div class="hero-copy space-y-6">
<p class="text-xs font-heading font-semibold tracking-[0.3em] uppercase text-brand-primary" data-i18n="fake_hero_kicker">
FakeCheck Browser-Modus
</p>
<h1 class="font-heading text-3xl sm:text-4xl md:text-5xl font-extrabold tracking-tight text-white" data-i18n="fake_hero_title">
<h1 class="font-heading text-3xl sm:text-4xl md:text-5xl font-extrabold tracking-tight text-brand-text" data-i18n="fake_hero_title">
Ist mein USB-Stick fake?
</h1>
<p class="text-base sm:text-lg text-brand-muted max-w-xl" data-i18n="fake_hero_lead">
@@ -35,9 +36,9 @@
</div>
<!-- Right: Explainer -->
<div class="flex-1 max-w-md w-full">
<div class="rounded-2xl border border-brand-border bg-brand-surface/80 p-5 sm:p-6 shadow-soft space-y-4">
<h2 class="font-heading text-lg sm:text-xl font-semibold text-white" data-i18n="fake_box_title">
<div class="hero-preview w-full">
<div class="card-frame card-frame--soft space-y-4">
<h2 class="font-heading text-lg sm:text-xl font-semibold text-brand-text" data-i18n="fake_box_title">
Was der Browser-Test leisten kann
</h2>
<ul class="space-y-3 text-sm text-brand-muted">
@@ -72,4 +73,6 @@
</div>
</div>
</div>
</div>
</div>
</section>

View File

@@ -1,7 +1,9 @@
<?php
// fakecheck.php Template für das Browser-Test-Tool im Bereich /fakecheck
?>
<section class="fc-container" id="fakecheck-tool">
<section class="section-band section-band--soft border-t border-brand-border/60 py-12 sm:py-16" id="fakecheck-tool">
<div class="px-4 sm:px-6 lg:px-8">
<div class="section-shell fc-container">
<div class="fc-header">
<div class="fc-header-text">
<h2>Browser-basierter USB-Test</h2>
@@ -171,4 +173,6 @@
</p>
</aside>
</div>
</div>
</div>
</section>

View File

@@ -15,13 +15,14 @@ if ($flash && !empty($flash['context']) && in_array($flash['context'], ['login',
$authView = $flash['context'];
}
?>
<section id="auth" class="border-t border-brand-border/70 bg-brand-primarySoft/20">
<div class="mx-auto max-w-xl px-4 sm:px-6 lg:px-8 py-16 sm:py-20">
<section id="auth" class="section-band section-band--reverse border-t border-brand-border/60 py-16 sm:py-20">
<div class="px-4 sm:px-6 lg:px-8">
<div class="section-shell w-full max-w-2xl mx-auto">
<div class="mb-8 text-center space-y-3">
<p class="text-xs font-heading font-semibold tracking-[0.3em] uppercase text-brand-primary" data-i18n="auth_kicker">
Account &amp; Login
</p>
<h1 class="font-heading text-2xl sm:text-3xl font-bold text-white" data-i18n="auth_title">
<h1 class="font-heading text-2xl sm:text-3xl font-bold text-brand-text" data-i18n="auth_title">
Melde dich bei USBCheck an
</h1>
<p class="text-sm sm:text-base text-brand-muted max-w-2xl mx-auto" data-i18n="auth_intro">
@@ -66,8 +67,8 @@ if ($flash && !empty($flash['context']) && in_array($flash['context'], ['login',
<!-- Login Panel -->
<div
id="authPanelLogin"
class="rounded-xl2 border border-brand-border bg-brand-surface/90 shadow-soft p-6 space-y-5 <?= $authView !== 'login' ? 'hidden' : ''; ?>">
<h2 class="font-heading text-lg font-semibold text-white" data-i18n="auth_login_title">
class="card-frame card-frame--soft space-y-5 <?= $authView !== 'login' ? 'hidden' : ''; ?>">
<h2 class="font-heading text-lg font-semibold text-brand-text" data-i18n="auth_login_title">
Login
</h2>
<p class="text-sm text-brand-muted" data-i18n="auth_login_text">
@@ -131,8 +132,8 @@ if ($flash && !empty($flash['context']) && in_array($flash['context'], ['login',
<!-- Register Panel -->
<div
id="authPanelRegister"
class="rounded-xl2 border border-brand-border bg-brand-surface/80 shadow-soft p-6 space-y-5 <?= $authView !== 'register' ? 'hidden' : ''; ?>">
<h2 class="font-heading text-lg font-semibold text-white" data-i18n="auth_register_title">
class="card-frame space-y-5 <?= $authView !== 'register' ? 'hidden' : ''; ?>">
<h2 class="font-heading text-lg font-semibold text-brand-text" data-i18n="auth_register_title">
Kostenlos registrieren
</h2>
<p class="text-sm text-brand-muted" data-i18n="auth_register_text">
@@ -207,4 +208,5 @@ if ($flash && !empty($flash['context']) && in_array($flash['context'], ['login',
</div>
</div>
</div>
</div>
</section>

View File

@@ -26,8 +26,14 @@ $lang = in_array($lang, ['de','en','it','fr']) ? $lang : 'en';
// Basis-URL für Reports
$baseUrl = "https://usbcheck.it";
?>
if (function_exists('tpl_add_script')) {
tpl_add_script('/assets/js/fakecheck.js', 'footer', true, false, '', null);
}
if (function_exists('tpl_add_style')) {
tpl_add_style('/assets/css/fakecheck.css', 'header');
}
?>
<?php tpl('layout_start', 'structure'); ?>
<?php tpl('hero', 'landing', 'fakecheck'); ?>