feat: add contributors (#2235)

* fix(MdRadio): internal radio not being checked (#2063)

* fix(MdMenu): unexpected close on item click (#2062)

* docs: add funding

* test: add a "testURL" field to jest config (#2082)

fixes the " SecurityError: localStorage is not available for opaque
origins"  error message that everyone seems to get on their PRs.

Using the solution provided here jestjs/jest#3630

* Docs/restyle (#2139)

* Changed 'roboto mono' to 'roboto'

* Changed code fund position to bottom right

* updates

Added ‘supported by Creative Tim’ in About page
Added open collective

* added links to header

* Removed disclaimer, added sponsors, changed footer

* Add premium-themes page and link to it from the footer

* Added products to premium themes page

* Finished premium page

* Finished installation/usage/premium-themes section

* Installed vue-github-buttons

* Added GitHub star button

* Added license, download and chat buttons

* Changed order in gh star button

* Changed page transition

* Added vue-toc

* Style modified for toc

* Added ids on getting started for vue-toc

* Added ids on themes-congifuration for vue-toc

* Added ids on layouts for vue-toc

* Added ids on typography

* Added ids on components->app for vue-toc

* Added ids on buttomBar for vue-toc

* Added ids on Button for vue-toc

* Added ids on Card for vue-toc

* Added ids on datepicker for vue-toc

* Added ids on Dialog for vue-toc

* Added ids on Drawer for vue-toc

* Added ids on autocomplete for vue-toc

* Added ids on Chips for vue-toc

* Added ids on Input for vue-toc

* Added ids on Icon for vue-toc

* Added ids on List for vue-toc

* Added ids on Menu for vue-toc

* Added ids on speedDial for vue-toc

* Added ids on steppers for vue-toc

* Added ids on table for vue-toc

* Added ids on Tabs for vue-toc

* Added ids on toolbar for vue-toc

* Added ids on Tooltip for vue-toc

* Updated license

* Added key to vue-toc

* Small change

* Changed codeinwp logo

* updates

* Css changes for logo and gh-button

* Added more space between buttons

* Removed arrow down & nabber buttons hidden on mobile

* style changes, added premium themes in navbar, centered premium themes

* Cards change

* toc style

* Changed style for code-fund

* restyle codefund

* Restyled home premium section

* Commented contribuitors section

* Changed Patreon text to Open Collective

* Changed home premium background color

* Removed open collective

* Added link to premium-themes from themes image

* Added target blank

* Restyled vue-toc

* added refs

* Responsive changes

* Changed margin on title

* Added custom development link

* Added links from sponsors

* lint fix

* add margin left

* Updated footer links (#2145)

* Docs/restyle (#2150)

* Added dropdown in nabber

* Added sponsors

* restyled codefund

* Codefund restyle

* Restyled footer

* Restyled footer

* Footer restyle on responsive

* Add "new" tag and modify logo in footer

* Cleaned console.log test texts

* Added arrow on dropdown

* Modified sponsors and dropdown

* Codefund on responsive

* Footer restyle on responsive

* Added tag manager (#2153)

* [MdTabs] fix mdActiveTab not selecting set tab on load (#2164)

content and indicator were not initializing to the set active tab

* [core] RTL support #80 (#2181)

added rtl support to tabs component with mdIsRtl prop

* update the work with Vue router page grammar (#2100)

* docs: fix typo (#2080)

* Update About.vue (#2117)

Fix typo

* docs(Tabs): add prop `md-is-rtl` to tabs table component (#2198)

* docs(Tabs): add prop `md-is-rtl` to tabs table component

* docs(Tabs): prop `md-is-rtl` move last item in table

* Fix typo (#1819)

* Fix typo

I'm pretty sure you meant to write here `md-alignment-[vertical]-[horizontal]`, but in the docs it says `md-alignment-[horizontal]-[vertical]`. That threw me off for a bit.

Overall, this is a super awesome package! I love working with it!!

* fix typo in api section

I noticed that at the bottom of the page, in the API section, the order also needs to be reversed. "x" should refer to horizontal, and "y" should refer to vertical.

Co-authored-by: dragosct <17456857+dragosct10@users.noreply.github.com>

* Added index to "md-table-row" slot-scope (#2064)

Co-authored-by: hastom <aklyavlin@onvis.ru>

* Improved grammar in Table.vue (docs) (#2178)

* build: 1.0.0-beta-12

* build: release

* build: changelog 1.0.0-beta-12

* Moving observers to setTimeout (#2201)

Co-authored-by: hastom <aklyavlin@onvis.ru>

* fix: Drawer detection (#1929)

* fix(MdDialog):change position principle from transform to flex wrapper (#2023)

* Changed dialog positioning to flex

* Revert to transition root element

Co-authored-by: hastom <aklyavlin@onvis.ru>

* Fixed dialog transitions (#2021)

Co-authored-by: hastom <aklyavlin@onvis.ru>
Co-authored-by: dragosct <17456857+dragosct10@users.noreply.github.com>

* Prevent tabs overflow inside dialog content (#2065)

Co-authored-by: hastom <aklyavlin@onvis.ru>

* fix(MdApp): remove height 100 to make md-app-content span content height (#1957)

* remove height 100 to make md-app-content span content height

* use min-height of 100 instead of height

Co-authored-by: xxRockOnxx <xxRockOnxx@users.noreply.github.com>

* build: 1.0.0-beta-13

* build: release

* build: changelog 1.0.0-beta-13

* fix(MdDialog): position centered

* fix(MdDialog): revert

* Datepicker now emits the md-clear event when cleared, and has the option to not be clearable (#1967)

* fix(components,doc): fix the character counter not reseting when (#2081)

reseting the form

fixes #2054

Co-authored-by: BOUTIGNY Adrien <adrien.boutigny@akka.eu>

* Fix checking mouseevent in IE11 (#2091)

* fix undefined dom.contains in IE11 (#2090)

* Allow false as a value for an MdOption (#2183)

* Auto insert in MdChips after focusout (#2189)

* Implemented the function of automatically adding a value in the MdChips component, in case of loss of focus

* fixed code format

* Fix/md dialog position centered (#2211)

* docs(Tabs): add prop `md-is-rtl` to tabs table component

* docs(Tabs): add prop `md-is-rtl` to tabs table component

* docs(Tabs): prop `md-is-rtl` move last item in table

* docs(Tabs): prop `md-is-rtl` move last item in table

* fix(MdDialog): position centered

* fix(MdStep): set tabindex for not active step (#2215)

* fix(MdStep): set tabindex for not active step

* feat(MdStep): add v-show to hide content

Co-authored-by: Samuell1 <samuell.patro@gmail.com>

* fix(components,doc): fix the character counter not reseting when (#2213)

reseting the form

fixes #2054

Co-authored-by: BOUTIGNY Adrien <adrien.boutigny@akka.eu>
Co-authored-by: hastom <aklyavlin@onvis.ru>

* Fix checking mouseevent in IE11 (#2212)

Co-authored-by: kmsheng <kmsh3ng@gmail.com>
Co-authored-by: hastom <aklyavlin@onvis.ru>

* Revert "fix undefined dom.contains in IE11 (#2090)" (#2220)

This reverts commit 05649bb.

* Util to replace Node.contains (#2214)

* fix undefined dom.contains in IE11

* Added util to polyfill Node.contains

Co-authored-by: kmsheng <kmsh3ng@gmail.com>
Co-authored-by: hastom <aklyavlin@onvis.ru>

* Feature/add open collective (#2224)

* feat: code-fund re-positioned

* refactor: remove patreon add opencollective

* feature: change active theme position on dropdown

* feature: fixed white spaces

* feature: fixed white spaces

* Feature/add open collective (#2226)

* feat: code-fund re-positioned

* refactor: remove patreon add opencollective

* feature: change active theme position on dropdown

* feature: fixed white spaces

* feature: fixed white spaces

* refactor: fixe color theme dropdown on main page disabled

* Feature/add open collective (#2228)

* feat: code-fund re-positioned

* refactor: remove patreon add opencollective

* feature: change active theme position on dropdown

* feature: fixed white spaces

* feature: fixed white spaces

* refactor: fixe color theme dropdown on main page disabled

* refactor: github button on main page visible

* Feature/add open collective (#2234)

* feat: code-fund re-positioned

* refactor: remove patreon add opencollective

* feature: change active theme position on dropdown

* feature: fixed white spaces

* feature: fixed white spaces

* refactor: fixe color theme dropdown on main page disabled

* refactor: github button on main page visible

* feat: add new vars

* feat: add sponsors btn & badge backers

* feat: add contributors & become backer button

* feat: add vue github button plugin

* feat: add post install opencollective

* feat(readme): add contributors

Co-authored-by: hastom <hastomit@gmail.com>
Co-authored-by: Marcos Moura <marcosvmmoura@gmail.com>
Co-authored-by: Adrien Boutigny <mounch-man@hotmail.fr>
Co-authored-by: rarestoma <tomairares@gmail.com>
Co-authored-by: gaby64 <gaby_64@live.ca>
Co-authored-by: tom dorofeyev <tomdorofey@gmail.com>
Co-authored-by: Brett Kinnamon <b.kinnamon@icloud.com>
Co-authored-by: Jason Cooke <Jason-Cooke@users.noreply.github.com>
Co-authored-by: Amit Gurbani <amit1994.gurbani@gmail.com>
Co-authored-by: Avraham Appel <33736292+avrahamappel@users.noreply.github.com>
Co-authored-by: hastom <aklyavlin@onvis.ru>
Co-authored-by: starsky135 <starsky135@gmail.com>
Co-authored-by: Marcu Beniamin <marqbeniamin@yahoo.com>
Co-authored-by: Hugome <Hugome@users.noreply.github.com>
Co-authored-by: Lemuel Flores <is101.lemuel@gmail.com>
Co-authored-by: xxRockOnxx <xxRockOnxx@users.noreply.github.com>
Co-authored-by: Shira Gold <shira14@gmail.com>
Co-authored-by: BOUTIGNY Adrien <adrien.boutigny@akka.eu>
Co-authored-by: kmsheng <kmsh3ng@gmail.com>
Co-authored-by: Jaryd Carolin <jaryd@upgear.com.au>
Co-authored-by: Konstantin Mohov <htmlmak@gmail.com>
Co-authored-by: Oliver Ni <oliver.ni@gmail.com>
Co-authored-by: Samuell1 <samuell.patro@gmail.com>

Author: 23 people

README.md

@@ -100,6 +100,11 @@ Vue Material supports all [modern browsers](http://browserl.ist/?q=%3E%3D+1%25).
 
 <small>May work in other browsers but it's untested.</small>
 
+## Become a part of the Vue Material community
+
+###  This project exists thanks to all the people who contribute
+<a class="contributors-image" href="https://github.com/vuematerial/vue-material/contributors"><img src="https://opencollective.com/vue-material/contributors.svg?width=1500&button=false" /></a>
+
 ## Credits and Thanks
 
 * <a href="https://github.com/elviskang" target="_blank">elviskang</a> for donating the npm package name!

docs/app/i18n/en-US/pages.js

@@ -13,6 +13,9 @@ export default {
     custom: 'Custom Development',
     viewProject: 'View project',
     sponsors: 'Sponsors',
+    contributors: "Become a part of the Vue Material community",
+    contributorsTitle: 'This project exists thanks to all the people who contribute',
+    backersTitle: 'Credits & Thanks',
     backers: 'Backers',
     sponsorsDescription: 'Vue Material does not run under the umbrella of any company or anything like that. It is an independent project created by {0} in his spare time, which has become one of the most used UI Libraries for Vue.js. The development is active and we are working hard to release great things for you.',
     beACollective: 'If you think that this project helped you or your company in any way, you can consider becoming a backer/sponsor on Open Collective'

docs/app/pages/Home/HomeHeader.vue

@@ -12,6 +12,8 @@
 
       <div class="home-actions">
         <gh-btns-star slug="vuematerial/vue-material" show-count></gh-btns-star>
+        <!-- Place this tag where you want the button to render. -->
+        <github-button href="https://github.com/sponsors/vuematerial" data-icon="octicon-heart" data-size="large" aria-label="Sponsor @vuematerial on GitHub">Sponsor</github-button>
       </div>
       <div class="home-actions">
         <a href="https://www.npmjs.com/package/vue-material" target="_blank">
@@ -20,6 +22,9 @@
         <a href="https://www.npmjs.com/package/vue-material" target="_blank">
           <img src="https://img.shields.io/npm/l/vue-material.svg" alt="License">
         </a>
+        <a href="https://opencollective.com/vue-material" target="_blank">
+          <img src="https://opencollective.com/vue-material/tiers/backer/badge.svg?label=backer&color=brightgreen" />
+        </a>
         <a href="https://discord.gg/vuematerial" target="_blank">
           <img src="https://img.shields.io/discord/379653048798281729.svg?logo=discord&colorB=7289DA" alt="Chat">
         </a>
@@ -33,8 +38,13 @@
 </template>
 
 <script>
+import GithubButton from 'vue-github-button'
+
   export default {
-    name: 'HomeHeader'
+    name: 'HomeHeader',
+    components: {
+      GithubButton
+    },
   }
 </script>
 

docs/app/pages/Home/HomeSponsors.vue

@@ -2,16 +2,37 @@
   <md-content md-tag="section" class="home-sponsors">
     <div class="page-wrapper">
       <h2 class="home-title md-headline">
-        <md-icon>monetization_on</md-icon>
-        {{ $t('pages.home.sponsors') }} &amp; {{ $t('pages.home.backers') }}
+        <md-icon>group</md-icon>
+        {{ $t('pages.home.contributors') }}
       </h2>
 
 
       <div class="home-sponsors-description">
+        <h3><md-icon>person</md-icon> {{ $t('pages.home.contributorsTitle') }}</h3>
+        <a class="contributors-image" href="https://github.com/vuematerial/vue-material/contributors"><img src="https://opencollective.com/vue-material/contributors.svg?width=1500&button=false" /></a>
+        <br><br>
+        <h3><md-icon>monetization_on</md-icon>
+        {{ $t('pages.home.sponsors') }} &amp; {{ $t('pages.home.backers') }}</h3>
+
+        <div class="backers-button">
+          <h3>OpenCollective Sponsors</h3>
+          <object type="image/svg+xml" data="https://opencollective.com/vue-material/tiers/backer.svg?avatarHeight=100&width=600"></object>
+        </div>
+
+
+        <h3><md-icon>favorite</md-icon>
+        {{ $t('pages.home.backersTitle') }}</h3>
+
+
         <i18n path="pages.home.sponsorsDescription" tag="p">
           <a href="https://github.com/marcosmoura" target="_blank">Marcos Moura</a>
         </i18n>
 
+        <ul>
+          <li><a href="https://github.com/elviskang" target="_blank">elviskang</a> for donating the npm package name!</li>
+          <li><a href="https://github.com/brunocastro" target="_blank">Bruno Castro</a> for the awesome Vue Material Logo. <logo-vue-material animated /></li>
+        </ul>
+
         <div class="d-flex align-items-center">
           <a href="https://www.codeinwp.com/?ref=vuematerial.io" target="_blank">
             <img src="/assets/sponsors/codeinwp-logo.svg" class="home-sponsors-open-1">
@@ -59,17 +80,42 @@
   @import "~vue-material/components/MdAnimation/variables";
   @import "~vue-material/components/MdLayout/mixins";
 
+  .logo-vue-material {
+    width: 24px;
+    display: inline-block;
+    vertical-align: middle;
+  }
+
+  object {
+    width: 200px;
+    height: 115px !important;
+  }
+
+  .backers-button {
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+  }
+
 
   .home-sponsors {
     width: calc(100% + 32px);
     margin: 0 -16px -16px;
     padding-bottom: 28px;
     a{
       &:hover{
-        color: transparent !important;
         text-decoration: none;
       }
     }
+
+    p, .contributors-image, .align-items-center {
+      padding-left: 30px;
+    }
+
+    ul {
+      padding-left: 45px;
+    }
   }
 
   .home-sponsors-open {

package.json

@@ -33,7 +33,8 @@
     "release": "sh build/release.sh",
     "new-component": "babel-node build/new-component.js",
     "github-release": "github-release",
-    "commit": "git-cz"
+    "commit": "git-cz",
+    "postinstall": "opencollective-postinstall"
   },
   "engines": {
     "node": ">= 7.0"
@@ -42,7 +43,9 @@
     "vue": "^2.5.0"
   },
   "dependencies": {
+    "opencollective-postinstall": "^2.0.2",
     "vue-github-buttons": "^3.1.0",
+    "vue-github-button": "^1.2.0",
     "vue-toc": "0.0.1"
   },
   "devDependencies": {
@@ -128,6 +131,10 @@
       "path": "./node_modules/cz-conventional-changelog"
     }
   },
+  "collective": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/vue-material"
+  },
   "jest": {
     "moduleNameMapper": {
       "^vue$": "<rootDir>/node_modules/vue/dist/vue.common.js",