dexorder/web
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

how it works

Browse Source
This commit is contained in:
Tim
2024-04-25 18:02:25 -04:00
parent 8d85c2e8b1
commit 208dbc523e
9 changed files with 149 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
src/corp/Home.vue
View File

@@ -1,58 +1,48 @@
<template>
<v-card rounded="0" border="0" elevation="0" class="maxw">
<v-card-title class="d-flex align-center">
<span class="arrow align-self-start"><v-icon icon="mdi-arrow-up-bold" :color="theme.colors.success"/></span>
<span class="logo">dexorder</span>
</v-card-title>
<v-card-subtitle class="pl-8 mx-auto">Advanced DeFi Orders</v-card-subtitle>
<!-- <social class="ml-12"/>-->
<v-card-text>
Dexorder powers up your favorite DeFi exchange with advanced order types!
</v-card-text>
<v-card-text>
<v-list>
<v-list-item>
<v-img src="https://upload.wikimedia.org/wikipedia/commons/e/e7/Uniswap_Logo.svg" width="1.3em"
inline style="vertical-align: middle" class="mr-2"/>
Supports Uniswap v3 <alpha/>
</v-list-item>
<v-list-item><v-icon icon="mdi-ray-vertex" class="mr-2"/> Limit Orders <alpha/></v-list-item>
<v-list-item><v-icon icon="mdi-clock-outline" class="mr-2"/> DCA and TWAP Orders <alpha/></v-list-item>
<v-list-item><v-icon icon="mdi-vector-line" class="mr-2"/> Diagonal Limit Orders <soon/></v-list-item>
<v-list-item><v-icon icon="mdi-chart-timeline-variant-shimmer" class="mr-2"/> Stop Loss / Take Profit <soon/></v-list-item>
<v-list-item><v-icon icon="mdi-format-list-checks" class="mr-2"/> One-Cancels-the-Other (OCO) Groups <soon/></v-list-item>
<v-list-item><v-icon icon="mdi-cancel" class="mr-2"/> Single-transaction Cancel All <alpha/></v-list-item>
<v-list-item><v-icon icon="mdi-alert-outline" class="mr-2"/> Single-transaction Sell Everything <soon/></v-list-item>
<v-list-item><v-icon icon="mdi-shimmer" class="mr-2"/> Custom Complex Orders <soon/></v-list-item>
</v-list>
</v-card-text>
<v-card-actions>
<v-btn prepend-icon="mdi-arrow-up-bold" color="primary" variant="tonal" text="Try the App" @click="openApp"/>
<v-btn prepend-icon="mdi-discord" variant="flat" text="Join Discord" @click="discord"/>
<v-btn prepend-icon="mdi-twitter" variant="flat" text="Follow Twitter" @click="twitter"/>
</v-card-actions>
</v-card>
<div>
<v-card rounded="0" border="0" elevation="0" class="maxw">
<v-card-item>
<logo class="logo-xl"/>
</v-card-item>
<v-card-subtitle class="pl-8 mx-auto">Advanced DeFi Orders</v-card-subtitle>
<!-- <social class="ml-12"/>-->
<v-card-text>
Dexorder powers up your favorite DeFi exchange with advanced order types!
</v-card-text>
<v-card-text>
<v-list>
<v-list-item>
<uniswap-logo class="mr-2"/>
Supports Uniswap v3 <alpha/>
</v-list-item>
<v-list-item><v-icon icon="mdi-ray-vertex" class="mr-2"/> Limit Orders <alpha/></v-list-item>
<v-list-item><v-icon icon="mdi-clock-outline" class="mr-2"/> DCA and TWAP Orders <alpha/></v-list-item>
<v-list-item><v-icon icon="mdi-vector-line" class="mr-2"/> Diagonal Limit Orders <soon/></v-list-item>
<v-list-item><v-icon icon="mdi-chart-timeline-variant-shimmer" class="mr-2"/> Stop Loss / Take Profit <soon/></v-list-item>
<v-list-item><v-icon icon="mdi-format-list-checks" class="mr-2"/> One-Cancels-the-Other (OCO) Groups <soon/></v-list-item>
<v-list-item><v-icon icon="mdi-cancel" class="mr-2"/> Single-transaction Cancel All <alpha/></v-list-item>
<v-list-item><v-icon icon="mdi-alert-outline" class="mr-2"/> Single-transaction Sell Everything <soon/></v-list-item>
<v-list-item><v-icon icon="mdi-shimmer" class="mr-2"/> Custom Complex Orders <soon/></v-list-item>
</v-list>
</v-card-text>
<home-actions/>
</v-card>
<how-it-works class="mt-12"/>
<home-actions/>
</div>
</template>
<script setup>
import {useTheme} from "vuetify";
import Alpha from "@/components/Alpha.vue";
import Soon from "@/components/Soon.vue";
import HowItWorks from "@/corp/HowItWorks.vue";
import HomeActions from "@/corp/HomeActions.vue";
import UniswapLogo from "@/corp/UniswapLogo.vue";
import Logo from "@/components/Logo.vue";
const theme = useTheme().current
function openApp() {
window.open('https://alpha.dexorder.trade/', 'dexorderapp')
}
function discord() {
window.open('https://discord.gg/fqp9JXXQyt','discord')
}
function twitter() {
window.open('https://twitter.com/Dexorder_trade', 'twitter')
}
</script>
<style scoped lang="scss">