From 8ebf402c5929108857186ba57255e6c101f2167f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jurij=20Podgor=C5=A1ek?= <jurij@kompot.si>
Date: Mon, 15 Jan 2024 14:36:39 +0100
Subject: [PATCH] Glava - menjaj barvo, naslov pri strani manifest

---
 nuxt/app.vue              |  5 ++++-
 nuxt/components/Glava.vue | 20 +++++++++++++++++---
 nuxt/pages/index.vue      |  2 ++
 3 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/nuxt/app.vue b/nuxt/app.vue
index 00aee22..76d1c8a 100644
--- a/nuxt/app.vue
+++ b/nuxt/app.vue
@@ -9,6 +9,9 @@
 
 <style>
 
-
+.body {
+  position: relative;
+  z-index: 50;
+}
 
 </style>
diff --git a/nuxt/components/Glava.vue b/nuxt/components/Glava.vue
index 002482c..4871039 100644
--- a/nuxt/components/Glava.vue
+++ b/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 {
diff --git a/nuxt/pages/index.vue b/nuxt/pages/index.vue
index 79144d9..67af835 100644
--- a/nuxt/pages/index.vue
+++ b/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 {