Compare commits
46 Commits
e26f5885a9
...
main
Author | SHA1 | Date | |
---|---|---|---|
|
0a158842d5 | ||
|
448f2fc1a0 | ||
|
4151b1aabc | ||
|
a30b67dd64 | ||
b12c099933 | |||
922b80962e | |||
|
13767cfbf6 | ||
dfe641cfcc | |||
|
f05387178d | ||
|
a7a87a7922 | ||
|
3c8c732155 | ||
aca5d225f2 | |||
bc13023e27 | |||
936bd51396 | |||
2e88dda569 | |||
|
f63faa97a0 | ||
|
2beebe6f07 | ||
|
39f8bd82f6 | ||
a3473ac706 | |||
c013b52e28 | |||
ec46813b28 | |||
|
03bf1c3a9e | ||
|
adfcc9a0be | ||
e04b02e28d | |||
|
6a3f34f32b | ||
|
5cb1042668 | ||
f493178e3c | |||
|
d1b38f5052 | ||
|
7dcaa05fa8 | ||
3402653f19 | |||
|
fc3fa21b51 | ||
|
4935692742 | ||
|
7d776d7972 | ||
79089740d4 | |||
47faf33cfd | |||
37fd87a504 | |||
3e3125d74d | |||
d71b1853f9 | |||
ec482a0861 | |||
|
66d66a4858 | ||
|
a85d25af09 | ||
|
8dcc575699 | ||
|
cc458a43db | ||
|
f3e99183ae | ||
|
ce649bc711 | ||
|
783b0f18c8 |
@@ -3,11 +3,15 @@
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/png" href="/images/logo-kreis_ico.png" />
|
||||
<link rel="icon" type="image/png" href="src/assets/images/logo-kreis_ico.png" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=Righteous&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="google-site-verification" content="1tB5liDjoXLObZitT8kwhYfGWbANW_3cMBBVk-Sbvgo" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
||||
<title>Tayrona Foods</title>
|
||||
</head>
|
||||
|
||||
|
32
package-lock.json
generated
@@ -9,9 +9,11 @@
|
||||
"version": "0.0.0",
|
||||
"dependencies": {
|
||||
"vue": "^3.2.47",
|
||||
"vue-gtag": "^2.0.1",
|
||||
"vue-i18n": "^9.2.2",
|
||||
"vue-mobile-detection": "^2.0.1",
|
||||
"vue-router": "^4.2.2"
|
||||
"vue-router": "^4.2.2",
|
||||
"vue3-carousel": "^0.3.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vitejs/plugin-vue": "^4.1.0",
|
||||
@@ -972,6 +974,14 @@
|
||||
"@vue/shared": "3.3.4"
|
||||
}
|
||||
},
|
||||
"node_modules/vue-gtag": {
|
||||
"version": "2.0.1",
|
||||
"resolved": "https://registry.npmjs.org/vue-gtag/-/vue-gtag-2.0.1.tgz",
|
||||
"integrity": "sha512-aM4A58FVL0wV2ptYi+xzAjeg+pQVRyUcfBc5UkXAwQrR4t3WBhor50Izp2I+3Oo7+l+vWJ7u78DGcNzReb8S/A==",
|
||||
"peerDependencies": {
|
||||
"vue": "^3.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/vue-i18n": {
|
||||
"version": "9.2.2",
|
||||
"resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.2.2.tgz",
|
||||
@@ -1010,6 +1020,14 @@
|
||||
"peerDependencies": {
|
||||
"vue": "^3.2.0"
|
||||
}
|
||||
},
|
||||
"node_modules/vue3-carousel": {
|
||||
"version": "0.3.1",
|
||||
"resolved": "https://registry.npmjs.org/vue3-carousel/-/vue3-carousel-0.3.1.tgz",
|
||||
"integrity": "sha512-86vUkNPBzL2PVuR9w6hUsI90ccFjLp+K8cSFpRTISf+SjUQY3fMHc5CFF5MUL62v1xYYm27zEBmQupO9VQx9Kw==",
|
||||
"peerDependencies": {
|
||||
"vue": "^3.2.0"
|
||||
}
|
||||
}
|
||||
},
|
||||
"dependencies": {
|
||||
@@ -1584,6 +1602,12 @@
|
||||
"@vue/shared": "3.3.4"
|
||||
}
|
||||
},
|
||||
"vue-gtag": {
|
||||
"version": "2.0.1",
|
||||
"resolved": "https://registry.npmjs.org/vue-gtag/-/vue-gtag-2.0.1.tgz",
|
||||
"integrity": "sha512-aM4A58FVL0wV2ptYi+xzAjeg+pQVRyUcfBc5UkXAwQrR4t3WBhor50Izp2I+3Oo7+l+vWJ7u78DGcNzReb8S/A==",
|
||||
"requires": {}
|
||||
},
|
||||
"vue-i18n": {
|
||||
"version": "9.2.2",
|
||||
"resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.2.2.tgz",
|
||||
@@ -1610,6 +1634,12 @@
|
||||
"requires": {
|
||||
"@vue/devtools-api": "^6.5.0"
|
||||
}
|
||||
},
|
||||
"vue3-carousel": {
|
||||
"version": "0.3.1",
|
||||
"resolved": "https://registry.npmjs.org/vue3-carousel/-/vue3-carousel-0.3.1.tgz",
|
||||
"integrity": "sha512-86vUkNPBzL2PVuR9w6hUsI90ccFjLp+K8cSFpRTISf+SjUQY3fMHc5CFF5MUL62v1xYYm27zEBmQupO9VQx9Kw==",
|
||||
"requires": {}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@@ -4,15 +4,18 @@
|
||||
"version": "0.0.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"dev": "vite --host",
|
||||
"build": "vite build",
|
||||
"build:beta": "vite build -- -beta",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"vue": "^3.2.47",
|
||||
"vue-gtag": "^2.0.1",
|
||||
"vue-i18n": "^9.2.2",
|
||||
"vue-mobile-detection": "^2.0.1",
|
||||
"vue-router": "^4.2.2"
|
||||
"vue-router": "^4.2.2",
|
||||
"vue3-carousel": "^0.3.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vitejs/plugin-vue": "^4.1.0",
|
||||
|
118
src/App.vue
@@ -1,10 +1,124 @@
|
||||
<script setup>
|
||||
<script>
|
||||
import Footer from './components/Footer.vue';
|
||||
import GdprConsent from './components/GdprConsent.vue';
|
||||
import Menu from './components/Menu.vue';
|
||||
|
||||
const pagesWithCarousel = [
|
||||
'home', 'social', 'about', 'products'
|
||||
];
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
stickyClass: '',
|
||||
deviceClass: this.$isMobile() ? 'mobile' : 'desktop',
|
||||
width: window.innerWidth
|
||||
}
|
||||
},
|
||||
components: { Footer, Menu, GdprConsent },
|
||||
created() {
|
||||
window.addEventListener('scroll', this.handleScroll);
|
||||
},
|
||||
destroyed() {
|
||||
window.removeEventListener('scroll', this.handleScroll);
|
||||
},
|
||||
beforeRouteEnter() {
|
||||
this.stickyClass = '';
|
||||
},
|
||||
methods: {
|
||||
handleScroll() {
|
||||
const limit = this.$isMobile() ? 115 : 430;
|
||||
if (!pagesWithCarousel.includes(this.$route.name)) {
|
||||
this.stickyClass = 'has-sticky has-sticky-1'
|
||||
return;
|
||||
}
|
||||
|
||||
if (window.scrollY > 5 && window.scrollY <= limit) {
|
||||
this.stickyClass = 'has-sticky has-sticky-0';
|
||||
} else if(window.scrollY > limit) {
|
||||
this.stickyClass = 'has-sticky has-sticky-1';
|
||||
} else {
|
||||
this.stickyClass = '';
|
||||
}
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="main-container">
|
||||
<!-- <div class="width">{{ width }}px {{ deviceClass }}</div> -->
|
||||
<Menu :class="`${stickyClass}`" />
|
||||
<div class="main-container" :class="`${stickyClass} ${deviceClass}`">
|
||||
<div class="content-wrapper">
|
||||
<RouterView />
|
||||
</div>
|
||||
<Footer></Footer>
|
||||
<gdpr-consent></gdpr-consent>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="scss">
|
||||
.width {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
background-color: white;
|
||||
color: #121212;
|
||||
width: 150px;
|
||||
height: 30px;
|
||||
z-index: 12;
|
||||
border-bottom-right-radius: 10px;
|
||||
padding: 4px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.content-wrapper {
|
||||
padding-top: 120px;
|
||||
background-color: #000;
|
||||
}
|
||||
.content {
|
||||
background-color: #000;
|
||||
color: #fff;
|
||||
padding: 0 72px 72px;
|
||||
|
||||
h2 {
|
||||
font-size: 36px;
|
||||
font-weight: 300;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
padding: 52px 0;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 20px;
|
||||
font-weight: 500;
|
||||
font-style: italic;
|
||||
line-height: 42px;
|
||||
text-align: center;
|
||||
padding: 72px 264px;
|
||||
}
|
||||
|
||||
p {
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
text-align: justify;
|
||||
|
||||
&.centered {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.content-wrapper {
|
||||
padding-top: 115px;
|
||||
}
|
||||
.content {
|
||||
padding: 0 16px 72px;
|
||||
|
||||
h4 {
|
||||
padding: 72px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
BIN
src/assets/images/Cafeteritos-logo.png
Normal file
After Width: | Height: | Size: 273 KiB |
BIN
src/assets/images/Nuestros_aliados.png
Normal file
After Width: | Height: | Size: 18 KiB |
BIN
src/assets/images/Packaging_new 1.jpg
Normal file
After Width: | Height: | Size: 625 KiB |
BIN
src/assets/images/Packaging_new.png
Normal file
After Width: | Height: | Size: 21 MiB |
3
src/assets/images/arrow-down.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M11.9467 6.2533H7.79335H4.05335C3.41335 6.2533 3.09335 7.02663 3.54668 7.47996L7.00002 10.9333C7.55335 11.4866 8.45335 11.4866 9.00668 10.9333L10.32 9.61996L12.46 7.47996C12.9067 7.02663 12.5867 6.2533 11.9467 6.2533Z" fill="white"/>
|
||||
</svg>
|
After Width: | Height: | Size: 346 B |
BIN
src/assets/images/bg_1.jpg
Normal file
After Width: | Height: | Size: 255 KiB |
Before Width: | Height: | Size: 1.1 MiB |
BIN
src/assets/images/cafeteritos_green.png
Normal file
After Width: | Height: | Size: 88 KiB |
Before Width: | Height: | Size: 918 KiB After Width: | Height: | Size: 243 KiB |
BIN
src/assets/images/favicon.ico
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
src/assets/images/flag-de.png
Normal file
After Width: | Height: | Size: 396 B |
BIN
src/assets/images/flag-en.png
Normal file
After Width: | Height: | Size: 1.4 KiB |
BIN
src/assets/images/flag-es.png
Normal file
After Width: | Height: | Size: 668 B |
Before Width: | Height: | Size: 887 KiB After Width: | Height: | Size: 860 KiB |
Before Width: | Height: | Size: 97 KiB |
Before Width: | Height: | Size: 83 KiB |
7
src/assets/images/global.svg
Normal file
@@ -0,0 +1,7 @@
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10 18.3334C14.6024 18.3334 18.3334 14.6024 18.3334 10C18.3334 5.39765 14.6024 1.66669 10 1.66669C5.39765 1.66669 1.66669 5.39765 1.66669 10C1.66669 14.6024 5.39765 18.3334 10 18.3334Z" stroke="#F2F2F2" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M6.66667 2.5H7.5C5.875 7.36667 5.875 12.6333 7.5 17.5H6.66667" stroke="#F2F2F2" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M12.5 2.5C14.125 7.36667 14.125 12.6333 12.5 17.5" stroke="#F2F2F2" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M2.5 13.3333V12.5C7.36667 14.125 12.6333 14.125 17.5 12.5V13.3333" stroke="#F2F2F2" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M2.5 7.5C7.36667 5.875 12.6333 5.875 17.5 7.5" stroke="#F2F2F2" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
After Width: | Height: | Size: 987 B |
BIN
src/assets/images/grains.jpg
Normal file
After Width: | Height: | Size: 607 KiB |
Before Width: | Height: | Size: 754 KiB |
BIN
src/assets/images/imag-10.jpg
Normal file
After Width: | Height: | Size: 45 KiB |
BIN
src/assets/images/imag-11.jpg
Normal file
After Width: | Height: | Size: 51 KiB |
BIN
src/assets/images/imag-12.jpg
Normal file
After Width: | Height: | Size: 43 KiB |
BIN
src/assets/images/imag-4.jpg
Normal file
After Width: | Height: | Size: 40 KiB |
BIN
src/assets/images/imag-5.jpg
Normal file
After Width: | Height: | Size: 44 KiB |
BIN
src/assets/images/imag-6.jpg
Normal file
After Width: | Height: | Size: 40 KiB |
BIN
src/assets/images/imag-7.jpg
Normal file
After Width: | Height: | Size: 54 KiB |
BIN
src/assets/images/imag-8.jpg
Normal file
After Width: | Height: | Size: 51 KiB |
BIN
src/assets/images/imag-9.jpg
Normal file
After Width: | Height: | Size: 20 KiB |
BIN
src/assets/images/image_membresias.png
Normal file
After Width: | Height: | Size: 64 KiB |
BIN
src/assets/images/kettles.png
Normal file
After Width: | Height: | Size: 314 KiB |
BIN
src/assets/images/kids-coffee.jpg
Normal file
After Width: | Height: | Size: 1.5 MiB |
BIN
src/assets/images/kids.jpg
Normal file
After Width: | Height: | Size: 162 KiB |
306
src/assets/images/logo-kreis_1.svg
Normal file
@@ -0,0 +1,306 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 27.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 595.28 841.89" style="enable-background:new 0 0 595.28 841.89;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#2D2921;}
|
||||
.st1{fill:#E62A52;}
|
||||
.st2{fill:#FFCD01;}
|
||||
.st3{fill:#44AF71;}
|
||||
.st4{fill:#3EB4E8;}
|
||||
.st5{fill:#F6F6F6;}
|
||||
</style>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<path class="st0" d="M482.93,575.97l1.21,1c0.01-0.04,0.01-0.08,0.01-0.12c0.11-0.9,0.22-1.8,0.31-2.69
|
||||
c0.05-0.43,0.09-0.86,0.13-1.29c0.38-0.06,0.74-0.12,1.09-0.18c2.9-0.47,4.69-0.8,7.91-1.46c-0.33,4.09-0.8,8.18-1.41,12.24
|
||||
c-0.01,0.04-0.01,0.08-0.02,0.11l3.73,3.07c0.01-0.03,0.01-0.07,0.01-0.11c0.15-1.01,0.3-2.02,0.43-3.02
|
||||
c3.74-0.73,5.61-1.13,9.35-2.03c-0.34,2.95-0.61,5.11-0.95,7.36c-0.22,1.38-0.46,2.8-0.76,4.46l1.69,1.4
|
||||
c0.74-0.16,1.45-0.32,2.41-0.54c0.83-4.73,1.23-7.43,1.67-11.51c0.08-0.69,0.15-1.43,0.23-2.23c0.67-0.17,1.29-0.34,1.88-0.49
|
||||
c3.66-0.96,6.16-1.69,9.79-2.84c0.62-0.2,1.28-0.41,1.98-0.64c0.06-0.94,0.1-1.64,0.13-2.34c0.04-0.6,0.06-1.21,0.09-2
|
||||
c-3.27,1.09-5.55,1.81-8.04,2.53c-1.62,0.48-3.33,0.95-5.44,1.52c0.29-3.71,0.39-5.55,0.5-9.21c4.38-1.24,8.78-2.65,13.12-4.2
|
||||
c3.21-1.14,6.39-2.36,9.52-3.65c0.71-0.29,1.41-0.58,2.12-0.88c0.49-0.2,0.98-0.41,1.46-0.62c-0.04-0.69-0.06-1.23-0.08-1.75
|
||||
c-0.04-0.78-0.08-1.48-0.15-2.46c0-0.04-0.01-0.07-0.01-0.11c-3.05,1.36-6.17,2.65-9.32,3.88c-5.46,2.11-11.04,4.02-16.59,5.63
|
||||
c-1.64,0.49-2.46,0.73-4.09,1.18c-3.58,1-5.36,1.46-8.92,2.29c0.15-3.55,0.19-5.31,0.17-8.8c8.56-2.18,12.86-3.5,21.38-6.64
|
||||
c1.6-0.58,2.39-0.88,3.98-1.5c4.59-1.78,7.93-3.16,11.35-4.72c2.76-1.27,5.57-2.65,9.12-4.46c0.22-0.12,0.43-0.23,0.66-0.34
|
||||
c0.52-0.27,0.94-0.49,1.34-0.7c0.81-0.42,1.5-0.79,2.55-1.35c-0.18-1.23-0.3-2.02-0.46-3.01c-0.07-0.38-0.13-0.78-0.22-1.26
|
||||
c-0.06-0.37-0.12-0.73-0.17-1.06c-0.52-3.02-0.87-4.83-1.57-8.09c2.79-1.61,4.38-2.56,6.8-4.09c0.4-0.24,0.82-0.51,1.27-0.8
|
||||
c0.24-0.15,0.46-0.29,0.67-0.43c1.06-0.67,1.77-1.14,3-1.95c-0.36-1.44-0.58-2.26-0.91-3.51c-0.06-0.2-0.11-0.43-0.17-0.66
|
||||
c-0.15-0.56-0.3-1.11-0.45-1.63c-1.01-3.68-1.88-6.57-2.82-9.42c-1.06-3.19-2.22-6.32-3.82-10.42c3.67-2.75,6.38-4.86,9.06-7.1
|
||||
c2.24-1.87,4.47-3.85,7.21-6.38c0.39-0.35,0.78-0.71,1.19-1.09c0.27-0.25,0.52-0.48,0.74-0.69c0.83-0.77,1.42-1.34,2.41-2.28
|
||||
c-0.55-1.18-0.9-1.91-1.36-2.86c-0.15-0.32-0.32-0.64-0.5-1.03c-0.22-0.45-0.43-0.88-0.63-1.27c-1.26-2.55-2.11-4.18-3.64-6.98
|
||||
c2.34-2.39,3.61-3.72,5.68-6.01c0.22-0.25,0.46-0.51,0.71-0.78c0.49-0.54,0.87-0.97,1.23-1.38c0.5-0.57,0.97-1.1,1.62-1.86
|
||||
c-0.45-0.78-0.8-1.36-1.15-1.95c-0.31-0.52-0.63-1.05-1.06-1.74c-0.13-0.21-0.26-0.42-0.39-0.62
|
||||
c-1.67-2.72-3.07-4.93-4.43-6.99c-2.37-3.58-4.63-6.66-7.97-11.03c-1.01-1.32-1.52-1.97-2.55-3.26
|
||||
c-5.51-6.9-8.4-10.15-14.39-16.2c1.94-2.86,2.89-4.33,4.73-7.31c2.52,2.46,3.77,3.72,6.22,6.31c1.11,1.2,1.67,1.79,2.78,3.02
|
||||
c4.2,4.58,8.26,9.46,12.05,14.48c1.59,2.11,3.13,4.24,4.61,6.38c0.01,0.01,0.02,0.03,0.04,0.05c0.79-1.06,1.27-1.71,1.91-2.6
|
||||
c0.2-0.27,0.4-0.55,0.63-0.88c-0.18-0.26-0.37-0.52-0.56-0.78c-0.59-0.83-1.19-1.65-1.8-2.48c-1.5-2.05-3.07-4.09-4.67-6.1
|
||||
c-3.19-3.98-6.54-7.86-9.97-11.54c1.92-3.05,2.86-4.61,4.68-7.8c2.1,2.18,3.59,3.77,5.12,5.49c1.19,1.33,2.41,2.74,3.96,4.57
|
||||
c0.27-0.46,0.51-0.84,0.73-1.2c0.48-0.8,0.88-1.47,1.48-2.51c-0.61-0.71-1.18-1.35-1.7-1.95c-1.74-1.97-3.11-3.49-4.78-5.24
|
||||
c-0.83-0.87-1.72-1.79-2.76-2.85c0.87-1.59,1.58-2.92,2.23-4.17c1.18-2.25,2.17-4.27,3.5-7.11c0.13-0.27,0.27-0.55,0.4-0.85
|
||||
c-0.21-0.2-0.41-0.39-0.59-0.57c-0.9-0.85-1.51-1.43-2.56-2.41c-0.57,1.25-1.06,2.33-1.53,3.33v0.01
|
||||
c-1.41,3-2.55,5.24-4.44,8.78c-2.63-2.58-3.96-3.84-6.66-6.26c3.79-7.48,5.64-11.61,8.6-19.31c0.03-0.09,0.07-0.18,0.1-0.28
|
||||
l-0.15,0.05l-4.8,1.5c-2.09,5.37-3.84,9.21-6.85,15.29c-0.72,1.48-1.1,2.21-1.85,3.65c-1.64,3.16-2.49,4.7-4.24,7.74
|
||||
c-2.58-2.34-3.89-3.51-6.48-5.7c-0.03-0.02-0.06-0.05-0.09-0.08c0.02-0.04,0.05-0.08,0.07-0.13c3.7-6.72,5.61-10.57,8.47-17.37
|
||||
l-4.97,1.55c-1.43,3.28-2.73,6.01-4.42,9.27c-0.46,0.87-0.93,1.78-1.45,2.74c-0.24,0.45-0.5,0.92-0.76,1.41
|
||||
c-0.46,0.85-0.78,1.44-1.14,2.09c-0.22,0.4-0.46,0.81-0.76,1.34c0.37,0.3,0.69,0.56,0.97,0.8c0.66,0.55,1.21,1.02,2.05,1.72
|
||||
c0.17,0.15,0.33,0.29,0.49,0.43c0.83,0.71,1.52,1.31,2.18,1.89c1.18,1.05,2.26,2.04,3.79,3.48c-1.25,2.06-2.07,3.39-3.09,4.96
|
||||
c-0.45,0.71-0.95,1.46-1.54,2.34c-0.16,0.24-0.31,0.46-0.45,0.67c-0.6,0.9-1.04,1.51-1.75,2.56c0.78,0.77,1.28,1.27,1.89,1.89
|
||||
c0.26,0.27,0.55,0.55,0.88,0.9c0.5,0.51,0.97,0.99,1.42,1.47c4.97,5.17,7.77,8.42,12.72,14.74c1.01,1.29,1.51,1.93,2.5,3.25
|
||||
c4.21,5.61,6.67,9.11,9.86,14.27c0.83,1.33,1.7,2.76,2.67,4.37c-1.53,1.72-2.59,2.9-3.77,4.17c-0.74,0.79-1.53,1.62-2.51,2.64
|
||||
c-1.82-3.18-2.75-4.75-4.68-7.8c-0.88-1.4-1.32-2.1-2.23-3.46c-4.37-6.76-9.32-13.4-14.59-19.53
|
||||
c-0.25-0.32-0.53-0.62-0.79-0.93c-0.68,0.84-1.13,1.39-1.67,2.04c-0.24,0.29-0.51,0.61-0.83,0.99c0.25,0.29,0.5,0.59,0.73,0.88
|
||||
c0.78,0.92,1.55,1.86,2.32,2.81c4.33,5.33,8.39,11,12.04,16.75c-2.46,2.6-3.7,3.86-6.22,6.32c-2.63-4.28-4.04-6.39-6.83-10.34
|
||||
c-0.05-0.07-0.11-0.15-0.15-0.22c-1.1,1.13-1.65,1.69-2.77,2.79c0.85,1.23,1.58,2.27,2.23,3.25c1.54,2.29,2.76,4.23,4.6,7.28
|
||||
c-2.72,2.55-4.47,4.12-6.73,6.03c-0.83,0.7-1.72,1.44-2.76,2.29c0.69,1.22,1.07,1.9,1.68,3.03c0.07,0.13,0.14,0.26,0.22,0.4
|
||||
c3.92-3.16,5.84-4.83,9.63-8.3c1.75,3.04,2.6,4.59,4.24,7.76c-6.59,5.82-10,8.51-16.93,13.44c-0.17,0.13-0.34,0.24-0.5,0.35
|
||||
c-0.99,0.69-1.62,1.13-2.74,1.9c0.54,1.23,0.85,1.93,1.32,3.02c0.07,0.17,0.15,0.36,0.24,0.57c3.28,7.77,4.75,11.82,7.23,20.23
|
||||
c-3.09,1.86-4.65,2.76-7.78,4.46c-1.34-4.94-2.09-7.36-3.74-12.1c-0.15,0.09-0.29,0.18-0.43,0.25
|
||||
c-1.11,0.65-1.79,1.03-3.02,1.72c0.41,1.25,0.77,2.33,1.1,3.34c0.9,2.81,1.55,5.08,2.49,8.7c-3.21,1.67-5.3,2.71-7.86,3.89
|
||||
c-1.1,0.51-2.27,1.04-3.67,1.65c0.35,1.53,0.52,2.3,0.84,3.84c0.09-0.04,0.19-0.08,0.28-0.12c4.5-1.95,6.84-3.04,11.39-5.36
|
||||
c0.81,3.42,1.18,5.14,1.86,8.66c-6.21,3.06-12.74,5.84-19.3,8.22c-1.44,0.53-2.89,1.03-4.33,1.51
|
||||
c-0.14,0.05-0.28,0.09-0.42,0.14c0.02,0.17,0.04,0.32,0.06,0.47c0.15,1.27,0.24,2.04,0.38,3.45c0.45-0.15,0.92-0.29,1.37-0.45
|
||||
c7.8-2.58,15.6-5.75,22.97-9.3c1.51-0.72,2.28-1.09,3.78-1.84c3.3-1.65,4.94-2.51,8.22-4.3c0.17,0.84,0.32,1.58,0.46,2.27
|
||||
c0.44,2.28,0.73,4.01,1.18,6.84c-2.25,1.18-4.19,2.18-6.01,3.09c-4.85,2.41-8.74,4.1-14.86,6.55
|
||||
c-1.57,0.62-2.35,0.93-3.93,1.52c-7.57,2.87-11.77,4.25-18.7,6.11c-0.77,0.2-1.58,0.42-2.44,0.64
|
||||
c-0.83,0.22-1.44,0.38-2.06,0.53c-0.56,0.15-1.13,0.28-1.89,0.47c0.01,0.78,0.03,1.5,0.03,2.18c0.02,1.93,0.01,3.54-0.04,5.26
|
||||
c-0.04,1.55-0.12,3.2-0.24,5.26c-1.78,0.38-3.11,0.65-4.45,0.9c-1.33,0.26-2.67,0.49-4.44,0.8c-0.05,0.01-0.09,0.01-0.14,0.02
|
||||
c-1.54,0.26-2.34,0.38-3.92,0.62c-0.13,1.43-0.27,2.86-0.44,4.3C480.47,573.82,482.92,575.96,482.93,575.97z M552.62,391.41
|
||||
c2.65,2.44,3.96,3.69,6.54,6.27c-1.78,3.18-2.69,4.75-4.58,7.79c-2.48-2.59-3.76-3.86-6.32-6.3
|
||||
C550.05,396.12,550.93,394.57,552.62,391.41z M506.76,568.12c-0.15,3.63-0.28,5.46-0.62,9.14c-3.7,0.92-5.55,1.34-9.25,2.09
|
||||
c0.43-3.63,0.6-5.43,0.84-9C501.33,569.53,503.14,569.09,506.76,568.12z M548.26,459.6c2.56-2.46,3.84-3.72,6.32-6.31
|
||||
c1.88,3.05,2.8,4.61,4.58,7.78c-2.58,2.59-3.9,3.85-6.54,6.29C550.93,464.2,550.05,462.63,548.26,459.6z M533.38,526.7
|
||||
c-0.71-3.53-1.11-5.27-1.96-8.69c3.16-1.69,4.75-2.58,7.88-4.44c0.95,3.47,1.38,5.22,2.18,8.78
|
||||
C538.26,524.17,536.64,525.04,533.38,526.7z M565.33,472.99c-1.83,1.73-3.42,3.21-4.91,4.54c-3.94,3.56-7.17,6.17-12.3,10.09
|
||||
c-1.32,1.01-1.97,1.5-3.3,2.48c0.62,1.51,0.92,2.27,1.5,3.81c2.19,5.76,3.53,9.59,4.93,14.4c0.6,2.07,1.21,4.33,1.9,6.99
|
||||
c-2.5,1.62-4.02,2.58-6.12,3.83c-0.56,0.34-1.17,0.69-1.85,1.09c-0.84-3.57-1.29-5.33-2.3-8.81c-0.44-1.6-0.68-2.39-1.17-3.96
|
||||
c-2.58-8.43-4.09-12.5-7.47-20.3c7.03-4.9,10.48-7.58,17.17-13.39c1.25-1.09,1.87-1.64,3.1-2.75c2.7-2.43,4.03-3.68,6.66-6.26
|
||||
c0.54,1.01,0.99,1.88,1.41,2.67C563.48,469.19,564.22,470.68,565.33,472.99z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st0" d="M114.8,573.82c-0.18-1.44-0.32-2.87-0.44-4.3c-1.58-0.24-2.38-0.36-3.92-0.62
|
||||
c-0.05-0.01-0.09-0.01-0.14-0.02c-1.78-0.31-3.12-0.54-4.44-0.8c-1.34-0.25-2.67-0.52-4.45-0.9c-0.12-2.06-0.2-3.7-0.24-5.26
|
||||
c-0.06-1.72-0.06-3.33-0.04-5.26c0-0.68,0.01-1.4,0.03-2.18c-0.76-0.19-1.33-0.32-1.89-0.47c-0.62-0.15-1.23-0.31-2.06-0.53
|
||||
c-0.85-0.22-1.67-0.44-2.44-0.64c-6.93-1.86-11.12-3.24-18.7-6.11c-1.58-0.59-2.36-0.9-3.93-1.52
|
||||
c-6.12-2.45-10.01-4.14-14.86-6.55c-1.81-0.9-3.76-1.9-6.01-3.09c0.44-2.83,0.73-4.56,1.18-6.84c0.14-0.69,0.29-1.43,0.46-2.27
|
||||
c3.28,1.8,4.91,2.66,8.22,4.31c1.51,0.76,2.27,1.12,3.78,1.84c7.37,3.56,15.18,6.72,22.97,9.3c0.45,0.15,0.92,0.3,1.37,0.45
|
||||
c0.14-1.41,0.22-2.18,0.38-3.45c0.01-0.15,0.03-0.3,0.06-0.47c-0.14-0.05-0.28-0.09-0.42-0.14c-1.44-0.48-2.89-0.99-4.33-1.51
|
||||
c-6.56-2.38-13.09-5.16-19.3-8.22c0.67-3.51,1.04-5.24,1.86-8.66c4.55,2.32,6.89,3.42,11.39,5.36
|
||||
c0.09,0.04,0.19,0.08,0.28,0.12c0.32-1.54,0.49-2.3,0.84-3.84c-1.39-0.62-2.57-1.14-3.67-1.65c-2.56-1.18-4.66-2.22-7.86-3.89
|
||||
c0.95-3.63,1.59-5.89,2.49-8.7c0.33-1.01,0.69-2.09,1.1-3.34c-1.22-0.69-1.9-1.07-3.02-1.72c-0.13-0.08-0.27-0.16-0.43-0.25
|
||||
c-1.65,4.74-2.39,7.15-3.74,12.1c-3.13-1.7-4.69-2.6-7.78-4.46c2.48-8.41,3.96-12.46,7.23-20.23c0.08-0.2,0.17-0.39,0.24-0.57
|
||||
c0.47-1.09,0.78-1.8,1.32-3.02c-1.12-0.77-1.76-1.21-2.74-1.9c-0.15-0.11-0.32-0.22-0.5-0.35
|
||||
c-6.93-4.93-10.34-7.62-16.93-13.44c1.64-3.16,2.49-4.72,4.24-7.76c3.79,3.47,5.71,5.15,9.63,8.3c0.08-0.14,0.15-0.27,0.22-0.4
|
||||
c0.61-1.13,0.99-1.81,1.68-3.03c-1.04-0.85-1.93-1.59-2.76-2.29c-2.25-1.9-4-3.48-6.73-6.03c1.83-3.05,3.06-4.99,4.6-7.28
|
||||
c0.66-0.98,1.38-2.03,2.23-3.25c-1.11-1.1-1.67-1.66-2.76-2.79c-0.05,0.07-0.11,0.15-0.15,0.22
|
||||
c-2.79,3.95-4.19,6.06-6.83,10.34c-2.52-2.46-3.77-3.72-6.22-6.32c3.65-5.75,7.71-11.42,12.04-16.75
|
||||
c0.76-0.95,1.54-1.88,2.32-2.81c0.24-0.29,0.48-0.59,0.73-0.88c-0.31-0.38-0.58-0.69-0.83-0.99c-0.54-0.65-0.99-1.2-1.67-2.04
|
||||
c-0.27,0.31-0.54,0.62-0.79,0.93c-5.26,6.12-10.22,12.77-14.59,19.53c-0.91,1.36-1.35,2.06-2.23,3.46
|
||||
c-1.92,3.05-2.86,4.61-4.68,7.8c-0.98-1.01-1.76-1.85-2.51-2.64c-1.18-1.27-2.25-2.45-3.77-4.17c0.97-1.6,1.83-3.04,2.67-4.37
|
||||
c3.19-5.15,5.65-8.66,9.86-14.27c0.99-1.32,1.49-1.96,2.5-3.25c4.95-6.32,7.75-9.58,12.72-14.74c0.46-0.48,0.92-0.96,1.42-1.47
|
||||
c0.33-0.34,0.62-0.63,0.88-0.9c0.61-0.62,1.11-1.12,1.89-1.89c-0.71-1.05-1.15-1.67-1.75-2.56c-0.14-0.21-0.29-0.43-0.45-0.67
|
||||
c-0.59-0.88-1.09-1.63-1.54-2.34c-1.02-1.57-1.85-2.9-3.09-4.96c1.53-1.43,2.61-2.43,3.79-3.48c0.66-0.58,1.35-1.18,2.18-1.89
|
||||
c0.16-0.14,0.32-0.28,0.49-0.43c0.84-0.71,1.39-1.18,2.05-1.72c0.29-0.25,0.6-0.5,0.97-0.8c-0.29-0.53-0.53-0.94-0.76-1.34
|
||||
c-0.36-0.65-0.68-1.24-1.14-2.09c-0.26-0.48-0.51-0.95-0.76-1.41c-0.52-0.97-0.99-1.88-1.45-2.74c-1.69-3.25-3-5.98-4.42-9.27
|
||||
l-4.97-1.55c2.86,6.8,4.77,10.65,8.47,17.37c0.02,0.04,0.05,0.08,0.07,0.13c-0.03,0.03-0.06,0.06-0.09,0.08
|
||||
c-2.6,2.19-3.91,3.35-6.48,5.7c-1.75-3.04-2.6-4.58-4.24-7.74c-0.75-1.45-1.13-2.18-1.85-3.65c-3.01-6.08-4.76-9.93-6.85-15.29
|
||||
l-4.8-1.5l-0.15-0.05c0.03,0.1,0.07,0.19,0.11,0.28c2.95,7.71,4.81,11.83,8.6,19.31c-2.69,2.43-4.03,3.69-6.66,6.26
|
||||
c-1.88-3.54-3.02-5.78-4.44-8.78v-0.01c-0.47-1-0.96-2.09-1.53-3.33c-1.06,0.97-1.67,1.55-2.56,2.41
|
||||
c-0.18,0.18-0.38,0.36-0.59,0.57c0.13,0.29,0.27,0.57,0.4,0.85c1.33,2.84,2.32,4.86,3.5,7.11c0.65,1.25,1.36,2.58,2.23,4.17
|
||||
c-1.04,1.06-1.93,1.98-2.76,2.85c-1.67,1.75-3.05,3.27-4.78,5.24c-0.52,0.6-1.09,1.25-1.7,1.95c0.6,1.04,1,1.71,1.48,2.51
|
||||
c0.22,0.36,0.46,0.74,0.73,1.2c1.55-1.83,2.77-3.24,3.96-4.57c1.53-1.72,3.02-3.31,5.12-5.49c1.82,3.18,2.75,4.75,4.68,7.8
|
||||
c-3.44,3.68-6.78,7.56-9.97,11.54c-1.6,2.01-3.16,4.05-4.67,6.1c-0.61,0.83-1.21,1.65-1.8,2.48c-0.19,0.26-0.38,0.53-0.56,0.78
|
||||
c0.23,0.32,0.43,0.61,0.63,0.88c0.64,0.89,1.12,1.54,1.91,2.6c0.01-0.01,0.02-0.04,0.04-0.05c1.48-2.14,3.02-4.27,4.61-6.38
|
||||
c3.79-5.02,7.85-9.9,12.05-14.48c1.11-1.23,1.67-1.82,2.78-3.02c2.46-2.6,3.7-3.86,6.22-6.31c1.84,2.98,2.79,4.45,4.73,7.31
|
||||
c-5.99,6.05-8.88,9.3-14.39,16.2c-1.03,1.29-1.54,1.94-2.55,3.26c-3.34,4.36-5.6,7.45-7.97,11.03
|
||||
c-1.37,2.06-2.77,4.28-4.43,6.99c-0.13,0.2-0.26,0.41-0.38,0.62c-0.43,0.69-0.75,1.22-1.06,1.74c-0.36,0.59-0.7,1.16-1.15,1.95
|
||||
c0.66,0.76,1.12,1.29,1.62,1.86c0.36,0.41,0.74,0.84,1.23,1.38c0.24,0.27,0.48,0.54,0.71,0.78c2.07,2.29,3.34,3.63,5.68,6.01
|
||||
c-1.53,2.8-2.38,4.42-3.64,6.98c-0.2,0.4-0.41,0.82-0.63,1.27c-0.19,0.39-0.36,0.71-0.5,1.03c-0.46,0.95-0.81,1.68-1.36,2.86
|
||||
c0.99,0.94,1.58,1.51,2.41,2.28c0.22,0.21,0.47,0.43,0.74,0.69c0.41,0.38,0.8,0.74,1.19,1.09c2.74,2.53,4.97,4.51,7.21,6.38
|
||||
c2.68,2.25,5.39,4.35,9.06,7.1c-1.6,4.1-2.77,7.22-3.82,10.42c-0.94,2.84-1.81,5.73-2.82,9.42c-0.15,0.52-0.29,1.07-0.45,1.63
|
||||
c-0.06,0.23-0.12,0.46-0.17,0.66c-0.33,1.25-0.55,2.07-0.91,3.51c1.23,0.8,1.94,1.27,3,1.95c0.21,0.13,0.43,0.27,0.67,0.43
|
||||
c0.45,0.29,0.88,0.55,1.27,0.8c2.42,1.53,4.01,2.48,6.8,4.09c-0.7,3.26-1.05,5.06-1.57,8.09c-0.06,0.34-0.11,0.69-0.17,1.06
|
||||
c-0.08,0.48-0.15,0.88-0.22,1.26c-0.15,0.99-0.27,1.78-0.46,3.01c1.04,0.56,1.74,0.93,2.55,1.35c0.4,0.21,0.83,0.43,1.34,0.7
|
||||
c0.22,0.11,0.44,0.22,0.66,0.34c3.55,1.81,6.36,3.19,9.12,4.46c3.42,1.55,6.76,2.93,11.35,4.72c1.6,0.62,2.39,0.92,3.98,1.5
|
||||
c8.52,3.14,12.82,4.46,21.38,6.64c-0.01,3.49,0.02,5.25,0.18,8.8c-3.56-0.83-5.35-1.29-8.93-2.29
|
||||
c-1.63-0.45-2.45-0.69-4.09-1.18c-5.55-1.62-11.13-3.52-16.59-5.63c-3.15-1.23-6.26-2.52-9.32-3.88c0,0.04-0.01,0.08-0.01,0.11
|
||||
c-0.07,0.99-0.11,1.69-0.15,2.46c-0.03,0.52-0.05,1.06-0.08,1.75c0.48,0.21,0.97,0.42,1.46,0.62c0.71,0.3,1.41,0.59,2.12,0.88
|
||||
c3.13,1.29,6.31,2.51,9.52,3.65c4.35,1.55,8.74,2.96,13.12,4.2c0.11,3.65,0.22,5.49,0.5,9.21c-2.11-0.57-3.82-1.04-5.44-1.52
|
||||
c-2.49-0.72-4.77-1.45-8.04-2.53c0.03,0.79,0.06,1.41,0.09,2c0.03,0.71,0.08,1.4,0.13,2.34c0.7,0.22,1.36,0.44,1.98,0.64
|
||||
c3.63,1.16,6.13,1.88,9.79,2.84c0.59,0.15,1.21,0.32,1.88,0.49c0.08,0.8,0.15,1.53,0.23,2.23c0.44,4.08,0.83,6.78,1.67,11.51
|
||||
c0.97,0.22,1.68,0.38,2.41,0.54l1.69-1.4c-0.3-1.66-0.55-3.08-0.76-4.46c-0.34-2.25-0.62-4.4-0.95-7.36
|
||||
c3.74,0.9,5.61,1.3,9.35,2.03c0.13,1,0.28,2.01,0.43,3.02c0,0.04,0.01,0.08,0.01,0.11l3.73-3.07
|
||||
c-0.01-0.03-0.01-0.07-0.02-0.11c-0.61-4.06-1.08-8.14-1.41-12.24c3.22,0.66,5.01,0.99,7.91,1.46
|
||||
c0.34,0.06,0.71,0.12,1.09,0.18c0.04,0.43,0.08,0.85,0.13,1.29c0.1,0.9,0.2,1.79,0.31,2.69c0,0.04,0.01,0.08,0.01,0.12l1.21-1
|
||||
C112.36,575.96,114.8,573.82,114.8,573.82z M47.01,399.17c-2.56,2.44-3.84,3.71-6.32,6.3c-1.88-3.04-2.8-4.61-4.58-7.79
|
||||
c2.58-2.58,3.9-3.84,6.54-6.27C44.35,394.57,45.22,396.12,47.01,399.17z M97.55,570.35c0.24,3.57,0.41,5.38,0.84,9
|
||||
c-3.7-0.75-5.55-1.17-9.25-2.09c-0.34-3.68-0.46-5.51-0.62-9.14C92.14,569.09,93.94,569.53,97.55,570.35z M42.66,467.36
|
||||
c-2.65-2.44-3.96-3.7-6.54-6.29c1.78-3.17,2.69-4.73,4.58-7.78c2.48,2.59,3.76,3.85,6.32,6.31
|
||||
C45.22,462.63,44.35,464.2,42.66,467.36z M53.79,522.34c0.8-3.56,1.24-5.31,2.18-8.78c3.14,1.85,4.72,2.74,7.88,4.44
|
||||
c-0.85,3.42-1.25,5.17-1.96,8.69C58.64,525.04,57.02,524.17,53.79,522.34z M32.71,467.42c0.41-0.8,0.87-1.66,1.41-2.67
|
||||
c2.63,2.58,3.96,3.84,6.66,6.26c1.23,1.11,1.85,1.67,3.1,2.75c6.69,5.81,10.14,8.49,17.17,13.39
|
||||
c-3.37,7.8-4.89,11.87-7.47,20.3c-0.49,1.57-0.73,2.36-1.17,3.96c-1,3.48-1.46,5.24-2.3,8.81c-0.68-0.4-1.29-0.76-1.85-1.09
|
||||
c-2.11-1.25-3.63-2.21-6.12-3.83c0.69-2.67,1.31-4.92,1.9-6.99c1.39-4.81,2.74-8.64,4.93-14.4c0.58-1.53,0.88-2.3,1.5-3.81
|
||||
c-1.33-0.98-1.99-1.47-3.3-2.48c-5.13-3.92-8.36-6.53-12.3-10.09c-1.49-1.34-3.08-2.81-4.91-4.54
|
||||
C31.05,470.68,31.8,469.19,32.71,467.42z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path class="st0" d="M64.55,356.82l-29.72-8.09c7.78-28.57,20.14-55.55,36.72-80.2c16.32-24.26,36.33-45.65,59.46-63.57
|
||||
c23.37-18.12,49.33-32.21,77.14-41.9c28.77-10.02,58.95-15.1,89.69-15.1c30.69,0,60.82,5.07,89.55,15.06
|
||||
c27.78,9.66,53.7,23.71,77.06,41.78c23.11,17.87,43.11,39.2,59.44,63.4c16.59,24.58,28.98,51.5,36.8,80l-29.7,8.16
|
||||
c-6.94-25.26-17.91-49.12-32.63-70.92c-14.5-21.47-32.25-40.4-52.76-56.27c-42.63-32.97-93.73-50.4-147.77-50.4
|
||||
c-27.28,0-54.05,4.5-79.55,13.39c-24.66,8.59-47.67,21.09-68.41,37.16c-20.53,15.91-38.28,34.89-52.77,56.42
|
||||
C82.4,307.57,71.44,331.49,64.55,356.82z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<path class="st1" d="M309.84,318.18c-1.89,1.06-3.73,2.19-5.54,3.38c-9.09,6.03-17.02,13.69-23.4,22.6
|
||||
c-1.08,1.51-2.12,3.06-3.12,4.64c-3.72,5.94-6.77,12.34-9.05,19.12c-1.32,3.91-2.39,7.93-3.17,12.05
|
||||
c-0.09,0.48-0.18,0.97-0.27,1.45c-0.34,1.95-0.61,3.91-0.82,5.89c-0.15,1.36-0.27,2.73-0.36,4.11v0.01
|
||||
c-0.01,1.29-0.06,2.56-0.13,3.84c-0.01,0.15-0.02,0.31-0.04,0.46c-0.4,5.94-1.52,11.66-3.27,17.1
|
||||
c-0.51,1.58-1.06,3.12-1.67,4.64c-2.09,5.22-4.77,10.14-7.96,14.64c-3.81,5.38-8.32,10.19-13.43,14.29
|
||||
c2.56-0.7,5.06-1.53,7.5-2.51c9.1-3.64,17.27-9.18,24.02-16.15c0.46-0.47,0.91-0.94,1.36-1.43c2.21-2.41,4.26-4.98,6.12-7.69
|
||||
c1-1.45,1.95-2.94,2.85-4.47c0.29-0.5,0.57-1,0.85-1.51c3.5-6.33,6.07-13.26,7.53-20.6c0.53-2.65,0.91-5.36,1.14-8.11
|
||||
c0.13-1.54,0.21-3.09,0.24-4.66c-0.01-0.57-0.02-1.14-0.02-1.71c0-0.47,0-0.94,0.01-1.41c0.06-2.79,0.27-5.55,0.64-8.26
|
||||
c0.89-6.72,2.72-13.14,5.33-19.12c3.65-8.35,8.83-15.84,15.18-22.12c1.2-1.19,2.46-2.34,3.74-3.44
|
||||
c10.37-8.87,23.32-14.73,37.55-16.24C336.51,307.16,322.26,311.2,309.84,318.18z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st2" d="M226.8,451.33c-2.97,3.84-5.64,7.92-7.98,12.23c-3.15,5.78-5.68,11.96-7.53,18.43
|
||||
c-0.01,0.02-0.01,0.04-0.02,0.06c-0.1,0.36-0.19,0.72-0.3,1.07c0,0,0,0.01,0,0.02c-0.25,0.85-0.52,1.68-0.81,2.51
|
||||
c-1.28,3.59-3.02,6.97-5.14,10.08c-8.25,12.11-22.36,20.09-38.37,20.09c-0.81,0-1.62-0.02-2.43-0.06
|
||||
c-0.57-4.12-0.86-8.32-0.86-12.59c0-5.04,0.4-9.98,1.18-14.8c0.57-3.48,1.33-6.9,2.27-10.23c0.67-2.38,1.44-4.71,2.29-7
|
||||
c1.87-5.03,4.18-9.83,6.86-14.38c4.21-7.12,9.35-13.61,15.26-19.26c0.98-0.94,1.97-1.86,2.99-2.75
|
||||
c6.54-5.74,13.92-10.51,21.93-14.12c0.01,0,0.02-0.01,0.02-0.01c2.13-0.76,4.21-1.61,6.25-2.54
|
||||
c14.47-6.54,26.84-17.03,35.78-30.13c-0.66,8.73-2.55,17.11-5.48,24.97c-4.19,11.21-10.5,21.35-18.45,29.91
|
||||
c-0.78,0.78-1.54,1.57-2.29,2.37C232.01,445.21,228.19,449.38,226.8,451.33z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st1" d="M221.22,329.87c2.63,1.31,5.16,2.77,7.59,4.39c1.07,0.71,2.12,1.45,3.14,2.22
|
||||
c1.92,1.44,3.76,2.97,5.52,4.59c1.86,1.71,3.62,3.53,5.29,5.44c1.6,1.83,3.1,3.73,4.51,5.72c2.26,3.19,4.27,6.58,5.98,10.14
|
||||
c0.69,1.43,1.34,2.89,1.94,4.38c0.4,0.99,0.78,1.99,1.13,3c1.32,3.75,2.34,7.65,3.02,11.66c-2.3-2.85-4.78-5.55-7.41-8.08
|
||||
c-0.52-0.51-1.05-1-1.58-1.49c-0.09-0.09-0.18-0.17-0.27-0.25c-0.18-0.16-0.36-0.32-0.53-0.48c-0.99-0.88-1.99-1.74-3.01-2.59
|
||||
c-1.32-1.09-2.68-2.14-4.07-3.15c-0.83-0.61-1.68-1.2-2.53-1.78c-6.18-4.19-12.91-7.61-20.05-10.13
|
||||
c-7.51-2.65-15.47-4.3-23.74-4.81c-1.03-0.06-2.06-0.11-3.09-0.13c-0.01,0-0.03,0-0.04,0c-11.74-0.83-22.5-5.28-31.22-12.26
|
||||
c-1.77-1.42-3.45-2.94-5.04-4.56c-1.19-1.21-2.33-2.48-3.41-3.79c-3.8-4.61-6.9-9.82-9.16-15.49c-1.05-2.64-1.92-5.38-2.58-8.19
|
||||
c-0.74-3.12-1.23-6.35-1.44-9.65c-0.18-1.46-0.12-2.98-0.12-2.98c0-0.32-0.01-0.64-0.01-0.97c0-10.17,2.57-19.73,7.08-28.04
|
||||
c0.68,1.95,1.42,3.86,2.23,5.74c1.32,3.09,2.81,6.09,4.46,8.98c2.83,4.99,6.11,9.68,9.81,14c2.09,2.45,4.31,4.79,6.64,7
|
||||
c0,0,17.65,18.27,33.13,24.41S221.22,329.87,221.22,329.87z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st3" d="M248.59,378.52c-0.92,0.64-1.86,1.26-2.83,1.84c-8.9,5.44-19.58,8.66-31.08,8.79c-0.24,0-0.49,0-0.74,0
|
||||
c-0.24,0-0.49,0-0.74,0c-0.49-0.01-0.98-0.02-1.47-0.03c-0.05,0-0.09,0-0.14-0.01c-0.2,0-0.4-0.01-0.59-0.02
|
||||
c-0.32-0.01-0.65-0.03-0.97-0.05c-17.09-1.05-32.11-8.92-41.78-20.64c-2.85-3.45-5.23-7.23-7.06-11.27
|
||||
c-1.08-2.38-1.97-4.84-2.65-7.38c-0.94-3.47-1.48-7.09-1.6-10.81c1.49,1.85,3.08,3.6,4.77,5.25c3.52,3.43,7.48,6.4,11.78,8.83
|
||||
c7.63,4.31,16.34,6.88,25.6,7.21c0.66,0.02,1.32,0.03,1.99,0.03c0.72,0,1.44-0.02,2.15-0.04c16.04,0.44,30.72,6.24,42.29,15.66
|
||||
C246.58,376.74,247.6,377.61,248.59,378.52z"/>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path class="st4" d="M298.3,321.71l-2.77-0.75c-6.69-1.81-13.76-2.36-20.72-1.6c-4.65,0.5-9.24,1.59-13.63,3.25
|
||||
c-1.26,0.48-2.52,1-3.74,1.57c-1.92,0.89-3.81,1.9-5.61,3c-3.8,2.31-7.34,5.08-10.51,8.23l-2.07,2.06l1.33-2.61
|
||||
c2.48-4.87,6.03-9.25,10.27-12.68c0.8-0.65,1.64-1.28,2.5-1.87c1.98-1.34,4.07-2.5,6.2-3.43c4.82-2.12,9.95-3.19,15.24-3.19
|
||||
h0.12c7.51,0.02,14.78,2.24,21.02,6.42L298.3,321.71z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st0" d="M250.65,491.51h-8.35v-33.49h-12.58v-8.38h33.49v8.38h-12.56V491.51z"/>
|
||||
<path class="st0" d="M292.17,491.51h-1.93l-3.1-4.29c-0.76,0.68-1.56,1.32-2.41,1.91c-0.85,0.59-1.74,1.11-2.67,1.55
|
||||
c-0.93,0.44-1.89,0.78-2.88,1.04c-0.98,0.25-1.98,0.38-2.99,0.38c-2.2,0-4.27-0.37-6.2-1.11c-1.94-0.74-3.63-1.81-5.08-3.23
|
||||
c-1.45-1.41-2.59-3.14-3.43-5.18c-0.84-2.04-1.25-4.37-1.25-6.98c0-2.43,0.42-4.67,1.25-6.7c0.84-2.03,1.98-3.78,3.43-5.24
|
||||
c1.45-1.46,3.14-2.59,5.08-3.4c1.94-0.81,4-1.21,6.2-1.21c1.01,0,2.01,0.13,3.01,0.38c0.99,0.25,1.96,0.6,2.89,1.05
|
||||
c0.93,0.45,1.82,0.97,2.67,1.58c0.85,0.6,1.64,1.26,2.38,1.96l3.1-3.71h1.93V491.51z M284.14,475.6c0-1.09-0.21-2.15-0.63-3.17
|
||||
c-0.42-1.02-0.99-1.93-1.71-2.71c-0.72-0.79-1.56-1.42-2.53-1.9c-0.96-0.48-1.99-0.72-3.08-0.72c-1.09,0-2.12,0.19-3.08,0.56
|
||||
c-0.96,0.37-1.8,0.91-2.51,1.63c-0.71,0.72-1.27,1.61-1.68,2.67c-0.41,1.06-0.61,2.27-0.61,3.63c0,1.36,0.2,2.57,0.61,3.64
|
||||
c0.41,1.06,0.97,1.95,1.68,2.67c0.71,0.72,1.55,1.27,2.51,1.64c0.96,0.37,1.99,0.55,3.08,0.55c1.09,0,2.12-0.24,3.08-0.72
|
||||
c0.96-0.48,1.81-1.11,2.53-1.9c0.72-0.79,1.29-1.69,1.71-2.72C283.93,477.75,284.14,476.69,284.14,475.6z"/>
|
||||
<path class="st0" d="M305.78,503.43v-8.03l4.44,0.06c0.78,0,1.53-0.13,2.25-0.38c0.72-0.25,1.39-0.6,2-1.05
|
||||
c0.61-0.45,1.15-0.98,1.62-1.59c0.47-0.61,0.85-1.28,1.14-2c-0.88,0.37-1.77,0.74-2.67,1.11c-0.91,0.37-1.82,0.55-2.73,0.55
|
||||
c-1.93,0-3.74-0.34-5.43-1.02c-1.69-0.68-3.18-1.65-4.45-2.9s-2.28-2.78-3.01-4.58c-0.73-1.8-1.09-3.82-1.09-6.06v-17.28h7.94
|
||||
v17.28c0,1.11,0.16,2.08,0.48,2.9c0.32,0.83,0.75,1.52,1.3,2.07s1.18,0.97,1.91,1.24c0.73,0.27,1.51,0.41,2.35,0.41
|
||||
c0.82,0,1.59-0.19,2.32-0.57c0.73-0.38,1.37-0.88,1.91-1.5c0.55-0.62,0.97-1.33,1.28-2.12c0.31-0.79,0.47-1.6,0.47-2.44v-17.28
|
||||
h8.03v27.33c-0.02,2.2-0.45,4.26-1.28,6.19c-0.84,1.93-1.98,3.61-3.43,5.05c-1.45,1.44-3.14,2.58-5.07,3.42
|
||||
c-1.93,0.84-3.99,1.26-6.19,1.26L305.78,503.43z"/>
|
||||
<path class="st0" d="M339.88,491.51h-7.97v-31.27h1.93l2.63,3.71c1.29-1.17,2.75-2.07,4.38-2.7c1.63-0.63,3.33-0.95,5.08-0.95
|
||||
h7.04v7.94h-7.04c-0.84,0-1.63,0.16-2.37,0.47c-0.74,0.31-1.38,0.74-1.93,1.28c-0.55,0.55-0.97,1.19-1.28,1.93
|
||||
c-0.31,0.74-0.47,1.53-0.47,2.37V491.51z"/>
|
||||
<path class="st0" d="M386.3,475.6c0,2.34-0.42,4.51-1.25,6.53c-0.84,2.01-1.98,3.76-3.42,5.23s-3.13,2.63-5.07,3.47
|
||||
c-1.94,0.85-4.01,1.27-6.23,1.27c-2.2,0-4.27-0.42-6.2-1.27c-1.94-0.85-3.63-2-5.08-3.47c-1.45-1.47-2.59-3.21-3.43-5.23
|
||||
c-0.84-2.01-1.26-4.19-1.26-6.53c0-2.37,0.42-4.57,1.26-6.6c0.84-2.02,1.98-3.77,3.43-5.24c1.45-1.47,3.14-2.62,5.08-3.46
|
||||
c1.94-0.84,4.01-1.26,6.2-1.26c2.22,0,4.3,0.39,6.23,1.18s3.62,1.91,5.07,3.36c1.44,1.45,2.58,3.19,3.42,5.23
|
||||
C385.88,470.85,386.3,473.11,386.3,475.6z M378.27,475.6c0-1.28-0.21-2.45-0.63-3.49c-0.42-1.04-0.99-1.94-1.71-2.69
|
||||
c-0.72-0.75-1.56-1.32-2.53-1.72c-0.96-0.4-1.99-0.6-3.08-0.6c-1.09,0-2.12,0.2-3.08,0.6c-0.96,0.4-1.8,0.97-2.51,1.72
|
||||
c-0.71,0.75-1.27,1.64-1.68,2.69c-0.41,1.04-0.61,2.2-0.61,3.49c0,1.21,0.2,2.33,0.61,3.36c0.41,1.03,0.97,1.93,1.68,2.69
|
||||
c0.71,0.76,1.55,1.36,2.51,1.8c0.96,0.44,1.99,0.66,3.08,0.66c1.09,0,2.12-0.2,3.08-0.61c0.96-0.41,1.8-0.98,2.53-1.72
|
||||
c0.72-0.74,1.29-1.64,1.71-2.69C378.06,478.02,378.27,476.87,378.27,475.6z"/>
|
||||
<path class="st0" d="M398.68,491.51h-7.97v-31.27h1.93l2.63,3.04c1.28-1.17,2.74-2.07,4.37-2.7c1.62-0.63,3.32-0.95,5.09-0.95
|
||||
c1.91,0,3.71,0.36,5.4,1.09c1.69,0.73,3.17,1.73,4.44,3.01c1.27,1.27,2.26,2.76,2.99,4.47c0.73,1.7,1.09,3.52,1.09,5.45v17.87
|
||||
h-7.97v-17.87c0-0.82-0.16-1.59-0.47-2.32c-0.31-0.73-0.74-1.37-1.28-1.91c-0.55-0.55-1.18-0.97-1.9-1.28
|
||||
c-0.72-0.31-1.49-0.47-2.31-0.47c-0.84,0-1.62,0.16-2.36,0.47c-0.74,0.31-1.38,0.74-1.93,1.28c-0.55,0.55-0.97,1.18-1.29,1.91
|
||||
c-0.31,0.73-0.47,1.5-0.47,2.32V491.51z"/>
|
||||
<path class="st0" d="M454.59,491.51h-1.93l-3.09-4.29c-0.76,0.68-1.56,1.32-2.41,1.91c-0.85,0.59-1.74,1.11-2.67,1.55
|
||||
c-0.93,0.44-1.89,0.78-2.88,1.04c-0.98,0.25-1.98,0.38-2.99,0.38c-2.2,0-4.27-0.37-6.2-1.11c-1.94-0.74-3.63-1.81-5.08-3.23
|
||||
c-1.45-1.41-2.59-3.14-3.43-5.18c-0.84-2.04-1.26-4.37-1.26-6.98c0-2.43,0.42-4.67,1.26-6.7c0.84-2.03,1.98-3.78,3.43-5.24
|
||||
c1.45-1.46,3.14-2.59,5.08-3.4s4.01-1.21,6.2-1.21c1.01,0,2.02,0.13,3.01,0.38c0.99,0.25,1.96,0.6,2.89,1.05
|
||||
c0.93,0.45,1.82,0.97,2.67,1.58c0.85,0.6,1.64,1.26,2.38,1.96l3.09-3.71h1.93V491.51z M446.56,475.6c0-1.09-0.21-2.15-0.63-3.17
|
||||
c-0.42-1.02-0.99-1.93-1.71-2.71c-0.72-0.79-1.56-1.42-2.53-1.9c-0.96-0.48-1.99-0.72-3.08-0.72c-1.09,0-2.12,0.19-3.08,0.56
|
||||
c-0.96,0.37-1.8,0.91-2.51,1.63c-0.71,0.72-1.27,1.61-1.68,2.67c-0.41,1.06-0.61,2.27-0.61,3.63c0,1.36,0.2,2.57,0.61,3.64
|
||||
c0.41,1.06,0.97,1.95,1.68,2.67c0.71,0.72,1.55,1.27,2.51,1.64c0.96,0.37,1.99,0.55,3.08,0.55c1.09,0,2.12-0.24,3.08-0.72
|
||||
c0.96-0.48,1.8-1.11,2.53-1.9c0.72-0.79,1.29-1.69,1.71-2.72C446.35,477.75,446.56,476.69,446.56,475.6z"/>
|
||||
<path class="st0" d="M220.03,540.39h-8.38v-41.87h29.31v8.38h-20.93v8.38h12.55v8.38h-12.55V540.39z"/>
|
||||
<path class="st0" d="M270.98,524.48c0,2.34-0.42,4.51-1.26,6.53c-0.84,2.01-1.98,3.76-3.42,5.23c-1.44,1.47-3.13,2.63-5.07,3.47
|
||||
c-1.94,0.85-4.01,1.27-6.23,1.27c-2.2,0-4.27-0.42-6.2-1.27c-1.94-0.85-3.63-2-5.08-3.47s-2.59-3.21-3.43-5.23
|
||||
c-0.84-2.01-1.25-4.19-1.25-6.53c0-2.37,0.42-4.57,1.25-6.6c0.84-2.02,1.98-3.77,3.43-5.24c1.45-1.47,3.14-2.62,5.08-3.46
|
||||
c1.94-0.84,4-1.26,6.2-1.26c2.22,0,4.3,0.39,6.23,1.18c1.94,0.79,3.62,1.91,5.07,3.36c1.44,1.45,2.58,3.19,3.42,5.23
|
||||
C270.56,519.72,270.98,521.99,270.98,524.48z M262.95,524.48c0-1.28-0.21-2.45-0.63-3.49c-0.42-1.04-0.99-1.94-1.71-2.69
|
||||
c-0.72-0.75-1.56-1.32-2.53-1.72c-0.96-0.4-1.99-0.6-3.08-0.6c-1.09,0-2.12,0.2-3.08,0.6c-0.96,0.4-1.8,0.97-2.51,1.72
|
||||
c-0.71,0.75-1.27,1.64-1.68,2.69c-0.41,1.04-0.61,2.2-0.61,3.49c0,1.21,0.2,2.33,0.61,3.36c0.41,1.03,0.97,1.93,1.68,2.69
|
||||
c0.71,0.76,1.55,1.36,2.51,1.8c0.96,0.44,1.99,0.66,3.08,0.66c1.09,0,2.12-0.2,3.08-0.61c0.96-0.41,1.81-0.98,2.53-1.72
|
||||
c0.72-0.74,1.29-1.64,1.71-2.69C262.74,526.9,262.95,525.74,262.95,524.48z"/>
|
||||
<path class="st0" d="M305.61,524.48c0,2.34-0.42,4.51-1.25,6.53c-0.84,2.01-1.98,3.76-3.42,5.23s-3.13,2.63-5.07,3.47
|
||||
c-1.94,0.85-4.01,1.27-6.23,1.27c-2.2,0-4.27-0.42-6.2-1.27c-1.94-0.85-3.63-2-5.08-3.47c-1.45-1.47-2.59-3.21-3.43-5.23
|
||||
c-0.84-2.01-1.26-4.19-1.26-6.53c0-2.37,0.42-4.57,1.26-6.6c0.84-2.02,1.98-3.77,3.43-5.24c1.45-1.47,3.14-2.62,5.08-3.46
|
||||
c1.94-0.84,4.01-1.26,6.2-1.26c2.22,0,4.3,0.39,6.23,1.18s3.62,1.91,5.07,3.36c1.44,1.45,2.58,3.19,3.42,5.23
|
||||
C305.19,519.72,305.61,521.99,305.61,524.48z M297.58,524.48c0-1.28-0.21-2.45-0.63-3.49c-0.42-1.04-0.99-1.94-1.71-2.69
|
||||
c-0.72-0.75-1.56-1.32-2.53-1.72c-0.96-0.4-1.99-0.6-3.08-0.6c-1.09,0-2.12,0.2-3.08,0.6c-0.96,0.4-1.8,0.97-2.51,1.72
|
||||
c-0.71,0.75-1.27,1.64-1.68,2.69c-0.41,1.04-0.61,2.2-0.61,3.49c0,1.21,0.2,2.33,0.61,3.36c0.41,1.03,0.97,1.93,1.68,2.69
|
||||
c0.71,0.76,1.55,1.36,2.51,1.8c0.96,0.44,1.99,0.66,3.08,0.66c1.09,0,2.12-0.2,3.08-0.61c0.96-0.41,1.8-0.98,2.53-1.72
|
||||
c0.72-0.74,1.29-1.64,1.71-2.69C297.37,526.9,297.58,525.74,297.58,524.48z"/>
|
||||
<path class="st0" d="M340.23,540.39h-1.93l-3.09-4.29c-0.76,0.68-1.56,1.32-2.41,1.91c-0.85,0.59-1.74,1.11-2.67,1.55
|
||||
c-0.93,0.44-1.89,0.78-2.88,1.04c-0.98,0.25-1.98,0.38-2.99,0.38c-2.2,0-4.27-0.41-6.2-1.24c-1.94-0.83-3.63-1.98-5.08-3.45
|
||||
c-1.45-1.47-2.59-3.21-3.43-5.23c-0.84-2.01-1.25-4.21-1.25-6.58c0-2.35,0.42-4.54,1.25-6.57c0.84-2.02,1.98-3.78,3.43-5.26
|
||||
c1.45-1.48,3.14-2.64,5.08-3.47c1.94-0.84,4-1.26,6.2-1.26c0.7,0,1.43,0.06,2.17,0.18c0.75,0.12,1.48,0.31,2.19,0.57
|
||||
c0.71,0.26,1.38,0.61,2,1.04c0.62,0.43,1.15,0.95,1.58,1.58v-14.6h8.03V540.39z M332.2,524.48c0-1.09-0.21-2.15-0.63-3.17
|
||||
c-0.42-1.02-0.99-1.93-1.71-2.71c-0.72-0.79-1.56-1.42-2.53-1.9c-0.96-0.48-1.99-0.72-3.08-0.72c-1.09,0-2.12,0.19-3.08,0.58
|
||||
c-0.96,0.39-1.8,0.95-2.51,1.68c-0.71,0.73-1.27,1.62-1.68,2.67c-0.41,1.05-0.61,2.24-0.61,3.56c0,1.15,0.2,2.24,0.61,3.27
|
||||
c0.41,1.03,0.97,1.94,1.68,2.72c0.71,0.78,1.55,1.39,2.51,1.84c0.96,0.45,1.99,0.67,3.08,0.67c1.09,0,2.12-0.24,3.08-0.72
|
||||
c0.96-0.48,1.81-1.11,2.53-1.9c0.72-0.79,1.29-1.69,1.71-2.72C331.99,526.62,332.2,525.57,332.2,524.48z"/>
|
||||
<path class="st0" d="M363.47,540.39h-18.22v-7.94h18.22c0.55,0,1.01-0.19,1.4-0.58c0.39-0.39,0.58-0.86,0.58-1.4
|
||||
c0-0.56-0.2-0.93-0.58-1.11c-0.39-0.18-0.86-0.26-1.4-0.26h-8.29c-1.38,0-2.68-0.26-3.88-0.79c-1.21-0.53-2.26-1.24-3.15-2.15
|
||||
c-0.9-0.9-1.6-1.96-2.12-3.17c-0.52-1.21-0.77-2.5-0.77-3.88c0-1.38,0.26-2.68,0.77-3.88c0.52-1.21,1.22-2.26,2.12-3.15
|
||||
c0.89-0.9,1.95-1.6,3.15-2.12c1.21-0.52,2.5-0.77,3.88-0.77h16.15v7.94h-16.15c-0.55,0-1.01,0.19-1.4,0.58
|
||||
c-0.39,0.39-0.58,0.86-0.58,1.4c0,0.56,0.2,1.05,0.58,1.45c0.39,0.4,0.86,0.6,1.4,0.6h8.29c1.36,0,2.65,0.23,3.85,0.69
|
||||
c1.21,0.46,2.26,1.09,3.15,1.91c0.9,0.82,1.61,1.8,2.13,2.95c0.53,1.15,0.79,2.4,0.79,3.77c0,1.38-0.26,2.67-0.79,3.87
|
||||
c-0.53,1.2-1.24,2.25-2.13,3.15c-0.89,0.9-1.95,1.62-3.15,2.13C366.12,540.13,364.84,540.39,363.47,540.39z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path class="st0" d="M493.51,616.88c-7.37,7.16-15.15,13.91-23.32,20.23c-23.36,18.06-49.28,32.12-77.06,41.78
|
||||
c-28.73,9.99-58.86,15.06-89.55,15.06c-30.74,0-60.91-5.08-89.69-15.1c-27.81-9.69-53.77-23.78-77.14-41.9
|
||||
c-12.62-9.78-24.31-20.59-34.98-32.34l23.58-19.85c9.26,10.1,19.37,19.41,30.27,27.85c20.73,16.07,43.75,28.57,68.41,37.16
|
||||
c25.51,8.88,52.27,13.39,79.55,13.39c54.04,0,105.14-17.43,147.77-50.4c6.87-5.31,13.43-10.97,19.66-16.95"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
After Width: | Height: | Size: 30 KiB |
BIN
src/assets/images/logo-kreis_32.png
Normal file
After Width: | Height: | Size: 49 KiB |
BIN
src/assets/images/logo-kreis_33.png
Normal file
After Width: | Height: | Size: 33 KiB |
BIN
src/assets/images/logo-kreis_34.png
Normal file
After Width: | Height: | Size: 42 KiB |
9
src/assets/images/logo_agua.svg
Normal file
After Width: | Height: | Size: 70 KiB |
9
src/assets/images/logo_aire.svg
Normal file
After Width: | Height: | Size: 77 KiB |
9
src/assets/images/logo_aire2.svg
Normal file
After Width: | Height: | Size: 77 KiB |
9
src/assets/images/logo_fuego.svg
Normal file
After Width: | Height: | Size: 76 KiB |
9
src/assets/images/logo_tierra.svg
Normal file
After Width: | Height: | Size: 45 KiB |
BIN
src/assets/images/mountains.jpg
Normal file
After Width: | Height: | Size: 233 KiB |
Before Width: | Height: | Size: 1.1 MiB |
BIN
src/assets/images/new-alejandro.jpg
Normal file
After Width: | Height: | Size: 115 KiB |
BIN
src/assets/images/new-jose.jpg
Normal file
After Width: | Height: | Size: 108 KiB |
1
src/assets/images/office.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg width="64px" height="64px" viewBox="0 0 24.00 24.00" xmlns="http://www.w3.org/2000/svg" fill="#ffffff" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <defs> <style>.cls-1,.cls-2{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;stroke-width:1.8240000000000003;}.cls-2{stroke-linecap:square;}</style> </defs> <g id="briefcase_alternatif" data-name="briefcase alternatif"> <path class="cls-1" d="M12,14.86h0a3.44,3.44,0,0,1-1.77-.49L1.5,9.14v-1A1.91,1.91,0,0,1,3.41,6.27H20.59A1.91,1.91,0,0,1,22.5,8.18v1l-8.73,5.23A3.44,3.44,0,0,1,12,14.86Z"></path> <line class="cls-2" x1="12" y1="13.91" x2="12" y2="15.82"></line> <polygon class="cls-2" points="15.82 6.27 8.18 6.27 9.14 2.46 14.86 2.46 15.82 6.27"></polygon> <rect class="cls-1" x="1.5" y="6.27" width="21" height="15.27" rx="1.91"></rect> </g> </g></svg>
|
After Width: | Height: | Size: 935 B |
BIN
src/assets/images/product-brasil-double.png
Normal file
After Width: | Height: | Size: 285 KiB |
BIN
src/assets/images/product-brasil-double1.png
Normal file
After Width: | Height: | Size: 170 KiB |
BIN
src/assets/images/product-brasil-single.png
Normal file
After Width: | Height: | Size: 91 KiB |
BIN
src/assets/images/product-brasil-single11.png
Normal file
After Width: | Height: | Size: 107 KiB |
BIN
src/assets/images/product-colombia-double.png
Normal file
After Width: | Height: | Size: 130 KiB |
BIN
src/assets/images/product-colombia-double1.png
Normal file
After Width: | Height: | Size: 146 KiB |
BIN
src/assets/images/product-colombia-single.png
Normal file
After Width: | Height: | Size: 191 KiB |
BIN
src/assets/images/product-colombia-single11.png
Normal file
After Width: | Height: | Size: 106 KiB |
BIN
src/assets/images/product-peru-double.png
Normal file
After Width: | Height: | Size: 129 KiB |
BIN
src/assets/images/product-peru-double1.png
Normal file
After Width: | Height: | Size: 75 KiB |
BIN
src/assets/images/product-peru-single11.png
Normal file
After Width: | Height: | Size: 106 KiB |
BIN
src/assets/images/product-uganda-double.png
Normal file
After Width: | Height: | Size: 132 KiB |
BIN
src/assets/images/product-uganda-double1.png
Normal file
After Width: | Height: | Size: 148 KiB |
BIN
src/assets/images/products.jpg
Normal file
After Width: | Height: | Size: 123 KiB |
Before Width: | Height: | Size: 530 KiB |
BIN
src/assets/images/proysoc.01.jpg
Normal file
After Width: | Height: | Size: 810 KiB |
3
src/assets/images/shoppingcart.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.01855 20C5.46855 20 4.99755 19.804 4.60555 19.412C4.21355 19.02 4.01789 18.5493 4.01855 18C4.01855 17.45 4.21455 16.979 4.60655 16.587C4.99855 16.195 5.46922 15.9993 6.01855 16C6.56855 16 7.03955 16.196 7.43155 16.588C7.82355 16.98 8.01922 17.4507 8.01855 18C8.01855 18.55 7.82255 19.021 7.43055 19.413C7.03855 19.805 6.56789 20.0007 6.01855 20ZM16.0186 20C15.4686 20 14.9976 19.804 14.6056 19.412C14.2136 19.02 14.0179 18.5493 14.0186 18C14.0186 17.45 14.2146 16.979 14.6066 16.587C14.9986 16.195 15.4692 15.9993 16.0186 16C16.5686 16 17.0396 16.196 17.4316 16.588C17.8236 16.98 18.0192 17.4507 18.0186 18C18.0186 18.55 17.8226 19.021 17.4306 19.413C17.0386 19.805 16.5679 20.0007 16.0186 20ZM5.16855 4L7.56855 9H14.5686L17.3186 4H5.16855ZM4.21855 2H18.9686C19.3519 2 19.6436 2.171 19.8436 2.513C20.0436 2.855 20.0519 3.20067 19.8686 3.55L16.3186 9.95C16.1352 10.2833 15.8892 10.5417 15.5806 10.725C15.2719 10.9083 14.9346 11 14.5686 11H7.11856L6.01855 13H18.0186V15H6.01855C5.26855 15 4.70189 14.6707 4.31855 14.012C3.93522 13.3533 3.91855 12.6993 4.26855 12.05L5.61855 9.6L2.01855 2H0.0185547V0H3.26855L4.21855 2Z" fill="white"/>
|
||||
</svg>
|
After Width: | Height: | Size: 1.2 KiB |
BIN
src/assets/images/tayrona-foods-01.png
Normal file
After Width: | Height: | Size: 39 KiB |
BIN
src/assets/images/tayrona-foods-white-bg.png
Normal file
After Width: | Height: | Size: 54 KiB |
BIN
src/assets/images/tayrona-foods-yellow.png
Normal file
After Width: | Height: | Size: 36 KiB |
BIN
src/assets/images/uganda-caffecrem.jpg
Normal file
After Width: | Height: | Size: 138 KiB |
BIN
src/assets/images/uganda-single.jpg
Normal file
After Width: | Height: | Size: 143 KiB |
BIN
src/assets/images/v-elemento.png
Normal file
After Width: | Height: | Size: 40 KiB |
1
src/assets/images/whatsapp.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg fill="#ffffff" viewBox="-2 -2 24 24" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" class="jam jam-whatsapp" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M9.516.012C4.206.262.017 4.652.033 9.929a9.798 9.798 0 0 0 1.085 4.465L.06 19.495a.387.387 0 0 0 .47.453l5.034-1.184a9.981 9.981 0 0 0 4.284 1.032c5.427.083 9.951-4.195 10.12-9.58C20.15 4.441 15.351-.265 9.516.011zm6.007 15.367a7.784 7.784 0 0 1-5.52 2.27 7.77 7.77 0 0 1-3.474-.808l-.701-.347-3.087.726.65-3.131-.346-.672A7.62 7.62 0 0 1 2.197 9.9c0-2.07.812-4.017 2.286-5.48a7.85 7.85 0 0 1 5.52-2.271c2.086 0 4.046.806 5.52 2.27a7.672 7.672 0 0 1 2.287 5.48c0 2.052-.825 4.03-2.287 5.481z"></path><path d="M14.842 12.045l-1.931-.55a.723.723 0 0 0-.713.186l-.472.478a.707.707 0 0 1-.765.16c-.913-.367-2.835-2.063-3.326-2.912a.694.694 0 0 1 .056-.774l.412-.53a.71.71 0 0 0 .089-.726L7.38 5.553a.723.723 0 0 0-1.125-.256c-.539.453-1.179 1.14-1.256 1.903-.137 1.343.443 3.036 2.637 5.07 2.535 2.349 4.566 2.66 5.887 2.341.75-.18 1.35-.903 1.727-1.494a.713.713 0 0 0-.408-1.072z"></path></g></svg>
|
After Width: | Height: | Size: 1.2 KiB |
BIN
src/assets/resources/Porfolio_V elemento_DE.pdf
Normal file
BIN
src/assets/resources/Porfolio_V elemento_EN.pdf
Normal file
BIN
src/assets/resources/Porfolio_V elemento_ES.pdf
Normal file
40
src/components/BigCarousel.vue
Normal file
@@ -0,0 +1,40 @@
|
||||
<template>
|
||||
<section class="big-carousel">
|
||||
<Carousel :autoplay="5000" class="big-carousel" :wrapAround="true" >
|
||||
<Slide v-for="(slide, index) in images" :key="index">
|
||||
<img :src="$helper.getImage(slide)" alt="" />
|
||||
</Slide>
|
||||
</Carousel>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import 'vue3-carousel/dist/carousel.css'
|
||||
import { Carousel, Slide, Pagination, Navigation } from 'vue3-carousel'
|
||||
export default {
|
||||
props: {
|
||||
images: Array,
|
||||
},
|
||||
components: {
|
||||
Carousel,
|
||||
Slide,
|
||||
Pagination,
|
||||
Navigation,
|
||||
},
|
||||
mounted() {
|
||||
console.log(this.images);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.big-carousel {
|
||||
margin-top:0;
|
||||
padding: 0;
|
||||
|
||||
|
||||
.carousel__slide {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
@@ -1,37 +1,74 @@
|
||||
<template>
|
||||
<section class="certifications">
|
||||
<header class="header">
|
||||
<h2 class="title">{{ $t('certifications.title') }}</h2>
|
||||
</header>
|
||||
<div class="content">
|
||||
|
||||
<!-- <div class="right"> -->
|
||||
<h2>{{ $t('certifications.title1') }}</h2>
|
||||
<div>
|
||||
<p class="centered">
|
||||
<img class="image" src="@images/image_membresias.png" />
|
||||
<img class="image" src="@images/cafeteritos_green.png" />
|
||||
</p>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
<!-- <div class="left"> -->
|
||||
<h2>{{ $t('certifications.title2') }}</h2>
|
||||
<p class="centered">
|
||||
<img class="image" src="@images/Nuestros_aliados.png" />
|
||||
</p>
|
||||
<!-- </div> -->
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.header {
|
||||
h2 {
|
||||
background-color: #000;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 72px 0 76px;
|
||||
}
|
||||
h2.title {
|
||||
font-size: 54px;
|
||||
font-weight: 400;
|
||||
line-height: 63.28px;
|
||||
padding-bottom: 26px !important;
|
||||
font-size: 28px !important;
|
||||
}
|
||||
|
||||
.content {
|
||||
height: 600px;
|
||||
background-image: url('@images/bg_1.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
.image {
|
||||
height: 150px;
|
||||
widows: 150px;
|
||||
margin-right: 48px;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.certifications {
|
||||
background-color: #000;
|
||||
background-position: top;
|
||||
background-size: contain;
|
||||
// display:grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
justify-items: center;
|
||||
flex-direction: column;
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
|
||||
h2 {
|
||||
font-size: 24px !important;
|
||||
}
|
||||
.image {
|
||||
height: 100px;
|
||||
widows: 100px;
|
||||
}
|
||||
.certifications {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<section class="coffeefarmers">
|
||||
<h3 class="header">{{ $t('coffeefarmers.title') }}</h3>
|
||||
<div class="separator"></div>
|
||||
<!-- <div class="separator"></div> -->
|
||||
</section>
|
||||
</template>
|
||||
|
||||
@@ -13,19 +13,21 @@ export default {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.coffeefarmers {
|
||||
height: 590px;
|
||||
background-image: url('@images/grains.png');
|
||||
height: 400px;
|
||||
background: white;
|
||||
background-image: url('@images/grains.jpg');
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-size: cover;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
h3.header {
|
||||
font-weight: 400;
|
||||
font-size: 48px;
|
||||
line-height: 58px;
|
||||
padding: 175px 230px 0;
|
||||
text-align: center;
|
||||
font-weight: 300;
|
||||
font-size: 26px;
|
||||
line-height: 36px;
|
||||
padding: 120px 148px 0;
|
||||
text-align: center ;
|
||||
text-shadow: 1px 1px 10px #000;
|
||||
}
|
||||
|
||||
.separator {
|
||||
@@ -33,4 +35,12 @@ export default {
|
||||
width: 700px;
|
||||
margin: 50px auto 0;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
h3.header {
|
||||
font-size: 26px;
|
||||
line-height: 36px;
|
||||
padding: 120px 16px 0;
|
||||
}
|
||||
}
|
||||
</style>
|
@@ -12,6 +12,7 @@ import DifferentBox from './DifferentBox.vue';
|
||||
<DifferentBox image="coffee-cup1.png" :title="$t('different.extraordinary.title')" :description="$t('different.extraordinary.description')" />
|
||||
<DifferentBox image="best-price1.png" :title="$t('different.affordable.title')" :description="$t('different.affordable.description')" />
|
||||
</div>
|
||||
<h3>{{ $t('different.subheader1') }}</h3>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
@@ -19,11 +20,11 @@ import DifferentBox from './DifferentBox.vue';
|
||||
.different {
|
||||
color: #fff;
|
||||
background-color: #000;
|
||||
padding: 72px 64px;
|
||||
padding: 0 0 0px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
padding: 0 150px;
|
||||
padding-bottom: 26px !important;
|
||||
font-size: 52px;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -32,13 +33,23 @@ import DifferentBox from './DifferentBox.vue';
|
||||
margin-top: 24px;
|
||||
padding: 0 150px;
|
||||
font-size: 20px;
|
||||
line-height: 34px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
font-weight: 200;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.boxes {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
h3 {
|
||||
padding: 0;
|
||||
}
|
||||
.boxes {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
</style>
|
@@ -5,16 +5,11 @@ export default {
|
||||
title: String,
|
||||
description: String
|
||||
},
|
||||
methods: {
|
||||
getImage(image) {
|
||||
return new URL(`/src/assets/images/${image}`, import.meta.url).href;
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<template>
|
||||
<div class="different-box">
|
||||
<img :src="getImage(image)" class="image" />
|
||||
<img :src="$helper.getImage(image)" class="image" />
|
||||
<h3 class="title">{{ title }}</h3>
|
||||
<p class="description">{{ description }}</p>
|
||||
</div>
|
||||
@@ -22,29 +17,37 @@ export default {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.different-box {
|
||||
width: 280px;
|
||||
height: 284px;
|
||||
width: 200px;
|
||||
height: 210px;
|
||||
background: #E2CAAA;
|
||||
text-align: center;
|
||||
padding: 36px 24px 0;
|
||||
padding: 36px 16px;
|
||||
}
|
||||
.image {
|
||||
width: 88px;
|
||||
height: 88px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
.title {
|
||||
margin-top: 24px;
|
||||
margin-top: 16px;
|
||||
color: #603809;
|
||||
font-weight: 700;
|
||||
font-size: 28px;
|
||||
font-size: 16px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.description {
|
||||
margin-top: 12px;
|
||||
font-style: 400;
|
||||
font-weight: 400;
|
||||
font-size: 20px;
|
||||
font-style: italic;
|
||||
font-weight: 200;
|
||||
font-size: 15px;
|
||||
line-height: 24px;
|
||||
color: #1E1E1E;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.different-box {
|
||||
margin: 0 auto 8px;
|
||||
}
|
||||
}
|
||||
</style>
|
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="employee-box">
|
||||
<img :src="getImage(image)" class="image">
|
||||
<img class="employee-image" :src="$helper.getImage(image)">
|
||||
<h3 class="name">{{ name }}</h3>
|
||||
<h4 class="role">{{ role }}</h4>
|
||||
</div>
|
||||
@@ -13,11 +13,6 @@ export default {
|
||||
name: String,
|
||||
role: String,
|
||||
},
|
||||
methods: {
|
||||
getImage(image) {
|
||||
return new URL(`/src/assets/images/${image}`, import.meta.url).href;
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -26,17 +21,34 @@ export default {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.employee-image {
|
||||
width: 110px !important;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.name {
|
||||
margin: 36px 0 0;
|
||||
font-weight: 700;
|
||||
font-weight: 300;
|
||||
font-size: 24px;
|
||||
line-height: 28px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.role {
|
||||
margin: 28px 0 0;
|
||||
font-weight: 500;
|
||||
font-size: 20px;
|
||||
font-weight: 200;
|
||||
font-size: 16px;
|
||||
line-height: 23.44px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.role {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.employee-image {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
@@ -2,45 +2,84 @@
|
||||
|
||||
<template>
|
||||
<footer>
|
||||
<img class="logo" src="@images/logo-kreis_3.png">
|
||||
<div class="contact-info">
|
||||
<h5>{{ $t('footer.contact')}}</h5>
|
||||
<p>{{ $t('footer.message')}}</p>
|
||||
<p class="emails">
|
||||
<a href="mailto:info@tayronafoods.com" class="email"><i class="email-icon"></i>info@tayronafoods.com</a>
|
||||
<a href="mailto:alejandro@tayronafoods.com" class="email"><i class="email-icon"></i>alejandro@tayronafoods.com</a>
|
||||
<a href="mailto:jose@tayronafoods.com" class="email"><i class="email-icon"></i>jose@tayronafoods.com</a>
|
||||
</p>
|
||||
<p class="phone"><i class="phone-icon"></i>+49(0)176 321 368 59</p>
|
||||
<p class="phone"><i class="phone-icon"></i>+49(0)152 549 389 62</p>
|
||||
<div class="cols">
|
||||
<div class="col left">
|
||||
<h6>{{ $t('footer.germany_office')}}</h6>
|
||||
<p><i class="email-icon"></i><a href="mailto:info@tayronafoods.com">info@tayronafoods.com</a></p>
|
||||
<p><i class="email-icon"></i><a href="mailto:alejandro@tayronafoods.com">alejandro@tayronafoods.com</a></p>
|
||||
<p><i class="email-icon"></i><a href="mailto:jose@tayronafoods.com">jose@tayronafoods.com</a></p>
|
||||
<p><i class="whatsapp-icon"></i><a target="_blank" href="https://wa.me/49017632136859">+49(0)176 321 368 59</a></p>
|
||||
<p><i class="whatsapp-icon"></i><a target="_blank" href="https://wa.me/49015254938962">+49(0)152 549 389 62</a></p>
|
||||
</div>
|
||||
<div class="separator"></div>
|
||||
<div class="col right">
|
||||
<h6>{{ $t('footer.colombia_office')}}</h6>
|
||||
<p><a href="mailto:Colombia@Tayronafoods.com"><i class="email-icon"></i>Colombia@Tayronafoods.com</a></p>
|
||||
<p><i class="whatsapp-icon"></i><a target="_blank" href="https://wa.me/573174293266">+57 317 429 32 66</a></p>
|
||||
<p><i class="office-icon"></i>Tayrona Foods SAS Cra 80a # 25b-44</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="rss">
|
||||
<a href="#"><i class="facebook-icon"></i></a>
|
||||
<a href="#"><i class="instagram-icon"></i></a>
|
||||
<a href="#"><i class="youtube-icon"></i></a>
|
||||
<a href="#"><i class="twitter-icon"></i></a>
|
||||
<a href="https://www.facebook.com/profile.php?id=100093464946416"><i class="facebook-icon"></i></a>
|
||||
<a href="https://instagram.com/tayrona_foods?igshid=NTc4MTIwNjQ2YQ=="><i class="instagram-icon"></i></a>
|
||||
</p>
|
||||
<p class="links">
|
||||
<a href="https://tayronafoods.com/impressum">{{ $t('footer.impressum')}}</a>
|
||||
<a href="https://tayronafoods.com/datenschutz">{{ $t('footer.dataprotection')}}</a>
|
||||
<a href="https://tayronafoods.com/agb">{{ $t('footer.agb')}}</a>
|
||||
<router-link class="link" to="/impressum">{{ $t('footer.impressum')}}</router-link>
|
||||
<router-link class="link" to="/dataprotection">{{ $t('footer.dataprotection') }}</router-link>
|
||||
<router-link class="link" to="/agb">{{ $t('footer.agb') }}</router-link>
|
||||
<router-link class="link" to="/widerrufsrecht">{{ $t('footer.rightofwithdrawal') }}</router-link>
|
||||
<router-link class="link" to="/gewinnspielbedingungen">{{ $t('footer.competitionconditions') }}</router-link>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.contact-info p {
|
||||
font-weight: 200;
|
||||
letter-spacing: 0.05rem;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-weight: 300;
|
||||
font-size: 15px;
|
||||
margin-bottom: 12px;
|
||||
text-align: center
|
||||
}
|
||||
.cols {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1px 1fr;
|
||||
gap: 24px;
|
||||
margin-top: 24px;
|
||||
justify-items: center;
|
||||
|
||||
.col {
|
||||
text-align: left;
|
||||
}
|
||||
.separator {
|
||||
border-right: 1px solid #fff;
|
||||
margin: 48px;
|
||||
opacity: 0.7;
|
||||
}
|
||||
}
|
||||
|
||||
footer {
|
||||
position: relative;
|
||||
color: #fff;
|
||||
height: 492px;
|
||||
background-color: #442808;
|
||||
background-image: url('@images/footer_coffee.png');
|
||||
background-blend-mode: overlay;
|
||||
background-blend-mode: multiply;
|
||||
background-position: bottom;
|
||||
background-repeat: no-repeat;
|
||||
padding-bottom: 36px;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-weight: 500;
|
||||
padding-top: 72px;
|
||||
font-weight: 300;
|
||||
padding-top: 52px;
|
||||
font-size: 20px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
@@ -52,7 +91,9 @@
|
||||
margin-top: 58px;
|
||||
|
||||
a {
|
||||
margin-right: 200px;
|
||||
margin-right: 84px;
|
||||
display: inline-block;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
@@ -63,16 +104,11 @@
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@mixin icon($url) {
|
||||
display: inline-block;
|
||||
background-image: url($url);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
opacity: 0.7;
|
||||
}
|
||||
}
|
||||
|
||||
.logo {
|
||||
@@ -85,36 +121,27 @@
|
||||
|
||||
.contact-info {
|
||||
text-align: center;;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 20px;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
font-weight: 100;
|
||||
|
||||
.emails {
|
||||
padding: 0;
|
||||
.email {
|
||||
|
||||
margin-right: 16px;
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
@mixin icon($url) {
|
||||
display: inline-block;
|
||||
background-image: url($url);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
&-icon {
|
||||
|
||||
.email-icon {
|
||||
@include icon('@images/email.svg');
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.phone-icon {
|
||||
@include icon('@images/phone.svg');
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.rss a {
|
||||
margin-right: 24px;
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.facebook-icon {
|
||||
@@ -132,5 +159,54 @@
|
||||
.twitter-icon {
|
||||
@include icon('@images/twitter.svg');
|
||||
}
|
||||
|
||||
.whatsapp-icon {
|
||||
@include icon('@images/whatsapp.svg');
|
||||
}
|
||||
.office-icon {
|
||||
@include icon('@images/office.svg');
|
||||
}
|
||||
|
||||
.rss a {
|
||||
margin-right: 24px;
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.cols {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 24px;
|
||||
.col {
|
||||
text-align: center;
|
||||
}
|
||||
.separator {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
h5 {
|
||||
padding-top: 16px;
|
||||
}
|
||||
.contact-info {
|
||||
.emails {
|
||||
display: grid;
|
||||
gap: 8px;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
p.links {
|
||||
margin-top: 58px;
|
||||
|
||||
a {
|
||||
margin-right: 20px;
|
||||
font-size: 80%;
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
121
src/components/GdprConsent.vue
Normal file
@@ -0,0 +1,121 @@
|
||||
<template>
|
||||
<div v-if="!hideGdpr" class="gdpr-overlay">
|
||||
<section class="gdpr-container">
|
||||
<div class="gdpr-content">
|
||||
<div class="gdpr-text">{{ $t('gdpr.text') }} <a href="https://tayronafoods.myshopify.com/pages/gdpr-privacy-policy">{{ $t('gdpr.policy') }}</a></div>
|
||||
<div class="gdpr-buttons">
|
||||
<button class="secondary" @click="closeGdpr">{{ $t('gdpr.reject')}}</button>
|
||||
<button @click="enableGdpr">{{ $t('gdpr.accept')}}</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { bootstrap, setOptions } from 'vue-gtag';
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
hideGdpr: false,
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
async enableGdpr() {
|
||||
setOptions({
|
||||
config: { id: 'G-WSGLW74RC1', },
|
||||
});
|
||||
const gtag = await bootstrap();
|
||||
this.closeGdpr();
|
||||
},
|
||||
closeGdpr() {
|
||||
this.hideGdpr = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.gdpr {
|
||||
&-overlay {
|
||||
position: fixed;
|
||||
top:0;
|
||||
right:0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 20;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&-container {
|
||||
position: relative;
|
||||
left: 0;
|
||||
width: 700px;
|
||||
z-index: 21;
|
||||
margin: 0 auto;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
&-content {
|
||||
background-color: #fefefe;
|
||||
color: #121212;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
padding: 16px 32px;
|
||||
height: auto;
|
||||
display: grid;
|
||||
|
||||
align-items: center;
|
||||
justify-items: center;
|
||||
font-size: 14px;
|
||||
gap: 20px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
&-buttons {
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 961px) {
|
||||
.gdpr {
|
||||
&-container {
|
||||
top:30%;
|
||||
}
|
||||
|
||||
&-content {
|
||||
grid-template-columns: 4fr auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// @media only screen and (max-width: 960px) {
|
||||
|
||||
// }
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.gdpr {
|
||||
&-container {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
border-radius: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&-content {
|
||||
grid-template-rows: 1fr;
|
||||
}
|
||||
|
||||
&-buttons {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
102
src/components/LocaleSelector.vue
Normal file
@@ -0,0 +1,102 @@
|
||||
<template>
|
||||
<div class="locale-selector">
|
||||
<a href="#" @click.prevent.stop="toggle">
|
||||
<img class="globe-image" :src="getFlagImage($i18n.locale)" alt="">
|
||||
<span>{{ selectedLocale }}</span>
|
||||
<img src="@images/arrow-down.svg" alt="">
|
||||
</a>
|
||||
<div class="options" v-if="active">
|
||||
<div class="item" v-for="(value, key) in locales" :key="key" @click.prevent.stop="changeLocale(key)">
|
||||
<img class="select-image" :src="getFlagImage(key)" alt="" srcset="">
|
||||
<span>{{ value }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
const locales = {
|
||||
de: 'Deutsch',
|
||||
en: 'English',
|
||||
es: 'Español'
|
||||
}
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
active: false,
|
||||
locales,
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
selectedLocale() {
|
||||
return this.locales[this.$i18n.locale];
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toggle() {
|
||||
this.active = !this.active;
|
||||
},
|
||||
changeLocale(locale) {
|
||||
this.$i18n.locale = locale;
|
||||
this.active = false;
|
||||
},
|
||||
getFlagImage(locale) {
|
||||
return this.$helper.getImage(`flag-${locale}.png`)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.locale-selector {
|
||||
display: inline;
|
||||
position: relative;
|
||||
|
||||
.globe-image{
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
.select-image{
|
||||
height: 18px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
a {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
img {
|
||||
margin-right: 5px;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
.options {
|
||||
padding: 8px 0 8px;
|
||||
display: inline-block;
|
||||
width: 120px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 24px;
|
||||
background: #121212;
|
||||
border-radius: 5px;
|
||||
color: #fefefe;
|
||||
}
|
||||
.item {
|
||||
cursor: pointer;
|
||||
padding: 8px 0 8px 12px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
&:hover {
|
||||
color: #FECE16;
|
||||
background: #111;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
@@ -1,58 +1,94 @@
|
||||
<script>
|
||||
import LocaleSelector from './LocaleSelector.vue';
|
||||
|
||||
export default {
|
||||
props: {
|
||||
type: String,
|
||||
title: String,
|
||||
components: { LocaleSelector },
|
||||
data() {
|
||||
return {
|
||||
mobileMenuOpened: false
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
openMobileClick() {
|
||||
this.mobileMenuOpened = !this.mobileMenuOpened;
|
||||
},
|
||||
closeMenu() {
|
||||
this.mobileMenuOpened = false;
|
||||
}
|
||||
},
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<section class="menu" :class="type">
|
||||
<div class="overlay">
|
||||
<nav>
|
||||
<img class="logo" src="@images/logo-kreis_3.png" />
|
||||
<section class="menu">
|
||||
<nav v-if="$isMobile()">
|
||||
<div class="menu-bar">
|
||||
<div class="hamburger" @click="openMobileClick">
|
||||
<div class="hamburger-line"></div>
|
||||
<div class="hamburger-line"></div>
|
||||
<div class="hamburger-line"></div>
|
||||
</div>
|
||||
<div class="logo">
|
||||
<img src="@images/tayrona-foods-yellow.png" alt="Tayrona Foods"/>
|
||||
</div>
|
||||
<div></div>
|
||||
</div>
|
||||
<div class="menu-content" :class="{collapsed: !mobileMenuOpened}">
|
||||
<div class="links">
|
||||
<router-link class="link" @click.native="closeMenu" to="/">{{ $t('menu.home')}}</router-link>
|
||||
<router-link class="link" @click.native="closeMenu" to="/about">{{ $t('menu.about') }}</router-link>
|
||||
<router-link class="link" @click.native="closeMenu" to="/products">{{ $t('menu.products') }}</router-link>
|
||||
<!-- <router-link class="link" to="/store">{{ $t('Tienda') }}</router-link> -->
|
||||
<a href="https://tayronafoods.myshopify.com" @click.native="closeMenu" target="_blank" class="link">{{ $t('menu.shopping') }}</a>
|
||||
<router-link class="link" @click.native="closeMenu" to="/social">{{ $t('menu.social') }}</router-link>
|
||||
<router-link class="link" @click.native="closeMenu" to="/contact">{{ $t('menu.contact') }}</router-link>
|
||||
<LocaleSelector class="link"></LocaleSelector>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<nav v-else>
|
||||
<div class="logo">
|
||||
<img src="@images/tayrona-foods-yellow.png" alt="Tayrona Foods"/>
|
||||
</div>
|
||||
<div class="links">
|
||||
<router-link class="link" to="/">{{ $t('menu.home')}}</router-link>
|
||||
<router-link class="link" to="/about">{{ $t('menu.about') }}</router-link>
|
||||
<router-link class="link" to="/products">{{ $t('menu.products') }}</router-link>
|
||||
<!-- <router-link class="link" to="/social">{{ $t('menu.social') }}</router-link>
|
||||
<router-link class="link" to="/contact">{{ $t('menu.contact') }}</router-link> -->
|
||||
<!-- <router-link class="link" to="/store">{{ $t('Tienda') }}</router-link> -->
|
||||
<a href="https://tayronafoods.myshopify.com" target="_blank" class="link">{{ $t('menu.shopping') }}</a>
|
||||
<router-link class="link" to="/social">{{ $t('menu.social') }}</router-link>
|
||||
<router-link class="link" to="/contact">{{ $t('menu.contact') }}</router-link>
|
||||
<LocaleSelector class="link"></LocaleSelector>
|
||||
</div>
|
||||
</nav>
|
||||
<h1 class="title" v-if="title">{{ title }}</h1>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
// @media only screen and (min-width: 768px) {
|
||||
/* tablets and desktop */
|
||||
.menu {
|
||||
height: 574px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
|
||||
.overlay {
|
||||
background-color: transparent;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: linear-gradient(89.82deg, rgba(30, 30, 30, 0.72) -6.88%, rgba(0, 0, 0, 0.18) 87.45%);
|
||||
}
|
||||
|
||||
.title {
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
font-size: 65px;
|
||||
line-height: 70px;
|
||||
text-align: right;
|
||||
padding: 88px 93px 0;
|
||||
}
|
||||
nav {
|
||||
padding: 24px 93px 0;
|
||||
margin: 0 auto;
|
||||
padding: 8px 50px;
|
||||
display: grid;
|
||||
grid-template-columns: auto auto;
|
||||
background: transparent;
|
||||
width: 960px;
|
||||
height: 100%;
|
||||
transition: background-color .3s ease-in-out;
|
||||
|
||||
.logo {
|
||||
height: 117px;
|
||||
width: 118px;;
|
||||
.logo img{
|
||||
height: 100px;
|
||||
width: 100px;;
|
||||
}
|
||||
|
||||
.links {
|
||||
@@ -60,7 +96,7 @@ export default {
|
||||
align-self: center;
|
||||
|
||||
.link {
|
||||
margin-right: 54px;
|
||||
margin-right: 20px;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
|
||||
@@ -79,16 +115,95 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
&.home {
|
||||
background-image: url('@images/mountains.png');
|
||||
&.has-sticky-0 nav{
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
&.about {
|
||||
background-image: url('@images/coffee1.jpg');
|
||||
&.has-sticky-1 nav{
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
&.products {
|
||||
background-image: url('@images/products.png');
|
||||
.hamburger {
|
||||
width: 70px;
|
||||
height: 50px;
|
||||
padding: 14px 18px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
|
||||
&-line {
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
height: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
// }
|
||||
@media only screen and (max-width: 960px) {
|
||||
.menu {
|
||||
nav, .nav-wrapper {
|
||||
width: 100%;
|
||||
.links .link {
|
||||
font-size: 82%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.menu {
|
||||
&-bar {
|
||||
width: 100%;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 2fr 1fr;
|
||||
height: 115px;
|
||||
transition: height .2s ease-out;
|
||||
|
||||
.logo, .hamburger {
|
||||
justify-self: center;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.logo {
|
||||
opacity: 1;
|
||||
transition: opacity .2s ease-out;
|
||||
}
|
||||
}
|
||||
&-content {
|
||||
color: white;
|
||||
|
||||
&.collapsed {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
nav {
|
||||
display: block;
|
||||
background-color: #000;
|
||||
padding: 0;
|
||||
|
||||
.links {
|
||||
padding: 0 8px 16px;
|
||||
.link {
|
||||
text-align: center;
|
||||
display: block;
|
||||
padding: 8px;
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.has-sticky-0, &.has-sticky-1 {
|
||||
.menu-bar {
|
||||
height: 50px;
|
||||
}
|
||||
.logo {
|
||||
opacity: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
nav {
|
||||
background-color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
@@ -5,16 +5,11 @@ export default {
|
||||
title: String,
|
||||
description: String
|
||||
},
|
||||
methods: {
|
||||
getImage(image) {
|
||||
return new URL(`/src/assets/images/${image}`, import.meta.url).href;
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<template>
|
||||
<div class="origin-box">
|
||||
<img :src="getImage(image)" class="image" />
|
||||
<img :src="$helper.getImage(image)" class="image" />
|
||||
<h3 class="title">{{ title }}</h3>
|
||||
<p class="description">{{ description }}</p>
|
||||
</div>
|
||||
@@ -41,7 +36,7 @@ export default {
|
||||
|
||||
.description {
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
line-height: 21px;
|
||||
color: #1E1E1E;
|
||||
|
96
src/components/ProductBox.vue
Normal file
@@ -0,0 +1,96 @@
|
||||
<template>
|
||||
<div class="product-box">
|
||||
<div class="header">
|
||||
<div class="kind-image">
|
||||
<img :src="$helper.getImage(product.kind.image)" />
|
||||
</div>
|
||||
<div>
|
||||
<h2>{{ $t(product.name) }}</h2>
|
||||
<h3>{{ $t(product.farm) }} • {{ $t(product.strain) }}</h3>
|
||||
</div>
|
||||
<div class="shopping-cart">
|
||||
<a :href="product.url" target="_blank"><img src="@images/shoppingcart.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="product-box-image">
|
||||
<img :src="$helper.getImage(product.images[0])" alt="" />
|
||||
</div>
|
||||
<div class="footer">
|
||||
<product-table :product="product"></product-table>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProductTable from "./ProductTable.vue";
|
||||
export default {
|
||||
props: {
|
||||
product: Object,
|
||||
},
|
||||
components: {
|
||||
ProductTable,
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
.shopping-cart {
|
||||
img {
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
.product-box {
|
||||
width: 330px;
|
||||
height: 450px;
|
||||
border-radius: 12px;
|
||||
background-position: top left;
|
||||
box-sizing: border-box;
|
||||
color: #141218;
|
||||
padding: 0 px 0;
|
||||
|
||||
.header {
|
||||
background-color: #1f1f1f;
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
color: #c1c1a1;
|
||||
padding: 12px 16px;
|
||||
align-items: center;
|
||||
align-self: stretch;
|
||||
width: 100%;
|
||||
display: grid;
|
||||
grid-template-columns: 40px auto 30px;
|
||||
|
||||
.kind-image {
|
||||
align-self: start;
|
||||
img {
|
||||
width: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
padding: 0px;
|
||||
font-weight: 500;
|
||||
font-size: 20px;
|
||||
text-align: left;
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
&-image {
|
||||
width: 330px;
|
||||
height: 250px;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
90
src/components/ProductCarousel.vue
Normal file
@@ -0,0 +1,90 @@
|
||||
<template>
|
||||
<Carousel class="carousel" v-bind:breakpoints="breakpoints" :items-to-show="1" :wrap-around="false">
|
||||
<Slide v-for="product in products" :key="product.name">
|
||||
<div class="carousel-item">
|
||||
<ProductBox :product="product"></ProductBox>
|
||||
</div>
|
||||
</Slide>
|
||||
|
||||
<template #addons>
|
||||
<Navigation />
|
||||
</template>
|
||||
</Carousel>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import 'vue3-carousel/dist/carousel.css'
|
||||
import { Carousel, Slide, Pagination, Navigation } from 'vue3-carousel'
|
||||
import ProductBox from './ProductBox.vue';
|
||||
|
||||
export default {
|
||||
props: {
|
||||
products: Array
|
||||
},
|
||||
data: () => ({
|
||||
// breakpoints are mobile first
|
||||
// any settings not specified will fallback to the carousel settings
|
||||
breakpoints: {
|
||||
|
||||
// 1024 and up
|
||||
920: {
|
||||
itemsToShow: 2,
|
||||
snapAlign: 'start',
|
||||
wrapAround: false,
|
||||
},
|
||||
},
|
||||
}),
|
||||
components: {
|
||||
Carousel,
|
||||
Slide,
|
||||
Pagination,
|
||||
Navigation,
|
||||
ProductBox,
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
.carousel {
|
||||
margin-top: 32px;
|
||||
&-item {
|
||||
height: 450px;
|
||||
width: 330px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
&__slide {
|
||||
padding: 10px;
|
||||
}
|
||||
&__pagination-button:hover::after, &__pagination-button--active::after {
|
||||
background: rgba(255,255,255, 0.6);
|
||||
}
|
||||
|
||||
&__pagination-button {
|
||||
&::after{
|
||||
background: rgba(255,255,255, 0.3);
|
||||
}
|
||||
|
||||
&--active::after {
|
||||
background: rgba(255,255,255, 0.6);
|
||||
&:hover {
|
||||
background: rgba(255,255,255, 0.6);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__prev,
|
||||
&__next {
|
||||
box-sizing: content-box;
|
||||
background : rgba(255,255,255, 0.3);
|
||||
border-radius: 50px;
|
||||
border: none;
|
||||
color: #333;
|
||||
|
||||
&:hover {
|
||||
background : rgba(255,255,255, 0.8);
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
367
src/components/ProductFlipCard.vue
Normal file
@@ -0,0 +1,367 @@
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
product: Object
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
flipped: false,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toggle() {
|
||||
this.flipped = !this.flipped;
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="flip-card" :class="{flipped}" @click="toggle">
|
||||
<div v-if="product" class="flip-card-inner" :class="(product && product.kind) || 'no-product'">
|
||||
<div class="flip-card-front">
|
||||
<img class="logo" :src="$helper.getImage(product.kind.getImageimage)" />
|
||||
<div>
|
||||
<h3 class="title">{{ $t(product.kind.localized)}}</h3>
|
||||
<h3 class="slogan">{{ $t(product.slogan) }}</h3>
|
||||
</div>
|
||||
<div class="description">{{ $t(product.description) }}</div>
|
||||
</div>
|
||||
<div class="flip-card-back">
|
||||
<div class="info">
|
||||
<div class="info-header">
|
||||
<h3 class="title centered">{{ $t(product.name) }}</h3>
|
||||
<h3>- {{ $t(product.farm) }} -</h3>
|
||||
<p class="strain">{{ $t(product.strain) }}</p>
|
||||
</div>
|
||||
<div class="info-data">
|
||||
<div class="info-data-left">
|
||||
<img class="logo" :src="$helper.getImage(product.kind.image)" />
|
||||
<p class="kind">{{ $t(product.kind.localized) }}</p>
|
||||
<p class="slogan">{{ $t(product.slogan) }}</p>
|
||||
</div>
|
||||
<div class="info-data-right">
|
||||
<div class="info-data-row">
|
||||
<div class="info-data-box land">
|
||||
<div class="info-data-box-label">{{ $t('labels.country') }}</div>
|
||||
<div class="info-data-box-value">
|
||||
{{ $t(product.country) }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-data-box height">
|
||||
<div class="info-data-box-label">{{ $t('labels.height') }}</div>
|
||||
<div class="info-data-box-value">
|
||||
<div class="text-overflow">
|
||||
{{ $t(product.height) }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-data-row">
|
||||
<div class="info-data-box revision">
|
||||
<div class="info-data-box-label">{{ $t('labels.revision') }}</div>
|
||||
<div class="info-data-box-value">
|
||||
<div class="text-overflow">
|
||||
{{ $t(product.revision) }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-data-box harvest">
|
||||
<div class="info-data-box-label">{{ $t('labels.harvest') }}</div>
|
||||
<div class="info-data-box-value">
|
||||
<div class="text-overflow">
|
||||
{{ $t(product.harvest) }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-data-box profile">
|
||||
<div class="info-data-box-label">{{ $t('labels.profile') }}</div>
|
||||
<div class="info-data-box-value">
|
||||
<div class="text-overflow">
|
||||
{{ $t(product.profile) }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="info-data-row">
|
||||
<div class="info-data-box taste">
|
||||
<div class="info-data-box-label">{{ $t('labels.taste') }}</div>
|
||||
<div class="info-data-box-value">
|
||||
<div class="text-overflow">
|
||||
{{ $t(product.taste) }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-data-box mouthfeel">
|
||||
<div class="info-data-box-label">{{ $t('labels.texture') }}</div>
|
||||
<div class="info-data-box-value">
|
||||
<div class="text-overflow">
|
||||
{{ $t(product.texture) }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
No product
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
h3 {
|
||||
font-weight: 300;
|
||||
font-size: 36px;
|
||||
line-height: 50px;
|
||||
text-align: left;
|
||||
|
||||
}
|
||||
|
||||
.description {
|
||||
white-space: pre-line;
|
||||
}
|
||||
.flip-card {
|
||||
cursor: pointer;
|
||||
height: 444px;
|
||||
width: 600px;
|
||||
color: #000;
|
||||
font-size: 20px;
|
||||
border-radius: 40px;
|
||||
perspective: 1000px;
|
||||
|
||||
&.flipped &-inner {
|
||||
transform: rotateY(180deg);
|
||||
}
|
||||
|
||||
&-inner {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
transition: transform 0.8s;
|
||||
transform-style: preserve-3d;
|
||||
border-radius: 40px;
|
||||
|
||||
&.earth {
|
||||
background-color: #A6AF94;
|
||||
}
|
||||
&.water {
|
||||
background-color: #889CA7;
|
||||
}
|
||||
&.air {
|
||||
background-color: #F4EEB0;
|
||||
}
|
||||
&.fire {
|
||||
background-color: #D58C83;
|
||||
}
|
||||
&.no-product {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
&-front {
|
||||
display: grid;
|
||||
grid-template-columns: 180px auto;
|
||||
grid-template-rows: 160px auto;
|
||||
justify-items: start;
|
||||
align-items: center;
|
||||
|
||||
.description {
|
||||
grid-column-start: 1;
|
||||
grid-column-end: 3;
|
||||
font-weight: 500;
|
||||
font-size: 22px;
|
||||
line-height: 35px;
|
||||
text-align: justify;
|
||||
padding: 0 44px;
|
||||
align-self: flex-start;
|
||||
}
|
||||
.logo {
|
||||
height: 184px;
|
||||
width: 147px;
|
||||
}
|
||||
}
|
||||
|
||||
&-front, &-back {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
&-back {
|
||||
transform: rotateY(180deg);
|
||||
border-radius: 40px;
|
||||
padding-top: 16px;
|
||||
|
||||
h3, h4 {
|
||||
font-family: 'Righteous', cursive;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.info {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: grid;
|
||||
grid-template-rows: 35% 65%;
|
||||
|
||||
h3.title {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.strain {
|
||||
text-align: center;
|
||||
font-family: 'Cormorant Garamond', serif;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
&-data {
|
||||
display: grid;
|
||||
grid-template-columns: 30% 70%;
|
||||
margin: 20px;
|
||||
border-style: solid;
|
||||
border-width: 2px;
|
||||
|
||||
&-left {
|
||||
padding-top: 16px;
|
||||
}
|
||||
|
||||
&-right {
|
||||
display: grid;
|
||||
grid-template-rows: repeat(3, 1fr);
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
|
||||
.earth & {
|
||||
background-color: #babfa9;
|
||||
}
|
||||
.water & {
|
||||
background-color: #92a7b1;
|
||||
}
|
||||
.air & {
|
||||
background-color: #f4f4cc;
|
||||
}
|
||||
.fire & {
|
||||
background-color: #d59c95;
|
||||
}
|
||||
}
|
||||
|
||||
&-row {
|
||||
border-top-style: solid;
|
||||
border-top-width: 2px;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 2px;
|
||||
display: inline-flex;
|
||||
// flex-wrap: nowrap;
|
||||
// justify-content: space-around;
|
||||
min-width: 100%;
|
||||
height: 100%;
|
||||
|
||||
&:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.earth & {
|
||||
border-color: #A6AF94;
|
||||
}
|
||||
|
||||
.water & {
|
||||
border-color: #889CA7;
|
||||
}
|
||||
.air & {
|
||||
border-color: #F4EEB0;
|
||||
}
|
||||
.fire & {
|
||||
border-color: #D58C83;
|
||||
}
|
||||
}
|
||||
|
||||
&-box {
|
||||
padding: 4px 0 0 8px;
|
||||
border-right-style: solid;
|
||||
border-right-width: 3px;
|
||||
min-width: 100px;
|
||||
flex-basis: 0px;
|
||||
flex-grow: 1;
|
||||
|
||||
.text-overflow {
|
||||
// width: 98%;
|
||||
// text-overflow: ellipsis;
|
||||
// overflow: hidden;
|
||||
// white-space: nowrap;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
|
||||
.earth & {
|
||||
border-color: #A6AF94;
|
||||
}
|
||||
|
||||
.water & {
|
||||
border-color: #889CA7;
|
||||
}
|
||||
.air & {
|
||||
border-color: #F4EEB0;
|
||||
}
|
||||
.fire & {
|
||||
border-color: #D58C83;
|
||||
}
|
||||
|
||||
&-label{
|
||||
font-family: 'Righteous', cursive;
|
||||
font-size: 18px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
&-value{
|
||||
font-family: 'Cormorant Garamond', serif;
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
&.kind {
|
||||
font-family: 'Righteous', cursive;
|
||||
text-align: left;
|
||||
line-height: 20px;
|
||||
margin-left: 20px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1.3px;
|
||||
}
|
||||
&.slogan {
|
||||
font-family: 'Cormorant Garamond', serif;
|
||||
font-size: 90%;
|
||||
text-align: left;
|
||||
line-height: 25px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.earth & {
|
||||
border-color: #babfa9;
|
||||
}
|
||||
.water & {
|
||||
border-color: #92a7b1;
|
||||
}
|
||||
.air & {
|
||||
border-color: #f4f4cc;
|
||||
}
|
||||
.fire & {
|
||||
border-color: #d59c95;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
249
src/components/ProductTable.vue
Normal file
@@ -0,0 +1,249 @@
|
||||
<template>
|
||||
<div class="info" :class="product.kind.name">
|
||||
<div class="info-data">
|
||||
<div class="info-data-left" >
|
||||
<img class="logo" :src="$helper.getImage(product.kind.image)" />
|
||||
<p class="kind">{{ $t(product.kind.localized) }}</p>
|
||||
<p class="slogan">{{ $t(product.slogan) }}</p>
|
||||
</div>
|
||||
<div class="info-data-right">
|
||||
<div class="info-data-row">
|
||||
<div class="info-data-box land">
|
||||
<div class="info-data-box-label">{{ $t("labels.country") }}</div>
|
||||
<div class="info-data-box-value">
|
||||
{{ $t(product.country) }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-data-box height">
|
||||
<div class="info-data-box-label">{{ $t("labels.height") }}</div>
|
||||
<div class="info-data-box-value">
|
||||
<div class="text-overflow">
|
||||
{{ $t(product.height) }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-data-row">
|
||||
<div class="info-data-box revision">
|
||||
<div class="info-data-box-label">{{ $t("labels.revision") }}</div>
|
||||
<div class="info-data-box-value">
|
||||
<div class="text-overflow">
|
||||
{{ $t(product.revision) }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-data-box harvest">
|
||||
<div class="info-data-box-label">{{ $t("labels.harvest") }}</div>
|
||||
<div class="info-data-box-value">
|
||||
<div class="text-overflow">
|
||||
{{ $t(product.harvest) }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-data-box profile">
|
||||
<div class="info-data-box-label">{{ $t("labels.profile") }}</div>
|
||||
<div class="info-data-box-value">
|
||||
<div class="text-overflow">
|
||||
{{ $t(product.profile) }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-data-row">
|
||||
<div class="info-data-box taste">
|
||||
<div class="info-data-box-label">{{ $t("labels.taste") }}</div>
|
||||
<div class="info-data-box-value">
|
||||
<div class="text-overflow">
|
||||
{{ $t(product.taste) }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-data-box mouthfeel">
|
||||
<div class="info-data-box-label">{{ $t("labels.texture") }}</div>
|
||||
<div class="info-data-box-value">
|
||||
<div class="text-overflow">
|
||||
{{ $t(product.texture) }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
product: Object
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.info {
|
||||
font-size: 12px;
|
||||
border-bottom-left-radius: 15px;
|
||||
border-bottom-right-radius: 15px;
|
||||
.logo {
|
||||
width: 50px
|
||||
}
|
||||
&.earth {
|
||||
background-color: #A6AF94;
|
||||
}
|
||||
&.water {
|
||||
background-color: #889CA7;
|
||||
}
|
||||
&.air {
|
||||
background-color: #F4EEB0;
|
||||
}
|
||||
&.fire {
|
||||
background-color: #D58C83;
|
||||
}
|
||||
&.no-product {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
|
||||
&-data {
|
||||
min-height: 127px;
|
||||
display: grid;
|
||||
grid-template-columns: 20% 80%;
|
||||
border-style: solid;
|
||||
border-width: 2px;
|
||||
border-bottom-left-radius: 15px;
|
||||
border-bottom-right-radius: 15px;
|
||||
|
||||
&-left {
|
||||
padding-top: 16px;
|
||||
border-bottom-left-radius: 15px;
|
||||
}
|
||||
|
||||
&-right {
|
||||
border-bottom-right-radius: 15px;
|
||||
display: grid;
|
||||
grid-template-rows: repeat(3, 1fr);
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
|
||||
.earth & {
|
||||
background-color: #babfa9;
|
||||
}
|
||||
.water & {
|
||||
background-color: #92a7b1;
|
||||
}
|
||||
.air & {
|
||||
background-color: #f4f4cc;
|
||||
}
|
||||
.fire & {
|
||||
background-color: #d59c95;
|
||||
}
|
||||
}
|
||||
|
||||
&-row {
|
||||
border-top-style: solid;
|
||||
border-top-width: 2px;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 2px;
|
||||
display: inline-flex;
|
||||
// flex-wrap: nowrap;
|
||||
// justify-content: space-around;
|
||||
min-width: 100%;
|
||||
height: 100%;
|
||||
|
||||
&:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.earth & {
|
||||
border-color: #a6af94;
|
||||
}
|
||||
|
||||
.water & {
|
||||
border-color: #889ca7;
|
||||
}
|
||||
.air & {
|
||||
border-color: #f4eeb0;
|
||||
}
|
||||
.fire & {
|
||||
border-color: #d58c83;
|
||||
}
|
||||
}
|
||||
|
||||
&-box {
|
||||
padding: 4px 0 0 8px;
|
||||
border-right-style: solid;
|
||||
border-right-width: 3px;
|
||||
flex-basis: 0px;
|
||||
flex-grow: 1;
|
||||
|
||||
&:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.earth & {
|
||||
border-color: #a6af94;
|
||||
}
|
||||
|
||||
.water & {
|
||||
border-color: #889ca7;
|
||||
}
|
||||
.air & {
|
||||
border-color: #f4eeb0;
|
||||
}
|
||||
.fire & {
|
||||
border-color: #d58c83;
|
||||
}
|
||||
|
||||
&-label {
|
||||
font-family: "Righteous", cursive;
|
||||
text-transform: uppercase;
|
||||
font-size: 9px;
|
||||
}
|
||||
&-value {
|
||||
font-family: "Cormorant Garamond", serif;
|
||||
line-height: 12px;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
&.kind {
|
||||
font-family: "Righteous", cursive;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
margin-left: 4px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1.3px;
|
||||
font-size: 10px;
|
||||
}
|
||||
&.slogan {
|
||||
font-family: "Cormorant Garamond", serif;
|
||||
text-align: center;
|
||||
line-height: 12px;
|
||||
margin-left: 4px;
|
||||
font-size: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.earth & {
|
||||
border-color: #babfa9;
|
||||
}
|
||||
.water & {
|
||||
border-color: #92a7b1;
|
||||
}
|
||||
.air & {
|
||||
border-color: #f4f4cc;
|
||||
}
|
||||
.fire & {
|
||||
border-color: #d59c95;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
141
src/data.js
Normal file
@@ -0,0 +1,141 @@
|
||||
export const kinds = {
|
||||
earth: {
|
||||
name: 'earth',
|
||||
localized: 'common.earth',
|
||||
image: 'logo_tierra.svg'
|
||||
},
|
||||
water: {
|
||||
name: 'water',
|
||||
localized: 'common.water',
|
||||
image: 'logo_agua.svg'
|
||||
},
|
||||
air: {
|
||||
name: 'air',
|
||||
localized: 'common.air',
|
||||
image: 'logo_aire2.svg'
|
||||
},
|
||||
fire: {
|
||||
name: 'fire',
|
||||
localized: 'common.fire',
|
||||
image: 'logo_fuego.svg'
|
||||
},
|
||||
};
|
||||
|
||||
export const products = [
|
||||
{
|
||||
kind: kinds.earth,
|
||||
name: 'products.brasil_de_andrade.name',
|
||||
images: ['product-brasil-single11.png', 'product-brasil-double1.png',],
|
||||
slogan: 'products.brasil_de_andrade.slogan',
|
||||
description: 'products.brasil_de_andrade.description',
|
||||
farm: 'products.brasil_de_andrade.farm',
|
||||
strain: 'products.brasil_de_andrade.strain',
|
||||
country: 'products.brasil_de_andrade.country',
|
||||
height: 'products.brasil_de_andrade.height',
|
||||
revision: 'products.brasil_de_andrade.revision',
|
||||
harvest: 'products.brasil_de_andrade.harvest',
|
||||
profile: 'products.brasil_de_andrade.profile',
|
||||
taste: 'products.brasil_de_andrade.taste',
|
||||
texture: 'products.brasil_de_andrade.texture',
|
||||
url: 'https://tayronafoods.myshopify.com/products/brasil-de-andrade',
|
||||
},
|
||||
{
|
||||
kind: kinds.water,
|
||||
name: 'products.colombia_el_paseito.name',
|
||||
images: ['product-colombia-single11.png', 'product-colombia-double1.png',],
|
||||
slogan: 'products.colombia_el_paseito.slogan',
|
||||
description: 'products.colombia_el_paseito.description',
|
||||
farm: 'products.colombia_el_paseito.farm',
|
||||
strain: 'products.colombia_el_paseito.strain',
|
||||
country: 'products.colombia_el_paseito.country',
|
||||
height: 'products.colombia_el_paseito.height',
|
||||
revision: 'products.colombia_el_paseito.revision',
|
||||
harvest: 'products.colombia_el_paseito.harvest',
|
||||
profile: 'products.colombia_el_paseito.profile',
|
||||
taste: 'products.colombia_el_paseito.taste',
|
||||
texture: 'products.colombia_el_paseito.texture',
|
||||
url: 'https://tayronafoods.myshopify.com/products/colombia-el-pastelito',
|
||||
},
|
||||
{
|
||||
kind: kinds.air,
|
||||
name: 'products.peru_grad_1.name',
|
||||
images: ['product-peru-single11.png', 'product-peru-double1.png',],
|
||||
slogan: 'products.peru_grad_1.slogan',
|
||||
description: 'products.peru_grad_1.description',
|
||||
farm: 'products.peru_grad_1.farm',
|
||||
strain: 'products.peru_grad_1.strain',
|
||||
country: 'products.peru_grad_1.country',
|
||||
height: 'products.peru_grad_1.height',
|
||||
revision: 'products.peru_grad_1.revision',
|
||||
harvest: 'products.peru_grad_1.harvest',
|
||||
profile: 'products.peru_grad_1.profile',
|
||||
taste: 'products.peru_grad_1.taste',
|
||||
texture: 'products.peru_grad_1.texture',
|
||||
url: 'https://tayronafoods.myshopify.com/products/peru-grad-1',
|
||||
},
|
||||
{
|
||||
kind: kinds.fire,
|
||||
name: 'products.uganda_gnoma.name',
|
||||
images: ['uganda-single.jpg', 'product-uganda-double1.png',],
|
||||
slogan: 'products.uganda_gnoma.slogan',
|
||||
description: 'products.uganda_gnoma.description',
|
||||
farm: 'products.uganda_gnoma.farm',
|
||||
strain: 'products.uganda_gnoma.strain',
|
||||
country: 'products.uganda_gnoma.country',
|
||||
height: 'products.uganda_gnoma.height',
|
||||
revision: 'products.uganda_gnoma.revision',
|
||||
harvest: 'products.uganda_gnoma.harvest',
|
||||
profile: 'products.uganda_gnoma.profile',
|
||||
taste: 'products.uganda_gnoma.taste',
|
||||
texture: 'products.uganda_gnoma.texture',
|
||||
url: 'https://tayronafoods.myshopify.com/products/uganda-ngoma',
|
||||
},
|
||||
{
|
||||
kind: kinds.earth,
|
||||
name: 'products.uganda_gnoma_cream.name',
|
||||
images: ['uganda-caffecrem.jpg',],
|
||||
slogan: 'products.uganda_gnoma_cream.slogan',
|
||||
description: 'products.uganda_gnoma_cream.description',
|
||||
farm: 'products.uganda_gnoma_cream.farm',
|
||||
strain: 'products.uganda_gnoma_cream.strain',
|
||||
country: 'products.uganda_gnoma_cream.country',
|
||||
height: 'products.uganda_gnoma_cream.height',
|
||||
revision: 'products.uganda_gnoma_cream.revision',
|
||||
harvest: 'products.uganda_gnoma_cream.harvest',
|
||||
profile: 'products.uganda_gnoma_cream.profile',
|
||||
taste: 'products.uganda_gnoma_cream.taste',
|
||||
texture: 'products.uganda_gnoma_cream.texture',
|
||||
url: 'https://tayronafoods.myshopify.com/products/uganda-ngoma-caffe-crema',
|
||||
},
|
||||
];
|
||||
|
||||
export const slides = {
|
||||
home: [
|
||||
'mountains.jpg',
|
||||
'coffee1.jpg',
|
||||
'Packaging_new 1.jpg',
|
||||
'proysoc.01.jpg',
|
||||
'kids.jpg',
|
||||
],
|
||||
about: [
|
||||
'coffee1.jpg',
|
||||
'mountains.jpg',
|
||||
'Packaging_new 1.jpg',
|
||||
'proysoc.01.jpg',
|
||||
'kids.jpg',
|
||||
],
|
||||
social: [
|
||||
'proysoc.01.jpg',
|
||||
'kids.jpg',
|
||||
'mountains.jpg',
|
||||
'coffee1.jpg',
|
||||
'Packaging_new 1.jpg',
|
||||
],
|
||||
products: [
|
||||
'Packaging_new 1.jpg',
|
||||
'coffee1.jpg',
|
||||
'mountains.jpg',
|
||||
'proysoc.01.jpg',
|
||||
'kids.jpg',
|
||||
],
|
||||
};
|
201
src/i18n/de.js
@@ -4,6 +4,205 @@ export default {
|
||||
message: 'Bei Interesse oder Fragen kontaktieren Sie uns bitte!',
|
||||
impressum: 'Impressum',
|
||||
dataprotection: 'Datenschutz',
|
||||
agb: 'AGB'
|
||||
agb: 'AGB',
|
||||
rightofwithdrawal: 'Widerrufsrecht',
|
||||
competitionconditions: 'Gewinnspielbedingungen',
|
||||
colombia_office: 'Kolumbien Büro',
|
||||
germany_office: 'Deutschland Büro',
|
||||
},
|
||||
menu: {
|
||||
home: 'Home',
|
||||
about: 'Über uns',
|
||||
products: 'Produkte',
|
||||
shopping: 'Shop',
|
||||
social: 'Soziales Projekt',
|
||||
contact: 'Kontakt'
|
||||
},
|
||||
about: {
|
||||
title: 'Über uns',
|
||||
subtitle1: 'Tayrona Foods',
|
||||
paragraph1: 'Wir sind ein leidenschaftliches Team von Kaffeeliebhabern, das es sich zum Ziel gesetzt hat,Ihnen außergewöhnliche Kaffeeerlebnisse zu bieten und gleichzeitig unsere Heimat Kolumbien zu unterstützen. Bei uns dreht sich alles um die faszinierende Welt des Kaffees. Von den einzigartigen Aromen bis zu den vielfältigen Geschmacksnuancen wir laden Sie ein, Ihre Sinne mit unseren köstlichen Kaffeesorten zu verwöhnen.',
|
||||
subtitle2: 'Über uns',
|
||||
paragraph2: 'Wir sind in Kolumbien, zwischen den köstlichen Gerüchen des Streetfoods und den malerischen Kaffeeplantagen, aufgewachsen. Mit unseren abgeschlossenen Studiengängen als Landwirtschaftsingenieur und BWLer haben wir unsere Leidenschaft für Essen, Handel und Kaffee vereint. Lebensstationen in Amerika, Spanien und Deutschland haben uns vielfältige Einblicke und Erfahrungen gebracht.',
|
||||
paragraph3: 'Seit über 10 Jahren sind wir im Einkaufsbereich von Kaffee, lateinamerikanischen und spanischen Delikatessen tätig. In dieser Zeit haben wir ein tiefes Verständnis dafür entwickelt, welche Qualitätsmerkmale ausschlaggebend sind, um den besten Geschmack zu erreichen. Von der Auswahl der Rohstoffe bis hin zur sorgfältigen Verarbeitung wissen wir genau, worauf es ankommt, um herausragende Produkte anzubieten. Unser Wissen und unsere Expertise ermöglichen es uns, exzellente Kaffeesorten und köstliche Delikatessen aus Lateinamerika und Spanien anbieten zu können. ',
|
||||
subtitle3: 'Und natürlich: Wir nutzen gerne jede Gelegenheit,unsere alte Heimat zu besuchen!',
|
||||
},
|
||||
origins: {
|
||||
header: 'Eine einzigartige Mischung aus den besten Kaffeebohnen aus den Bergen Lateinamerikas und Ugandas.',
|
||||
brazil: 'Brasil',
|
||||
brazil_description: 'Coffeee 100%',
|
||||
peru: 'Perú',
|
||||
peru_description: 'Coffeee 100%',
|
||||
colombia: 'Colombia',
|
||||
colombia_description: 'Coffeee 100%',
|
||||
uganda: 'Uganda',
|
||||
uganda_description: 'Coffeee 100%',
|
||||
},
|
||||
different: {
|
||||
header: 'Warum sind wir anders?',
|
||||
subheader:'Wir machen nicht nur Ihren Kaffee, wir machen Ihren Tag!',
|
||||
subheader1:'Großartige Ideen beginnen mit großartigem Kaffee, wir helfen Ihnen,dies zu erreichen.',
|
||||
|
||||
beans: {
|
||||
title: 'Beste Bohnen',
|
||||
description: 'Beans that provide great flavor',
|
||||
},
|
||||
quality: {
|
||||
title: 'High quality',
|
||||
description: 'The highest quality standards',
|
||||
},
|
||||
extraordinary: {
|
||||
title: 'Extraordinary',
|
||||
description: 'Exceptional flavor',
|
||||
},
|
||||
affordable: {
|
||||
title: 'Prices',
|
||||
description: 'The best prices in the market',
|
||||
},
|
||||
},
|
||||
coffeefarmers: {
|
||||
title: 'Genießen Sie das Erlebnis der besten Kaffeebohnen, vom Ursprung bis zu Ihrer Tasse.',
|
||||
},
|
||||
certifications: {
|
||||
title1: 'Mitgliedschaften',
|
||||
title2:'Unsere Partner'
|
||||
},
|
||||
products_page: {
|
||||
title: 'V',
|
||||
title1: 'elemento',
|
||||
subtitle1: 'Die Indianer haben seit jeher eine enge Beziehung zu ihrer natürlichen Umgebung. Im Einklang mit den vier Elementen Feuer, Wasser, Luft und Erde gestalten sie ihr Leben. Dies beschreibt wunderbar unsere Kaffeereihe.',
|
||||
download: 'Unsere Broschüre zum Herunterladen'
|
||||
},
|
||||
|
||||
products: {
|
||||
brasil_de_andrade: {
|
||||
title:'Earth',
|
||||
slogan: 'Born to create',
|
||||
description: 'Unser Streben nach dem perfekten Kaffee beginnt mit der Erde.Wir suchen aktiv nach den besten Kaffeefarmen weltweit, in denen nährstoffreiche Böden die Grundlage für qualitativ hoch-wertige Kaffeebohnen bilden. Von den fruchtbaren Plantagen Lateinamerikas bis zu den exotischen Anbaugebieten Afrikas -Nachhaltigkeit und fairer Handel stehen bei uns im Fokus.',
|
||||
name: 'Brasil de Andrade',
|
||||
farm: 'Capim Branco',
|
||||
strain: '100% Arábica',
|
||||
country: 'Brasil/ Cerrado, Carmo do paranaiba',
|
||||
height: '1.100 m',
|
||||
revision: 'sonnengetrocknet',
|
||||
harvest: 'handgepflückt',
|
||||
profile: '1/4',
|
||||
taste: 'Schokolade,leichte Fruchtsäure.',
|
||||
texture: 'mild würzig'
|
||||
},
|
||||
colombia_el_paseito: {
|
||||
title:'Water',
|
||||
slogan: 'Born to feel',
|
||||
description: `El agua, juega un papel decisivo en la preparación del café.
|
||||
Por lo tanto, solo utilizamos agua de primera clase que se adapta perfectamente a los requisitos individuales de cada café.
|
||||
La cantidad y calidad correcta del agua despliega los aromas y sabores en cada taza.`,
|
||||
name: 'Colombia El Pastelito',
|
||||
farm: 'La Mejorana',
|
||||
strain: '100% Arábica',
|
||||
country: 'Kolumbien /Quimbaya, Quindío',
|
||||
height: '1.470 m',
|
||||
revision: 'Sonnengetrocknet',
|
||||
harvest: 'handgepflückt',
|
||||
profile: '3/4',
|
||||
taste: 'leichte Karamellnote.',
|
||||
texture: 'voll'
|
||||
},
|
||||
peru_grad_1: {
|
||||
title:'Air',
|
||||
slogan: 'Born to inspire',
|
||||
description: `El aire, es otra parte esencial de nuestra pasión por el café, damos gran importancia a los granos de café recién tostados que conservan su aroma y sabor inconfundibles.
|
||||
Es por eso que tostamos en pequeños lotes para asegurarnos de que cada taza que disfrutes esté llena de frescura y aroma.`,
|
||||
name: 'Perú Grad 1',
|
||||
farm: 'Yakumama',
|
||||
strain: '100% Arábica',
|
||||
country: 'Perú / Puno, Sandia',
|
||||
height: '1.800 m',
|
||||
revision: 'Sonnengetrocknet',
|
||||
harvest: 'handgepflückt',
|
||||
profile: '3/4',
|
||||
taste: 'blumig-fruchtig,Schokolade',
|
||||
texture: 'würzig'
|
||||
},
|
||||
uganda_gnoma: {
|
||||
title:'Fire',
|
||||
slogan: 'Born to succeed',
|
||||
description: `El fuego, la pasión que resuena en cada paso de nuestro trabajo.
|
||||
Desde la selección de variedades de café verde hasta el cuidadoso tostado y la preparación amorosa, estamos allí con alma y corazón para ofrecerte una experiencia de café extraordinaria.`,
|
||||
name: 'Uganda Ngoma',
|
||||
farm: 'Espresso ',
|
||||
strain: '100% Robusta',
|
||||
country: 'Uganda / Wakiso District',
|
||||
height: '1.250 m',
|
||||
revision: 'Sonnengetrocknet',
|
||||
harvest: 'handgepflückt',
|
||||
profile: '4/4',
|
||||
taste: 'Zartbitterschokolade',
|
||||
texture: 'sanft'
|
||||
},
|
||||
uganda_gnoma_cream: {
|
||||
title:'Earth',
|
||||
slogan: 'Born to create',
|
||||
description: `El fuego, la pasión que resuena en cada paso de nuestro trabajo.
|
||||
Desde la selección de variedades de café verde hasta el cuidadoso tostado y la preparación amorosa, estamos allí con alma y corazón para ofrecerte una experiencia de café extraordinaria.`,
|
||||
name: 'Uganda Ngoma',
|
||||
farm: 'Caffeè crema ',
|
||||
strain: '100% Robusta',
|
||||
country: 'Uganda / Wakiso District',
|
||||
height: '1.250 m',
|
||||
revision: 'Sonnengetrocknet',
|
||||
harvest: 'handgepflückt',
|
||||
profile: '1/4',
|
||||
taste: 'Zartbitterschokolade',
|
||||
texture: 'sanft'
|
||||
},
|
||||
},
|
||||
labels: {
|
||||
country: 'Land / Region',
|
||||
height: 'Anbauhöhe',
|
||||
revision: 'Verarbeitung',
|
||||
harvest: 'Ernte',
|
||||
profile: 'Profil',
|
||||
taste: 'Geschmack',
|
||||
texture: 'Mundgefühl'
|
||||
},
|
||||
|
||||
social: {
|
||||
title: 'Committed to our community',
|
||||
paragraph1: 'Wir glauben an die Kraft des Kaffees, um Menschen zu verbinden, Kulturen zu bereichern und positive Veränderungen zu bewirken. Aus diesem Grund haben wir ein besonderes Programm ins Leben gerufen: Für jede Kaffeetüte, die Sie bei uns erwerben, spenden wir 5 Cent an eine Schule in unserem Dorf.',
|
||||
paragraph2: 'Damit möchten wir sicherstellen, dass zukünftige Generationen eine gute Bildung erhalten und ihre Träume verwirklichen können. Wir arbeiten eng mit lokalen Kaffeebauern zusammen, um qualitativ hochwertige Bohnen direkt aus der Region zu beziehen. Jede Tasse Kaffee, die Sie von uns genießen, ist somit ein kleiner Beitrag zur nachhaltigen Entwicklung und Wertschätzung unserer wunderbaren Heimat.',
|
||||
paragraph3:'Seien Sie Teil unserer Kaffeerevolution und entdecken Sie eine neue Dimension des Genusses. ',
|
||||
paragraph4:'Tauchen Sie ein in die Welt von Tayroona Foods, in der Kaffee nicht nur eine Leidenschaft ist, sondern auch eine Quelle des Wandels und der Unterstützung für diejenigen, die es am meisten brauchen.',
|
||||
title2: 'Cafeteritos Ancestrales',
|
||||
paragraph5: 'Wir von Tayrona Foods glauben, dass die Zukunft auf den Wurzeln unserer Vergangenheit aufgebaut wird. Aus diesem Grund sind wir sehr stolz darauf, soziale Initiativen wie "Cafeteritos Ancestrales" zu unterstützen. Es handelt sich um ein Projekt, welches von Kleinbauern von Palmor in der Sierra Nevada de Santa Marta ins Leben gerufen wurde, um junge Barista im Anbau und der Verarbeitung von Kaffee zu unterrichten. Wir investieren in die kommenden Generationen von Kaffeebauern, um eine nachhaltige Zukunft für alle zu sichern, die es uns ermöglicht, weiterhin den besten Kaffee der Welt auf Ihren Tisch zu bringen.'
|
||||
},
|
||||
common: {
|
||||
earth: 'Erde',
|
||||
water: 'Wasser',
|
||||
air: 'Luft',
|
||||
fire: 'Feuer',
|
||||
company_name: 'Tayrona Foods',
|
||||
rol_managing_partner: 'Managing Partner',
|
||||
download: 'Download'
|
||||
},
|
||||
|
||||
contact:{
|
||||
title: 'Kontakt',
|
||||
paragraph1: 'Bei Interesse oder Fragen kontaktieren Sie uns bitte! <a class="link" href="https://tayronafoods.myshopify.com/pages/contact" target="_blank">¡Kontaktiere uns!</a>',
|
||||
paragraph2: 'Email',
|
||||
paragraph3: 'info@tayronafoods.com',
|
||||
paragraph4: 'alejandro@tayronafoods.com',
|
||||
paragraph5: 'jose@tayronafoods.com',
|
||||
paragraph6: 'Phones',
|
||||
paragraph7: '+49(0)176 321 368 59',
|
||||
paragraph8: '+49(0)152 549 389 62',
|
||||
paragraph9: 'Social networks',
|
||||
paragraph10: 'Instagram'
|
||||
|
||||
},
|
||||
gdpr: {
|
||||
text: 'Diese Website verwendet Cookies, um Ihnen das beste Erlebnis auf unserer Website zu gewährleisten.',
|
||||
accept: 'Akzeptieren',
|
||||
reject: 'Ablehnen',
|
||||
policy: 'Datenschutzrichtlinie',
|
||||
}
|
||||
}
|
204
src/i18n/en.js
@@ -4,6 +4,208 @@ export default {
|
||||
message: 'If you are interested or have any questions, please contact us!',
|
||||
impressum: 'Impressum',
|
||||
dataprotection: 'Data protection',
|
||||
agb: 'AGB'
|
||||
agb: 'AGB',
|
||||
rightofwithdrawal: 'Widerrufsrecht',
|
||||
competitionconditions: 'Gewinnspielbedingungen',
|
||||
colombia_office: 'Colombia Office',
|
||||
germany_office: 'Germany Office',
|
||||
},
|
||||
menu: {
|
||||
home: 'Home',
|
||||
about: 'About',
|
||||
products: 'Products',
|
||||
shopping: 'Shop',
|
||||
social: 'Social',
|
||||
contact: 'Contact'
|
||||
},
|
||||
about: {
|
||||
title: 'About us',
|
||||
subtitle1: 'Tayrona Foods',
|
||||
paragraph1: 'We are a team of coffee lovers, whose dream is to share the wonders of this product with the world through exceptional experiences. We aim to showcase its unique and unforgettable aromas, the vast diversity of its flavors, and above all, its ability to captivate the senses',
|
||||
paragraph2: 'Growing up among delicious flavors of street food and picturesque coffee plantations in Colombia, combined with our backgrounds in agricultural engineering, business administration, and international trade, as well as our time spent living in the United States, Spain, and Germany, have provided us with a variety of ideas and new experiences.Our goal is to bring coffee culture to the world and, in doing so, support the farmers in our country.',
|
||||
subtitle2: 'About Us',
|
||||
paragraph3:'With over 10 years of experience, we have successfully developed a deep understanding of the characteristics that enhance the quality and flavor of coffee, as well as Latin American and Spanish cuisine. From selecting the finest raw materials to meticulous high-quality processing, we know precisely what it takes to deliver exceptional products and take our customers on a culinary journey with authentic and unique flavors.',
|
||||
subtitle3: 'And, of course, we enjoy every opportunity to visit our former home!',
|
||||
|
||||
},
|
||||
origins: {
|
||||
header: 'A unique blend of the best coffee beans from the mountains of Latin America and Uganda.',
|
||||
brazil: 'Brasil',
|
||||
brazil_description: 'Coffeee 100%',
|
||||
peru: 'Perú',
|
||||
peru_description: 'Coffeee 100%',
|
||||
colombia: 'Colombia',
|
||||
colombia_description: 'Coffeee 100%',
|
||||
uganda: 'Uganda',
|
||||
uganda_description: 'Coffeee 100%',
|
||||
},
|
||||
different: {
|
||||
header: 'Why we are different?',
|
||||
subheader:'We don’t just make your coffee, we make your day!',
|
||||
subheader1:'Great ideas start with excellent coffee and we´ll help you achieve it.',
|
||||
|
||||
beans: {
|
||||
title: 'Supreme Beans',
|
||||
description: 'Beans that provide great flavor',
|
||||
},
|
||||
quality: {
|
||||
title: 'High quality',
|
||||
description: 'The highest quality standards',
|
||||
},
|
||||
extraordinary: {
|
||||
title: 'Extraordinary',
|
||||
description: 'Exceptional flavor',
|
||||
},
|
||||
affordable: {
|
||||
title: 'Prices',
|
||||
description: 'The best prices in the market',
|
||||
},
|
||||
},
|
||||
coffeefarmers: {
|
||||
title: 'Enjoy the experience of the best coffee beans, from origin to your cup.',
|
||||
},
|
||||
certifications: {
|
||||
title1: 'Memberships',
|
||||
title2:'Partners Certifications'
|
||||
},
|
||||
products_page: {
|
||||
title: 'V',
|
||||
title1: 'elemento',
|
||||
subtitle1: 'Indigenous cultures have always had a close relationship with their natural environment, finding harmony with the four elements: fire, water, air, and earth, the meaning of their lives, and it is this close relationship that beautifully describes our series of coffees.',
|
||||
download: 'Download here our portfolio',
|
||||
|
||||
},
|
||||
products: {
|
||||
brasil_de_andrade: {
|
||||
title: 'Eart',
|
||||
slogan: 'Born to create',
|
||||
description: 'Eart, Our quest for the perfect coffee begins with the earth. We actively seek out the best coffee farms worldwide, where nutrient-rich soils form the foundation for producing high-quality coffee beans. From the fertile plantations of Latin America to the exotic growing regions of Africa, we prioritize sustainability and fair trade practices.',
|
||||
name: 'Brasil de Andrade',
|
||||
farm: 'Capim Branco',
|
||||
strain: '100% Arábica',
|
||||
country: 'Brasil/ Cerrado, Carmo do paranaiba',
|
||||
height: '1.100 m',
|
||||
revision: 'Sun dried',
|
||||
harvest: 'Carefully selected',
|
||||
profile: '1/4',
|
||||
taste: 'Chocolate, light fruit acid.',
|
||||
texture: 'Slightly spicy'
|
||||
},
|
||||
colombia_el_paseito: {
|
||||
title: 'Water',
|
||||
slogan: 'Born to feel',
|
||||
description: `Water plays a vital role in brewing coffee.
|
||||
Therefore, we only use top-quality water that perfectly suits the individual requirements of each coffee.
|
||||
The right quantity and quality of water unlock the aromas and flavors in every cup.`,
|
||||
name: 'Colombia El Pastelito',
|
||||
farm: 'La Mejorana',
|
||||
strain: '100% Arábica',
|
||||
country: 'Colombia /Quimbaya, Quindío',
|
||||
height: '1.470 m',
|
||||
revision: 'Sun dried',
|
||||
harvest: 'Carefully selected',
|
||||
profile: '3/4',
|
||||
taste: 'Caramel milk.',
|
||||
texture: ''
|
||||
},
|
||||
peru_grad_1: {
|
||||
title: 'Air',
|
||||
slogan: 'Born to inspire',
|
||||
description: `Air is another essential part of our coffee passion, We place great importance on freshly roasted coffee beans that retain their unmistakable aroma and flavor.
|
||||
That's why we roast in small batches to ensure that every cup you enjoy is filled with freshness and aroma.`,
|
||||
name: 'Perú Grad 1',
|
||||
farm: 'Yakumama',
|
||||
strain: '100% Arábica',
|
||||
country: 'Perú / Puno, Sandia',
|
||||
height: '1.800 m',
|
||||
revision: 'Sun dried',
|
||||
harvest: 'Carefully selected',
|
||||
profile: '3/4',
|
||||
taste: '',
|
||||
texture: ''
|
||||
},
|
||||
uganda_gnoma: {
|
||||
title: 'Fire',
|
||||
slogan: 'Born to succeed',
|
||||
description: `The fire, the passion that resonates in every step of our work.
|
||||
From selecting green coffee varieties to carefully roasting and loving brewing, we are there with heart and soul to offer you an extraordinary coffee experience.`,
|
||||
name: 'Uganda Ngoma',
|
||||
farm: 'Espresso',
|
||||
strain: '100% Robusta',
|
||||
country: 'Uganda / Wakiso District',
|
||||
height: '1.250 m',
|
||||
revision: 'Sun dried',
|
||||
harvest: 'Carefully selected',
|
||||
profile: '4/4',
|
||||
taste: '',
|
||||
texture: ''
|
||||
},
|
||||
uganda_gnoma_cream: {
|
||||
title:'Earth',
|
||||
slogan: 'Born to create',
|
||||
description: `El fuego, la pasión que resuena en cada paso de nuestro trabajo.
|
||||
Desde la selección de variedades de café verde hasta el cuidadoso tostado y la preparación amorosa, estamos allí con alma y corazón para ofrecerte una experiencia de café extraordinaria.`,
|
||||
name: 'Uganda Ngoma',
|
||||
farm: 'Caffeè crema ',
|
||||
strain: '100% Robusta',
|
||||
country: 'Uganda / Wakiso District',
|
||||
height: '1.250 m',
|
||||
revision: 'Sun dried',
|
||||
harvest: 'Carefully selected',
|
||||
profile: '1/4',
|
||||
taste: 'Zartbitterschokolade',
|
||||
texture: 'sanft'
|
||||
},
|
||||
},
|
||||
|
||||
|
||||
labels: {
|
||||
country: 'Country / Region',
|
||||
height: 'Height',
|
||||
revision: 'Revision',
|
||||
harvest: 'Harvest',
|
||||
profile: 'Profile',
|
||||
taste: 'Taste',
|
||||
texture: 'Texture'
|
||||
},
|
||||
|
||||
social: {
|
||||
title: 'Committed to our community',
|
||||
paragraph1: 'We believe in the power of coffee to connect people, enrich cultures, and bring about positive change. That\'s why we have a special program for every bag of coffee you purchase, you will be contributing 5 euro cents towards an elementary school in Colombia.',
|
||||
paragraph2: 'We want future generations to have a better education that enables them to make their dreams come true. That\'s why we work closely with local coffee growers to source high-quality beans directly from the growing region. Every cup of coffee you enjoy with us is, therefore, a small contribution to sustainable development and the appreciation of our wonderful homeland.',
|
||||
paragraph3:'Join our coffee revolution and discover a new dimension of flavors.',
|
||||
paragraph4:'Immerse yourself in the world of Tayrona Foods, where coffee is not just a passion but also a source of change and support for those who need it most.',
|
||||
title2: 'Cafeteritos Ancestrales',
|
||||
paragraph5: 'In V-Elemento, we believe that the future is built upon the roots of our past. For this reason, we are very proud to support social initiatives like "Cafeteritos Ancestrales," a project developed by the community of small coffee growers in Palmor - Sierra Nevada de Santa Marta. Through this project, our children are educated in barista skills, coffee cultivation, and coffee processing. By investing in the future generations of coffee growers, we are ensuring a sustainable future that will enable us to continue bringing the world\'s best coffee to your table.',
|
||||
},
|
||||
common: {
|
||||
earth: 'Earth',
|
||||
water: 'Water',
|
||||
air: 'Air',
|
||||
fire: 'Fire',
|
||||
company_name: 'Tayrona Foods',
|
||||
rol_managing_partner: 'Managing Partner',
|
||||
download: 'Download'
|
||||
},
|
||||
contact:{
|
||||
title: 'Contact',
|
||||
paragraph1:'If you are interested or have any questions, please <a class="link" href="https://tayronafoods.myshopify.com/pages/contact" target="_blank">contact us!</a>',
|
||||
paragraph2: 'Email',
|
||||
paragraph3: 'info{\'@\'}tayronafoods.com',
|
||||
paragraph4: 'alejandro{\'@\'}tayronafoods.com',
|
||||
paragraph5: 'jose{\'@\'}tayronafoods.com',
|
||||
paragraph6: 'Phones',
|
||||
paragraph7: '+49(0)176 321 368 59',
|
||||
paragraph8: '+49(0)152 549 389 62',
|
||||
paragraph9: 'Social networks',
|
||||
paragraph10: 'Instagram'
|
||||
|
||||
},
|
||||
gdpr: {
|
||||
text: 'This website uses cookies to ensure you the best experience on our website.',
|
||||
accept: 'Accept',
|
||||
reject: 'Reject',
|
||||
policy: 'Privacy Policy',
|
||||
}
|
||||
}
|
||||
|
||||
|
164
src/i18n/es.js
@@ -4,17 +4,28 @@ export default {
|
||||
message: 'Si está interesado o tiene alguna pregunta, ¡contáctenos!',
|
||||
impressum: 'Impressum',
|
||||
dataprotection: 'Protección de Datos',
|
||||
agb: 'AGB'
|
||||
agb: 'AGB',
|
||||
rightofwithdrawal: 'Widerrufsrecht',
|
||||
competitionconditions: 'Gewinnspielbedingungen',
|
||||
colombia_office: 'Oficina en Colombia',
|
||||
germany_office: 'Oficina en Alemania',
|
||||
},
|
||||
menu: {
|
||||
home: 'Inicio',
|
||||
about: 'Quiénes Somos',
|
||||
products: 'Producto',
|
||||
products: 'Productos',
|
||||
shopping: 'Tienda',
|
||||
social: 'Proyecto Social',
|
||||
contact: 'Contacto'
|
||||
},
|
||||
about: {
|
||||
title: 'Quiénes Somos',
|
||||
subtitle1: 'Tayrona Foods',
|
||||
paragraph1: 'Somos un equipo amantes del café, cuyo sueño es a través de experiencias excepcionales compartir con el mundo las maravillas de este producto, sus únicos e inolvidables aromas, la amplia diversidad de sus matices y sobre todo su capacidad de cautivar los sentidos.',
|
||||
paragraph2: 'Hemos crecido entre los deliciosos sabores de la comida callejera y las pintorescas plantaciones de café de Colombia, esto sumado a nuestra formación en la ingeniería agrícola, la administración de empresas y los negocios internacionales, así como la vida en los Estados Unidos, España y Alemania nos han aportado una variedad de ideas y nuevas experiencias para llevar la cultura del café al mundo y de la mano apoyar a los campesinos de nuestro país.',
|
||||
subtitle2: 'Nuestra Historia',
|
||||
paragraph3: 'Con más de 10 años de experiencia hemos logrado desarrollar una profunda comprensión de las características que hacen del café y de los alimentos latinoamericanos y españoles para potenciar su calidad y sabor. Desde la selección de materias primas hasta el procesamiento más cuidadoso y de calidad, sabemos exactamente lo que es importante para ofrecer productos excepcionales y llevar a nuestros clientes a un viaje culinario con sabores auténticos e inigualables.',
|
||||
subtitle3: 'Y por supuesto: ¡Nos gusta aprovechar cada oportunidad para visitar nuestro antiguo hogar!',
|
||||
},
|
||||
origins: {
|
||||
header: 'Una mezcla única de los mejores granos de café de las montañas de Latinoamerica y Uganda.',
|
||||
@@ -30,6 +41,7 @@ export default {
|
||||
different: {
|
||||
header: '¿Por qué somos diferentes?',
|
||||
subheader: '¡No solo hacemos tu café, hacemos tu día!',
|
||||
subheader1: 'Las grandes ideas comienzan con un excelente café, te ayudaremos a lograrlo.',
|
||||
beans: {
|
||||
title: 'Granos Supremos',
|
||||
description: 'Granos proporcionan gran sabor',
|
||||
@@ -43,14 +55,156 @@ export default {
|
||||
description: 'Sabor inigualable',
|
||||
},
|
||||
affordable: {
|
||||
title: 'Precio asequible',
|
||||
title: 'Precio',
|
||||
description: 'Los mejores precios del mercado',
|
||||
},
|
||||
},
|
||||
coffeefarmers: {
|
||||
title: 'Por los caficultores apasionados, los amantes del buen tueste y los que nunca se rinden.',
|
||||
title: '“ Disfruta de la experiencia de los mejores granos de café, desde el origen hasta tu taza”.',
|
||||
},
|
||||
certifications: {
|
||||
title: 'Nuestras certificaciones'
|
||||
title1: 'Membresías',
|
||||
title2:'Nuestros Aliados'
|
||||
},
|
||||
products_page: {
|
||||
title: 'V',
|
||||
title1: 'elemento',
|
||||
subtitle1: 'Las culturas indígenas siempre han tenido una estrecha relación con su entorno natural, encontrando en la armonía con los cuatro elementos: fuego, agua, aire y tierra, el sentido de sus vidas, y es esta misma relación la que describe maravillosamente nuestra serie de cafés.',
|
||||
title2: 'Accesorios',
|
||||
title3: 'Wasserkocher mit Filter',
|
||||
download: 'Descarga aquí nuestro portafolio',
|
||||
|
||||
},
|
||||
products: {
|
||||
brasil_de_andrade: {
|
||||
title:'Tierra',
|
||||
slogan: 'Nacido para crear',
|
||||
description: 'La tierra, buscamos activamente las mejores fincas cafeteras a nivel mundial donde suelos ricos en nutrientes son la base para formar granos de café de alta calidad. Desde las fértiles plantaciones de América Latina hasta las exóticas zonas de cultivo de África, nos centramos en la sostenibilidad y el comercio justo.',
|
||||
name: 'Brasil de Andrade',
|
||||
farm: 'Capim Branco',
|
||||
strain: '100% Arábica',
|
||||
country: 'Brasil/ Cerrado, Carmo do paranaiba',
|
||||
height: '1.100 m',
|
||||
revision: 'Secado al sol',
|
||||
harvest: 'Seleccionado cuidadósamente',
|
||||
profile: '1/4',
|
||||
taste: 'Chocolate, ligero ácido de frutas.',
|
||||
texture: 'Ligeramente picante'
|
||||
},
|
||||
colombia_el_paseito: {
|
||||
title:'Agua',
|
||||
slogan: 'Nacido para sentir',
|
||||
description: `El agua, juega un papel decisivo en la preparación del café.
|
||||
Por lo tanto, solo utilizamos agua de primera clase que se adapta perfectamente a los requisitos individuales de cada café.
|
||||
La cantidad y calidad correcta del agua despliega los aromas y sabores en cada taza.`,
|
||||
name: 'Colombia El Pastelito',
|
||||
farm: 'La Mejorana',
|
||||
strain: '100% Arábica',
|
||||
country: 'Colombia /Quimbaya, Quindío',
|
||||
height: '1.470 m',
|
||||
revision: 'Secado al sol',
|
||||
harvest: 'Seleccionado cuidadósamente',
|
||||
profile: '3/4',
|
||||
taste: 'Leche acaramelada.',
|
||||
texture: 'Lleno'
|
||||
},
|
||||
peru_grad_1: {
|
||||
title:'Aire',
|
||||
slogan: 'Nacido para inspirar',
|
||||
description: `El aire, es otra parte esencial de nuestra pasión por el café, damos gran importancia a los granos de café recién tostados que conservan su aroma y sabor inconfundibles.
|
||||
Es por eso que tostamos en pequeños lotes para asegurarnos de que cada taza que disfrutes esté llena de frescura y aroma.`,
|
||||
name: 'Perú Grad 1',
|
||||
farm: 'Yakumama',
|
||||
strain: '100% Arábica',
|
||||
country: 'Perú / Puno, Sandia',
|
||||
height: '1.800 m',
|
||||
revision: 'Secado al sol',
|
||||
harvest: 'Seleccionado cuidadósamente',
|
||||
profile: '3/4',
|
||||
taste: '-',
|
||||
texture: '-'
|
||||
},
|
||||
uganda_gnoma: {
|
||||
title:'Fuego',
|
||||
slogan: 'Nacido para triunfar',
|
||||
description: `El fuego, la pasión que resuena en cada paso de nuestro trabajo.
|
||||
Desde la selección de variedades de café verde hasta el cuidadoso tostado y la preparación amorosa, estamos allí con alma y corazón para ofrecerte una experiencia de café extraordinaria.`,
|
||||
name: 'Uganda Ngoma',
|
||||
farm: 'Espresso ',
|
||||
strain: '100% Robusta',
|
||||
country: 'Uganda / Wakiso District',
|
||||
height: '1.250 m',
|
||||
revision: 'Secado al sol',
|
||||
harvest: 'Seleccionado cuidadósamente',
|
||||
profile: '4/4',
|
||||
taste: '-.',
|
||||
texture: '-'
|
||||
},
|
||||
|
||||
uganda_gnoma_cream: {
|
||||
title:'Tierra',
|
||||
slogan: 'Nacido para crear',
|
||||
description: `El fuego, la pasión que resuena en cada paso de nuestro trabajo.
|
||||
Desde la selección de variedades de café verde hasta el cuidadoso tostado y la preparación amorosa, estamos allí con alma y corazón para ofrecerte una experiencia de café extraordinaria.`,
|
||||
name: 'Uganda Ngoma',
|
||||
farm: 'Caffeè crema ',
|
||||
strain: '100% Robusta',
|
||||
country: 'Uganda / Wakiso District',
|
||||
height: '1.250 m',
|
||||
revision: 'Secado al sol',
|
||||
harvest: 'Seleccionado cuidadósamente',
|
||||
profile: '1/4',
|
||||
taste: '-.',
|
||||
texture: '-'
|
||||
},
|
||||
},
|
||||
labels: {
|
||||
country: 'País / Región',
|
||||
height: 'Altura',
|
||||
revision: 'Revisión',
|
||||
harvest: 'Cosecha',
|
||||
profile: 'Perfil',
|
||||
taste: 'Gusto',
|
||||
texture: 'Textura'
|
||||
},
|
||||
|
||||
social: {
|
||||
title: 'Comprometidos con nuestra comunidad',
|
||||
paragraph1: 'Creemos en el poder del café para conectar a la gente, enriquecer las culturas y hacer cambios positivos. Por esta razón tenemos un programa especial, por cada bolsa de café que compres estarás contribuyendo con 5 céntimos de euro para una escuela primaria en Colombia.',
|
||||
paragraph2: 'Nos gustaría que futuras generaciones tengan una mejor educación que les permita hacer sus sueños una realidad, por eso trabajamos en estrecha colaboración con los productores locales de café para obtener granos de alta calidad directamente de la región de cultivo. Cada taza de café que disfrutas con nosotros es, por lo tanto, una pequeña contribución al desarrollo sostenible y a la apreciación de nuestra maravillosa patria.',
|
||||
paragraph3:'Forma parte de nuestra revolución del café y descubre una nueva dimensión de sabores.',
|
||||
paragraph4:'Sumérgete en el mundo de Tayrona Foods, donde el café no solo es una pasión, sino también una fuente de cambio y apoyo para quienes más lo necesitan.',
|
||||
title2: 'Cafeteritos Ancestrales',
|
||||
paragraph5: 'Para V-Elemento el futuro se construye desde las raíces de nuestro pasado, y por ello estamos muy orgullosos de apoyar iniciativas sociales como “cafeteritos ancestrales”, un proyecto desarrollado por la comunidad de pequeños cultivadores de Palmor – Sierra Nevada de Santa Marta, en que a través de la formación de los más pequeños en barismo, cultivo y transformación del café estamos apostando por las nuevas generaciones de caficultores, para asegurar un futuro sostenible que nos permita seguir llevando a sus mesas el mejor café del mundo.'
|
||||
},
|
||||
common: {
|
||||
earth: 'Tierra',
|
||||
water: 'Agua',
|
||||
air: 'Aire',
|
||||
fire: 'Fuego',
|
||||
company_name: 'Tayrona Foods',
|
||||
rol_managing_partner: 'Managing Partner',
|
||||
download: 'Descargar'
|
||||
},
|
||||
|
||||
contact:{
|
||||
title: 'Contacto',
|
||||
paragraph1: 'Si está interesado o tiene alguna pregunta, <a class="link" href="https://tayronafoods.myshopify.com/pages/contact" target="_blank">¡contáctenos!</a>',
|
||||
paragraph2: 'Correo Electrónico',
|
||||
paragraph3: 'info{\'@\'}tayronafoods.com',
|
||||
paragraph4: 'alejandro{\'@\'}tayronafoods.com',
|
||||
paragraph5: 'jose{\'@\'}tayronafoods.com',
|
||||
paragraph6: 'Teléfonos',
|
||||
paragraph7: '+49(0)176 321 368 59',
|
||||
paragraph8: '+49(0)152 549 389 62',
|
||||
paragraph9: 'Redes Sociales',
|
||||
paragraph10: 'Instagram'
|
||||
|
||||
},
|
||||
gdpr: {
|
||||
text: 'Este sitio web utiliza cookies para garantizarle la mejor experiencia en nuestro sitio web.',
|
||||
accept: 'Aceptar',
|
||||
reject: 'Rechazar',
|
||||
policy: 'Política de Privacidad',
|
||||
}
|
||||
}
|
@@ -4,8 +4,8 @@ import en from "./en";
|
||||
import de from "./de";
|
||||
|
||||
const i18n = createI18n({
|
||||
locale: 'es',
|
||||
fallbackLocale: 'en',
|
||||
locale: navigator.language.split('-')[0] || 'de',
|
||||
fallbackLocale: 'es',
|
||||
messages: {
|
||||
es,
|
||||
en,
|
||||
|
@@ -2,14 +2,20 @@ import { createApp } from 'vue'
|
||||
import router from './router/router';
|
||||
import i18n from './i18n/i18n';
|
||||
import VueMobileDetection from 'vue-mobile-detection';
|
||||
import VueGtag from "vue-gtag";
|
||||
|
||||
import './style.css'
|
||||
import App from './App.vue'
|
||||
import helper from './plugins/helper';
|
||||
|
||||
const app = createApp(App);
|
||||
|
||||
app.use(router);
|
||||
app.use(VueMobileDetection);
|
||||
app.use(i18n);
|
||||
app.use(helper);
|
||||
app.use(VueGtag, {
|
||||
bootstrap: false,
|
||||
})
|
||||
|
||||
app.mount('#app');
|
12
src/plugins/helper.js
Normal file
@@ -0,0 +1,12 @@
|
||||
const getImage = (image) => {
|
||||
const imageURL = new URL(`/src/assets/images/${image}`, import.meta.url).href;
|
||||
return imageURL || '';
|
||||
}
|
||||
|
||||
export default {
|
||||
install: (app, options) => {
|
||||
app.config.globalProperties.$helper = {
|
||||
getImage,
|
||||
};
|
||||
},
|
||||
}
|
@@ -3,22 +3,78 @@ import { createRouter, createWebHashHistory } from "vue-router";
|
||||
import HomeView from '../views/home/Home.vue';
|
||||
import AboutView from '../views/about/About.vue';
|
||||
import ProductsView from '../views/products/Products.vue';
|
||||
import SocialView from '../views/social/Social.vue';
|
||||
import ContactView from '../views/contact/Contact.vue';
|
||||
import ImpressumView from '../views/impressum/Impressum.vue';
|
||||
import DataProtectionView from '../views/dataprotection/DataProtection.vue';
|
||||
import AgbView from '../views/agb/Agb.vue';
|
||||
import StoreView from '../views/store/StoreView.vue';
|
||||
import Gewinnspielbedingungen from '../views/gewinnspielbedingungen/Gewinnspielbedingungen.vue';
|
||||
import Widerrufsrecht from '../views/widerrufsrecht/Widerrufsrecht.vue';
|
||||
|
||||
const router = createRouter({
|
||||
history: createWebHashHistory(),
|
||||
routes: [{
|
||||
routes: [
|
||||
{
|
||||
path: '/',
|
||||
name: 'home',
|
||||
component: HomeView,
|
||||
}, {
|
||||
},
|
||||
{
|
||||
path: '/about',
|
||||
name: 'about',
|
||||
component: AboutView,
|
||||
}, {
|
||||
},
|
||||
{
|
||||
path: '/products',
|
||||
name: 'products',
|
||||
component: ProductsView,
|
||||
}]
|
||||
},
|
||||
{
|
||||
path: '/social',
|
||||
name: 'social',
|
||||
component: SocialView,
|
||||
},
|
||||
{
|
||||
path: '/contact',
|
||||
name: 'contact',
|
||||
component: ContactView,
|
||||
},
|
||||
{
|
||||
path: '/impressum',
|
||||
name: 'impressum',
|
||||
component: ImpressumView,
|
||||
},
|
||||
{
|
||||
path: '/dataprotection',
|
||||
name: 'dataprotection',
|
||||
component: DataProtectionView,
|
||||
},
|
||||
{
|
||||
path: '/agb',
|
||||
name: 'agb',
|
||||
component: AgbView,
|
||||
},
|
||||
{
|
||||
path: '/store',
|
||||
name: 'store',
|
||||
component: StoreView,
|
||||
},
|
||||
{
|
||||
path: '/gewinnspielbedingungen',
|
||||
name: 'gewinnspielbedingungen',
|
||||
component: Gewinnspielbedingungen,
|
||||
},
|
||||
{
|
||||
path: '/widerrufsrecht',
|
||||
name: 'widerrufsrecht',
|
||||
component: Widerrufsrecht,
|
||||
},
|
||||
],
|
||||
scrollBehavior(to, from, savedPosition) {
|
||||
// always scroll to top
|
||||
return { top: 0 }
|
||||
},
|
||||
});
|
||||
|
||||
export default router;
|