Merge pull request #32 from vue-a11y/hot-to-contribute

[WIP] Add Hot to contribute page [en, pt-BR]

Author: ktquez

Diff for: .github/ISSUE_TEMPLATE/new-tip.md

@@ -0,0 +1,14 @@
+---
+name: New Recipe(Tip)
+about: Have an idea for a tip? Do you want to contribute by writing a tip?
+title: "Recipe(Tip): [Your title]"
+labels: Recipe, Tip
+---
+
+## About the post
+
+- [ ] I would like to suggest a topic;
+- [ ] I would like to write a tip tutorial;
+
+## Brief description
+> A brief description of the proposed subject.

Diff for: .github/ISSUE_TEMPLATE/new-widget.md

@@ -0,0 +1,14 @@
+---
+name: New Recipe(widget)
+about: Have an idea for a widget? Do you want to contribute by writing a widget?
+title: "Recipe(widget): [Your title]"
+labels: Recipe, Widget
+---
+
+## About the post
+
+- [ ] I would like to suggest a topic;
+- [ ] I would like to write a recipe for creating a widget;
+
+## Brief description
+> A brief description of the proposed subject.

Diff for: src/project/how-to-contribute.md

@@ -1,5 +1,67 @@
 # How to contribute
 
+First of all, happy that you are here on this page and thinking about contributing to the project.
+
+**The Vue.js community thanks you.**
+
+## Development
+
+To contribute to the development of the site, you can initially open an issue on Github and report an error or propose a new feature.
+
+If you are willing to develop, there is no mystery, just open a Pull Request following the template.
+
+This website uses [Vuepress](https://vuepress.vuejs.org/), [TailwindCSS](https://tailwindcss.com/), and [Vue composition API](https://composition-api.vuejs.org/). 
+
+::: alert tip
+Try to follow the [official style guide for Vue.js](https://vuejs.org/v2/style-guide/) as much as possible.
+:::
+
+## Writing
+
+We will love to hear your content idea, so the first step is to open an issue using the specific template.
+
+You can open an issue:
+
+- [New Post/Article](https://github.com/vue-a11y/vue-a11y.com/issues/new?labels=Post&template=new-post.md&title=Post%2FArticle%3A+%5BYour+title%5D)
+- [New Widget (Recipe)](https://github.com/vue-a11y/vue-a11y.com/issues/new?labels=Recipe,Widget&template=new-widget.md&title=Recipe%28widget%29%3A+%5BYour+title%5D)
+- [New Tip (Recipe)](https://github.com/vue-a11y/vue-a11y.com/issues/new?labels=Recipe,Tip&template=new-tip.md&title=Recipe%28Tip%29%3A+%5BYour+title%5D)
+
+We also have an [issue](https://github.com/vue-a11y/vue-a11y.com/issues/14) with several content ideas, feel free to add other subjects that you want to see as content on the site.
+
+Our intention is to reward the creator for each content published on the site, we will soon achieve this feat.
+
+## Answering questions
+
+In our [GitHub Problem Tracker](https://github.com/vue-a11y/vue-a11y.com/issues), we are open to answering questions from people of all levels of knowledge.
+
+We will be grateful to receive your help by answering questions and also sharing your experience with us.
+
+We are also daily answering questions in the Vue.js community on Discord ([Vue Land](https://discord.gg/vue)), join us.
+
+## Sharing
+
+When you share, you are helping the web community to understand more about accessibility through content.
+
+[Vue a11y](/) focuses specifically on helping the Vue.js community by creating content, plugins, and components that make it easier on a daily basis.
+
+We count on your support and the support of the community to make it reach your friends and other developers.
+
+## Supporting
+
+The project is supported by people who love Vue.js and accessibility, and who know the importance of the web being more inclusive.
+
+Your support is very important so that we can devote more time to creating content, keeping plugins and components up to date, in addition to funding content creators for their time dedicated to creating robust and well-tested posts.
+
+<p>
+We have separated some rewards for our Open Collective supporters.
+<br>
+<a href="https://opencollective.com/vue-a11y/donate" target="_blank" rel="noopener" style="background-color: initial; width: 300px;">
+  <img src="https://opencollective.com/vue-a11y/donate/[email protected]?color=blue" style="box-shadow: none; display: inline;" alt="Donate to our collective (opens in a new tab)" />
+</a>
+</p>
+
+---
+
 <br>
 
 ::: alert Work in progress.  

Diff for: src/pt/projeto/como-contribuir.md

@@ -1,5 +1,67 @@
 # Como contribuir
 
+Antes de tudo, feliz em você estar aqui nessa página e pensando em contribuir com o projeto.
+
+**A comunidade Vue.js agradece.**
+
+## Desenvolvimento
+
+Para contribuir no desenvolvimento do site, você pode inicialmente abrir uma issue no Github e relatar algum erro ou propor alguma feature nova.
+
+Se você estiver disposto a desenvolver, não tem nenhum mistério, basta abrir um Pull Request seguindo o template.
+
+O site usa [Vuepress](https://vuepress.vuejs.org/), [TailwindCSS](https://tailwindcss.com/), e [Vue composition API](https://composition-api.vuejs.org/). 
+
+::: alert tip
+Tente seguir ao máximo o [guia de estilos oficial para Vue](https://vuejs.org/v2/style-guide/).
+:::
+
+## Escrevendo
+
+Nós iremos adorar saber sua ideia de conteúdo, então o primeiro passo é abrir uma issue usando o template específico.
+
+Você pode abrir uma issue para:
+
+- [New Post/Article](https://github.com/vue-a11y/vue-a11y.com/issues/new?labels=Post&template=new-post.md&title=Post%2FArticle%3A+%5BYour+title%5D)
+- [New Widget (Recipe)](https://github.com/vue-a11y/vue-a11y.com/issues/new?labels=Recipe,Widget&template=new-widget.md&title=Recipe%28widget%29%3A+%5BYour+title%5D)
+- [New Tip (Recipe)](https://github.com/vue-a11y/vue-a11y.com/issues/new?labels=Recipe,Tip&template=new-tip.md&title=Recipe%28Tip%29%3A+%5BYour+title%5D)
+
+Nós também temos uma [issue](https://github.com/vue-a11y/vue-a11y.com/issues/14) com diversas ideias de conteúdo, fique a vontade também para adicionar outros assuntos que você quer ver em forma de conteúdo no site.
+
+Nossa intenção é recompensar o criador por cada conteúdo publicado no site, em breve iremos conseguir esse feito.
+
+## Respondendo perguntas
+
+Em nosso [Rastreador de problemas do GitHub](https://github.com/vue-a11y/vue-a11y.com/issues) estamos abertos a responder perguntas de pessoas de todos os níveis de conhecimento.
+
+Seremos gratos de receber a sua ajuda respondendo perguntas e também compartilhando sua experiência junto conosco.
+
+Também estamos diariamente respondendo perguntas na comunidade do Vue.js no Discord ([Vue Land](https://discord.gg/vue)), junte-se a nós. 
+
+## Compartilhando
+
+Quando você compartilha, você está ajudando a comunidade web a entender mais sobre acessibilidade através dos conteúdos.
+
+O [Vue a11y](/pt/) foca especificamente em ajudar a comunidade Vue.js criando conteúdos, plugins e componentes que facilitem no dia dia.
+
+Contamos o seu apoio e o apoio da comunidade para fazer com que chegue a seus amigos e outros desenvolvedores e desenvolvedoras.
+
+## Apoiando
+
+O projeto é apoiado por pessoas que amam Vue.js e acessibilidade, e que sabem da importância da web ser mais inclusiva.
+
+Seu suporte é muito importante para que possamos nos dedicar mais tempo à criação de conteúdo, manter plugins e componentes atualizados, além de financiar os criadores de conteúdo pelo seu tempo dedicado à criação de posts robustos e bem testados.
+
+<p>
+Separamos algumas recompensas para nossos apoiadores do Open Collective.
+<br>
+<a href="https://opencollective.com/vue-a11y/donate" target="_blank" rel="noopener" style="background-color: initial; width: 300px;">
+  <img src="https://opencollective.com/vue-a11y/donate/[email protected]?color=blue" style="box-shadow: none; display: inline;" alt="Doe para o nosso colletivo (abre em uma nova tab)" />
+</a>
+</p>
+
+---
+
 <br>
 
 ::: alert Trabalho em progresso