mdBook/data/_html-template/_layouts/page.hbs

<!DOCTYPE HTML>
<html lang="{{ language }}">
    <head>
        <meta charset="UTF-8">
        <title>{{ title }}</title>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <meta name="description" content="{{ description }}">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <base href="{{ path_to_root }}">

        <link rel="shortcut icon" href="images/favicon.png">

        <link rel="stylesheet" href="css/book.css">

        <!-- TODO use OpenSans from local -->
        <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>

        <link rel="stylesheet" href="css/font-awesome.min.css">

        <!-- TODO Loading both only works b/c book.js disables one of these with .prop(), selecting one by its href. It would make more sense to put the different styles under a class ("highlight-light" / "highlight-dark") and add or remove that class on the <body> or #page-wrapper. -->
        <link rel="stylesheet" href="css/highlight.css">
        <link rel="stylesheet" href="css/tomorrow-night.css">

        <!-- TODO use MathJax from local -->
        <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
        <script src="js/jquery-2.1.4.min.js"></script>

    </head>
    <body class="light">
        <!-- Set the theme before any content is loaded, prevents flash -->
        <script type="text/javascript">
            var theme = localStorage.getItem('theme');
            if (theme == null) { theme = 'light'; }
            $('body').removeClass().addClass(theme);
        </script>

        <!-- Hide / unhide sidebar before it is displayed -->
        <script type="text/javascript">
            var sidebar = localStorage.getItem('sidebar');
            if (sidebar === "hidden") { $("html").addClass("sidebar-hidden") }
            else if (sidebar === "visible") { $("html").addClass("sidebar-visible") }
        </script>

        <div id="sidebar" class="sidebar">
            <div class="translation-indexes">
                {{#translation-indexes}}{{/translation-indexes}}
            </div>

            {{#toc}}{{/toc}}
        </div>

        <div id="page-wrapper" class="page-wrapper">

            <div class="page">
                <div id="menu-bar" class="menu-bar">
                    <div class="left-buttons">
                        <i id="sidebar-toggle" class="fa fa-bars"></i>
                        <i id="theme-toggle" class="fa fa-paint-brush"></i>
                    </div>

                   <div class="translation-links">
                       {{#translation-links}}{{/translation-links}}
                   </div>

                    <h1 class="menu-title">{{ title }}</h1>

                    <div class="right-buttons">
                        <i id="print-button" class="fa fa-print" title="Print this book"></i>
                    </div>
                </div>


                <div id="content" class="content">
                    {{{ content }}}
                </div>

                <!-- Mobile navigation buttons -->
                {{#previous}}
                    <a href="{{link}}" class="mobile-nav-chapters previous">
                        <i class="fa fa-angle-left"></i>
                    </a>
                {{/previous}}

                {{#next}}
                    <a href="{{link}}" class="mobile-nav-chapters next">
                        <i class="fa fa-angle-right"></i>
                    </a>
                {{/next}}

            </div>

            {{#previous}}
                <a href="{{link}}" class="nav-chapters previous" title="You can navigate through the chapters using the arrow keys">
                    <i class="fa fa-angle-left"></i>
                </a>
            {{/previous}}

            {{#next}}
                <a href="{{link}}" class="nav-chapters next" title="You can navigate through the chapters using the arrow keys">
                    <i class="fa fa-angle-right"></i>
                </a>
            {{/next}}

        </div>

        <!-- Livereload script (if served using the cli tool) -->
        {{{livereload}}}

        <script src="js/highlight.js"></script>
        <script src="js/book.js"></script>
    </body>
</html>
First big step for the html renderer, it reads an handlebars template and creates the files from SUMMARY.md respecting the source folder structure 2015-07-19 06:08:38 +08:00			`<!DOCTYPE HTML>`
			`<html lang="{{ language }}">`
			`<head>`
			`<meta charset="UTF-8">`
			`<title>{{ title }}</title>`
			`<meta content="text/html; charset=utf-8" http-equiv="Content-Type">`
Add description config option 2016-02-25 21:32:49 +08:00			`<meta name="description" content="{{ description }}">`
First big step for the html renderer, it reads an handlebars template and creates the files from SUMMARY.md respecting the source folder structure 2015-07-19 06:08:38 +08:00			`<meta name="viewport" content="width=device-width, initial-scale=1">`

Added a page containing the whole book for printing purposes, closes #41 + cleaning root path 2015-09-05 23:26:17 +08:00			`<base href="{{ path_to_root }}">`

multilang parses toc and chapters renders html hbs helpers and asset embedding copy static assets by pattern review fix prev nav link copy local assets when found multilang renders is_multilang as property theme is template cli init and build bump version structs diagram 2016-12-31 16:07:59 +08:00			`<link rel="shortcut icon" href="images/favicon.png">`
Local fallback for Font Awesome #46 2015-09-14 02:03:34 +08:00
multilang parses toc and chapters renders html hbs helpers and asset embedding copy static assets by pattern review fix prev nav link copy local assets when found multilang renders is_multilang as property theme is template cli init and build bump version structs diagram 2016-12-31 16:07:59 +08:00			`<link rel="stylesheet" href="css/book.css">`
Add favicon support to theme 2016-02-23 00:17:07 +08:00
multilang parses toc and chapters renders html hbs helpers and asset embedding copy static assets by pattern review fix prev nav link copy local assets when found multilang renders is_multilang as property theme is template cli init and build bump version structs diagram 2016-12-31 16:07:59 +08:00			`<!-- TODO use OpenSans from local -->`
			`<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>`
Local fallback for Font Awesome #46 2015-09-14 02:03:34 +08:00
multilang parses toc and chapters renders html hbs helpers and asset embedding copy static assets by pattern review fix prev nav link copy local assets when found multilang renders is_multilang as property theme is template cli init and build bump version structs diagram 2016-12-31 16:07:59 +08:00			`<link rel="stylesheet" href="css/font-awesome.min.css">`
fix highlight css selection 2017-01-14 16:46:01 +08:00
			`<!-- TODO Loading both only works b/c book.js disables one of these with .prop(), selecting one by its href. It would make more sense to put the different styles under a class ("highlight-light" / "highlight-dark") and add or remove that class on the <body> or #page-wrapper. -->`
multilang parses toc and chapters renders html hbs helpers and asset embedding copy static assets by pattern review fix prev nav link copy local assets when found multilang renders is_multilang as property theme is template cli init and build bump version structs diagram 2016-12-31 16:07:59 +08:00			`<link rel="stylesheet" href="css/highlight.css">`
			`<link rel="stylesheet" href="css/tomorrow-night.css">`
Added a page containing the whole book for printing purposes, closes #41 + cleaning root path 2015-09-05 23:26:17 +08:00
multilang parses toc and chapters renders html hbs helpers and asset embedding copy static assets by pattern review fix prev nav link copy local assets when found multilang renders is_multilang as property theme is template cli init and build bump version structs diagram 2016-12-31 16:07:59 +08:00			`<!-- TODO use MathJax from local -->`
			`<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>`
			`<script src="js/jquery-2.1.4.min.js"></script>`
Fix flash when selecting another theme and reloading the page 2015-09-15 00:12:45 +08:00
First big step for the html renderer, it reads an handlebars template and creates the files from SUMMARY.md respecting the source folder structure 2015-07-19 06:08:38 +08:00			`</head>`
Use light theme when javascript is disabled mdBook is setting theme (by adding a class attribute to body tag) with javascript. Page is not using any theme by default and page is not using any styling unless javascript is enabled. This patch is adding class attribute to body tag and making mdBook to use `light` theme when javascript is disabled. Fixes: #144 2016-06-15 22:25:28 +08:00			`<body class="light">`
Fix flash when selecting another theme and reloading the page 2015-09-15 00:12:45 +08:00			`<!-- Set the theme before any content is loaded, prevents flash -->`
			`<script type="text/javascript">`
			`var theme = localStorage.getItem('theme');`
			`if (theme == null) { theme = 'light'; }`
			`$('body').removeClass().addClass(theme);`
			`</script>`
Split of the creating of the JSon object into it's own function 2015-07-19 20:02:21 +08:00
Fix #47 sidebar stays hidden even after page change 2015-09-24 22:47:33 +08:00			`<!-- Hide / unhide sidebar before it is displayed -->`
			`<script type="text/javascript">`
			`var sidebar = localStorage.getItem('sidebar');`
			`if (sidebar === "hidden") { $("html").addClass("sidebar-hidden") }`
			`else if (sidebar === "visible") { $("html").addClass("sidebar-visible") }`
			`</script>`

added markdown with 'pulldown-cmark', added basic styling, render of the toc is still not completely done 2015-07-29 03:01:13 +08:00			`<div id="sidebar" class="sidebar">`
index links and translation links separately 2017-01-16 21:10:12 +08:00			`<div class="translation-indexes">`
			`{{#translation-indexes}}{{/translation-indexes}}`
			`</div>`

Fixes 2 bugs with relative paths. Fixed by injecting a variable path_to_root into the json data for the handlebars template. Fixes #17 2015-07-30 05:32:01 +08:00			`{{#toc}}{{/toc}}`
added markdown with 'pulldown-cmark', added basic styling, render of the toc is still not completely done 2015-07-29 03:01:13 +08:00			`</div>`

			`<div id="page-wrapper" class="page-wrapper">`

Added navigation icons + javascript code to hide them when there is no previous or next. Closes #12 2015-08-01 20:12:55 +08:00			`<div class="page">`
Fixes #24 2015-08-01 23:21:05 +08:00			`<div id="menu-bar" class="menu-bar">`
Added print button + avoid pagebreaks after titles (doesn't work on chrome, should be tested in Firefox) 2015-09-05 17:40:40 +08:00			`<div class="left-buttons">`
Theme toggle button 2015-09-11 07:16:29 +08:00			`<i id="sidebar-toggle" class="fa fa-bars"></i>`
			`<i id="theme-toggle" class="fa fa-paint-brush"></i>`
Added print button + avoid pagebreaks after titles (doesn't work on chrome, should be tested in Firefox) 2015-09-05 17:40:40 +08:00			`</div>`

index links and translation links separately 2017-01-16 21:10:12 +08:00			`<div class="translation-links">`
			`{{#translation-links}}{{/translation-links}}`
translation links rename with _ translation links css for translation links 2017-01-10 14:35:56 +08:00			`</div>`

Fixes #24 2015-08-01 23:21:05 +08:00			`<h1 class="menu-title">{{ title }}</h1>`
Added print button + avoid pagebreaks after titles (doesn't work on chrome, should be tested in Firefox) 2015-09-05 17:40:40 +08:00
			`<div class="right-buttons">`
			`<i id="print-button" class="fa fa-print" title="Print this book"></i>`
			`</div>`
Fixes #24 2015-08-01 23:21:05 +08:00			`</div>`
Started to clean the 'previous' and 'next' handlebars helpers #26 But got stuck, waiting for a response 2015-08-04 04:09:26 +08:00
translation links rename with _ translation links css for translation links 2017-01-10 14:35:56 +08:00

Added navigation icons + javascript code to hide them when there is no previous or next. Closes #12 2015-08-01 20:12:55 +08:00			`<div id="content" class="content">`
			`{{{ content }}}`
			`</div>`
added markdown with 'pulldown-cmark', added basic styling, render of the toc is still not completely done 2015-07-29 03:01:13 +08:00
Prevent navigation arrows from collapsing with text on smaller screen. Fix #42 2015-08-31 23:09:18 +08:00			`<!-- Mobile navigation buttons -->`
			`{{#previous}}`
			`<a href="{{link}}" class="mobile-nav-chapters previous">`
			`<i class="fa fa-angle-left"></i>`
			`</a>`
			`{{/previous}}`

			`{{#next}}`
			`<a href="{{link}}" class="mobile-nav-chapters next">`
			`<i class="fa fa-angle-right"></i>`
			`</a>`
			`{{/next}}`

			`</div>`
Tweaks to the docs + clean-up 2015-08-06 21:24:34 +08:00
Started to clean the 'previous' and 'next' handlebars helpers #26 But got stuck, waiting for a response 2015-08-04 04:09:26 +08:00			`{{#previous}}`
Fix bug introduced earlier, where navigation arrows would become blue when visited + make the tooltip on nvigation arrows a little clearer 2015-12-30 23:48:46 +08:00			`<a href="{{link}}" class="nav-chapters previous" title="You can navigate through the chapters using the arrow keys">`
Added navigation icons + javascript code to hide them when there is no previous or next. Closes #12 2015-08-01 20:12:55 +08:00			`<i class="fa fa-angle-left"></i>`
			`</a>`
Started to clean the 'previous' and 'next' handlebars helpers #26 But got stuck, waiting for a response 2015-08-04 04:09:26 +08:00			`{{/previous}}`
Added navigation icons + javascript code to hide them when there is no previous or next. Closes #12 2015-08-01 20:12:55 +08:00
Cleaned up the handlebars helpers, it's a lot more customizable because the user can put whatever template he wants inside and I just expose link and name of previous / next chapter. JavaScript part is removed. #26 2015-08-04 18:51:07 +08:00			`{{#next}}`
Fix bug introduced earlier, where navigation arrows would become blue when visited + make the tooltip on nvigation arrows a little clearer 2015-12-30 23:48:46 +08:00			`<a href="{{link}}" class="nav-chapters next" title="You can navigate through the chapters using the arrow keys">`
Added navigation icons + javascript code to hide them when there is no previous or next. Closes #12 2015-08-01 20:12:55 +08:00			`<i class="fa fa-angle-right"></i>`
			`</a>`
Cleaned up the handlebars helpers, it's a lot more customizable because the user can put whatever template he wants inside and I just expose link and name of previous / next chapter. JavaScript part is removed. #26 2015-08-04 18:51:07 +08:00			`{{/next}}`
Added navigation icons + javascript code to hide them when there is no previous or next. Closes #12 2015-08-01 20:12:55 +08:00
added markdown with 'pulldown-cmark', added basic styling, render of the toc is still not completely done 2015-07-29 03:01:13 +08:00			`</div>`
Split of the creating of the JSon object into it's own function 2015-07-19 20:02:21 +08:00
watch and serve are back 2017-01-11 23:17:34 +08:00			`<!-- Livereload script (if served using the cli tool) -->`
			`{{{livereload}}}`

multilang parses toc and chapters renders html hbs helpers and asset embedding copy static assets by pattern review fix prev nav link copy local assets when found multilang renders is_multilang as property theme is template cli init and build bump version structs diagram 2016-12-31 16:07:59 +08:00			`<script src="js/highlight.js"></script>`
			`<script src="js/book.js"></script>`
First big step for the html renderer, it reads an handlebars template and creates the files from SUMMARY.md respecting the source folder structure 2015-07-19 06:08:38 +08:00			`</body>`
			`</html>`