@ozdao/prometheus-framework 0.2.38 → 0.2.40

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

@@ -1,156 +0,0 @@
-<script setup>
-	import { useRouter } from 'vue-router'
-	import { useI18n } from 'vue-i18n'
-
-	const props = defineProps({
-	  textData: {
-	    type: Object,
-	    default: () => ({
-	      messages: {
-	      	en: {
-				    TITLE: "Smoke Weed Every Day &<b> Get A Slice Of The Pie</b>",
-				    DESCRIPTION: "Earn Weeder Token and Get part of the profits of Weeder Delivery. The more tokens you have, the bigger your cut of the profits will be. So what are you waiting for?",
-				    ACTION: "Open Marketplace →",
-				    SUBACTION: "Sign Up To Start"
-			    }
-			  }
-			})
-		}
-	})
-
-	const { t } = useI18n(props.textData)
-</script>
-
-
-<template>
-	<div 
-		id="heroGovernance" 
-		class="pd-thin"
-	>
-
-		<div 
-			class="pos-relative bg-black o-hidden t-white t-center pd-extra radius-big flex-column flex-center flex"
-		>
-			<div class="sheen h-5r mn-b-small radius-extra o-hidden pos-relative ">
-		  	<img src="/logo/wdt.svg" class="w-100 h-100">
-		  </div>
-
-			<h1 
-				class="w-max-35r mn-b-medium" 
-				v-html="t('TITLE')"
-			/>
-
-			<p 
-				class="w-max-40r mn-b-big t-transp p-big" 
-				v-html="t('DESCRIPTION')"
-			/>
-
-			<div 
-				class="t-white gap-small cols-2-fit-content"
-			>
-				<router-link 
-					:to="{
-						name: 'Sign In'
-					}"
-					class="w-max bg-light t-dark br-light button"
-					v-html="t('SUBACTION')"
-				/>
-
-				<router-link  
-					:to="{
-						name: 'Marketplace'
-					}"
-					class="w-max bg-dark t-white button"
-					v-html="t('ACTION')"
-				/>
-			</div>
-
-			<div class="w-100 h-100 pos-absolute pos-t-0 pos-r-0 z-index-0 grid ">
-				<div class="grid-lines"></div>
-			</div>
-
-		</div>
-
-	</div>
-</template>
-
-<style lang="scss">
-	.sheen:after {
-	content:'';
-  top:0;
-  left: -25%;
-	transform:translateX(100%);
-	width:100%;
-	height:220px;
-	position: absolute;
-	z-index:1;
-	animation: slide 3s infinite;
-	 
-  /* 
-  CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ 
-  */
-  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
-	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
-	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
-	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
-	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
-}
-
-/* animation */
-
-@keyframes slide {
-	0% {	
-		transform:translateX(-00%); 
-		opacity: 0;
-	}
-	20% {
-		opacity: 1
-	}
-	80% {
-		opacity: 1
-	}
-	100% {
-		transform:translateX(100%); 
-			opacity: 0
-	}
-}
-	
-
-	.grid {
-  perspective: 450px;
-  background-size: cover;
-}
-
-.grid-lines {
-  width: 100%;
-  height: 200%;
-  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 1px, transparent 0), linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 1px, transparent 0);
-  background-size: 45px 30px;
-  background-repeat: repeat;
-  transform-origin: 100% 0 0;
-  animation: play 15s linear infinite;
-}
-
-@keyframes play {
-  0% {
-    transform: rotateX(45deg) translateY(-50%);
-  }
-  100% {
-    transform: rotateX(45deg) translateY(0);
-  }
-}
-
- @media screen and (max-width: 1025px) {
-    #mobileApp {
-      text-align: center;
-      > section {
-        flex-direction: column;
-        > div {
-          order: 1;
-        }
-      }
-    }
-  }
-</style>