adasd

partials/landing/main/material-matrix.php

@@ -1,15 +1,18 @@
 <?php
 $app = app();
-$app->assets()->addStyle('/assets/app.css', 'early');
-$app->assets()->addScript('/assets/app.js', 'footer', true);
+$app->assets()->addStyle('/assets/css/app.css', 'early');
+$app->assets()->addScript('/assets/js/app.js', 'footer', true);
 ?>
 
 <section class="mm-shell">
   <header class="mm-header">
-    <div>
-      <p class="mm-kicker">Materialmatrix</p>
-      <h1 class="mm-title"><?= htmlspecialchars(t('common.title'), ENT_QUOTES) ?></h1>
-      <p class="mm-subtitle">Schnell prüfen, welche Filamente auf welchen Druckern laufen.</p>
+    <div class="mm-brand">
+      <img class="mm-logo" src="/assets/bilder/logo.png" alt="Logo">
+      <div>
+        <p class="mm-kicker">Materialmatrix</p>
+        <h1 class="mm-title"><?= htmlspecialchars(t('common.title'), ENT_QUOTES) ?></h1>
+        <p class="mm-subtitle">Schnell prüfen, welche Filamente auf welchen Druckern laufen.</p>
+      </div>
     </div>
     <div class="mm-status" id="status">Bereit</div>
   </header>

public/assets/css/app.css

@@ -42,6 +42,22 @@
   margin-bottom: 2rem;
 }
 
+.mm-brand {
+  display: flex;
+  align-items: center;
+  gap: 1.25rem;
+}
+
+.mm-logo {
+  width: 54px;
+  height: 54px;
+  object-fit: contain;
+  border-radius: 14px;
+  background: #fff;
+  border: 1px solid var(--line);
+  box-shadow: 0 8px 20px rgba(16, 16, 24, 0.08);
+}
+
 .mm-kicker {
   text-transform: uppercase;
   letter-spacing: 0.2em;
@@ -303,4 +319,5 @@
 @media (max-width: 720px) {
   .mm-shell { padding: 2rem 1.25rem 3rem; }
   .mm-header { flex-direction: column; align-items: flex-start; }
+  .mm-brand { flex-direction: column; align-items: flex-start; }
 }