chore: Add support.md page

docs/.vuepress/components/ButtonContact.vue

@@ -0,0 +1,9 @@
+<template>
+
+</template>
+<script>
+
+export default {
+  name: "ButtonContact",
+};
+</script>

docs/.vuepress/components/SupportOptions.vue

@@ -0,0 +1,52 @@
+<template>
+  <div>
+    <ul class="reset-list flex justify-center align-center p-3 flex-wrap -mx-2">
+      <li class="p-2">
+        <Button
+          bg-color="button-white"
+          color="blue"
+          title="Become a backer or sponsor on OpenCollective"
+          href="https://opencollective.com/tsed">
+          <BxIcon name="bx-heart" class="mr-1" />
+          OpenCollective
+        </Button>
+      </li>
+      <li class="p-2">
+        <Button
+          bg-color="button-white"
+          color="blue"
+          title="Become a backer or sponsor on Github sponsor"
+          href="https://github.com/sponsors/Romakita">
+          <BxIcon name="bxl-github" class="mr-1" />
+          Github sponsor
+        </Button>
+      </li>
+      <li class="p-2">
+        <Button
+          bg-color="button-white"
+          color="blue"
+          title="Send a one-time donation"
+          href="https://paypal.me/romainlenzotti">
+          <BxIcon name="bxl-paypal" class="mr-1" />
+          Paypal
+        </Button>
+      </li>
+    </ul>
+
+    <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>
+  </div>
+</template>
+<script>
+export default {
+  name: "SupportOptions"
+};
+</script>

docs/.vuepress/config.js

@@ -37,6 +37,7 @@ module.exports = {
     shortTitle: "Ts.ED",
     htmlTitle: "<strong class=\"font-medium\"><span class='text-blue'>Ts</span>.ED</strong>",
     version: require("../../package").version,
+    teams: require("../../teams"),
     licenseType: "MIT",
     author: "Lenzotti Romain",
     copyrightDates: {
@@ -219,8 +220,7 @@ module.exports = {
               "/docs/injection-scopes",
               "/docs/custom-providers",
               "/docs/custom-endpoint-decorators",
-              "/docs/testing",
-              "/api"
+              "/docs/testing"
             ]
           },
           {
@@ -244,6 +244,7 @@ module.exports = {
               "/tutorials/",
               "/tutorials/throw-http-exceptions",
               "/tutorials/not-found-page",
+              "/api",
               "/contributing",
               "/license"
             ]

docs/.vuepress/styles/style.css

@@ -23,11 +23,3 @@
         transform: scale(1.3) translateY(-20px) translateX(-20px) rotate(5deg);
     }
 }
-
-#nprogress .bar.bar {
-    @apply bg-blue;
-}
-
-#nprogress .peg.peg {
-    box-shadow: 0 0 10px theme('colors.blue'), 0 0 5px theme('colors.blue');
-}

docs/readme.md

@@ -46,15 +46,15 @@ backers:
 sponsors:
  type: cols
  classes:
- title: Our <b>Sponsors</b>
+ title: Our <b>Sponsors / Partners</b>
  description: Support this project by becoming a sponsor. Your logo will show up here with a link to your website.
  image:
    src: /sponsors.svg
    href: http://www.freepik.com
    title: Designed by pch.vector / Freepik
  cta:
-   label: Become sponsor
-   url: https://opencollective.com/tsed#sponsor
+   label: Become a sponsor
+   url: /support.html
 showContent: false
 frameworks:
 - title: TypeScript
@@ -121,6 +121,8 @@ It provides a lot of decorators and guideline to make your code more readable an
 
 <p class="text-center font-normal text-xl m-auto max-w-lg">There are some of the libraries and the technologies that we use or supports with this <strong>framework</strong></p>
 
+<div class="mt-5 pt-5">
 <Frameworks />
+</div>
 
 </div>

docs/support.md

@@ -0,0 +1,30 @@
+# Support
+
+Ts.ED is an MIT-licensed open source project with its ongoing development made possible thanks to the support by the community.
+This framework is a result of the long road, full of sleepless nights, working after hours, and busy weekends.
+
+## How can you help?
+
+Ts.ED doesn't have a company that sits behind and  is continuously paying for hours spent on the development.
+
+ I fully rely on the **goodness** <BxIcon name="bx bxs-heart" /> of the community.
+ However, I would love to create a team around this framework to improve and maintain it.   
+
+In order to help me, I run few supporting platforms:
+
+- become a backer or sponsor on [OpenCollective](https://opencollective.com/tsed)
+- use [PayPal](https://paypal.me/romainlenzotti) to send a one-time donation
+
+<SupportOptions />
+
+If you fell in love with Ts.ED, or you run a business which is using Ts.ED, consider sponsoring its development 
+to ensure that the project which your product relies on is actively maintained and improved. 
+Also, your support could help me and the future teams to work more on content that benefits whole Ts.ED community.
+
+## Our team members
+
+<div class="bg-gray-lighter rounded-small p-5 pt-6 mb-5">
+<div class="-mb-8">
+<GithubContributors :users="$themeConfig.teams" :show-title="true" color="platinium" padding="4" text-size="sm" width="60"/>
+</div>
+</div>

teams.json

@@ -0,0 +1,4 @@
+[
+  "Romakita",
+  "LorianeE"
+]