ClickHouse/website/templates/docs/amp.html
Ivan Blinkov 21d8b6288d
[docs] generate AMP versions for docs articles (#10732)
* Refactoring in preparation for AMP support

* infrastructure for AMP validation

* Add Metrika counter on AMP page + adjust layout

* more content fixes

* improve amp layout

* improve navigation

* Move converting admonitions to generation time

* strict amp test check

* Batch AMP validation

* Add date published/modified to docs articles and their ld+json meta

* few more content fixes

* improve ld+json meta

* adjust margins

* skip published/modified for stable release docs

* adapt single page mode

* update po

* skip published/modified for single page docs

* update po

* adjust layout

* adjust layout
2020-05-08 11:04:09 +03:00

60 lines
2.8 KiB
HTML

<!doctype html>
<html lang="{{ language or 'en'}}">
<head>
<meta charset="utf-8">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<title>{{ title }}</title>
<link rel="canonical" href="{{ url or 'https://clickhouse.tech/' }}" />
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
{% include "templates/docs/ld_json.html" %}
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<style amp-custom>CUSTOM_CSS_PLACEHOLDER</style>
<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
</head>
<body dir="{{ direction or 'ltr' }}">
<div class="container-fluid container-lg pb-5">
<div class="row pt-3 mb-3">
<div class="col">
<a href="/" class="text-decoration-none">
<amp-img class="d-inline-block mr-3" layout="fixed" width="40" height="36" src="/images/logo.svg" alt="ClickHouse logo" title="ClickHouse logo"></amp-img><amp-img class="d-inline-block" layout="fixed" width="238" height="36" src="/images/clickhouse-black.svg" alt="ClickHouse" title="ClickHouse"></amp-img>
</a>
</div>
</div>
<div class="row">
<div id="content" class="col">
{% include "templates/docs/machine-translated.html" %}
{{ page.content|adjust_markdown_html|html_to_amp }}
</div>
</div>
<div class="row">
<div class="col">
{% include "templates/docs/footer.html" %}
</div>
</div>
<div class="row fixed-bottom text-center bg-white py-3">
<div class="col">
<a class="btn btn-lg btn-outline-orange" href="{{ url }}">To full website</a>
</div>
</div>
</div>
<amp-analytics type="metrika">
<script type="application/json">{
"vars": {
"counterId": "18343495",
"triggers": {
"notBounce": {
"on": "timer",
"timerSpec": {
"immediate": false,
"interval": 15,
"maxTimerLength": 16
},
"request": "notBounce"
}
}
}
}</script>
</amp-analytics>
</body>
</html>