web/_layouts/default.html

---
layout: compress
# Default layout
---

<!DOCTYPE html>

{% include lang.html %}

{% capture prefer_mode %}
  {% if site.theme_mode %}
    mode="{{ site.theme_mode }}"
  {% endif %}
{% endcapture %}

<html lang="{{ site.lang }}"{{ prefer_mode }}>

  {% include head.html %}

  {% unless site.theme_mode %}
    {% include mode-toggle.html %}
  {% endunless %}

  <body data-spy="scroll" data-target="#toc" topbar-visible="true">

    {% include sidebar.html %}

    {% include topbar.html %}

    <div id="main-wrapper">
      <div id="main">

        {{ content }}

        {% include footer.html %}

      </div>

      {% include search-results.html %}

    </div> <!-- #main-wrapper -->

    {% if page.mermaid %}
      {% include mermaid.html %}
    {% endif %}

    <div id="mask"></div>

    <a id="back-to-top" href="#" aria-label="back-to-top" class="btn btn-lg btn-box-shadow" role="button">
      <i class="fas fa-angle-up"></i>
    </a>

    {% include search-loader.html %}

    {% include js-selector.html %}

  </body>

</html>
Import the framework. 2019-09-30 15:38:41 +03:00			`---`
			`layout: compress`
			`# Default layout`
			`---`

			`<!DOCTYPE html>`
Feature: Make theme colors configurable. 2020-02-14 23:05:31 +03:00
Improve the way to set the default value of locales 2021-08-01 16:54:27 +03:00			`{% include lang.html %}`

Feature: Make theme colors configurable. 2020-02-14 23:05:31 +03:00			`{% capture prefer_mode %}`
Simplify theme-mode config 2020-12-06 20:14:40 +03:00			`{% if site.theme_mode %}`
Feature: Make theme colors configurable. 2020-02-14 23:05:31 +03:00			`mode="{{ site.theme_mode }}"`
Simplify theme-mode config 2020-12-06 20:14:40 +03:00			`{% endif %}`
Feature: Make theme colors configurable. 2020-02-14 23:05:31 +03:00			`{% endcapture %}`

Refactor theme mode toggle - Improve mode switching JS execution priority - Drop deprecated Web API 2021-12-01 14:51:25 +03:00			`<html lang="{{ site.lang }}"{{ prefer_mode }}>`
Import the framework. 2019-09-30 15:38:41 +03:00
			`{% include head.html %}`

Refactor theme mode toggle - Improve mode switching JS execution priority - Drop deprecated Web API 2021-12-01 14:51:25 +03:00			`{% unless site.theme_mode %}`
			`{% include mode-toggle.html %}`
			`{% endunless %}`

Hide topbar when mobile orientation in landscape mode (resolve #459) 2022-01-09 14:09:29 +03:00			`<body data-spy="scroll" data-target="#toc" topbar-visible="true">`
Fix issue #37. 2020-04-16 19:26:58 +03:00
Simplify sidebar style Avoid element shifting when rendering 2020-12-21 17:17:11 +03:00			`{% include sidebar.html %}`
Fix issue #37. 2020-04-16 19:26:58 +03:00
			`{% include topbar.html %}`

Another super feature: auto dark mode! 2020-01-03 16:22:11 +03:00			`<div id="main-wrapper">`
Import the framework. 2019-09-30 15:38:41 +03:00			`<div id="main">`

Refactor HTML structure 2021-12-01 16:48:57 +03:00			`{{ content }}`
Import the framework. 2019-09-30 15:38:41 +03:00
			`{% include footer.html %}`
Code improvement. Passing parameters to includes 2020-07-22 16:41:49 +03:00
Import the framework. 2019-09-30 15:38:41 +03:00			`</div>`
Code improvement. Passing parameters to includes 2020-07-22 16:41:49 +03:00
Import the framework. 2019-09-30 15:38:41 +03:00			`{% include search-results.html %}`
Fix issue #37. 2020-04-16 19:26:58 +03:00
			`</div> <!-- #main-wrapper -->`
Import the framework. 2019-09-30 15:38:41 +03:00
Integrate with mermaid-js 2020-12-09 21:42:46 +03:00			`{% if page.mermaid %}`
			`{% include mermaid.html %}`
			`{% endif %}`

Import the framework. 2019-09-30 15:38:41 +03:00			`<div id="mask"></div>`

Improve web accessibility - Add associated label to form elements. - Add discernible name to links. 2020-10-27 11:20:22 +03:00			`<a id="back-to-top" href="#" aria-label="back-to-top" class="btn btn-lg btn-box-shadow" role="button">`
Import the framework. 2019-09-30 15:38:41 +03:00			`<i class="fas fa-angle-up"></i>`
			`</a>`
Optimize performance. 2019-11-25 15:56:50 +03:00
A super huge improvement in search. - Added a cleanup button within input form. - Optimized TopBar responsive effect(for search layout). - Redesign the search results layout. 2019-12-31 18:17:27 +03:00			`{% include search-loader.html %}`
Optimize performance. 2019-11-25 15:56:50 +03:00
Optimize the JS loading priorities 2021-07-01 11:20:36 +03:00			`{% include js-selector.html %}`

Import the framework. 2019-09-30 15:38:41 +03:00			`</body>`

Upgrade GA tag (analytics.js) to the latest tag (gtag.js) 2020-10-12 00:27:13 +03:00			`</html>`