added animations and pageLoad and preLoader

2020-12-19 13:26:55 +03:30
parent bc5e617778
commit 9433eb84ac
57 changed files with 13099 additions and 494 deletions
@@ -0,0 +1,63 @@
+<template>
+	<div class="offCanvas">
+		<div class="links">
+			<ul>
+				<li class="title">
+					<h2>{{staticData.mainLinks}}</h2>
+				</li>
+				<nuxt-link :to="{name: 'lang',params: {lang: $route.params.lang}}" tag="li" exact class="">
+					<a>{{staticData.home}}</a>
+				</nuxt-link>
+				<nuxt-link :to="{name: 'lang-about',params: {lang: $route.params.lang}}" tag="li" exact class="">
+					<a>{{staticData.about}}</a>
+				</nuxt-link>
+				<nuxt-link :to="{name: 'lang-services',params: {lang: $route.params.lang}}" tag="li" exact class="">
+					<a>{{staticData.services}}</a>
+				</nuxt-link>
+				<nuxt-link :to="{name: 'lang-products',params: {lang: $route.params.lang}}" tag="li" class="">
+					<a>{{staticData.products}}</a>
+				</nuxt-link>
+				<nuxt-link :to="{name: 'lang-projects',params: {lang: $route.params.lang}}" tag="li" exact class="">
+					<a>{{staticData.projects}}</a>
+				</nuxt-link>
+				<nuxt-link :to="{name: 'lang-blog',params: {lang: $route.params.lang}}" tag="li" class="">
+					<a>{{staticData.blog}}</a>
+				</nuxt-link>
+				<nuxt-link :to="{name: 'lang-contact',params: {lang: $route.params.lang}}" tag="li" exact class="">
+					<a>{{staticData.contact}}</a>
+				</nuxt-link>
+				<li class="title t2">
+					<h2>{{staticData.techLinks}}</h2>
+				</li>
+				<!-- technical information -->
+				<nuxt-link :to="{name: 'lang-tech-gTech',params: {lang: $route.params.lang}}" tag="li">
+					<a>{{staticData.ti_1}}</a>
+				</nuxt-link>
+				
+				<nuxt-link :to="{name: 'lang-tech-gStandard',params: {lang: $route.params.lang}}" tag="li">
+					<a>{{staticData.ti_2}}</a>
+				</nuxt-link>
+				
+				<nuxt-link :to="{name: 'lang-tech-gDesign',params: {lang: $route.params.lang}}" tag="li">
+					<a>{{staticData.ti_3}}</a>
+				</nuxt-link>
+				
+				<nuxt-link :to="{name: 'lang-tech-gUsage',params: {lang: $route.params.lang}}" tag="li">
+					<a>{{staticData.ti_4}}</a>
+				</nuxt-link>
+				<!-- technical information -->
+			</ul>
+		</div>
+	</div>
+</template>
+
+
+<script>
+   export default {
+      computed: {
+         staticData() {
+            return this.$store.state.staticData.header[this.$route.params.lang]
+         }
+      }
+   }
+</script>