fee touchup

src/.vitepress/config.mts

@@ -84,6 +84,7 @@ export default defineConfig({
           {text: 'Features', link: '/features',},
           {text: 'FAQ', link: '/faq',},
           {text: 'Fees', link: '/fees',},
+          {text: 'Jobs', link: '/jobs',},
         ]
       },
       {
@@ -111,6 +112,7 @@ export default defineConfig({
 
     footer: {
       copyright: `© ${new Date().getFullYear()} Dexorder Trading Services Ltd. (BVI)`,
+      message: "<span>Email us <a href=\"mailto:info@dexorder.com\">info@dexorder.com</a></span><span style=\"display: inline-block;width:2em;text-align: center\">&nbsp;</span><span><a href=\"/jobs\">We're hiring</a>!</span>",
     },
 
   },

src/.vitepress/theme/index.ts

@@ -3,14 +3,16 @@ import { h } from 'vue'
 import type { Theme } from 'vitepress'
 import DefaultTheme from 'vitepress/theme-without-fonts'  // WITHOUT fonts
 import './style.css'
-import IntroVideoAutoplay from "../../components/IntroVideoAutoplay.vue";
+import FeatureVideoLoop from "../../components/FeatureVideoLoop.vue";
+import IntroVideo from "../../components/IntroVideo.vue";
 
 export default {
   extends: DefaultTheme,
   Layout: () => {
     return h(DefaultTheme.Layout, null, {
       // https://vitepress.dev/guide/extending-default-theme#layout-slots
-      'home-hero-actions-after': () => h(IntroVideoAutoplay),
+      'home-hero-info-after': () => h(FeatureVideoLoop),
+      'home-features-after': () => h(IntroVideo),
     })
   },
   enhanceApp({ app, router, siteData }) {

src/components/FeatureVideoLoop.vue

@@ -0,0 +1,8 @@
+<template>
+  <div style="display: flex; margin: 2em 0">
+    <video width="500" autoplay loop muted>
+      <source src="/supercut.mov" type="video/mp4" />
+      Your browser does not support the video tag.
+    </video>
+  </div>
+</template>

src/components/IntroVideo.vue

@@ -1,10 +1,12 @@
 <template>
-  <div style="margin-top: 1.5em; margin-bottom: 1.5em;">
+  <div style="display: flex; flex-direction: column; align-items: center">
-    <!-- NOTE:
+    <div style="margin: 1.5em auto; display: inline-block">
-      add ?autoplay=1 to the src query string
+      <!-- NOTE:
-      add enablejsapi=1 to query to allow video play tracking in the page's Google Analytics
+        add ?autoplay=1 to the src query string
-    -->
+        add enablejsapi=1 to query to allow video play tracking in the page's Google Analytics
-    <iframe style="display: inline-block" width="560" height="315" :src="`https://www.youtube.com/embed/${idAndSi}&enablejsapi=1&autoplay=${autoplay?'1':'0'}`" title="Dexorder on YouTube" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+      -->
+      <iframe style="display: inline-block" width="560" height="315" :src="`https://www.youtube.com/embed/${idAndSi}&enablejsapi=1&autoplay=${autoplay?'1':'0'}`" title="Dexorder on YouTube" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+    </div>
   </div>
 </template>
 

src/components/IntroVideoAutoplay.vue

@@ -1,7 +0,0 @@
-<template>
-  <intro-video/>
-</template>
-
-<script setup>
-import IntroVideo from "./IntroVideo.vue";
-</script>

src/fees.md

@@ -7,14 +7,15 @@ title: Fees
 
 ## Fill Fee
 
-Dexorder charges the same fee as the Uniswap pool you trade, capped at a maximum of 0.15%.
+Dexorder charges just one basis point (0.01%) of the tokens you receive from trading.
 
 | Uniswap Pool Fee | Dexorder Fee | Total Fee |
 |------------------|--------------|-----------|
 | 0.01%            | 0.01%        | 0.02%     |
-| 0.05%            | 0.05%        | 0.10%     |
+| 0.05%            | 0.01%        | 0.06%     |
-| 0.30%            | 0.15%        | 0.45%     |
+| 0.30%            | 0.01%        | 0.31%     |
-| 1.00%            | 0.15%        | 1.15%     |
+| 1.00%            | 0.01%        | 1.01%     |
+
 
 ## Gas Fees
 

src/index.md

@@ -72,6 +72,6 @@ a.VPButton-medium-brand:hover {
 </style>
 
 <div style="text-align: center; margin-top: 2rem;">
-  <a class="VPButton-medium-brand" href="https://dexorder.com/" target="dexorder-app">Launch App</a>
+  <a class="VPButton-medium-brand" href="https://app.dexorder.com/" target="dexorder-app">Launch App</a>
 </div>
 

src/jobs.md

@@ -0,0 +1,34 @@
+# We're Hiring!
+
+Join our growing team and build the future of DeFi!
+
+
+## Front-end Engineer
+
+* Remote work; background check required
+* Must have Web3 experience
+* JavaScript / Vue 3 / Socket.io / Ethers.js
+* Apply to <a href='jobs@dexorder.com'>jobs@dexorder.com</a> and if you're serious, include the latest VaultInitCodeHash from our Arbitrum contracts.
+
+
+## Marketing Manager
+
+* Remote work; background check required
+* Must have a strong network in crypto 
+* Campaign design and implementation
+* Social media management
+* KOI relationship management
+* Ongoing content creation
+* Apply to <a href='jobs@dexorder.com'>jobs@dexorder.com</a> and if you're serious, say what you think our most marketable feature is.
+
+
+## Business Manager
+
+* Remote work; background check required
+* Resposible for all compliance activities
+* Liase with legal and accounting
+* Regular tax and compliance filings
+* Payroll
+* Bookkeeping
+* Apply to <a href='jobs@dexorder.com'>jobs@dexorder.com</a> and if you're serious, mention what you think our biggest regulatory risk is.
+