hat

frontend/app/components/parts/MinimalHeader.vue

@@ -1,71 +0,0 @@
-<script lang="js" setup>
-import HeaderLinks from './HeaderLinks.vue';
-import SiteOptions from './site_options/SiteOptions.vue';
-</script>
-
-<template>
-  <div class="tui-minimalbar">
-    <div class="minimal-inner">
-        <div class="left">
-            <span class="sticky-title" aria-hidden="true">◆ ARANROIG.COM</span>
-            <HeaderLinks />
-        </div>
-        <SiteOptions />
-    </div>
-  </div>
-  <div style="height: 80px"></div>
-</template>
-
-<style lang="scss" scoped>
-.tui-minimalbar {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 1000;
-
-  background: var(--color-sticky-header-bg);
-  backdrop-filter: blur(8px);
-  box-shadow: 0 4px 0px 0px var(--color-container-shadow);
-}
-
-.minimal-inner {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 1rem;
-  padding: 6px 24px;
-
-  @media screen and (max-width: 900px) {
-      padding: 5px 16px;
-  }
-
-  @media screen and (max-width: 600px) {
-      padding: 4px 12px;
-      gap: 0.5rem;
-  }
-}
-
-.left {
-  display: flex;
-  align-items: center;
-  gap: 1rem;
-  
-  @media screen and (max-width: 600px) {
-    gap: 0.5rem;
-  }
-}
-
-.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>

frontend/app/components/parts/PageHeader.vue

@@ -1,107 +0,0 @@
-<script setup lang="ts">
-import HeaderLinks from './HeaderLinks.vue';
-import SiteOptions from './site_options/SiteOptions.vue';
-import StickyHeader from './StickyHeader.vue';
-
-const asciiLines = [
-  "░█▀█░█▀▄░█▀█░█▀█░█▀▄░█▀█░▀█▀░█▀▀",
-  "░█▀█░█▀▄░█▀█░█░█░█▀▄░█░█░░█░░█░█",
-  "░▀░▀░▀░▀░▀░▀░▀░▀░▀░▀░▀▀▀░▀▀▀░▀▀▀"
-];
-
-const revealedLines = ref<number>(0);
-let asciiTimer: ReturnType<typeof setInterval> | null = null;
-const HAS_ANIMATED_KEY = 'ascii-animated';
-
-function startAsciiAnimation() {
-  if (sessionStorage.getItem(HAS_ANIMATED_KEY)) {
-    revealedLines.value = asciiLines.length;
-    return;
-  }
-
-  const delay = 400;
-  let count = 0;
-  
-  asciiTimer = setInterval(() => {
-    count++;
-    revealedLines.value = count;
-    if (count >= asciiLines.length) {
-      clearInterval(asciiTimer!);
-      asciiTimer = null;
-      sessionStorage.setItem(HAS_ANIMATED_KEY, '1');
-    }
-  }, delay);
-}
-
-onMounted(() => {
-  startAsciiAnimation();
-});
-
-onBeforeUnmount(() => {
-  if (asciiTimer) clearInterval(asciiTimer);
-});
-</script>
-
-<template>
-    <div class="header">
-        <div class="container">
-            <div class="header-container website">
-                <pre v-if="revealedLines > 0" class="ascii-title" aria-hidden="true">{{ asciiLines.slice(0, revealedLines).join('\n') }}</pre>
-                <HeaderLinks></HeaderLinks>
-            </div>
-        </div>
-        <div class="header-container">
-        </div>
-        <div class="container">
-            <SiteOptions></SiteOptions>
-        </div>
-    </div>
-    <StickyHeader></StickyHeader>
-</template>
-
-<style lang="scss" scoped>
-.header {
-    position: relative;
-    margin-top: 30px;
-    user-select: none;
-    display: flex;
-    justify-content: space-between;
-}
-
-.header-container {
-    &.website {
-        display: flex;
-        flex-direction: column;
-        gap: 8px;
-
-        @media screen and (max-width: 600px) {
-            margin-top: 20px;
-        }
-    }
-}
-
-.header-container {
-    position:relative;
-    margin-bottom: 20px;
-}
-
-.ascii-title {
-    font-family: 'Hurmit', monospace;
-    color: var(--color-link);
-    text-shadow: 0 0 8px var(--color-link), 0 0 4px var(--color-link);
-    font-size: clamp(0.35rem, 1.2vw, 0.65rem);
-    line-height: 1;
-    letter-spacing: -0.1ch;
-    margin: 0;
-    white-space: pre;
-    min-height: clamp(1.05rem, 3.6vw, 1.95rem);
-}
-
-@media screen and (max-width: 600px) {
-    .ascii-title {
-        font-size: clamp(0.28rem, 1.8vw, 0.5rem);
-        line-height: 1;
-        letter-spacing: -0.1ch;
-    }
-}
-</style>