how it works

src/corp/HowItWorks.vue

@@ -0,0 +1,71 @@
+<template>
+  <v-card elevation="0" class="how">
+    <v-card-title><v-icon icon="mdi-information-outline"/>&nbsp;How&nbsp;It&nbsp;Works</v-card-title>
+    <v-card-item><v-img src="/how-it-works.png" class="my-6"/></v-card-item>
+    <v-card-text>
+      <h4>Order Management</h4>
+      <p>
+        Dexorder is an on-chain Order Management System (OMS) that holds sophisticated order types and executes them
+        on the appropriate <uniswap-logo/> DeFi exchange at the correct time.
+      </p>
+    </v-card-text>
+    <v-card-text>
+      <h4>Personal Smart Vaults</h4>
+      <p>
+        Everyone gets their own personal smart vault, which can hold <i>smart orders</i> as well as tokens. Only you
+        as the owner of your vault may withdraw funds or manage orders. This smart vault understands your order
+        specifications and will only trade with Uniswap when all of the order conditions are met. After trading, the
+        smart vault can also activate stoplosses or other conditional actions like canceling an OCO
+        (One-Cancels-the-Other) group.
+      </p>
+    </v-card-text>
+    <v-card-text>
+      <h4>Funds are Never Locked</h4>
+      <p>
+        Tokens deposited into your vault are <i>never locked</i> and may always be withdrawn at any time by only you.
+        If there are active orders in the vault that need those funds, those orders are simply unable to trade, and
+        they will stay open without being able to execute. If you put tokens back into your vault when there are open
+        orders, those orders will automatically resume and trade the newly available funds.
+      </p>
+    </v-card-text>
+    <v-card-text>
+      <h4>Portfolio Management</h4>
+      <p>
+        Since your smart vault can see all your tokens and orders, it also provides Cancel All and
+        Sell Everything functions to augment your risk management when markets move fast.
+      </p>
+    </v-card-text>
+    <v-card-text>
+      <h4>Activation</h4>
+      <p>
+        Dexorder watches the market to know when your order conditions have been met, and then activates your vaults
+        with any orders could trade immediately. The smart vaults do not trust Dexorder's activation message and perform
+        an extensive check of the order conditions before agreeing to send an actual order to a Uniswap pool. Dexorder
+        never has access to vault funds and cannot change any orders. Dexorder is only able to activate the vault and
+        provide gas at the correct times.
+      </p>
+    </v-card-text>
+    <v-card-text>
+      <h4>Power Up</h4>
+      <p>
+        Use Dexorder smart vaults for sophisticated order management when trading with your favorite <uniswap-logo/> DeFi pool!
+      </p>
+    </v-card-text>
+  </v-card>
+</template>
+
+<script setup>
+
+import Alpha from "@/components/Alpha.vue";
+import Soon from "@/components/Soon.vue";
+import UniswapLogo from "@/corp/UniswapLogo.vue";
+import Logo from "@/components/Logo.vue";
+</script>
+
+<style scoped lang="scss">
+.how {
+  .v-card-text {
+    max-width: 40em;
+  }
+}
+</style>