init: jp contents

Author: yamanoku

src/jp/index.md

@@ -0,0 +1,22 @@
+---
+layout: Full
+view: Home
+
+actionText: Get Started
+actionLink: /project/
+
+heroImage: /hero-accessibility.svg
+heroImageAlternativeText: Illustration of a visually impaired man standing and a woman in a wheelchair
+
+sponsorsText: Sponsors
+supportersText: Supporters
+
+features:
+- title: Examples
+  details: Several examples of how to apply ARIA, the techniques of WCAG and the best practices in your Vue.js components.
+- title: Packages
+  details: Developing and helping the most used Vue.js components to keep their components accessible.
+- title: A11y contents
+  details: Useful links, articles, videos, Web accessibility events, both in the context of Vue.js and in others.
+
+---

src/jp/posts/2020-09-01-post-test.md

@@ -0,0 +1,56 @@
+---
+title: 'Example post: The first post'
+description: Description test page
+summary: Summary test page
+
+categories: [news, aria, wcag, tools, packages, spa, html]
+author: ktquez
+
+date: 2020-09-01 16:00:00
+---
+
+## Test post (please ignore)
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer risus nulla, viverra a porttitor eu, euismod eget nisl. Pellentesque pharetra diam orci, id blandit metus pretium ac.
+
+Suspendisse rhoncus mauris a sapien gravida, ut pulvinar urna ultrices. Aenean semper nisi vitae laoreet semper. Sed convallis massa ut commodo gravida.
+
+Praesent vehicula pharetra tincidunt. Proin nec elit volutpat, lobortis dui eu, hendrerit sapien. Donec sapien quam, dictum sit amet neque eu, malesuada ultrices libero. Morbi blandit augue in turpis porttitor porta.
+
+:::: fig code
+::: headerCode index.html
+```html
+<small>
+  <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">
+    Creative Commons Attribution Share-alike license
+  </a>
+</small>
+```
+:::
+::: figcap
+Using &lt;small&gt; around a [Creative Commons license](http://creativecommons.org/choose/) link with `rel="license"`
+:::
+::::
+
+Nullam aliquet quam a eros mollis, eu rhoncus magna imperdiet. Donec quis scelerisque nulla.
+
+Donec auctor, neque eget imperdiet consequat, sapien massa suscipit orci, quis condimentum dolor nisl dapibus nisl.
+
+:::: fig bq
+::: bq
+VuePress is composed of two parts: a minimalistic static site generator with a Vue-powered theming system and Plugin API, and a default theme optimized for writing technical documentation.
+:::
+::: figcap
+[W3C, HTML draft documentation 2020](https://google.com)
+:::
+::::
+
+Praesent mollis ornare felis vel egestas. Ut sit amet ex imperdiet, suscipit urna vel, vestibulum ex.
+
+Nam iaculis nisl at diam suscipit tincidunt. Nam sit amet magna vitae velit sodales feugiat.
+
+Donec feugiat sagittis metus, non rutrum turpis. Fusce turpis dolor, feugiat sit amet interdum nec, ultrices eget metus.
+
+::: alert warning
+This is a warning
+:::

src/jp/project/how-to-contribute.md

@@ -0,0 +1,76 @@
+---
+description: Find out how to contribute to Vue Accessibility project
+---
+
+
+# How to contribute
+
+First of all, happy that you are here on this page and thinking about contributing to the project.
+
+## 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.
+
+::: alert warning
+We created a guide with tips for creating posts, recipes, or tips. [Posts guide](/project/posts-guide.html#posts-guide)
+:::
+
+## 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.
+[Follow the issue on Github](https://github.com/vue-a11y/vue-a11y.com/issues/15)
+:::

src/jp/project/index.md

@@ -0,0 +1,21 @@
+---
+description: Vue A11y is an open-source community project, where the main objective is to create content focused on Vue.js and bringing maximum accessibility
+---
+
+# Introduction
+
+**Vue A11y** is an open-source community project, where the main objective is to create content focused on Vue.js and bringing maximum accessibility.
+
+The project is open, so anyone who wants to participate is very welcome.
+
+Accessibility is super important! We believe that if we join efforts to centralize content that is easy to understand, through recipes, tips, and blog posts, we can help developers and creators of Vue.js libraries to have consistent and more inclusive code.
+
+Feel invited to **[contribute](/project/how-to-contribute.html)** in the development, in the creation of posts, recipes and tips, or by giving an incentive **[supporting](/project/how-to-contribute.html#supporting)** the project.
+
+---
+
+<br>
+
+::: alert Updates  
+We are just getting started. We will always keep you updated through [issues on Github](https://github.com/vue-a11y/vue-a11y.com/issues) and our [Twitter account](https://twitter.com/vue_a11y).  
+:::

src/jp/project/people.md

@@ -0,0 +1,11 @@
+---
+description: Find out who are the people who make the vue-a11y project happen
+---
+
+# Who make it happen.
+
+<br>
+
+::: alert Work in progress.  
+Coming soon
+:::