Redesign pages using the W3C Jekyll theme

.gitignore

@@ -0,0 +1,5 @@
+Gemfile.lock
+.jekyll-cache
+.jekyll-metadata
+_site
+

docs/Gemfile

@@ -0,0 +1,19 @@
+source "https://rubygems.org"
+# Hello! This is where you manage which Jekyll version is used to run.
+# When you want to use a different version, change it below, save the
+# file and run `bundle install`. Run Jekyll with `bundle exec`, like so:
+#
+#     bundle exec jekyll serve
+#
+# This will help ensure the proper Jekyll version is running.
+# Happy Jekylling!
+gem "jekyll", "~> 4.1.0"
+
+group :jekyll_plugins do
+  gem 'jekyll-relative-links'
+  gem 'jekyll-commonmark'
+  gem 'jekyll-remote-theme'
+  gem 'webrick'
+#  gem 'jekyll-toc'
+end
+

docs/_config.yml

@@ -1,6 +1,6 @@
 # Welcome to Jekyll!
 #
-# This config file is meant for settings that affect your whole blog, values
+# This config file is meant for settings that affect your whole site, values
 # which you are expected to set up once and rarely edit after that. If you find
 # yourself editing this file very often, consider using Jekyll's data files
 # feature for the data you need to update frequently.
@@ -14,32 +14,20 @@
 # You can create any custom variable you would like, and they will be accessible
 # in the templates via {{ site.myvariable }}.
 title: "W3C Specification Translations"
-email: [email protected]
 description: Translations of W3C Specifications
-baseurl: "/Translations/" # the subpath of your site, e.g. /blog
-url: "https://www.w3.org" # the base hostname & protocol for your site, e.g. http://example.com
-twitter_username: w3cdevs
-github_username:  w3c
+baseurl: "/translations" # the subpath of your site, e.g. /blog
 
 # Build settings
-markdown: kramdown
-theme: minima
-#plugins:
-#  - jekyll-feed
+remote_theme: w3c/w3c-jekyll-theme
+
+defaults:
+  -
+    scope:
+      path: "" # an empty string here means all files in the project
+    values:
+      layout: "default" # by default, use the default layout from the theme
 
 # Exclude from processing.
-# The following items will not be processed, by default. Create a custom list
-# to override the default setting.
 exclude:
-   - Gemfile
-   - Gemfile.lock
-   - node_modules
-   - package.json
-   - package-lock.json
-   - config.json
-   - config.json.dist
-   - fetch-translation-data.js
-#   - vendor/bundle/
-#   - vendor/cache/
-#   - vendor/gems/
-#   - vendor/ruby/
+  - README.md
+  - "**/README.md"

docs/_data/navigation.yml

@@ -0,0 +1,10 @@
+pages:
+
+- title: Translations of W3C standards and drafts
+  url: /translations/
+  html: /
+
+- title: Contributing to W3C Translations
+  url: /translations/contribute/
+  html: /contribute/
+

docs/_data/subpath.yml

@@ -0,0 +1,3 @@
+path:
+  - title: Home
+    url: /

docs/_includes/prefooter.html

@@ -0,0 +1,3 @@
+<div class="component component--text">
+<p><em>This <a href="https://github.com/w3c/translation-management/">document lives in GitHub</a>, where changes can be tracked and pull requests are welcome. Feedback and comments are welcome. Please use <a href="https://github.com/w3c/translation-management/issues">GitHub issues</a>.</em></p>
+</div>

docs/_includes/spec-listing.html

@@ -1,10 +1,10 @@
 <section id="{{cft.id}}">
-  <h2><a href="{{cft['spec-version'].uri}}">{{cft.title}}</a><a class='self-link' href='#{{cft.id}}'></a></h2>
-    <ul class=details>
-      {%- for translation in cft.translations -%}
-      {%- if translation.states contains 'published' -%}
-      <li>{% include translation-details.html %}</li>
-      {% endif %}
-      {%- endfor -%}
-    </ul>
+  <h3><a href="{{cft['spec-version'].uri}}">{{cft.title}}</a><a class='self-link' href='#{{cft.id}}'></a></h3>
+  <ul>
+    {% for translation in cft.translations -%}
+    {%- if translation.states contains 'published' -%}
+    <li>{% include translation-details.html %}</li>
+    {% endif %}
+    {%- endfor -%}
+  </ul>
 </section>

docs/_includes/translation-details.html

@@ -1,11 +1,8 @@
-<span dir="auto" lang="{{translation.language}}">{{site.data.lang[translation.language].nativeName}}</span> ({{site.data.lang[translation.language].name}}){% if translation.authorized %}<span aria-labelledby="Authorized Translation" aria-role="img"> Authorized</span>{% endif %}: <a hreflang="{{translation.language}}" href="{{translation.uri}}"><cite dir="auto" dir=auto lang={{translation.language}}>{{translation.title}}</cite></a>
-          {% if translation.authorized %}
-           &mdash; Lead Translation Organization: {{ translation['lto_name'] }}
-          {% else %}
-          {% if translation.translators.size > 0 %}
-           &mdash; Translators: {% for translator in translation.translators %}{{translator.name}}{% endfor %}
-          {% else %}
-          &mdash; {{ translation.comments | replace: "Translation author", "Translator"}}
-          {% endif %}
-          {% endif %}
-
+<strong><span dir="auto" lang="{{translation.language}}">{{site.data.lang[translation.language].nativeName}}</span> ({{site.data.lang[translation.language].name}}){% if translation.authorized %} <span aria-labelledby="Authorized Translation" aria-role="img">Authorized</span>{% endif %}:</strong> <cite dir="auto" lang="{{translation.language}}"><a hreflang="{{translation.language}}" href="{{translation.uri}}">{{translation.title}}</a></cite> &mdash;
+{%- if translation.authorized -%}
+&nbsp;Lead Translation Organization: {{ translation['lto_name'] }}
+{%- elsif translation.translators.size > 0 -%}
+&nbsp;Translators: {% for translator in translation.translators %}{{translator.name}}{% endfor %}
+{%- else -%}
+&nbsp;{{ translation.comments | replace: "Translation author", "Translator"}}
+{%- endif -%}

docs/authorized/index.md

@@ -0,0 +1,24 @@
+---
+title: Authorized Translations of W3C Recommendations
+---
+
+[Authorized W3C Translations](https://www.w3.org/2005/02/TranslationPolicy.html) are developed through a process designed to achieve quality translations through transparency and community accountability. They can be used for official purposes in languages other than English.
+
+See also the [broader list of translations of W3C Recommendations](../) (including volunteer translations).
+
+{% assign cfts = site.data.translations | sort: "date"|reverse %}
+{%- for cft in cfts -%}
+{% if cft.hasAuthorizedTranslations %}
+<section id="{{cft.id}}">
+  <h2 class="txt-mars"><a href="{{cft['spec-version'].uri}}">{{cft.title}}</a><a class='self-link' href='#{{cft.id}}'></a></h2>
+  <ul>
+    {% for translation in cft.translations -%}
+    {%- if translation.states contains 'published' and translation.authorized -%}
+    <li>{% include translation-details.html %}</li>
+    {% endif %}
+    {%- endfor -%}
+  </ul>
+</section>
+
+{% endif -%}
+{%- endfor -%}