mdBook/src/theme/index.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="stylesheet" href="book.css">
        <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 href="https://fonts.googleapis.com/css?family=Source+Code+Pro:500" rel="stylesheet" type="text/css">

        <link rel="shortcut icon" href="{{ favicon }}">

        <!-- Font Awesome -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

        <link rel="stylesheet" href="highlight.css">
        <link rel="stylesheet" href="tomorrow-night.css">
        <link rel="stylesheet" href="ayu-highlight.css">

        <!-- Custom theme -->
        {{#each additional_css}}
        <link rel="stylesheet" href="{{this}}">
        {{/each}}

        {{#if mathjax_support}}
        <!-- MathJax -->
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
        {{/if}}

        <!-- Fetch Clipboard.js from CDN but have a local fallback -->
        <script src="https://cdn.jsdelivr.net/clipboard.js/1.6.1/clipboard.min.js"></script>
        <script>
            if (typeof Clipboard == 'undefined') {
                document.write(unescape("%3Cscript src='clipboard.min.js'%3E%3C/script%3E"));
            }
        </script>

        <!-- Fetch JQuery from CDN but have a local fallback -->
        <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
        <script>
            if (typeof jQuery == 'undefined') {
                document.write(unescape("%3Cscript src='jquery.js'%3E%3C/script%3E"));
            }
        </script>

        <!-- Fetch store.js from local - TODO add CDN when 2.x.x is available on cdnjs -->
        <script src="store.js"></script>

        <!-- Custom JS script -->
        {{#each additional_js}}
        <script type="text/javascript" src="{{this}}"></script>
        {{/each}}

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

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

        <div id="sidebar" class="sidebar">
            {{#toc}}{{/toc}}
        </div>

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

            <div class="page" tabindex="-1">
                <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>

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

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

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

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

                {{#next}}
                    <a rel="next" 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>


        <!-- Local fallback for Font Awesome -->
        <script>
            if ($(".fa").css("font-family") !== "FontAwesome") {
                $('<link rel="stylesheet" type="text/css" href="_FontAwesome/css/font-awesome.css">').prependTo('head');
            }
        </script>

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

        {{#if google_analytics}}
        <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

        ga('create', '{{google_analytics}}', 'auto');
        ga('send', 'pageview');
        </script>
        {{/if}}

        {{#if playpens_editable}}
        <script src="{{ ace_js }}" type="text/javascript" charset="utf-8"></script>
        <script src="{{ editor_js }}" type="text/javascript" charset="utf-8"></script>
        <script src="{{ mode_rust_js }}" type="text/javascript" charset="utf-8"></script>
        <script src="{{ theme_dawn_js }}" type="text/javascript" charset="utf-8"></script>
        <script src="{{ theme_tomorrow_night_js }}" type="text/javascript" charset="utf-8"></script>
        {{/if}}

        {{#if is_print}}
        <script>
            $(document).ready(function() {
                window.print();
            })
        </script>
        {{/if}}

        <script src="highlight.js"></script>
        <script src="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">`
Remove the logic in handlebars and expose the 3 different titles in the handlebars variables 2017-09-08 05:19:22 +08:00			`<title>{{ title }}</title>`
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 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 }}">`

			`<link rel="stylesheet" href="book.css">`
Added monospace font with support for box-drawing chars 2017-04-13 22:46:54 +08:00			`<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 href="https://fonts.googleapis.com/css?family=Source+Code+Pro:500" rel="stylesheet" type="text/css">`
Local fallback for Font Awesome #46 2015-09-14 02:03:34 +08:00
Add favicon support to theme 2016-02-23 00:17:07 +08:00			`<link rel="shortcut icon" href="{{ favicon }}">`

Local fallback for Font Awesome #46 2015-09-14 02:03:34 +08:00			`<!-- Font Awesome -->`
Moved CDN's to https 2016-03-24 04:16:41 +08:00			`<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">`
Local fallback for Font Awesome #46 2015-09-14 02:03:34 +08:00
Added a page containing the whole book for printing purposes, closes #41 + cleaning root path 2015-09-05 23:26:17 +08:00			`<link rel="stylesheet" href="highlight.css">`
Add tomorrow night as dark code highlighting theme 2015-09-14 17:08:48 +08:00			`<link rel="stylesheet" href="tomorrow-night.css">`
Add `Ayu` theme Also adds the a new variable, `$inline-code-color`, to base.styl. The `Ayu` theme needed this to change the text color of inline code. 2017-06-07 04:35:44 +08:00			`<link rel="stylesheet" href="ayu-highlight.css">`
Added a page containing the whole book for printing purposes, closes #41 + cleaning root path 2015-09-05 23:26:17 +08:00
Allow an additional custom stylesheets, closes #178 2017-05-20 19:56:01 +08:00			`<!-- Custom theme -->`
			`{{#each additional_css}}`
			`<link rel="stylesheet" href="{{this}}">`
			`{{/each}}`

Make MathJax support optional to enable add following to book.toml ```toml [output.html] mathjax-support = true ``` 2017-06-25 06:32:26 +08:00			`{{#if mathjax_support}}`
Added MathJax support does not work 100% but it's better than nothing #49 2015-09-11 05:30:29 +08:00			`<!-- MathJax -->`
Change MathJax to use CDNJS Because the MathJax CDN will soon be retired. 2017-05-06 05:07:11 +08:00			`<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>`
Make MathJax support optional to enable add following to book.toml ```toml [output.html] mathjax-support = true ``` 2017-06-25 06:32:26 +08:00			`{{/if}}`
Fix flash when selecting another theme and reloading the page 2015-09-15 00:12:45 +08:00
Added local fallback for clipboard.js 2017-06-01 03:51:19 +08:00			`<!-- Fetch Clipboard.js from CDN but have a local fallback -->`
Initial implementation of clipboard handling 2017-05-31 07:14:01 +08:00			`<script src="https://cdn.jsdelivr.net/clipboard.js/1.6.1/clipboard.min.js"></script>`
Added local fallback for clipboard.js 2017-06-01 03:51:19 +08:00			`<script>`
			`if (typeof Clipboard == 'undefined') {`
			`document.write(unescape("%3Cscript src='clipboard.min.js'%3E%3C/script%3E"));`
			`}`
			`</script>`
Initial implementation of clipboard handling 2017-05-31 07:14:01 +08:00
Fix flash when selecting another theme and reloading the page 2015-09-15 00:12:45 +08:00			`<!-- Fetch JQuery from CDN but have a local fallback -->`
Moved CDN's to https 2016-03-24 04:16:41 +08:00			`<script src="https://code.jquery.com/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			`<script>`
			`if (typeof jQuery == 'undefined') {`
			`document.write(unescape("%3Cscript src='jquery.js'%3E%3C/script%3E"));`
			`}`
			`</script>`
Implemented support for additional JS 2017-06-07 02:34:57 +08:00
Move from localStorage to store.js (v2.0.3) Fixes a lot of browser incompatibilities in localStorage/cookie handling Including but not limited to: - loss of styling and functionality on chromium private mode - loss of styling and functionality on safari and safari private mode - awaiting verification if problems in mobile safari are solved. 2017-06-12 03:54:09 +08:00			`<!-- Fetch store.js from local - TODO add CDN when 2.x.x is available on cdnjs -->`
			`<script src="store.js"></script>`
Merge branch 'custom_js' of git://github.com/budziq/mdBook into budziq-custom_js 2017-06-12 17:09:07 +08:00
Implemented support for additional JS 2017-06-07 02:34:57 +08:00			`<!-- Custom JS script -->`
			`{{#each additional_js}}`
			`<script type="text/javascript" src="{{this}}"></script>`
			`{{/each}}`

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">`
I forgot one theme, thanks budziq 2017-09-23 01:56:58 +08:00			`var theme = store.get('mdbook-theme');`
Move from localStorage to store.js (v2.0.3) Fixes a lot of browser incompatibilities in localStorage/cookie handling Including but not limited to: - loss of styling and functionality on chromium private mode - loss of styling and functionality on safari and safari private mode - awaiting verification if problems in mobile safari are solved. 2017-06-12 03:54:09 +08:00			`if (theme === null \|\| theme === undefined) { theme = 'light'; }`
Fix flash when selecting another theme and reloading the page 2015-09-15 00:12:45 +08:00			`$('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">`
prefix sidebar too 2017-09-23 01:58:45 +08:00			`var sidebar = store.get('mdbook-sidebar');`
Fix #47 sidebar stays hidden even after page change 2015-09-24 22:47:33 +08:00			`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">`
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">`

Auto focus on content to allow keyboard navigation 2017-06-16 03:12:28 +08:00			`<div class="page" tabindex="-1">`
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>`

Remove the logic in handlebars and expose the 3 different titles in the handlebars variables 2017-09-08 05:19:22 +08:00			`<h1 class="menu-title">{{ book_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">`
Fix the issue with pages named print not at the root 2017-09-14 04:17:23 +08:00			`<a href="print.html">`
			`<i id="print-button" class="fa fa-print" title="Print this book"></i>`
			`</a>`
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>`
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
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}}`
remove #content 2017-06-19 01:19:48 +08:00			`<a rel="prev" href="{{link}}" class="mobile-nav-chapters previous">`
Prevent navigation arrows from collapsing with text on smaller screen. Fix #42 2015-08-31 23:09:18 +08:00			`<i class="fa fa-angle-left"></i>`
			`</a>`
			`{{/previous}}`

			`{{#next}}`
remove #content 2017-06-19 01:19:48 +08:00			`<a rel="next" href="{{link}}" class="mobile-nav-chapters next">`
Prevent navigation arrows from collapsing with text on smaller screen. Fix #42 2015-08-31 23:09:18 +08:00			`<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
Local fallback for jquery #46 2015-09-14 01:16:11 +08:00
Local fallback for Font Awesome #46 2015-09-14 02:03:34 +08:00			`<!-- Local fallback for Font Awesome -->`
			`<script>`
			`if ($(".fa").css("font-family") !== "FontAwesome") {`
			`$('<link rel="stylesheet" type="text/css" href="_FontAwesome/css/font-awesome.css">').prependTo('head');`
			`}`
			`</script>`

Implement Serve feature 2016-04-02 10:46:05 +08:00			`<!-- Livereload script (if served using the cli tool) -->`
			`{{{livereload}}}`

Updated google analytics to index.hbs and hbs_renderer.rs 2017-05-16 13:05:21 +08:00			`{{#if google_analytics}}`
			`<script>`
			`(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]\|\|function(){`
			`(i[r].q=i[r].q\|\|[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),`
			`m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)`
			`})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');`

			`ga('create', '{{google_analytics}}', 'auto');`
			`ga('send', 'pageview');`
			`</script>`
Integrating Ace #247 2017-06-29 12:35:20 +08:00			`{{/if}}`
Updated google analytics to index.hbs and hbs_renderer.rs 2017-05-16 13:05:21 +08:00
Integrating Ace #247 2017-06-29 12:35:20 +08:00			`{{#if playpens_editable}}`
			`<script src="{{ ace_js }}" type="text/javascript" charset="utf-8"></script>`
			`<script src="{{ editor_js }}" type="text/javascript" charset="utf-8"></script>`
			`<script src="{{ mode_rust_js }}" type="text/javascript" charset="utf-8"></script>`
			`<script src="{{ theme_dawn_js }}" type="text/javascript" charset="utf-8"></script>`
			`<script src="{{ theme_tomorrow_night_js }}" type="text/javascript" charset="utf-8"></script>`
			`{{/if}}`
Updated google analytics to index.hbs and hbs_renderer.rs 2017-05-16 13:05:21 +08:00
Fix the issue with pages named print not at the root 2017-09-14 04:17:23 +08:00			`{{#if is_print}}`
			`<script>`
			`$(document).ready(function() {`
			`window.print();`
			`})`
			`</script>`
			`{{/if}}`

Added a page containing the whole book for printing purposes, closes #41 + cleaning root path 2015-09-05 23:26:17 +08:00			`<script src="highlight.js"></script>`
			`<script src="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>`