glava styles 1

nuxt/components/Glava.vue

@@ -1,5 +1,6 @@
 <script setup="setup">
   const api = useApi()
+  const head = useHead()
 
   onMounted(() => {
     if (window) {
@@ -10,11 +11,47 @@
 
 <template>
     <section class="glava">
-        <h1>YUFU</h1>
+      <ul class="meni">
-        <ul class="meni">
+          <li><NuxtLink to="/">Domov</NuxtLink></li>
-            <li><NuxtLink to="/">Domov</NuxtLink></li>
+          <li><NuxtLink to="/pojmi">Manifest</NuxtLink></li>
-            <li><NuxtLink to="/pojmi">Manifest</NuxtLink></li>
+          <li><NuxtLink to="https://yugofuturism.kompot.si/user" target="_blank">admin</NuxtLink></li>
-            <li><NuxtLink to="https://yugofuturism.kompot.si/user" target="_blank">admin</NuxtLink></li>
+      </ul>
-        </ul>
+      <img src="../public/images/zvezda.png">
+        <h1> {{ head }} </h1>
     </section>
 </template>
+
+<style scoped>
+ .glava {
+  height: 100vh;
+  width: 100%;
+ }
+
+ img {
+  width: 100%;
+ }
+
+ .meni {
+  margin: 0;
+  width: 100%;
+}
+.meni a {
+  text-decoration: none;
+  text-transform: uppercase;
+  font-weight: bold;
+}
+
+ ul {
+  list-style: none;
+  padding: 0%;
+  width: 100%;
+}
+
+@media screen (min-width: 480px) {
+  .meni{
+    
+  }  
+}
+
+
+</style>

nuxt/pages/index.vue

@@ -1,6 +1,7 @@
 <script setup="setup">
 const store = useStraniStore()
 const stran = computed(() => store.strani['YuFu'])
+useHead({meta: [{title: "jugofuturizem"}]})
 
 await store.naloziStrani()
 </script>

nuxt/public/css/stajl.css

@@ -1,10 +1,10 @@
 body {
   margin: 0;
   padding: 1rem;
+  display: flex;
 }
 
 .yufu {
-  max-width: 500px;
   margin-left: auto;
   margin-right: auto;
 }

web/sites/default/settings.php

@@ -777,3 +777,5 @@ if (file_exists(__DIR__ . '/settings.ddev.php') && getenv('IS_DDEV_PROJECT') ==
 if (file_exists($app_root . '/' . $site_path . '/settings.local.php')) {
   include $app_root . '/' . $site_path . '/settings.local.php';
 }
+
+include $app_root."/sites/settings.local.php";