A lot of AI slop

frontend/app/components/parts/MinimalHeader.vue

@@ -4,46 +4,45 @@ import SiteOptions from './site_options/SiteOptions.vue';
 </script>
 
 <template>
-  <div class="sticky-header">
-    <div class="container">
-      <div class="sticky-header-inner">
+  <div class="tui-minimalbar">
+    <div class="minimal-inner">
         <div class="left">
-          <h1>ARANROIG.COM</h1>
-          <HeaderLinks />
+            <span class="sticky-title" aria-hidden="true">◆ ARANROIG.COM</span>
+            <HeaderLinks />
         </div>
         <SiteOptions />
-      </div>
     </div>
   </div>
   <div style="height: 80px"></div>
 </template>
 
 <style lang="scss" scoped>
-.sticky-header {
+.tui-minimalbar {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   z-index: 1000;
 
-  background: var(--color-sticky-header-bg, #fff);
-  border-bottom: 1px solid var(--color-sticky-header-border, rgba(0, 0, 0, 0.08));
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
-  backdrop-filter: blur(10px);
+  background: var(--color-sticky-header-bg);
+  backdrop-filter: blur(8px);
+  box-shadow: 0 4px 0px 0px var(--color-container-shadow);
 }
 
-.sticky-header-inner {
+.minimal-inner {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 1rem;
-  padding: 10px 0;
+  padding: 6px 24px;
 
-  h1 {
-    margin: 0;
-    font-size: inherit;
-    white-space: nowrap;
-    font-weight: normal;
+  @media screen and (max-width: 900px) {
+      padding: 5px 16px;
+  }
+
+  @media screen and (max-width: 600px) {
+      padding: 4px 12px;
+      gap: 0.5rem;
   }
 }
 
@@ -51,6 +50,22 @@ import SiteOptions from './site_options/SiteOptions.vue';
   display: flex;
   align-items: center;
   gap: 1rem;
-  margin-left: 30px;
+  
+  @media screen and (max-width: 600px) {
+    gap: 0.5rem;
+  }
 }
-</style>
+
+.sticky-title {
+  font-family: 'Hurmit', monospace;
+  font-size: 0.8rem;
+  color: var(--color-text);
+  letter-spacing: 1px;
+  white-space: nowrap;
+  
+  @media screen and (max-width: 900px) {
+    font-size: 0.75rem;
+  }
+}
+
+</style>