Skip to content

Latest commit

 

History

History
138 lines (91 loc) · 6.96 KB

TRANSLATING.md

File metadata and controls

138 lines (91 loc) · 6.96 KB
Raw

Translating the guidelines

If you have to update a translation, refer to the relevant section.

Getting started

  1. Be sure to read the contributing guidelines to know how to deal with branching and Git.

  2. Copy the en/ folder in pages/ and rename it after your language shortcode (e.g. fr/ for French).

  3. Update the index.md file in your folder (replace <language_shortcode> with your language shortcode of course; if your language is right-to-left, replace ltr with rtl):

---
layout: default
language: <language_shortcode>
direction: ltr
permalink: /<language_shortcode>/
---

{% include layout/chapters.html %}

Translating

There are 5 things to translate, each one of them described in the following sections:

The config

In _config.yml, simply add the language shortcode of your translation to the languages array.

The README

Each translation should have its own README.md file to clarify a few things regarding the translation. Even when a language is being handled by a single author, it is important to maintain this file to ensure present and future consistency.

The original version (en/ folder) contains a template README.md that should be translated and filled when working on a translation.

The content

Translate all chapters (files starting with an underscore) in your translation folder.

The meta-data

In the _locales folder, duplicate the en.yml file and rename it after your translation shortcode before filling it. This contains 2 significant parts: the configuration for your translation, and the static translations for UI elements.

For instance, here is the object for the Polish translation:

configuration:
  version: 1.2 # The version of the translation
  label: Polish # The name of the language
  prefix: /pl/ # The route to access it (language short code)
  available: true # Whether or not the translation is over
  translators: # The list of translators
    - name: Andrzej Kłapeć # Your name
      link: https://github.com/klapec # Feel free to link wherever you want
    - name: Mateusz Chabros
      link: https://github.com/matchabros

translations:
  baseline: "Subiektywny przewodnik po stylu dla pisania rozsądnego, łatwego w utrzymaniu i skalowalnego Sassa."
  footer_content: "Stworzone z miłością przez [Kitty Giraudel](https://kittygiraudel.com), tłumaczenie [Andrzej Kłapeć](https://github.com/klapec) i [Mateusz Chabros](https://github.com/matchabros)"

  aside_title: "Opcje"
  aside_report: "Zgłoś problem"
  aside_support: "Wesprzeć projekt"
  aside_tweet: "Tweet it"
  aside_syntax: "Składnia Kod"
  aside_language: "Język"
  aside_close: "Zamknij panel opcji"
  aside_open: "Otwórz panel opcji"

  link_to_top: "Powrót do góry"
  link_to_skip: "Przejdź do głównej zawartości"
  link_to_chapter: "Link do tego rozdziału:"
  link_to_edit_chapter: "Edytuj ten rozdział na GitHub:"
  link_to_twitter: "Napisz do mnie na Twitterze"

  contributing_support_button: "Wesprzyj Sass Guidelines"
  contributing_tweet_button: "Tweetnij o Sass Guidelines"

  donate_content: "Jeśli spodobał Ci się Sass Guidelines, proszę byś rozważył jego wsparcie."
  donate_button: "Wesprzyj Sass Guidelines"

  note: "Uwaga"

  image_color_functions: "Ilustracja pokazująca różnicę pomiędzy funkcjami `lighten`/`darken` i `mix`, stworzona przez [KatieK](https://codepen.io/KatieK2/pen/tejhz/)"
  image_order_poll: "Wykres pokazujący jak deweloperzy porządkują swoje deklaracje w CSSie"
  image_sassdoc: "Dokumentacja wygenerowana przez SassDoc"
  image_wallpaper: "Tapeta stworzona przez [Julien He](https://twitter.com/julien_he)"

The code snippets

All code snippets from Sass Guidelines are externalized from the Markdown files to prevent getting in the way of translators and reduce the amount of moving parts. They are stored in _includes/snippets, then divided in sub-folders by chapters (e.g. architecture/), then finally numbered (e.g. 01/). Inside these numbered folders, there is always an index.html file. This file is the one that is imported in the Markdown documents.

Some code snippets contain comments that should be translated, some don’t. When a code snippet should be translated, its numbered folder contains a file per translation named after the language shortcode (e.g. pt.html) along with the index.html file. In this case, the index.html includes the appropriate file for the current translation. If a code snippet has no point in being translated, the index.html file is the only one in the folder, and it contains the HTML code directly.

To translate a (to be translated) code snippet, simply copy the en.html file from the snippet into a sibling file named after your language shortcode (e.g. de.html). In there, translate what needs to be translated; that’s it.

What should I know?

Liquid file imports

Code snippets, images and some partials (like the Twitter button and the contributing buttons) are externalized so they don’t get in your way when working in the Markdown files. Therefore, you will notice Liquid (the templating language in use here) file includes such as:

{% include snippets/architecture/01/index.html %}

Do not update those includes. They are language-agnostic and should not be modified. Leave them as they are authored.

Yep / Nope

A lot of code snippets contain only // Yep and // Nope as comments. These terms should not be translated. Not only would it be tedious to maintain snippet translations only for such minimalistic comments, but these also are clear and broad enough terms so that it’s fine keeping them.

Empty lines

Try to preserve the usage of empty lines in your translation. Not only does it make all translations consistent in the usage of blank lines, it also makes life easier for me when comparing the same files in two different languages.

“Sass Guidelines” title

The project title, “Sass Guidelines”, is not translated.

Wikipedia links

There are a few links to Wikipedia articles in the document. When possible, try to link to the version of your language rather than the English one. Most Wikipedia articles are translated in several languages, so chances are high that you can link to your own.

Updating a translation

If your translation is lagging behind the English version, you will have to update it. The easiest way to do it to use the changelog and reproduce commits one by one.

First create a new branch named after your language and your version (e.g. ru-1.3). Then check the first commit from the changelog, reproduce it in your version, and commit it. Repeat this process for each commit missing from your translation. Once you’re done (or before), submit a pull-request to the master branch.