new layout
This commit is contained in:
@@ -5,38 +5,15 @@ $lang = in_array($lang, ['de','en','it','fr']) ? $lang : 'en';
|
|||||||
|
|
||||||
// User-Dummy (später über Login ersetzen)
|
// User-Dummy (später über Login ersetzen)
|
||||||
$userInitials = null;
|
$userInitials = null;
|
||||||
|
|
||||||
|
// Seitentitel & Description für das Layout
|
||||||
|
$pageTitle = 'usbcheck.it – Test USB-Sticks';
|
||||||
|
$pageDescription = 'Prüfe deine USB-Sticks auf Geschwindigkeit, Integrität und mögliche Fakes – direkt im Browser.';
|
||||||
|
|
||||||
|
// Layout-Start (Head, Body, Header, <main>)
|
||||||
|
require __DIR__ . '/partials/layout_start.php';
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="<?= htmlspecialchars($lang) ?>">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<title>usbcheck.it – Test USB-Sticks</title>
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
|
|
||||||
<!-- Description -->
|
|
||||||
<meta name="description" content="Prüfe deine USB-Sticks auf Geschwindigkeit, Integrität und mögliche Fakes – direkt im Browser.">
|
|
||||||
|
|
||||||
<!-- Fonts -->
|
|
||||||
<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@300;400;500;600&family=Montserrat:wght@600;700;800&display=swap" rel="stylesheet">
|
|
||||||
|
|
||||||
<!-- Tailwind (Dev) -->
|
|
||||||
<script src="https://cdn.tailwindcss.com"></script>
|
|
||||||
|
|
||||||
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body class="bg-brand-bg text-brand-text font-sans antialiased scroll-smooth">
|
|
||||||
|
|
||||||
<div class="min-h-screen flex flex-col">
|
|
||||||
|
|
||||||
<!-- HEADER -->
|
|
||||||
<?php include __DIR__ . "/partials/header.php"; ?>
|
|
||||||
|
|
||||||
<!-- MAIN CONTENT -->
|
|
||||||
<main class="flex-1">
|
|
||||||
<!-- Hero -->
|
<!-- Hero -->
|
||||||
<section id="hero" class="relative overflow-hidden">
|
<section id="hero" class="relative overflow-hidden">
|
||||||
<div class="absolute inset-0 bg-[radial-gradient(circle_at_top,_rgba(56,189,248,0.18),_transparent_55%),radial-gradient(circle_at_bottom,_rgba(8,47,73,0.45),_transparent_60%)] pointer-events-none"></div>
|
<div class="absolute inset-0 bg-[radial-gradient(circle_at_top,_rgba(56,189,248,0.18),_transparent_55%),radial-gradient(circle_at_bottom,_rgba(8,47,73,0.45),_transparent_60%)] pointer-events-none"></div>
|
||||||
@@ -192,7 +169,7 @@ $userInitials = null;
|
|||||||
<!-- Small feature card -->
|
<!-- Small feature card -->
|
||||||
<div class="rounded-xl2 border border-brand-border bg-brand-surface/80 shadow-soft p-6 space-y-5">
|
<div class="rounded-xl2 border border-brand-border bg-brand-surface/80 shadow-soft p-6 space-y-5">
|
||||||
<h3 class="font-heading text-lg font-semibold text-white" data-i18n="how_side_title">
|
<h3 class="font-heading text-lg font-semibold text-white" data-i18n="how_side_title">
|
||||||
Free vs. Pro at a glance
|
Free vs Pro at a glance
|
||||||
</h3>
|
</h3>
|
||||||
<ul class="space-y-3 text-sm text-brand-muted">
|
<ul class="space-y-3 text-sm text-brand-muted">
|
||||||
<li class="flex gap-2">
|
<li class="flex gap-2">
|
||||||
@@ -427,13 +404,8 @@ $userInitials = null;
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
|
||||||
|
|
||||||
<!-- FOOTER -->
|
<?php
|
||||||
<?php include __DIR__ . "/partials/footer.php"; ?>
|
// Layout-Ende (Footer, Scripts, </body></html>)
|
||||||
|
require __DIR__ . '/partials/layout_end.php';
|
||||||
</div>
|
?>
|
||||||
|
|
||||||
<script src="/assets/js/lang.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|||||||
Reference in New Issue
Block a user