diff --git a/playground/public/logoerg.svg b/playground/public/logoerg.svg
new file mode 100644
index 0000000..cd34114
--- /dev/null
+++ b/playground/public/logoerg.svg
@@ -0,0 +1,13 @@
+
diff --git a/src/runtime/components/Pages/TestVuetify.vue b/src/runtime/components/Pages/TestVuetify.vue
index cd531ac..45cc77b 100644
--- a/src/runtime/components/Pages/TestVuetify.vue
+++ b/src/runtime/components/Pages/TestVuetify.vue
@@ -1,20 +1,85 @@
-
+
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -35,6 +100,57 @@
text: '2023 Untitled UI. All rights reserverd'
}"
/>
+
+
+
@@ -62,7 +178,6 @@ const sliderAbout = [
textBlockAttrs: {
class: 'justify-start'
},
- backgroundImg: 'https://images.unsplash.com/photo-1562043236-559c3b65a6e2?auto=format&fit=crop&q=80&w=2940&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
buttons: [
{
id: 0,
@@ -71,7 +186,8 @@ const sliderAbout = [
size: 'large',
color: 'primary',
class: 'text-body-1',
- style: 'margin-top: 106px'
+ style: 'margin-top: 106px',
+ href: '/vacancy'
}
}
],
@@ -92,7 +208,6 @@ const sliderAbout = [
titleAttrs: {
class: 'text-white mb-4 text-36'
},
- backgroundImg: 'https://images.unsplash.com/photo-1562043236-559c3b65a6e2?auto=format&fit=crop&q=80&w=2940&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
textBlockAttrs: {
class: 'justify-start'
},
@@ -138,30 +253,91 @@ const sliderAbout = [
}
]
},
+]
+const slidesSocial = [
+ {
+ id: 0,
+ chip: {
+ text: 'Социальные проекты',
+ attrs: {
+ color: 'black',
+ class: 'text-uppercase mb-4 mb-lg-8',
+ variant: 'outlined'
+ }
+ },
+ title: 'Экологические акции',
+ subtitle: 'Команда АО “ССГПО” активно принимает участие в мероприятиях, направленных на помощь экологии',
+ textBlockAttrs: {
+ },
+ subTitleAttrs: {
+ class: 'text-black text-h5',
+ style: 'max-width: 575px;'
+ },
+ titleAttrs: {
+ class: 'text-black font-weight-semi-bold mb-3 text-36 w-75'
+ },
+ img: {
+ src: 'https://images.unsplash.com/photo-1562043236-559c3b65a6e2?auto=format&fit=crop&q=80&w=2940&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
+ attrs: {
+ 'max-height': 400,
+ 'max-width': '100%',
+ class: 'rounded-xl'
+ }
+ },
+ active: false,
+ },
+ {
+ id: 1,
+ chip: {
+ text: 'Социальные проекты',
+ attrs: {
+ color: 'black',
+ class: 'text-uppercase mb-8',
+ variant: 'outlined'
+ }
+ },
+ title: 'Экологические акции',
+ subtitle: 'Команда АО “ССГПО” активно принимает участие в мероприятиях, направленных на помощь экологии',
+ textBlockAttrs: {
+ },
+ subTitleAttrs: {
+ class: 'text-black text-h5',
+ style: 'max-width: 575px;'
+ },
+ titleAttrs: {
+ class: 'text-black font-weight-semi-bold mb-3 text-36 w-75'
+ },
+ img: {
+ src: 'https://images.unsplash.com/photo-1562043236-559c3b65a6e2?auto=format&fit=crop&q=80&w=2940&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
+ attrs: {
+ 'max-height': 400,
+ 'max-width': '98%',
+ class: 'rounded-xl'
+ }
+ },
+ active: false,
+ },
]
+
const controlScroll = ref(false);
const observer = ref(null);
onMounted(() => {
const sliderElement = document.getElementById('slider');
-
observer.value = new IntersectionObserver((entries) => {
entries.forEach(entry => {
controlScroll.value = entry.isIntersecting;
});
}, { threshold: 1 });
-
if (sliderElement) {
observer.value.observe(sliderElement);
}
});
-
onUnmounted(() => {
if (observer.value) {
observer.value.disconnect();
}
});
-