WIP on docs/website (#3409)

* CLICKHOUSE-4063: less manual html @ index.md

* CLICKHOUSE-4063: recommend markdown="1" in README.md

* CLICKHOUSE-4003: manually purge custom.css for now

* CLICKHOUSE-4064: expand <details> before any print (including to pdf)

* CLICKHOUSE-3927: rearrange interfaces/formats.md a bit

* CLICKHOUSE-3306: add few http headers

* Remove copy-paste introduced in #3392

* Hopefully better chinese fonts #3392

* get rid of tabs @ custom.css

* Apply comments and patch from #3384

* Add jdbc.md to ToC and some translation, though it still looks badly incomplete

* minor punctuation

* Add some backlinks to official website from mirrors that just blindly take markdown sources

* Do not make fonts extra light

* find . -name '*.md' -type f | xargs -I{} perl -pi -e 's//g' {}

* find . -name '*.md' -type f | xargs -I{} perl -pi -e 's/ sql/g' {}

* Remove outdated stuff from roadmap.md

* Not so light font on front page too

* Refactor Chinese formats.md to match recent changes in other languages

* Update some links on front page

* Remove some outdated comment

* Add twitter link to front page

* More front page links tuning

* Add Amsterdam meetup link

* Smaller font to avoid second line

* Add Amsterdam link to README.md

* Proper docs nav translation

* Back to 300 font-weight except Chinese

* fix docs build

* Update Amsterdam link

README.md

@@ -12,3 +12,4 @@ ClickHouse is an open-source column-oriented database management system that all
 ## Upcoming Meetups
 
 * [Beijing on October 28](http://www.clickhouse.com.cn/topic/5ba0e3f99d28dfde2ddc62a1)
+* [Amsterdam on November 15](https://events.yandex.com/events/meetings/15-11-2018/)

docs/toc_zh.yml

@@ -3,7 +3,7 @@ nav:
 - '介绍':
   - '概貌': 'index.md'
   - 'ClickHouse的独特功能': 'introduction/distinctive_features.md'
-  - 'ClickHouse不擅长做什么': 'introduction/features_considered_disadvantages.md'
+  - 'ClickHouse功能可被视为缺点': 'introduction/features_considered_disadvantages.md'
   - '性能': 'introduction/performance.md'
   - 'Yandex.Metrica使用案例': 'introduction/ya_metrika_task.md'
 

docs/tools/mkdocs-material-theme/assets/stylesheets/custom.css

@@ -64,7 +64,7 @@
 }
 
 body {
-    font: 400 14pt/200% 'Yandex Sans Text Web', Arial, sans-serif;
+    font: 300 14pt/200% 'Yandex Sans Text Web', Arial, sans-serif;
 }
 
 body.md-lang-zh {

docs/tools/mkdocs-material-theme/partials/language/en.html

@@ -7,6 +7,10 @@
   "footer.next": "Next",
   "meta.comments": "Comments",
   "meta.source": "Source",
+  "nav.multi_page": "Multi page version",
+  "nav.pdf": "PDF version",
+  "nav.single_page": "Single page version",
+  "nav.source": "ClickHouse source code",
   "search.placeholder": "Search",
   "search.result.placeholder": "Type to start searching",
   "search.result.none": "No matching documents",

docs/tools/mkdocs-material-theme/partials/language/fa.html

@@ -8,6 +8,10 @@
   "footer.next": "بعدی",
   "meta.comments": "نظرات",
   "meta.source": "منبع",
+  "nav.multi_page": "نسخه چند صفحه ای",
+  "nav.pdf": "نسخه PDF",
+  "nav.single_page": "نسخه تک صفحه",
+  "nav.source": "کد منبع کلیک",
   "search.language": "",
   "search.pipeline.stopwords": false,
   "search.pipeline.trimmer": false,

docs/tools/mkdocs-material-theme/partials/language/ru.html

@@ -7,6 +7,10 @@
   "footer.next": "Вперед",
   "meta.comments": "Комментарии",
   "meta.source": "Исходный код",
+  "nav.multi_page": "Многостраничная версия",
+  "nav.pdf": "PDF версия",
+  "nav.single_page": "Одностраничная версия",
+  "nav.source": "Исходный код ClickHouse",
   "search.placeholder": "Поиск",
   "search.result.placeholder": "Начните печатать для поиска",
   "search.result.none": "Совпадений не найдено",

docs/tools/mkdocs-material-theme/partials/language/zh.html

@@ -7,6 +7,10 @@
   "footer.next": "前进",
   "meta.comments": "评论",
   "meta.source": "来源",
+  "nav.multi_page": "多页版本",
+  "nav.pdf": "PDF版本",
+  "nav.single_page": "单页版本",
+  "nav.source": "ClickHouse源代码",
   "search.placeholder": "搜索",
   "search.result.placeholder": "键入以开始搜索",
   "search.result.none": "没有找到符合条件的结果",

docs/tools/mkdocs-material-theme/partials/nav.html

@@ -15,35 +15,19 @@
 
   <ul id="md-extra-nav" class="md-nav__list" data-md-scrollfix>
     <li class="md-nav__item md-nav__item--active">
-      {% if config.theme.language == 'ru' %}
         {% if config.extra.single_page %}
-          <a href="{{ base_url }}" class="md-nav__link md-nav__link--active">Многостраничная версия</a>
+          <a href="{{ base_url }}" class="md-nav__link md-nav__link--active">{{ lang.t("nav.multi_page") }}</a>
         {% else %}
-          <a href="{{ base_url }}/single/" class="md-nav__link md-nav__link--active">Одностраничная версия</a>
+          <a href="{{ base_url }}/single/" class="md-nav__link md-nav__link--active">{{ lang.t("nav.single_page") }}</a>
         {% endif %}
-      {% else %}
-        {% if config.extra.single_page %}
-          <a href="{{ base_url }}" class="md-nav__link md-nav__link--active">Multi page version</a>
-        {% else %}
-          <a href="{{ base_url }}/single/" class="md-nav__link md-nav__link--active">Single page version</a>
-        {% endif %}
-      {% endif %}
     </li>
     <li class="md-nav__item md-nav__item--active">
-      {% if config.theme.language == 'ru' %}
-          <a href="{{ base_url }}/single/clickhouse_{{ config.theme.language }}.pdf" class="md-nav__link md-nav__link--active">PDF версия</a>
-      {% else %}
-          <a href="{{ base_url }}/single/clickhouse_{{ config.theme.language }}.pdf" class="md-nav__link md-nav__link--active">PDF version</a>
-      {% endif %}
+          <a href="{{ base_url }}/single/clickhouse_{{ config.theme.language }}.pdf" class="md-nav__link md-nav__link--active">{{ lang.t("nav.pdf") }}</a>
     </li>
     {% if config.repo_url %}
     <li class="md-nav__item md-nav__item--active">
       <a href="{{ config.repo_url }}" rel="external nofollow" target="_blank" class="md-nav__link">
-        {% if config.theme.language == 'ru' %}
-          Исходники ClickHouse
-        {% else %}
-          ClickHouse sources
-        {% endif %}
+        {{ lang.t("nav.source") }}
       </a>
     </li>
     {% endif %}

docs/zh/data_types/float.md

@@ -67,6 +67,6 @@
   └──────────────┘
    ```
 
-可以在[ORDER BY 子句](../query_language/queries.md#query_language-queries-order_by) 查看更多关于 ` NaN` 排序的规则。
+可以在[ORDER BY 子句](../query_language/select.md#query_language-queries-order_by) 查看更多关于 ` NaN` 排序的规则。
 
 [来源文章](https://clickhouse.yandex/docs/en/data_types/float/) <!--hide-->

website/index.css

@@ -65,7 +65,7 @@
 
 body {
     background: #fff;
-    font: 400 14pt/200% 'Yandex Sans Text Web', Arial, sans-serif;
+    font: 300 14pt/200% 'Yandex Sans Text Web', Arial, sans-serif;
     margin: 0;
     padding: 0;
 }
@@ -215,7 +215,7 @@ a:hover, a:active {
 #announcement {
     margin: 0 0 60px 0;
     padding: 20px 0;
-    font: 400 140%/133% 'Yandex Sans Display Web',Arial,sans-serif;
+    font: 400 125%/133% 'Yandex Sans Display Web',Arial,sans-serif;
 }
 .announcement-link {
     color: #000!important;

website/index.html

@@ -92,7 +92,8 @@
 </div>
 <div id="announcement" class="colored-block">
     <div class="page">
-        Upcoming meetup in <a class="announcement-link" href="http://www.clickhouse.com.cn/topic/5ba0e3f99d28dfde2ddc62a1" rel="external nofollow" target="_blank">Beijing on October 28</a>
+        Upcoming meetups in <a class="announcement-link" href="http://www.clickhouse.com.cn/topic/5ba0e3f99d28dfde2ddc62a1" rel="external nofollow" target="_blank">Beijing on October 28</a>
+        and <a class="announcement-link" href="https://events.yandex.com/events/meetings/15-11-2018/" rel="external nofollow" target="_blank">Amsterdam on November 15</a>
     </div>
 </div>
 <div class="page">
@@ -199,6 +200,8 @@
                rel="external nofollow" target="_blank">ClickHouse vs Amazon RedShift Benchmark</a> by Altinity</li>
         <li><a href="https://carto.com/blog/inside/geospatial-processing-with-clickhouse"
                rel="external nofollow" target="_blank">Geospatial processing with Clickhouse</a> by Carto</li>
+        <li><a href="https://translate.yandex.com/translate?url=http%3A%2F%2Fwww.clickhouse.com.cn%2Ftopic%2F5a72e8ab9d28dfde2ddc5ea2F&amp;lang=zh-en"
+               rel="external nofollow" target="_blank">ClickHouse and Vertica comparison</a> by zhtsh <span class="grey">(machine translation from Chinese)</span></li>
         <li><a href="https://translate.yandex.com/translate?url=http%3A%2F%2Fverynull.com%2F2016%2F08%2F22%2Finfinidb%E4%B8%8Eclickhouse%E5%AF%B9%E6%AF%94%2F&amp;lang=zh-en"
                rel="external nofollow" target="_blank">ClickHouse and InfiniDB comparison</a> by RamboLau <span class="grey">(machine translation from Chinese)</span></li>
     </ul>
@@ -306,15 +309,20 @@
     <h2 id="success-stories">Success Stories</h2>
 
     <ul class="dashed">
-        <li><a href="docs/en/introduction/ya_metrika_task.html">Yandex.Metrica</a></li>
-        <li><a href="https://blog.cloudflare.com/how-cloudflare-analyzes-1m-dns-queries-per-second/"
-               rel="external nofollow" target="_blank">CloudFlare DNS Analytics</a></li>
+        <li><a href="docs/en/introduction/ya_metrika_task/">Yandex.Metrica</a></li>
+        <li><a href="https://blog.cloudflare.com/http-analytics-for-6m-requests-per-second-using-clickhouse/"
+               rel="external nofollow" target="_blank">HTTP Analytics</a> and <a href="https://blog.cloudflare.com/how-cloudflare-analyzes-1m-dns-queries-per-second/"
+               rel="external nofollow" target="_blank">DNS Analytics</a> at CloudFlare</li>
+        <li><a href="https://www.slideshare.net/glebus/using-clickhouse-for-experimentation-104247173"
+               rel="external nofollow" target="_blank">ClickHouse for Experimentation</a> at Spotify</li>
         <li><a href="https://translate.yandex.com/translate?url=https%3A%2F%2Fhabrahabr.ru%2Fpost%2F322620%2F&amp;lang=ru-en"
                rel="external nofollow" target="_blank">Migrating to Yandex ClickHouse</a> by LifeStreet <span class="grey">(machine translation from Russian)</span></li>
         <li><a href="https://translate.yandex.com/translate?url=https%3A%2F%2Fhabrahabr.ru%2Fcompany%2Fsmi2%2Fblog%2F314558%2F&amp;lang=ru-en"
                rel="external nofollow" target="_blank">How to start ClickHouse up and win the jackpot</a> by SMI2 <span class="grey">(machine translation from Russian)</span></li>
         <li><a href="https://translate.yandex.com/translate?url=http%3A%2F%2Fwww.jianshu.com%2Fp%2F4c86a2478cca&amp;lang=zh-en"
             rel="external nofollow" target="_blank">First place at Analysys OLAP algorithm contest</a> <span class="grey">(machine translation from Chinese)</span></li>
+        <li><a href="https://translate.yandex.com/translate?url=https%3A%2F%2Ftech.geniee.co.jp%2Fentry%2F2017%2F07%2F20%2F160100"
+            rel="external nofollow" target="_blank">Speeding up Report API</a> at Geniee <span class="grey">(machine translation from Japanese)</span></li>
         <li><a href="https://www.yandex.com/company/press_center/press_releases/2012/2012-04-10/"
                rel="external nofollow" target="_blank">LHCb experiment</a> by CERN</li>
     </ul>
@@ -428,6 +436,9 @@ clickhouse-client
                rel="external nofollow" target="_blank">English</a> or in
             <a href="https://telegram.me/clickhouse_ru"
                rel="external nofollow" target="_blank">Russian</a>.</li>
+        <li>Follow official <a
+               href="https://twitter.com/ClickHouseDB"
+               rel="external nofollow" target="_blank">Twitter account</a>.</li>
     </ul>
 
     <p>Or email ClickHouse team at Yandex directly:
@@ -485,16 +496,6 @@ clickhouse-client
         if (hostParts.length > 2 && hostParts[0] != 'test') {
             window.location.host = hostParts[0] + '.' + hostParts[1];
         }
-
-/*        var available_distributives = ['xenial', 'trusty', 'precise'];
-        available_distributives.forEach(function (name) {
-            $('#ubuntu_' + name).on('click', function () {
-                $('#distributive').html(name);
-                available_distributives.forEach(function (distr) {
-                    $('#ubuntu_' + distr).attr('class', (name == distr) ? 'distributive_selected' : 'distributive_not_selected');
-                });
-            });
-        });*/
     });
 </script>