docs: update cli website

tsedio · Mar 3, 2024 · 7a2574f · 7a2574f
1 parent 4a6e5c1
commit 7a2574f
Show file tree

Hide file tree

Showing 5 changed files with 68 additions and 74 deletions.
diff --git a/docs/.vuepress/components/HomeBody.vue b/docs/.vuepress/components/HomeBody.vue
@@ -11,23 +11,14 @@
             </p>
 
             <div class="w-full pt-5 pb-10 sm:py-10">
-              <iframe
-                  class="rounded-medium border-2 border-gray-darker bg-white"
-                  src="https://codesandbox.io/embed/tsed-mongoose-example-omkbm?fontsize=12&hidenavigation=1&theme=light"
-                  style="width:100%; height:500px; overflow:hidden;"
-                  title="tsed-mongoose-example"
-                  allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
-                  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"></iframe>
-            </div>
-
-            <div>
-              <Button
-                  href="https://codesandbox.io/embed/tsed-mongoose-example-omkbm?fontsize=14&hidenavigation=1&theme=dark"
-                  rounded="medium"
-                  bg-color="white-button"
-                  color="blue">
-                Live demo
-              </Button>
+              <CodeSandbox
+                style="width:100%; height:500px; overflow:hidden;"
+                class="rounded-medium border-2 border-gray-darker bg-white"
+                sandboxId="tsed-mongoose-example-omkbm"
+                title="tsed-mongoose-example"
+                allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
+                sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts">
+              </CodeSandbox>
             </div>
           </div>
         </div>
@@ -40,7 +31,7 @@
              xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
           <g>
             <path
-                d="M115.497674,261.08837 L115.497674,154.478845 L23.8139535,101.729261 L23.8139535,162.501763 L65.8104558,186.8486 L65.8104558,232.549219 L115.497674,261.08837 Z M139.311628,261.714907 L189.916577,232.563707 L189.916577,185.779949 L232.186047,161.285235 L232.186047,101.27387 L139.311628,154.895035 L139.311628,261.714907 Z M219.971965,80.8276886 L171.155386,52.5391067 L128.292316,77.4106841 L85.1040206,52.5141067 L35.8521355,81.1812296 L127.765737,134.063073 L219.971965,80.8276886 Z M0,222.211907 L0,74.4948807 L127.986799,0 L256,74.1820085 L256,221.978632 L127.983954,295.72283 L0,222.211907 Z"></path>
+              d="M115.497674,261.08837 L115.497674,154.478845 L23.8139535,101.729261 L23.8139535,162.501763 L65.8104558,186.8486 L65.8104558,232.549219 L115.497674,261.08837 Z M139.311628,261.714907 L189.916577,232.563707 L189.916577,185.779949 L232.186047,161.285235 L232.186047,101.27387 L139.311628,154.895035 L139.311628,261.714907 Z M219.971965,80.8276886 L171.155386,52.5391067 L128.292316,77.4106841 L85.1040206,52.5141067 L35.8521355,81.1812296 L127.765737,134.063073 L219.971965,80.8276886 Z M0,222.211907 L0,74.4948807 L127.986799,0 L256,74.1820085 L256,221.978632 L127.983954,295.72283 L0,222.211907 Z"></path>
           </g>
         </svg>
       </div>
@@ -66,28 +57,21 @@
   </div>
 </template>
 <script>
-import {ReleaseNote} from "@tsed/vuepress-common";
+import { CodeSandbox, ReleaseNote } from "@tsed/vuepress-common";
+
 export default {
   name: "HomeBody",
   components: {
-    ReleaseNote
+    ReleaseNote,
+    CodeSandbox
   }
 };
 </script>
 <style>
 .content__default h2.preview-title {
   @apply text-center text-4xl normal-case p-0 m-0 text-blue;
 }
-.bg-gradient:after {
-  content: "";
-  background-image: radial-gradient(#eef2f5 0, #f4f7f8 40%, transparent 75%);
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 60%;
-  height: 100%;
-  z-index: 0;
-}
+
 .sandbox-logo {
   @apply absolute flex items-center justify-center left-0 top-0 h-full w-full;
 
@@ -97,4 +81,4 @@ export default {
     fill: theme('colors.white');
   }
 }
-</style>
+</style>
diff --git a/docs/.vuepress/components/SupportOptions.vue b/docs/.vuepress/components/SupportOptions.vue
@@ -35,18 +35,21 @@
 
     <h4 class="text-center font-bold">Or</h4>
 
-    <div class="reset-list flex justify-center align-center p-3 mb-5">
-      <Button
-        data-mode="popup"
-        class="typeform-share"
-        href="https://form.typeform.com/to/uJLP7anG">
-        Reach me directly
-      </Button>
-    </div>
+    <ul class="reset-list flex justify-center align-center p-3 mb-5">
+      <li class="p-2">
+        <Button
+          class="typeform-share"
+          data-mode="popup"
+          href="https://tsed.io/contact.html">
+          <BxIcon name="bx-message-alt-dots" class="mr-1" />
+          Contact us directly
+        </Button>
+      </li>
+    </ul>
   </div>
 </template>
 <script>
 export default {
   name: "SupportOptions"
 };
-</script>
+</script>
diff --git a/docs/.vuepress/enhanceApp.js b/docs/.vuepress/enhanceApp.js
@@ -1,3 +1,4 @@
+import "./window-boot"
 import VueAnalytics from "vue-analytics";
 import VueTsED from "vuepress-theme-tsed/src/install";
 import SupportUsBlock from "./components/SupportUsBlock";

diff --git a/docs/.vuepress/window-boot.js b/docs/.vuepress/window-boot.js
@@ -0,0 +1 @@
+if (typeof window !== "undefined") window.global = window;
diff --git a/docs/readme.md b/docs/readme.md
@@ -5,10 +5,12 @@ meta:
  - name: keywords
    content: Ts.ED cli nodejs express typescript javascript es6 decorators
 gettingStartedText: Getting started
-gettingStartedUrl: /getting-started/
+gettingStartedUrl: /getting-started/index.html
 messengerText: Discussions
 messengerIcon: bxl-slack
 messengerUrl: https://api.tsed.io/rest/slack/tsedio/tsed
+sponsorText: Sponsor @romakita
+sponsorUrl: https://github.com/sponsors/Romakita
 features:
 - title: tsed init
   details: The Ts.ED CLI makes it easy to create an application that already works, right out of the box. It already follows our best practices!
@@ -25,40 +27,43 @@ contributors:
   badge:
     width: 45
     bgColor: white
+support:
+  url: https://tsed.io/contact.html
 backers:
- cta:
-   label: Become backer
-   url: https://opencollective.com/tsed#backers
+  cta:
+    label: Become backer
+    url: https://opencollective.com/tsed#backers
 sponsors:
- classes:
- title: Support us
- description: Ts.ED is under MIT-license and is an open-source project. Many thanks to our sponsors, partners and backers who contribute to promote and support our project!
- cta:
-   label: Become sponsor
-   url: /support.html 
- items:
-  - title: Sponsors
-    class: w-1/2 sm:w-1/6 px-5 py-3
-    style:
-      maxHeight: 150px
-    items:
-      - title: Medayo
-        href: https://www.medayo.com
-        src: https://avatars.githubusercontent.com/u/40989284?v=4
-      - title: Weseek
-        href: https://weseek.co.jp/
-        src: https://avatars.githubusercontent.com/u/6468105?v=4
-  - title: They use it
-    class: w-1/3 sm:w-1/6 px-5 py-3
-    style:
-      maxHeight: 80px
-    items:
-      - title: Artips
-        href: https://artips.fr
-        src: https://artips.fr/resources/img/artips/artips.png
-      - title: Yumi.us
-        src: https://yumi.us/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F6bc09fed-4612-4aa0-9192-225a0b3c7a30%2FYumi-logo-circle.png?table=block&id=1a875820-287a-4a97-aa40-ba3c8f3de9ae&width=250&userId=&cache=v2
-        href: https://yumi.us/
+  classes:
+  title: Support us
+  description: Ts.ED is under MIT-license and is an open-source project. Many thanks to our sponsors, partners and backers who contribute to promote and support our project!
+  cta:
+    label: Become sponsor
+    url: /support.html
+  items:
+    - title: Premium sponsors
+      class: w-1/2 sm:w-1/6 px-5 py-3
+      style:
+        maxHeight: 150px
+      items:
+        - title: Zenika
+          href: https://www.zenika.com
+          src: https://zenika-website.cdn.prismic.io/zenika-website/4e73b102-9045-4cff-b098-a0625f7d10f8_logo_light.svg
+        - title: Weseek
+          href: https://weseek.co.jp/
+          src: https://avatars.githubusercontent.com/u/6468105?v=4
+        - title: Underscore tech
+          href: https://pxr.homerun.co/
+          src: https://images.opencollective.com/pxr/fe09820/logo/256.png
+    - title: Partners
+      class: w-1/3 sm:w-1/6 px-5 py-3
+      style:
+        maxHeight: 90px
+      items:
+        - title: schnell.digital
+          href: https://schnell.digital/
+          src: https://tsed.io/partners/schnell.svg
+showContent: false
 frameworks:
 - title: TypeScript
   href: https://www.typescriptlang.org/
@@ -134,7 +139,7 @@ Why <span class="text-blue">Ts</span>.ED?
 :::
 
 ::: slot testimonial-content
-Ts.ED is a Node.js Framework on top of Express/Koa.js. Written in Typescript, it helps you build your server-side application easily and quickly. 
+Ts.ED is a Node.js Framework on top of Express/Koa.js. Written in Typescript, it helps you build your server-side application easily and quickly.
 If you want to start a complete out-of-the-box project or fully customize it yourself, Ts.ED will guide you there !
 
 <Button href="https://tsed.io" class="mt-8" rounded="medium">See more on Ts.ED</Button>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		if (typeof window !== "undefined") window.global = window;