Add new strings for State of CSS 2020 results

Author: SachaG

src/i18n/en-US/common.yml

@@ -131,6 +131,11 @@ translations:
     - key: sections.user_info.description
       t: Let's get to know the real you.
 
+    - key: sections.features.title
+      t: Features
+    - key: sections.features.description
+      t: Syntax, keywords, and other language features.
+
     - key: sections.resources.title
       t: Resources
     - key: sections.resources.description
@@ -234,6 +239,18 @@ translations:
     - key: options.happiness.4
       t: Very Happy
 
+    # happiness (short version)
+    - key: options.happiness.0.short
+      t: Very Unhappy
+    - key: options.happiness.1.short
+      t: Unhappy
+    - key: options.happiness.2.short
+      t: Neutral
+    - key: options.happiness.3.short
+      t: Happy
+    - key: options.happiness.4.short
+      t: Very Happy
+
     # opinions
     - key: options.opinions.0
       t: Disagree Strongly

src/i18n/en-US/results.yml

@@ -12,6 +12,19 @@ translations:
     - key: page.next
       t: 'Next:'
 
+    - key: general.state_of_css_link
+      t: State of CSS
+
+    - key: general.netlify_link
+      t: Hosted by <a href={link}>Netlify</a>
+
+    - key: general.completion_percentage
+      t: 'Completion percentage:'
+
+    ###########################################################################
+    # Options
+    ###########################################################################
+  
     - key: options.experience_ranking.satisfaction
       t: Satisfaction
     - key: options.experience_ranking.interest
@@ -50,32 +63,77 @@ translations:
     ###########################################################################
     # Sections
     ###########################################################################
-
+ 
     - key: sections.introduction.title
       t: Introduction
 
     - key: sections.demographics.title
       t: Demographics
-    - key: sections.demographics.description
-      t: |
-          This year's State of JavaScript was the survey's fourth edition,
-          and it reached XX,XXX respondents.
-          It was interesting to see that despite few people identifying as
-          pure back-end developers, our respondents still feel quite comfortable
-          dealing with development on the server.
 
     - key: sections.tshirt.title
       t: T-shirt
 
-    - key: sections.features.title
-      t: Features
-
     - key: sections.technologies.title
       t: Technologies
 
     - key: sections.conclusion.title
       t: Conclusion
 
+    ###########################################################################
+    # User Info
+    ###########################################################################
+
+    - key: user_info.locale
+      t: Language
+    - key: user_info.locale.description
+      t: What language did respondents select to fill out the survey?
+
+    - key: user_info.source
+      t: Source
+    - key: user_info.source.description
+      t: How did respondents find out about the survey? 
+    - key: user_info.source.note
+      t: >
+      
+        This chart aggregates a mix of referrers, URL parameters, and freeform answers. 
+
+        - State of JS: the [State of JS](https://stateofjs.com) mailing list.
+
+        - State of CSS: the State of CSS mailing list; also matches `email`, `by email`, etc.
+
+        - Work: matches `work`, `colleagues`, `coworkers`, etc.
+
+    ###########################################################################
+    # Locales
+    ###########################################################################
+
+    - key: options.locale.en-US
+      t: English
+    - key: options.locale.es-ES
+      t: Spanish
+    - key: options.locale.ru-RU
+      t: Russian
+    - key: options.locale.fr-FR
+      t: French
+    - key: options.locale.zh-Hant
+      t: Chinese (Traditional)
+    - key: options.locale.de-DE
+      t: German
+    - key: options.locale.cs-CZ
+      t: Czech
+    - key: options.locale.pt-PT
+      t: Portuguese
+    - key: options.locale.it-IT
+      t: Italian
+    - key: options.locale.sv-SE
+      t: Swedish
+    - key: options.locale.tr-TR
+      t: Turkish
+    - key: options.locale.id-ID
+      t: Indonesian
+    - key: options.locale.hi-IN
+      t: Hindi
+
     ###########################################################################
     # Features
     ###########################################################################
@@ -159,7 +217,7 @@ translations:
 
         (Note that low user numbers can be due to either an unknown technology; or a technology with a lot of respondents already using it.)
 
-  # category other tools
+    # category other tools
     - key: blocks.category_other_tools.title
       t: Other Tools
     - key: blocks.category_other_tools.description
@@ -171,6 +229,13 @@ translations:
     - key: blocks.tool_experience.description
       t: Respondent's experience with ${name}.
 
+    # tools section streams
+    - key: blocks.tools_section_streams.title
+      t: Experience Over Time
+    - key: blocks.tools_section_streams.description
+      t: |
+        Overview of opinions on the technologies surveyed over time.
+
     # tools section overview
     - key: blocks.tools_section_overview.title
       t: Category Overview
@@ -259,6 +324,12 @@ translations:
       t: Interest Percentage
     - key: charts.axis_legends.satisfaction_percentage
       t: Satisfaction Percentage
+    - key: charts.axis_legends.happiness
+      t: Happiness
+    - key: charts.axis_legends.knowledge_score
+      t: Percentage
+    - key: charts.axis_legends.frequency
+      t: Frequency
 
     ###########################################################################
     # Sharing

src/i18n/en-US/state_of_css.yml

@@ -83,24 +83,31 @@ translations:
       t: Codified ways to write cleaner CSS.
 
     - key: sections.css_methodologies_others.title
-      t: Other CSS Methodologies
+      t: Other CSS Methodologies.
 
     - key: sections.css_in_js.title
       t: CSS-in-JS
     - key: sections.css_in_js.description
       t: Libraries that help integrate CSS into JavaScript code.
 
     - key: sections.css_in_js_others.title
-      t: Other CSS-in-JS Libraries
+      t: Other CSS-in-JS Libraries.
 
-    - key: sections.css_in_js_others.title
-      t: Other CSS-in-JS Libraries
+    - key: sections.tools_others.title
+      t: Other Tools
+    - key: sections.tools_others.description
+      t: Other CSS tools.
 
     - key: sections.environments.title
       t: Environments
     - key: sections.environments.description
       t: Which environments do you write CSS for?
 
+    - key: sections.awards.title
+      t: Awards
+    - key: sections.awards.description
+      t: Things that stood out this year.
+
     ###########################################################################
     # Options
     ###########################################################################
@@ -270,6 +277,12 @@ translations:
     - key: features.comparison_functions.description
       t: <code>min()</code>, <code>max()</code>, and <code>clamp()</code>
 
+    # knowledge score
+    - key: features.knowledge_score
+      t: Knowledge Score
+    - key: features.knowledge_score.description
+      t: Out of all the CSS features mentioned in the survey, how many did the respondent know about?
+      
     ###########################################################################
     # Units & Selectors
     ###########################################################################
@@ -516,7 +529,11 @@ translations:
       t: What do you feel is currently missing from CSS?
     - key: opinions_other.currently_missing_from_css.others.description
       t: Features you'd like to see in CSS one day.
-
+    - key: opinions_other.currently_missing_from_css.others.note
+      t: >
+          These results were normalized based on the contents of a freeform field.
+          To view the raw, unprocessed responses check out [whatsmissingfromcss.com](http://whatsmissingfromcss.com/).
+    
     - key: opinions.sum_up_one_word_css
       t: CSS in one word
     - key: opinions.sum_up_one_word_css.description

src/i18n/en-US/state_of_css_2020.yml

@@ -4,82 +4,52 @@ translations:
     # Sections
     ###########################################################################
 
-    - key: sections.introduction.introduction
+    - key: sections.introduction.description
       t: |
           TODO
 
-    - key: sections.tshirt.introduction
+    - key: sections.tshirt.description
       t: |
           TODO
 
-    - key: sections.demographics.introduction
+    - key: sections.demographics.description
       t: |
-          TODO
-
-    - key: sections.features.introduction
-      t: |
-          TODO
-
-    - key: sections.layout.introduction
-      t: |
-          TODO
-
-    - key: sections.shapes_graphics.introduction
-      t: |
-          TODO
-
-    - key: sections.interactions.introduction
-      t: |
-          TODO
-
-    - key: sections.typography.introduction
-      t: |
-          TODO
-
-    - key: sections.animations_transforms.introduction
-      t: |
-          TODO
-
-    - key: sections.other_features.introduction
-      t: |
-          TODO
-
-    - key: sections.units_selectors.introduction
-      t: |
-          TODO
-
-    - key: sections.technologies.introduction
-      t: |
-          TODO
+          This year's survey reached 11,492 people in 102 countries. For the first time this year,
+          we were able to translate the survey questions in multiple languages thanks to an awesome team of volunteers.
 
-    - key: sections.pre_post_processors.introduction
+    - key: sections.features.description
       t: |
-          TODO
+          CSS is has seen a surge of new features in recent years, so as you'd expect adoption is
+          lagging a bit behind as the community takes its time to absorb new properties.
 
-    - key: sections.css_frameworks.introduction
+    - key: sections.units_selectors.description
       t: |
-          TODO
+          We're willing to bet you'll find a few things you didn't know about in this section!
 
-    - key: sections.css_methodologies.introduction
+    - key: sections.technologies.description
       t: |
-          TODO
+          The CSS ecosystem is going through a renewal of sorts, as older mainstays like Bootstrap 
+          now have to accomodate newer entrants like Tailwind CSS. To say nothing of the whole CSS-in-JS
+          movement which, while it has yet to cross over to the CSS mainstream, is nonetheless quite dynamic. 
 
-    - key: sections.css_in_js.introduction
+    - key: sections.other_tools.description
       t: |
-          TODO
+          No surprises here, but it's worth highlighting the appearance of development-focused browsers
+          like Polypane and Sizzy, which go a step further than traditional devtools.
 
-    - key: sections.other_tools.introduction
+    - key: sections.environments.description
       t: |
-          TODO
+          One of CSS's core strengths is its ability to adapt to different environment, yet for a variety
+          of reasons media like print and email remain unexplored by a majority of CSS developers. Might they
+          turn out to be the next frontier of CSS…?
 
-    - key: sections.resources.introduction
+    - key: sections.resources.description
       t: |
-          TODO
+          The “other answers” results in this section highlight the richness and diversity of the CSS community,
+          and feature many outstanding blogs and pocasts which we are looking forward to officially adding
+          to the survey next year!
 
-    - key: sections.environments.introduction
-      t: |
-          TODO
-          
-    - key: sections.opinions.introduction
+    - key: sections.opinions.description
       t: |
-          TODO
+          These opinions paint a picture of a language getting more mature, but also more complex. And perhaps
+          –at least while we struggle to keep up with the pace of change– a little less enjoyable?