Skip to content

Commit ff42c72

Browse files
RoshanjosseyRoshanjossey
committed
add translations
1 parent 95ccf39 commit ff42c72

File tree

11 files changed

+219
-7
lines changed

11 files changed

+219
-7
lines changed

‎.gitignore

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
scripts/contributors.js
22

3-
.DS_Store;
3+
.DS_Store
44
.idea/
55
.vs
66
.env

‎README.md

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,4 +4,11 @@ This is a project for you to practice contributing to open source projects with
44

55
We're assuming that you've already finished the tutorial at [first contributions](https://github.com/firstcontributions/first-contributions)
66

7-
Head over to [issues](https://github.com/Roshanjossey/code-contributions/issues) to start.
7+
Head over to [contribution guide](https://github.com/Roshanjossey/code-contributions/blob/main/docs/CONTRIBUTING.md) to start.
8+
9+
#### _Read this in [other languages](docs/translations/Translations.md)._
10+
11+
<kbd>[<img title="Deutsch" alt="Deutsch" src="https://cdn.statically.io/gh/hjnilsson/country-flags/master/svg/de.svg" width="22">](docs/translations/de/README.de.md)</kbd>
12+
<kbd>[<img title="Português (Brasil)" alt="Português (Brasil)" src="https://cdn.statically.io/gh/hjnilsson/country-flags/master/svg/br.svg" width="22">](docs/translations/pt_br/README.pt_br.md)</kbd>
13+
<kbd>[<img title="日本語" alt="日本語" src="https://cdn.statically.io/gh/hjnilsson/country-flags/master/svg/jp.svg" width="22">](docs/translations/ja/README.ja.md)</kbd>
14+
<kbd>[<img title="Bahasa Indonesia" alt="Bahasa Indonesia" src="https://cdn.statically.io/gh/hjnilsson/country-flags/master/svg/id.svg" width="22">](docs/translations/id/README.id.md)</kbd>

‎docs/CONTRIBUTING.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,23 @@
11
# Steps to contribute
22

3+
<img align="right" width="250" src="https://firstcontributions.github.io/assets/Readme/fork.png" alt="fork this repository" />
4+
35
## Fork this repository by clicking on fork button
46

57
## Clone your fork of this repository.
68

9+
710
In your fork of this repository, click on code button. Select SSH tab and then click on `copy to clipboard` button.
811

12+
<img align="right" width="250" src="https://firstcontributions.github.io/assets/Readme/clone.png" alt="clone this repository" />
913
Open a terminal and run `git clone` command
1014

1115
```bash
1216
git clone "url you copied"
1317
```
1418

19+
<img align="right" width="250" src="https://firstcontributions.github.io/assets/Readme/copy-to-clipboard.png" alt="copy URL to clipboard" />
20+
1521
> [!IMPORTANT]
1622
> In the following steps, when you see `<your-github-id>` your should replace it with your GitHub ID.
1723
> For example, if your GitHub ID is `aaronsw`,

‎docs/translations/Translations.md

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
# Translations
2+
3+
| | Translated Link |
4+
|---------------------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------------------|
5+
| <img alt="日本語" title="日本語" src="https://cdn.statically.io/gh/hjnilsson/country-flags/master/svg/jp.svg" width="22"> | [日本語](README.ja.md) |
6+
| <img alt="Deutsch" title="Deutsch" src="https://cdn.statically.io/gh/hjnilsson/country-flags/master/svg/de.svg" width="22"> | [Deutsch](README.de.md) |
7+
| <img alt="Português (Brasil)" title="Português (Brasil)" src="https://cdn.statically.io/gh/hjnilsson/country-flags/master/svg/br.svg" width="22"> | [Português (Brasil)](README.pt_br.md) |
8+
| <img alt="Bahasa Indonesia" title="Bahasa Indonesia" src="https://cdn.statically.io/gh/hjnilsson/country-flags/master/svg/id.svg" width="22"> | [Bahasa Indonesia](README.id.md) |

‎docs/translations/de/README.de.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
Dies ist ein Projekt, mit dem Sie üben können, zu Open-Source-Projekten mit Code beizutragen.
2+
3+
Wir gehen davon aus, dass Sie das Tutorial unter [erste Beiträge](https://github.com/firstcontributions/first-contributions/blob/main/docs/translations/README.de.md) bereits abgeschlossen haben.
4+
5+
Gehen Sie zu [Anleitung für Beiträge](CONTRIBUTING.de.md), um zu beginnen.

‎docs/translations/id/README.id.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
Ini adalah proyek yang memungkinkan Anda untuk berlatih berkontribusi kode ke proyek open source.
2+
3+
Kami berasumsi bahwa Anda telah menyelesaikan tutorial di [kontribusi pertama](https://github.com/firstcontributions/first-contributions/blob/main/docs/translations/README.id.md).
4+
5+
Buka [Cara berkontribusi](CONTRIBUTING.de.md) untuk memulai.

‎docs/translations/ja/CONTRIBUTING.ja.md

Lines changed: 141 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,141 @@
1+
# 貢献するためのステップ
2+
3+
<img align="right" width="250" src="https://firstcontributions.github.io/assets/Readme/fork.png" alt="このリポジトリをフォークする" />
4+
5+
## fork ボタンをクリックしてこのリポジトリをフォークする
6+
7+
## このリポジトリのフォークをクローンする。
8+
9+
<img align="right" width="250" src="https://firstcontributions.github.io/assets/Readme/clone.png" alt="このリポジトリをクローンする" />
10+
11+
このリポジトリのフォークで、コードボタンをクリックします。SSHタブを選択し、`copy to clipboard` ボタンをクリックします。
12+
13+
ターミナルを開き、`git clone` コマンドを実行します。
14+
15+
16+
```bash
17+
git clone "コピーしたURL"
18+
```
19+
20+
<img align="right" width="250" src="https://firstcontributions.github.io/assets/Readme/copy-to-clipboard.png" alt="URLをクリップボードにコピーする" />
21+
22+
> [!IMPORTANT]
23+
> 以下の手順では、`<your-github-id>` と表示されたら、それを自分の GitHub ID に置き換えてください。
24+
> 例えば、あなたの GitHub ID が `aaronsw` の場合、
25+
> git switch -c add-<your-github-id>` は `git switch -c add-aaronsw` となります。
26+
> `contributors/<your-github-id>.html` は `contributors/aaronsw.html` になります。
27+
28+
## ブランチを作成する
29+
30+
リポジトリディレクトリに移動します。
31+
32+
```bash
33+
cd code-contributions
34+
```
35+
36+
`git switch` コマンドでブランチを作成する
37+
38+
```bash
39+
git switch -c add-<your-github-id>
40+
```
41+
42+
## カードの作成
43+
44+
カードをHTMLファイルとしてcontributorsディレクトリに追加することができます。contributorsディレクトリにあなたのユーザー名でファイルを作成します。以下のテンプレートをコピーしてください。
45+
46+
`contributors/<your-github-id>.html`
47+
```html
48+
<article>
49+
<h3>ユーザー名</h3>
50+
<p>あなたの略歴（任意）</p>
51+
<h4>使用しているプログラミング言語</h4>
52+
<section class="container">
53+
<div class="badge" style="background-color: #3874a4; color: white">
54+
Python
55+
</div>
56+
<div class="badge" style="background-color: #f7df1e; color: black;">
57+
JavaScript
58+
</div>
59+
</section>
60+
61+
<h4>使用ツール</h4>
62+
<section class="container">
63+
<img
64+
class="icon"
65+
src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/bash/bash-original.svg"
66+
/>
67+
<img
68+
class="icon"
69+
src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/linux/linux-original.svg"
70+
/>
71+
</section>
72+
</article>
73+
<style>
74+
body {
75+
font-family: sans-serif;
76+
}
77+
.container {
78+
display: flex;
79+
flex-wrap: wrap;
80+
gap: 1rem;
81+
}
82+
.badge {
83+
padding: 0.5rem;
84+
border-radius: 0.25rem;
85+
}
86+
.icon {
87+
width: 2rem;
88+
}
89+
</style>
90+
91+
```
92+
## 投稿者リストにカードを追加する
93+
94+
作成したファイル名を `scripts/contributors.js` ファイルに追加する。
95+
96+
`scripts/contributors.js`
97+
```js
98+
const contributorFiles = [
99+
"<your-github-id>.html", // ファイル名をここに追加する
100+
"roshanjossey.html",
101+
"gokultp.html",
102+
];
103+
```
104+
105+
## ウェブブラウザで変更内容を見る
106+
107+
ウェブブラウザで `index.html` を開くと、変更内容を見ることができます。前のステップで追加した新しいカードが見えるはずです。
108+
109+
引き続きカードに変更を加え、ウェブブラウザのタブを更新すると、その変更を見ることができます。
110+
111+
## 変更をコミットする
112+
113+
まず `git add` コマンドで変更をステージします。
114+
115+
```bash
116+
git add contributors/<your-github-id>.html
117+
```
118+
119+
次に `git commit` コマンドで変更をコミットします。
120+
121+
```bash
122+
git commit -m "<あなたのgithub-id>を追加する"
123+
```
124+
125+
## 変更を GitHub にプッシュする
126+
127+
```bash
128+
git push -u origin add-<your-github-id>
129+
```
130+
131+
## 変更内容をレビューに提出する
132+
133+
GitHub の自分のリポジトリに移動すると、`Compare & pull request` というボタンが表示されます。そのボタンをクリックします。
134+
135+
<img style="float: right;" src="https://firstcontributions.github.io/assets/Readme/compare-and-pull.png" alt="プルリクエストを作成する" />
136+
137+
プルリクエストを送信します。
138+
139+
<img style="float: right;" src="https://firstcontributions.github.io/assets/Readme/submit-pull-request.png" alt="プルリクエストの送信" />
140+
141+
変更がマージされると、通知メールが届きます。

‎docs/translations/ja/README.jp.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
これは、オープンソースプロジェクトにコードを貢献する練習をするためのプロジェクトです。
2+
3+
[最初の貢献](https://github.com/firstcontributions/first-contributions/blob/main/docs/translations/README.ja.md) のチュートリアルをすでに完了したと仮定します。
4+
5+
始めるには、[貢献のガイドライン](CONTRIBUTING.ja.md) に行ってください。

‎docs/translations/pt_br/README.pt_br.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
Este é um projeto que permite que você pratique a contribuição de código para projetos de código aberto.
2+
3+
Presumimos que você já tenha concluído o tutorial em [first contributions](https://github.com/firstcontributions/first-contributions/blob/main/docs/translations/README.id.md).
4+
5+
Vá para [How to contribute](CONTRIBUTING.pt_br.md) para começar.
6+

‎index.html

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,15 +9,17 @@
99
<link rel="stylesheet" href="style.css">
1010
<script src="scripts/contributors.js"> </script>
1111
</head>
12-
<body class="container">
12+
<body>
1313
<header>
14-
<h2>Contributors</h2>
14+
<h1>Contribute to open source projects with <span> &lt;code&gt; </span></h1>
15+
<button class="bg-primary text-white text-uppercase">Let's go! </button>
1516
</header>
1617

17-
<main>
18+
<main class="container">
19+
<h2>Contributors</h2>
1820
<div id="cards-container" class="row container"></div>
1921
</main>
2022

2123
<script id="load-worker" src="scripts/load-cards.js"> </script>
2224
</body>
23-
</html>
25+
</html>

0 commit comments

Comments
 (0)