这是indexloc提供的服务，不要输入任何密码
Skip to content

xd #11

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 6 commits into from
Closed

xd #11

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
d753302
Merge pull request #1 from jesuslerma/feature/restore-pixels
jesuslerma Feb 22, 2024
c2aec78
Rename index to es
Feb 22, 2024
7807c01
Translate README.md
jesuslerma Feb 23, 2024
e2fd395
Update pull request template
Feb 23, 2024
222f99b
Update pixels.json
HerminioGarcia Feb 23, 2024
ad13618
Update pixels.json
HerminioGarcia Feb 23, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 3 additions & 23 deletions .github/pull_request_template.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,33 +6,13 @@

<!-- Before submitting your pull request please make sure you checked the following tasks: -->

- [ ] I ran `npm test` locally and it passed without errors.
<!-- Delete this if the PR is for something other than a pixel -->
- [ ] I only edited the `_data/pixels.json` file.
- [ ] Solo edité el archivo `_data/pixels.json`.
<!-- Delete this if the PR is for something other than a pixel -->
- [ ] I entered the `username` in the `pixels.json` that I'm also using to create this pull request.
- [ ] I acknowledge that all my contributions will be made under the project's [license](../LICENSE).
- [ ] Coloqué el nombre de usuario en el archivo `pixels.json` que estoy usando para crear este pull request.
- [ ] Estoy de acuerdo en que todas mis contribuciones estarán bajo la [licencia](../LICENSE) del proyecto.

<!-- To check a task, put a "x" between the brackets, similar to [x] -->

<!-- PIXEL CONTRIBUTIONS // END -->

<!-- OTHER CONTRIBUTIONS // START -->


<!-- If you are contributing more than a pixel, please uncomment the part below and fill out the rest of the template -->

<!--

## Description

a short description of your pull request

## Related issues

List any related issues here


-->

<!-- OTHER CONTRIBUTIONS // END -->
59 changes: 16 additions & 43 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,50 +1,27 @@
# Open Pixel Art by [Twilio](https://www.twilio.com)
# Contribu-Art un proyecto basado en Open Pixel Art by [Twilio](https://www.twilio.com)

[![All Contributors](https://img.shields.io/badge/all_contributors-16-orange.svg?style=flat-square)](#contributors) [![A Twilio Labs Project](https://img.shields.io/static/v1?label=&message=Twilio-Labs&color=F22F46&labelColor=0D122B&logo=twilio&style=flat-square)](https://www.twilio.com/labs) [![Netlify Status](https://api.netlify.com/api/v1/badges/611ac0f9-4ae9-48a2-9769-26c32cb5f9e8/deploy-status)](https://app.netlify.com/sites/pixel-project-dev/deploys) [![Learn with TwilioQuest](https://img.shields.io/static/v1?label=TwilioQuest&message=Learn%20to%20contribute%21&color=F22F46&labelColor=1f243c&style=flat-square&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAASFBMVEUAAAAZGRkcHBwjIyMoKCgAAABgYGBoaGiAgICMjIyzs7PJycnMzMzNzc3UoBfd3d3m5ubqrhfrMEDu7u739/f4vSb/3AD///9tbdyEAAAABXRSTlMAAAAAAMJrBrEAAAKoSURBVHgB7ZrRcuI6EESdyxXGYoNFvMD//+l2bSszRgyUYpFAsXOeiJGmj4NkuWx1Qeh+Ekl9DgEXOBwOx+Px5xyQhDykfgq4wG63MxxaR4ddIkg6Ul3g84vCIcjPBA5gmUMeXESrlukuoK33+33uID8TWeLAdOWsKpJYzwVMB7bOzYSGOciyUlXSn0/ABXTosJ1M1SbypZ4O4MbZuIDMU02PMbauhhHMHXbmebmALIiEbbbbbUrpF1gwE9kFfRNAJaP+FQEXCCTGyJ4ngDrjOFo3jEL5JdqjF/pueR4cCeCGgAtwmuRS6gDwaRiGvu+DMFwSBLTE3+jF8JyuV1okPZ+AC4hDFhCHyHQjdjPHUKFDlHSJkHQXMB3KpSwXNGJPcwwTdZiXlRN0gSp0zpWxNtM0beYE0nRH6QIbO7rawwXaBYz0j78gxjokDuv12gVeUuBD0MDi0OQCLvDaAho4juP1Q/jkAncXqIcCfd+7gAu4QLMACCLxpRsSuQh0igu0C9Svhi7weAGZg50L3IE3cai4IfkNZAC8dfdhsUD3CgKBVC9JE5ABAFzg4QL/taYPAAWrHdYcgfLaIgAXWJ7OV38n1LEF8tt2TH29E+QAoDoO5Ve/LtCQDmKM9kPbvCEBApK+IXzbcSJ0cIGF6e8gpcRhUDogWZ8JnaWjPXc/fNnBBUKRngiHgTUSivSzDRDgHZQOLvBQgf8rRt+VdBUUhwkU6VpJ+xcOwQUqZr+mR0kvBUgv6cB4+37hQAkXqE8PwGisGhJtN4xAHMzrsgvI7rccXqSvKh6jltGlrOHA3Xk1At3LC4QiPdX9/0ndHpGVvTjR4bZA1ypAKgVcwE5vx74ulwIugDt8e/X7JgfkucBMIAr26ndnB4UCLnDOqvteQsHlgX9N4A+c4cW3DXSPbwAAAABJRU5ErkJggg==)](https://twil.io/learn-open-source)

This is an art project created with the intention to teach you how to create a pull request.

Visit [open-pixel-art.com](https://open-pixel-art.com) to see the full artwork!
Este proyecto se creo con la intención de ensenñarte a crear una pull request.

Anyone who wishes to learn how to create a pull request for a project on GitHub can use this project to contribute a pixel to the canvas. You will only be able to ever create one pixel but you can pick whatever color you prefer as long as it is a valid HEX code. For example: `#F22F46` the brand color of [Twilio](https://www.twilio.com)
Visita [contribu-art](https://contribu-art.vercel.app) para ver el canvas colaborativo.

> ![decorative banner image for TwilioQuest mission](./docs/twilio-quest-oss-banner.png)
> If you are new to open-source, GitHub or git in general, fear not, we created a tutorial in [TwilioQuest](https://twil.io/hacktoberfest-quest) for you. It will teach you step by step on how you can get started and will guide you on your quest of creating your pull request.
> 🕹 [Download TwilioQuest](https://www.twilio.com/quest/download)
Cualquier persona que desea conocer cómo crear un pull request para contribuir a un proyecto en Github puede utilizar este proyecto para contribuir un pixel en el canvas. Te será permitido solo crear un pixel pero tu puedes elegir cualquier color que prefieres siempre y cuando sea un código HEX válido. Por ejemplo: #F22F46

The entire project is automated and is largely maintained by a set of bots that will verify any pixel contributions. However, if you'd like to know more about the project or submit other contributions to the project that are not a pixel, feel free to create a [GitHub issue](https://github.com/twilio-labs/open-pixel-art/issues) inside the [Open Pixel Art project](https://github.com/twilio-labs/open-pixel-art).

## Contributing
## Contribuyendo

In order to contribute a pixel to the canvas, you'll have to create a [pull request](https://opensource.guide/how-to-contribute/#opening-a-pull-request) to the [Open Pixel Art project on GitHub](https://github.com/twilio-labs/open-pixel-art).
- Lee la [Guía de Contribución](docs/es/CONTRIBUTING.md).

If you are already familiar with git and how to create a pull request on GitHub, you can go ahead and check out the [contributing guide](CONTRIBUTING.md).
## Código de Conducta
Queremos asegurarnos de que este proyecto sea lo más acogedor posible para las personas. Al interactuar con el proyecto de cualquier manera, estás aceptando el Código de Conducta del proyecto:

We understand that contributing to open-source can be intimidating and as a result we created a mission in our interactive coding game [TwilioQuest](https://twil.io/hacktoberfest-quest) that will walk you step by step through creating a pull request for this project and help you embark on your new quest into open-source!
- [Código de Conducta](docs/es/CODE_OF_CONDUCT.md)

- [Download TwilioQuest](https://www.twilio.com/quest/download)
- Check out the Contribution Guides:
- [English](CONTRIBUTING.md)
- [Español](docs/es/CONTRIBUTING.md)
- [Deutsch](docs/de/CONTRIBUTING.md)
- [Brazilian Portuguese](docs/br/CONTRIBUTING.md)
- [Chinese Mandarin](docs/zh/CONTRIBUTING.md)
- [Dutch](docs/nl/CONTRIBUTING.md)

## Code of Conduct
## Contribuidores

We want to make sure that this project is as welcoming to people as possible. By interacting with the project in any shape or form you are agreeing to the project's Code of Conduct:

- [English](CODE_OF_CONDUCT.md)
- [Español](docs/es/CODE_OF_CONDUCT.md)
- [Deutsch](docs/de/CODE_OF_CONDUCT.md)
- [Brazilian Portuguese](docs/br/CODE_OF_CONDUCT.md)

If you feel like another individual has violated the code of conduct, please raise a complaint to [open-source@twilio.com](mailto:open-source@twilio.com).

## Contributors

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
Gracias a todas las personas que hicieron este proyecto inicial posible:

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore -->
Expand Down Expand Up @@ -73,18 +50,14 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
</tr>
</table>

<!-- ALL-CONTRIBUTORS-LIST:END -->

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

## Technology Thank You
## Tecnología, Gracias

This project is powered by various open-source projects. Among others:
Este proyecto ha sido posible gracias a las siguientes tecnologias:

- [Eleventy](https://www.11ty.io/) for the static site generation
- [Danger](https://danger.systems/js/) for the automated code review
- [Mergify](https://github.com/mergifyio) for automated PR merging
- [All Contributors Bot](https://github.com/all-contributors/all-contributors-bot) to recognize the contributions of everyone
- [Eleventy](https://www.11ty.io/) for the static site generation.
- [Danger](https://danger.systems/js/) for the automated code review.
- [Mergify](https://github.com/mergifyio) for automated PR merging.
- [Jest](https://jestjs.io/) for Unit Testing
- [NES.css](https://nostalgic-css.github.io/NES.css/) for the CSS styling
- [Welcome Bot](https://github.com/behaviorbot/welcome) to welcome new contributors
Expand Down
4 changes: 2 additions & 2 deletions _data/pixels.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
{"y": 0, "x": 6, "color": "#cb81e6", "username": ""},
{"y": 0, "x": 7, "color": "#00cc00", "username": ""},
{"y": 0, "x": 8, "color": "#F36E37", "username": ""},
{"y": 0, "x": 9, "color": "#ff0000", "username": ""},
{"y": 0, "x": 9, "color": "#ff0000", "username": "HerminioGarcia2"},
{"y": 0, "x": 10, "color": "#FFFF00", "username": ""},
{"y": 0, "x": 11, "color": "#000000", "username": ""},
{"y": 0, "x": 12, "color": "#fc03be", "username": ""},
Expand Down Expand Up @@ -571,4 +571,4 @@
{"y": 59, "x": 58, "color": "#ccff00", "username": ""},
{"y": 59, "x": 59, "color": "#fc03be", "username": ""}
]
}
}
88 changes: 24 additions & 64 deletions index.njk
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,14 +11,14 @@
<meta name="twitter:description" content="A collaborative art project designed to teach you how to contribute to open-source." />
<meta name="twitter:image" content="https://open-pixel-art.com/assets/open-graph-image.png" />
<meta name="twitter:image:alt" content="Text saying Open Pixel Art in a pixelated font with colorful pixels spread around." />
<meta property="og:url" content="https://open-pixel-art.com" />
<meta property="og:url" content="https://contribu-art.vercel.app" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Open Pixel Art by Twilio" />
<meta property="og:description" content="A collaborative art project designed to teach you how to contribute to open-source." />
<meta property="og:image" content="https://open-pixel-art.com/assets/open-graph-image.png" />
<meta property="og:title" content="Contribu-Art" />
<meta property="og:description" content="Un proyecto de arte colaborativo que te enseña a colaborar al open-source." />
<meta property="og:image" content="https://contribu-art.com/assets/open-graph-image.png" />
<meta property="og:image:width" content="800" />
<meta property="og:image:height" content="400" />
<title>Open Pixel Art by Twilio</title>
<title>Contribu Art</title>
<link rel="shortcut icon" href="https://www.twilio.com/marketing/bundles/marketing/img/favicons/favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Press+Start+2P&display=swap" rel="stylesheet">
<link href="/assets/nes.css/nes.min.css" rel="stylesheet"/>
Expand All @@ -33,19 +33,16 @@
<nav>
<ul class="nav-list">
<li class="screenreader-only">
<a href="#canvas">Go to the Pixel Art Canvas</a>
<a href="#canvas">Ir al Pixel Art Canvas</a>
</li>
<li class="nav-item">
<a class="nes-btn" href="#about">About the Project</a>
<a class="nes-btn" href="#about">Acerca del Proyecto</a>
</li>
<li class="nav-item">
<a class="nes-btn" href="#contributing">Contribute a Pixel</a>
<a class="nes-btn" href="#contributing">Contribuye al Canvas</a>
</li>
<li class="nav-item">
<a class="nes-btn" href="#contributors">See All Contributors</a>
</li>
<li class="nav-item">
<a class="nes-btn external-link" href="https://github.com/twilio-labs/open-pixel-art" target="_blank" rel="noreferrer" aria-label="Check on Github">View on GitHub</a>
<a class="nes-btn external-link" href="https://github.com/jesuslerma/open-pixel-art" target="_blank" rel="noreferrer" aria-label="Check on Github">Ver en GitHub</a>
</li>
</ul>
</nav>
Expand Down Expand Up @@ -121,78 +118,41 @@
</svg>
</section>
<section class="nes-container with-title">
<h2 class="title" id="contributor">Contributor</h2>
<p aria-label="Hover over any pixel to hear the github username who contributed it.">Hover over any pixel to see the username of the person who contributed it.</p>
<p>That pixel was contributed by: <span id="contributor-name" aria-live="polite">no pixel hovered</span></p>
<h2 class="title" id="contributor">Contribuidor/a</h2>
<p aria-label="Hover over any pixel to hear the github username who contributed it.">Coloca el mouse sobre cualquier pixel para ver el nombre de la persona que hizo la contribución.</p>
<p>Ese pixel fue contribuido por: <span id="contributor-name" aria-live="polite">no se seleccionó pixel</span></p>
</section>
<section class="nes-container with-title">
<h2 class="title" id="about">About the Project</h2>
<p>Welcome to the Open Pixel Art project.</p>
<h2 class="title" id="about">Acerca del Proyecto</h2>
<p>Bienvenidas/os al proyecto Contribu-Art inspirado por Open Pixel Art project by <a class="external-link" href="https://www.twilio.com/" target="_blank" rel="noreferrer" >Twilio</a>.</p>
<p>
This is an art project created with the intention to teach you how to create a pull request.
Este proyecto fue creado (o forkeado) con la intención de enseñarte a crear una pull request.
</p>
<p>
Anyone who wishes to learn how to create a pull request for a project on GitHub can use this project to contribute a pixel to the canvas. You will only be able to ever create one pixel but you can pix whatever color you prefer as long as it is a valid HEX code. For example:
Cualquier persona que desea conocer cómo crear un pull request para contribuir a un proyecto en Github puede utilizar este proyecto para contribuir un pixel en el canvas. Te será permitido solo crear un pixel pero tu puedes elegir cualquier color que prefieres siempre y cuando sea un código HEX válido. Por ejemplo:
<code>#F22F46</code>
the brand color of
<a class="external-link" href="https://www.twilio.com/" target="_blank" rel="noreferrer" >Twilio</a>
</p>
<div class="nes-container is-dark">
<p>
If you are new to open-source, GitHub or git in general, fear not, we created a tutorial in
<a href="https://twil.io/hacktoberfest-quest" target="_blank" rel="noreferrer" >TwilioQuest</a>
for you. It will teach you step by step on how you can get started and will guide you on your quest of creating your pull request.
</p>
<p class="text-center">
<a class="nes-btn is-primary" href="https://twil.io/hacktoberfest-quest" target="_blank" rel="noreferrer">Download TwilioQuest</a>
</p>
</div>
<p>
The entire project is automated and is largely maintained by a set of bots that will verify any pixel contributions. However, if you'd like to know more about the project or submit other contributions to the project that are not a pixel, feel free to create a
<a class="external-link" href="https://github.com/twilio-labs/open-pixel-art/issues" target="_blank" rel="noreferrer" >GitHub issue</a>
inside the
<a class="external-link" href="https://github.com/twilio-labs/open-pixel-art" target="_blank" rel="noreferrer" >Open Pixel Art project</a>.
</p>
</section>
<section class="nes-container with-title">
<h2 id="contributing" class="title">Contribute a Pixel</h2>
<p>
In order to contribute a pixel to the canvas, you'll have to create a
<a class="external-link" href="https://opensource.guide/how-to-contribute/#opening-a-pull-request" target="_blank" rel="noreferrer" >pull request</a>
to the
<a class="external-link" href="https://github.com/twilio-labs/open-pixel-art" target="_blank" rel="noreferrer" >Open Pixel Art project on GitHub</a>.
</p>
<h2 id="contributing" class="title">Contribuye al Canvas</h2>
<p>
If you are already familiar with git and how to create a pull request on GitHub, you can go ahead and check out the
<a class="external-link" href="https://github.com/twilio-labs/open-pixel-art/blob/master/CONTRIBUTING.md" target="_blank" rel="noreferrer" >contributing guide</a>.
Para poder contribuir un pixen en el canvas, necesitarás crear un
<a class="external-link" href="https://opensource.guide/es/how-to-contribute/#abriendo-un-pull-request" target="_blank" rel="noreferrer" >pull request</a>
al proyecto
<a class="external-link" href="https://github.com/jesuslerma/open-pixel-art" target="_blank" rel="noreferrer" >Open Pixel Art en GitHub</a>.
</p>
<p>
We understand that contributing to open-source can be intimidating and as a result we created a mission in our interactive coding game
<a class="external-link" href="https://twil.io/hacktoberfest-quest" target="_blank" rel="noreferrer" >TwilioQuest</a>
that will walk you step by step through creating a pull request for this project and help you embark on your new quest into open-source!
Si ya te es familiar git y sabes cómo crear un pull request en GitHub, puedes saltarte el recurso anterior y revisar la
<a class="external-link" href="https://github.com/jesuslerma/open-pixel-art/blob/main/docs/es/CONTRIBUTING.md" target="_blank" rel="noreferrer" >guía de contribución</a>.
</p>
<p class="text-center">
<i class="nes-octocat" aria-hidden="true"></i>
</p>
<p class="text-center">
<a class="nes-btn is-primary external-link" href="https://www.twilio.com/quest/download" target="_blank" rel="noreferrer" >Download TwilioQuest</a>
<a class="nes-btn external-link" href="https://github.com/twilio-labs/open-pixel-art/blob/master/CONTRIBUTING.md" target="_blank" rel="noreferrer" >Check out the Contributing Guide</a>
</p>
</section>
<section class="nes-container with-title">
<h2 class="title" id="contributors">Thank you for Contributing</h2>
<p class="text-center">
<i class="nes-icon is-large heart" aria-hidden="true"></i>
</p>
<p>Thank you to everyone who contributed to the project! You can find the whole list of contributors on GitHub.</p>
<p class="text-center">
<a class="nes-btn external-link" href="https://github.com/twilio-labs/open-pixel-art/graphs/contributors" target="_blank" rel="noreferrer" >View Contributors</a>
</p>
</section>
</main>
<footer class="text-center">
<p class="footer-icons">
<a class="external-link" href="https://github.com/twilio-labs/open-pixel-art" target="_blank" rel="noreferrer" aria-label="Check Project on Github">
<a class="external-link" href="https://github.com/jesuslerma/open-pixel-art" target="_blank" rel="noreferrer" aria-label="Ver proyecto en Github">
<i class="nes-icon github" aria-hidden="true"></i>
</a>
<a class="external-link" href="https://www.twilio.com/labs?utm_source=hacktoberfest19&utm_campaign=hacktoberfest19" target="_blank" rel="noreferrer" aria-label="Check Twilio's Featured Projects for Contribution">
Expand Down