@ozdao/prometheus-framework 0.2.92 → 0.2.94

package/src/modules/landing/components/sections/Examples.vue

@@ -1,10 +1,10 @@
 <template>
-	<section class="pd-big">
+	<section class="">
 		<header class="mn-b-big t-center">
-			<h2 class="mn-center text-fade-in"><span class="text-splitted">Example of the Signals</span></h2> 
+			<h2 class="mn-center text-fade-in"><span class="text-splitted">Example of the Strains</span></h2> 
 		</header>
-		<div class="cols-4 gap-medium">
-        <img  v-for="(signal,index)  in signals"   class="signal" :src="/images/examples/' + signal">
+		<div class="cols-4 w-100 o-scroll pos-relative gap-medium">
+      <img  v-for="(signal,index)  in signals"   class="radius-big h-max-30r signal" :src="'/images/examples/' + signal">
 		</div>
 	</section>
 </template>
@@ -15,13 +15,9 @@
 /////////////////////////////
 // VUE DEPENDENCIES
 import { onMounted } from 'vue';
-// GSAP DEPENDENCIES
-import { gsap } from "gsap/dist/gsap";
-import { ScrollTrigger } from "gsap/dist/ScrollTrigger";
 /////////////////////////////
 // CREATED
 /////////////////////////////
-gsap.registerPlugin(ScrollTrigger);
 
 let signals = [
   '01.png',
@@ -34,54 +30,6 @@ let signals = [
 // MOUNTED
 /////////////////////////////
 onMounted(() => {
-	gsap.set('.signal', {
-    // maxHeight: 0,
-    force3D:false,
-    opacity: 0,
-    // y: 50,
-  });
-
-  gsap.set('.signal-child ', {
-    opacity: 0,
-    force3D:false,
-    y: 50,
-  }); 
-
- ScrollTrigger.batch('.signal', {
-  onEnter: batch => {
-    batch.forEach((card, index) => {
-      gsap.to(card, {
-        opacity: 1,
-        // maxHeight: 1000, 
-        duration: 1.5,
-        ease: "power2.inOut",
-        y: 0, 
-        stagger: 0.1, 
-        delay: index * 0.3
-      })
-
-      gsap.to(card.children, {
-        opacity: 1, 
-        duration: 1.5,
-        ease: "power2.inOut",
-        y: 0, 
-        stagger: 0.1, 
-        delay: index * 0.3
-      })
-    })
-  },
-  // onLeaveBack: batch => {
-  //   batch.forEach((card, index) => gsap.to(card.children, {
-  //     opacity: 0, 
-  //     duration: 1.5,
-  //     ease: "power2.inOut",
-  //     y: 50, 
-  //     stagger: 0.1, 
-  //     delay: index * 0.3
-  //   }))
-  // },
-  start: "top 70%",
-  });
 })
 
 </script>

package/src/modules/landing/components/sections/SectionFeature.vue

@@ -0,0 +1,41 @@
+<template>
+	<div class="o-hidden bg-grey pos-relative radius-big cols-2">
+		<div style="min-height: 20rem;" :class="{'order-2':order}" class="pos-relative w-100 h-100 bg-grey">
+			<img class="w-100 h-100 object-fit-cover pos-absolute" :src="image">
+		</div>   
+   <div class="pd-big flex-column flex w-100 h-100 gap-zero">
+    	<h2 class="mn-b-medium">
+				{{title}}
+	    </h2>
+	    
+	    <p class="p-big t-transp">
+	    	{{description}}
+	    </p>
+    </div>
+  </div>
+</template>
+
+
+<script setup>
+	import { useI18n } from 'vue-i18n'
+
+	const props = defineProps(['image','title','description','order'])
+
+	const { t } = useI18n({ 
+		messages: {
+		  en:{
+		    "nye2024":{
+		      "title":"Delisious pizza from stone oven",
+		      "description":"Join the hottest Christmas party event at NMS.IO and make your time with family and friends extra special. Enjoy festive on the celebrations with unique surprises and fun activities in NMS.IO!",
+		      "checkinblog":"CHECK IN BLOG"
+		    }
+		  }
+		}
+	})
+</script>
+
+<style lang="scss">
+	.order-2 {
+		order: 2
+	}
+</style>

package/src/modules/landing/components/sections/SectionFeaturesImages.vue

@@ -0,0 +1,122 @@
+<template>
+  <section id="howtobuy" class="section">
+
+    <div class="mn-b-big t-center title">
+      <h2 class="mn-b-small">{{t('title')}}</h2>
+      <p class="w-m-60r mn-b-big mn-auto t-transp p-big">
+        {{t('subtitle')}}
+      </p>
+    </div>
+
+    <div class="cols-3 gap-thin">
+
+      <div 
+        v-for="feature in tm('features')" 
+        :key="feature.title" 
+        class="w-100 pd-medium bg-grey radius-big"
+      >
+        <img 
+          class="radius-medium bg-grey h-max-20r object-fit-cover w-100 mn-b-medium" 
+          :src="feature.image"
+        > 
+        <h3 class="mn-b-medium">{{feature.title}}</h3>
+        <p class="t-transp">{{feature.text}}</p>
+      </div>
+
+    </div>
+
+  </section>
+</template>
+
+
+<script setup>
+import { useI18n }    from 'vue-i18n'
+  
+const props = defineProps({
+    title: String,
+    textData: {
+      type: Object,
+      default: () => ({
+        messages: {
+          en: {
+            title: 'What is Weeder Token?',
+            subtitle: 'WDT – the foundation of the Weeder community. It serves as a currency, a DAO instrument, and for many other purposes:',
+            features: [
+              {
+                image: '/images/howitworks/step1.png',
+                title: 'Currency',
+                text: 'WDT can be used as a digital currency within the Weeder ecosystem, allowing users to purchase products such as cannabis, advertising spaces, and other premium features on the platform.',
+              },
+              {
+                image: '/images/howitworks/step2.png',
+                title: 'Instument',
+                text: 'As a DAO (Decentralized Autonomous Organization) instrument, WDT enables community governance and decision-making, allowing token holders to propose, discuss, and vote on various initiatives and developments within the Weeder ecosystem.',
+              },
+              {
+                image: '/images/howitworks/step3.png',
+                title: 'Invesment',
+                text: 'Holding WDT tokens can provide potential investment returns as the Weeder ecosystem grows and gains value. Additionally, WDT serves for dividend distribution – those who stake their tokens earn income from the platform.'
+              },
+            ]
+          },
+          ru: {
+            title: 'Что такое Weeder Token?',
+            subtitle: 'WDT – основа сообщества Weeder. Он выступает в качестве валюты, инструмента DAO и многих других целей:',
+            features: [
+              {
+                image: '/images/howitworks/step1.png',
+                title: 'Валюта',
+                text: 'WDT можно использовать как цифровую валюту в экосистеме Weeder, позволяя пользователям покупать товары, такие как марихуана, рекламные места и другие премиальные возможности на платформе.',
+              },
+              {
+                image: '/images/howitworks/step2.png',
+                title: 'Инструмент',
+                text: 'В качестве инструмента DAO (Децентрализованной Автономной Организации), WDT позволяет управлять сообществом и принимать решения, давая держателям токенов возможность предлагать, обсуждать и голосовать за различные инициативы и развитие в рамках экосистемы Weeder.',
+              },
+              {
+                image: '/images/howitworks/step3.png',
+                title: 'Инвестиции',
+                text: 'Хранение токенов WDT может обеспечить потенциальный инвестиционный доход по мере роста и увеличения стоимости экосистемы Weeder. Кроме того, WDT служит для распределения дивидендов – те, кто стейкают свои токены, получают доход с платформы.',
+              },
+            ]
+          }
+        }
+      })
+    }
+  })
+  const { t, tm } = useI18n(props.textData)
+</script>
+
+<style lang="scss">
+
+#grid2 {
+  transition: 500ms;
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  gap: 3px;
+  background: crimson;
+}
+
+:where(.left, .center, .right) {
+  background: navajowhite;
+  transition: 300ms;
+}
+
+:where(.left, .center, .right):hover {
+  background: crimson;
+}
+
+#grid2:has(.left:hover) {
+  grid-template-columns: 2fr 0.5fr 0.5fr;
+  padding: 3rem;
+}
+
+#grid2:has(.center:hover) {
+  grid-template-columns: 0.5fr 2fr 0.5fr;
+  padding: 3rem;
+}
+#grid2:has(.right:hover) {
+  grid-template-columns: 0.5fr 0.5fr 2fr;
+  padding: 3rem;
+}
+</style>

package/src/modules/landing/components/sections/SectionFocus.vue

@@ -0,0 +1,59 @@
+<template>
+	<section id="our-focus" class="bg-light radius-big pd-big cols-2 flex">
+		
+		<div class="col">
+			
+			<p class="text-fade-in mn-b-medium t-main h4">
+				<span class="text-splitted">Culture of cannabis</span>
+			</p>
+
+			<h2 class="text-fade-in mn-b-medium">
+				<span class="text-splitted">Welcome to Weeder Farms, your trusted partner in cannabis cultivation. </span>
+			</h2> 
+
+			<p class="element-intro display-block p-big">We are a team of professional growers, engineers, programmers, and geneticists. We are dedicated to the growth and development of the cannabis industry, offering our extensive experience and knowledge to help cultivators like you succeed.</p>
+		</div>
+
+		<div class="cols-2 gap-thin col">
+			<div :ref="setItemRef" class="industry card">
+				<h3 class="h1 t-main card-child">10+</h3>
+				<p class="h4 card-child">Farms</p>
+			</div>
+			<div :ref="setItemRef" class="industry card">
+				<h3 class="h1 t-main card-child">40</h3>
+				<p class="h4 card-child">Strains</p>
+			</div>
+			<div :ref="setItemRef" class="industry card">
+				<h3 class="h1 t-main card-child">10KG</h3>
+				<p class="h4 card-child">Monthly</p>
+			</div>
+			<div :ref="setItemRef" class="industry card">
+				<h3 class="h1 t-main card-child">5+</h3>
+				<p class="h4 card-child">Dispansaries</p>
+			</div>
+			<div :ref="setItemRef" class="industry card">
+				<h3 class="h1 t-main card-child">136</h3>
+				<p class="h4 card-child">Tokens</p>
+			</div>
+		</div>
+	</section>
+</template>
+
+
+<script setup>
+import { reactive, computed, toRefs, ref, onMounted,onUpdated,inject } from 'vue';
+
+onMounted(() => {
+
+})
+ 
+</script>
+
+<style scoped lang="scss">
+#our-focus {
+ .industry {
+ 		display: flex;
+    justify-content: flex-end;
+ }
+}
+</style>

package/src/modules/landing/components/sections/SectionHeroVideo.vue

@@ -0,0 +1,164 @@
+<template>
+  <section id="viewpoint" class="br-b-white hero" itemscope itemtype="http://schema.org/BarOrPub">
+    
+    <div class="cols-2 gap-thin">
+      <!-- Left col -->
+      <div class="col-1 flex-justify flex-column flex o-hidden" itemprop="description">
+        
+
+        <div class="pd-big bg-main mn-b-thin  radius-big">
+	        <h1 class="mn-b-small">
+	        	<span class="text-fade-in">
+							<span class="text-splitted" v-html="t('viewpoint.title')"/>
+						</span>
+	        </h1>
+	        
+	        <p class="p-big t-transp">{{ t('viewpoint.description') }}</p>
+	      </div>
+
+        <div class="pd-big bg-black t-white radius-big">
+          <p class="p-big mn-b-small" itemprop="name">{{ t('contacts.name') }}</p>
+          
+          <address class="d-block mn-b-small" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
+            <a :href="t('contacts.addressLink')" target="_blank" rel="noopener"> 
+              <span itemprop="streetAddress">{{ t('contacts.streetAddress') }}</span>, 
+              <span itemprop="addressLocality">{{ t('contacts.addressLocality') }}</span>, 
+              <span itemprop="addressRegion">{{ t('contacts.addressRegion') }}</span>, 
+              <span itemprop="postalCode">{{ t('contacts.postalCode') }}</span>
+            </a>
+          </address>
+          
+          <span class="d-block mn-b-small" itemprop="telephone">
+            <a :href="'tel:' + t('contacts.telephone')" class="t-black">{{ t('contacts.telephone') }}</a>
+          </span>
+
+          <span class="d-block mn-b-medium" itemprop="email">
+            <a :href="'mailto:' + t('contacts.email')" class="t-black">{{ t('contacts.email') }}</a>
+          </span>
+
+          <a :href="t('contacts.addressLink')" target="_blank" rel="noopener" class="button hover-scale-1 t-black bg-main">
+            {{ t('contacts.seeongoogle') }}
+          </a>
+        </div>
+
+			</div>
+      <!-- Right col -->
+      <div class="col-2 w-100 flex">
+      	<div class="pos-relative radius-big video-wrapper w-100 h-100 o-hidden">
+      		<div class="video-gradient"></div>
+    			<video ref="videoElement" style="object-fit: cover; position: absolute;" class="video-height" preload autoplay muted loop playsinlineclass playsinline src="/videos/farming.mp4" itemprop="video" type="video/mp4" ></video>
+      	</div>
+      </div>
+      
+    </div>
+  </section>
+</template>
+
+
+<script setup>
+	/////////////////////////////
+	// COMPONENT DEPENDENCIES
+	/////////////////////////////
+	import { ref, onMounted } from 'vue';
+	import { useI18n } from 'vue-i18n'
+	
+	let text = { 
+		messages: {
+		  "en":{
+		    "viewpoint":{
+		      "title":"Increase Your Earnings from Canna-Business with Weeder Farms",
+		      "description":"Using Top-Tier Technology to Streamline Your Cannabis Farming Operations"
+		    },
+		    "contacts": {
+		    	"name": "Запишитесь на бесплатную консультацию и узнайте как увеличить ваш доход на 30%",
+		    	"seeongoogle": "Book a free consultation"
+		    }
+		  },
+		  "ru":{
+		    "viewpoint":{
+		      "title":"Живописная Терраса и Бар с Видом на Море",
+		      "description":"Откройте для себя всё лучшее, что может предложить Пхукет, в The Commune, стильном баре и террасе на пляже Карон. Насладитесь впечатляющим видом на море, попивая изысканные коктейли и пробуя превосходные блюда из нашего меню."
+		    }
+		  }
+		}
+	}
+
+	const { t } = useI18n(text)
+	/////////////////////////////
+	// CREATED
+	/////////////////////////////
+	const videoElement = ref(null)
+
+	var isPlaying = false;
+
+	function	checkAndPlayVideo() {
+    // Initializing values
+
+		// On video playing toggle values
+		videoElement.value.onplaying = function() {
+		  isPlaying = true;
+		};
+
+		// On video pause toggle values
+		videoElement.value.onpause = function() {
+		  isPlaying = false;
+		};	
+  }
+
+  // Play video function
+	async function playVid() {      
+    if (videoElement.value.paused && !isPlaying) {
+      return videoElement.value.play();
+    }
+	} 
+  
+	onMounted(() => {
+		checkAndPlayVideo()
+		playVid()
+			})
+</script>
+
+<style lang="scss">
+	.video-height {
+		  width: 100%;
+	    min-height: 100%;
+	    max-height: 45vh;
+	    object-fit: cover;
+	}
+
+	@media screen and (max-width: 1024px) {
+		.video-wrapper  {
+			position: absolute;
+			left: 0;
+			top: 0;
+			border-radius: 0 !important; 
+
+			.video-gradient {
+				position: absolute;
+				pointer-events: none;
+				top: 7px;
+				left: 0;
+				width: 100%;
+				height: 100%;
+
+				background: linear-gradient(to bottom, transparent, rgba(var(--white),1));
+				z-index: 1;
+			}
+		}
+
+		#viewpoint {
+			.cols-2 {
+		    .col-1 {
+		     	order: 2;
+		     	border: 0;
+		    }
+
+		    .col-2 {
+		      order: 1;
+		      min-height: 33vh
+		    }
+		  }
+	  }
+	}
+</style>
+

package/src/modules/landing/router/landing.js

@@ -18,6 +18,17 @@ const landing = [
     },
     component: () => import(/* webpackChunkName: 'Governance' */ '@pf/src/modules/landing/components/pages/Governance.vue'),
   },
+  {
+    path: 'farming',
+    name: 'Farming',
+    meta: {
+      title: {
+        en: 'Governance',
+        ru: 'Управления'
+      }
+    },
+    component: () => import(/* webpackChunkName: 'Governance' */ '@pf/src/modules/landing/components/pages/Farming.vue'),
+  },
   {
     path: 'pages/:url',
     name: 'Page',

package/src/modules/marketplace/components/sections/Filters.vue

@@ -1,10 +1,14 @@
 <template>
-	<div class="z-index-1 pos-relative radius-big bg-black t-white pd-medium flex-v-center flex-nowrap flex o-scroll">
+	<div class="z-index-1 pos-relative radius-big bg-black t-white pd-medium flex-v-center flex-nowrap flex">
 		<!-- <p class="t-semi radius-extra uppercase p-medium mn-r-thin">Filter by</p> -->
+    <div class="
+     mn-r-auto pd-micro gap-micro br-solid br-2px br-white  radius-extra flex-nowrap flex
+     "
+    >
 		<Dropdown 
       id="fitlerCategory"
 			:label="t('categoriesTitle')" 
-			class="cursor-pointer mn-r-small br-solid br-2px br-white pd-thin t-semi radius-extra uppercase p-medium"
+			class="cursor-pointer pd-thin t-semi radius-extra uppercase p-medium"
 			:class="[
         store.marketplace.state.filter.categories.length > 0 ? 'bg-white t-black' : ''
       ]"
@@ -22,10 +26,10 @@
      	</div>
      </Dropdown>
 
-     <Dropdown 
-       id="fitlerPrice"
+    <Dropdown 
+      id="fitlerPrice"
      	:label="t('filters.price.title')" 
-     	class="cursor-pointer  mn-r-small br-solid br-2px br-white pd-thin t-semi radius-extra uppercase p-medium"
+     	class="cursor-pointer pd-thin t-semi radius-extra uppercase p-medium"
      	:class="[
         store.marketplace.state.filter.prices.length > 0 ? 'bg-white t-black' : ''
       ]"
@@ -43,29 +47,28 @@
       </div>
      </Dropdown>
 
-     <Dropdown 
-     	label="Delivery" 
+    <Dropdown 
+   	  label="Delivery" 
       id="fitlerDelivery"
-     	class="cursor-pointer mn-r-small br-solid br-2px br-white pd-thin t-semi radius-extra uppercase p-medium"
+     	class="cursor-pointer pd-thin t-semi radius-extra uppercase p-medium"
      	:class="[
         store.marketplace.state.filter.delivery.length > 0 ? 'bg-white t-black' : ''
       ]"
-     >
-      <div class="w-100 h-100 radius-semi o-hidden bg-black">
-      	<Checkbox 
-  				v-for="(delivery, index) in delivery"
-          :label="delivery.label"
-          name="prices"
-          :value="delivery.value"
-          class="cursor-pointer  w-100 mn-t-small bg-black t-white radius-small pd-small"
-          :radio="store.marketplace.state.filter.delivery"
-          @update:radio="event => store.marketplace.state.filter.delivery = event"
-        />
-      </div>
-     </Dropdown>
-		<!-- Reset filter -->
-		<p class="t-semi radius-extra uppercase p-medium mn-r-thin t-nowrap">Sort by</p>
+    >
+    <div class="w-100 h-100 radius-semi o-hidden bg-black">
+    	<Checkbox 
+				v-for="(delivery, index) in delivery"
+        :label="delivery.label"
+        name="prices"
+        :value="delivery.value"
+        class="cursor-pointer  w-100 mn-t-small bg-black t-white radius-small pd-small"
+        :radio="store.marketplace.state.filter.delivery"
+        @update:radio="event => store.marketplace.state.filter.delivery = event"
+      />
+    </div>
 
+   </Dropdown>
+    </div>
     <div class="flex-stretch flex-nowrap gap-thin flex">
   		<Select 
         :options="['products','distance','popularity']"

package/src/modules/orders/components/blocks/CardOrderItem.vue

@@ -52,6 +52,14 @@
         </div>
 
       </div>
+
+     <!--  <div class="flex-nowrap flex">
+        <button @click="openStatusPopup" class="w-100 bg-black t-white button button-small">
+          Confirm
+        </button>
+
+      </div> -->
+
     </div>
   </div>