Glava - menjaj barvo, naslov pri strani manifest

nuxt/app.vue

@@ -9,6 +9,9 @@
 
 <style>
 
-
+.body {
+  position: relative;
+  z-index: 50;
+}
 
 </style>

nuxt/components/Glava.vue

@@ -1,12 +1,21 @@
+<script setup="setup">
+const route = useRoute()
+
+const pot = computed(() => route.path)
+const naManifestu = computed(() => route.path.indexOf('/pojmi') === 0)
+</script>
+
 <template>
-    <section class="glava">
+    <section class="glava" :class="{ manifest: naManifestu }">
       <ul class="meni">
           <li><NuxtLink to="/">Domov</NuxtLink></li>
           <li><NuxtLink to="/pojmi">Manifest</NuxtLink></li>
           <li><NuxtLink to="https://yugofuturism.kompot.si/user" target="_blank">admin</NuxtLink></li>
       </ul>
       <img src="/images/zvezda.png">
-        <h1>JUGOFUTURIZEM</h1>
+
+      <h1 v-if="naManifestu">MANIFEST</h1>
+      <h1 v-else>JUGOFUTURIZEM</h1>
     </section>
 </template>
 
@@ -19,10 +28,14 @@
   justify-content: center;
   align-items: center;
 }
+.glava.manifest {
+  background: var(--rdeca)
+}
 
 h1 {
   font-family: Trailers;
   font-size: 5rem;
+  z-index: 50;
 }
 
 img {
@@ -30,7 +43,7 @@ img {
   top: 0;
   left: 0;
   width: 100%;
-  z-index: -1;
+  z-index: 10;
 }
 
 .meni {
@@ -41,6 +54,7 @@ img {
   display: flex;
   margin: 0;
   justify-content: space-between;
+  z-index: 100;
 }
 
 .meni a {

nuxt/pages/index.vue

@@ -1,5 +1,6 @@
 <script setup="setup">
 const store = useStraniStore()
+
 const stran = computed(() => store.strani['YuFu'])
 useHead({meta: [{title: "jugofuturizem"}]})
 
@@ -14,6 +15,7 @@ await store.naloziStrani()
   :root {
     --siva: #D9D9D9;
     --bela: #fff;
+    --rdeca: #f00;
   }
 
   body {