feat: adding sponsors page

docs/sponsors.md

@@ -0,0 +1,20 @@
+---
+id: sponsors
+title: Sponsors
+---
+
+Grid.js is an open-source, MIT licensed, software and is completely free to use and distribute. 
+However, the amount of effort needed to maintain and develop Grid.js is not sustainable without your support. Please
+consider supporting Grid.js via the following methods.
+
+## OpenCollective
+
+<a href="https://opencollective.com/gridjs/donate" target="_blank">
+  <img src="https://opencollective.com/gridjs/donate/[email protected]?color=blue" width="300" />
+</a>
+
+## One-time donation
+
+<a href="https://www.paypal.me/afshinmeh" target="_blank" rel="noopener">
+  <img src="/img/paypal.png" width="100" />
+</a>

docusaurus.config.js

@@ -38,6 +38,9 @@ module.exports = {
           label: 'Examples',
           position: 'left'
         },
+        {
+          to: 'docs/sponsors', label: 'Support Grid.js', position: 'left'
+        },
         {
           to: 'docs/community', label: 'Community', position: 'left'
         },

package.json

@@ -10,15 +10,15 @@
     "deploy": "docusaurus deploy"
   },
   "dependencies": {
-    "@docusaurus/core": "^2.0.0-alpha.61",
-    "@docusaurus/preset-classic": "^2.0.0-alpha.61",
-    "@docusaurus/theme-live-codeblock": "^2.0.0-alpha.39",
+    "@docusaurus/core": "^2.0.0-alpha.63",
+    "@docusaurus/preset-classic": "^2.0.0-alpha.63",
+    "@docusaurus/theme-live-codeblock": "^2.0.0-alpha.63",
     "chartist": "^0.11.4",
     "classnames": "^2.2.6",
     "emotion": "^10.0.27",
     "faker": "^4.1.0",
     "gridjs": "file:../gridjs",
-    "gridjs-react": "^1.15.1",
+    "gridjs-react": "^1.16.0",
     "react": "^16.8.4",
     "react-dom": "^16.8.4"
   },

sidebars.js

@@ -1,6 +1,6 @@
 module.exports = {
   sidebar: {
-    "👋 Introduction": ['index', 'philosophy', 'roadmap', 'community', 'license'],
+    "👋 Introduction": ['index', 'philosophy', 'sponsors', 'roadmap', 'community', 'license'],
     "💁 Usage": [
       'install',
       'hello-world',

src/pages/index.js

@@ -170,6 +170,8 @@ function Header() {
                  className="font-medium text-gray-500 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition duration-150 ease-in-out">Install</a>
               <a href="/docs/index"
                  className="ml-10 font-medium text-gray-500 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition duration-150 ease-in-out">Documentation</a>
+              <a href="/docs/sponsors"
+                 className="ml-10 font-medium text-gray-500 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition duration-150 ease-in-out">Sponsors</a>
               <a href="/docs/community"
                  className="ml-10 font-medium text-gray-500 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition duration-150 ease-in-out">Community</a>
               <a href="https://github.com/grid-js/gridjs"
@@ -210,6 +212,8 @@ function Header() {
                    className="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50 focus:outline-none focus:text-gray-900 focus:bg-gray-50 transition duration-150 ease-in-out">Install</a>
                 <a href="/docs/index"
                    className="mt-1 block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50 focus:outline-none focus:text-gray-900 focus:bg-gray-50 transition duration-150 ease-in-out">Documentation</a>
+                <a href="/docs/sponsors"
+                   className="mt-1 block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50 focus:outline-none focus:text-gray-900 focus:bg-gray-50 transition duration-150 ease-in-out">Sponsors</a>
                 <a href="/docs/community"
                    className="mt-1 block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50 focus:outline-none focus:text-gray-900 focus:bg-gray-50 transition duration-150 ease-in-out">Community</a>
                 <a href="https://github.com/grid-js/gridjs"