- added NcModal.vue, NcActions.vue, NcButton.vue, FirstrunWizard.vue, Card.vue, Page0.vue, Page1.vue, Page2.vue, Page3.vue and some icons

- added lime color inside tailwind.config.js
- added some utilities scripts needed for components
- npm updates
- changed postcss.config.js for nesting css styles
- added about function to NavBar.vue

resources/js/Components/NavBar.vue

@@ -27,7 +27,8 @@ import {
     mdiGithub,
     mdiThemeLightDark,
     mdiViewDashboard,
-    mdiMapSearch 
+    mdiMapSearch,
+    mdiInformationVariant,
 } from '@mdi/js';
 import NavBarItem from '@/Components/NavBarItem.vue';
 import NavBarItemLabel from '@/Components/NavBarItemLabel.vue';
@@ -38,8 +39,8 @@ import BaseIcon from '@/Components/BaseIcon.vue';
 // import NavBarSearch from '@/Components/NavBarSearch.vue';
 import { stardust } from '@eidellev/adonis-stardust/client';
 import type { User } from '@/Dataset';
-// import FirstrunWizard from '@/Components/FirstrunWizard/FirstrunWizard.vue'
-import Lock from 'vue-material-design-icons/Lock.vue'
+import FirstrunWizard from '@/Components/FirstrunWizard/FirstrunWizard.vue'
+// import Lock from 'vue-material-design-icons/Lock.vue'
 // import BriefcaseCheck from 'vue-material-design-icons/BriefcaseCheck.vue'
 // import SwapHorizontal from 'vue-material-design-icons/SwapHorizontal.vue'
 // import AccountGroup from 'vue-material-design-icons/AccountGroup.vue'
@@ -89,11 +90,20 @@ const logout = async () => {
     await router.post(stardust.route('logout'));
 };
 
+const about = ref();
+const showAbout = async () => {
+    // router.post(route('logout'));
+    about.value.open();
+};
+
+
 </script>
 
 <template>
+   
     <nav class="text-base top-0 left-0 right-0 fixed bg-gray-50 h-14 z-40 w-screen transition-position lg:w-auto dark:bg-slate-800"
         :class="{ 'xl:pl-60': props.showBurger == true }">
+        <FirstrunWizard  ref="about"></FirstrunWizard>
         <div class="flex lg:items-stretch" :class="containerMaxW">
             <div class="flex-1 items-stretch flex h-14">
                 <NavBarItem type="flex lg:hidden" @click.prevent="layoutStore.asideMobileToggle()" v-if="props.showBurger">
@@ -165,6 +175,9 @@ const logout = async () => {
                             <!-- <NavBarItem>
                                 <NavBarItemLabel :icon="mdiEmail" label="Messages" />
                             </NavBarItem> -->
+                            <NavBarItem @click="showAbout">
+                                <NavBarItemLabel :icon="mdiInformationVariant" label="About" />
+                            </NavBarItem>
                             <BaseDivider nav-bar />
                             <NavBarItem @click="logout">
                                 <NavBarItemLabel :icon="mdiLogout" label="Log Out" />
@@ -178,9 +191,12 @@ const logout = async () => {
                     <NavBarItem href="https://gitea.geologie.ac.at/geolba/tethys" target="_blank" is-desktop-icon-only>
                         <NavBarItemLabel v-bind:icon="mdiGithub" label="GitHub" is-desktop-icon-only />
                     </NavBarItem>
+                    <NavBarItem is-desktop-icon-only @click="showAbout">
+                        <NavBarItemLabel v-bind:icon="mdiInformationVariant" label="About" is-desktop-icon-only />
+                    </NavBarItem>
                     <NavBarItem is-desktop-icon-only @click="logout">
                         <NavBarItemLabel v-bind:icon="mdiLogout" label="Log out" is-desktop-icon-only />
-                    </NavBarItem>
+                    </NavBarItem>                    
                 </div>
             </div>
         </div>