211 lines
7.2 KiB
Handlebars
Executable File
211 lines
7.2 KiB
Handlebars
Executable File
<!DOCTYPE HTML>
|
|
<html lang="{{ language }}" dir="{{ text_direction }}" class="mdui-theme-auto" style="height:100%;width:100%">
|
|
|
|
<head>
|
|
<meta NAME="ROBOTS" CONTENT="INDEX,FOLLOW">
|
|
<!-- Book generated using mdBook -->
|
|
<meta charset="UTF-8">
|
|
<title>{{ title }}</title>
|
|
{{#if is_print }}
|
|
<meta name="robots" content="noindex">
|
|
{{/if}}
|
|
{{#if base_url}}
|
|
<base href="{{ base_url }}">
|
|
{{/if}}
|
|
|
|
|
|
<!-- Custom HTML head -->
|
|
{{> head}}
|
|
|
|
<!-- MDUI CSS&JS -->
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" />
|
|
<meta name="renderer" content="webkit" />
|
|
<link rel="stylesheet" href="{{ ../path_to_root }}theme/css/mdui.css">
|
|
<script src="{{ ../path_to_root }}theme/js/mdui.global.js"></script>
|
|
<link href="{{ ../path_to_root }}theme/css/icons.css" rel="stylesheet">
|
|
|
|
<meta name="description" content="Study Area CN {{ description }}">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="theme-color" content="#ffffff">
|
|
<meta name="keywords"
|
|
content="Study-area, study-area, study-area-cn Study Area CN, study area cn, 酷学园, 酷学园 CN , 酷！学园, netman, linux, mdbook, rockylinux">
|
|
|
|
{{#if favicon_svg}}
|
|
<link rel="icon" href="{{ path_to_root }}favicon.png">
|
|
{{/if}}
|
|
{{#if favicon_png}}
|
|
<link rel="shortcut icon" href="{{ path_to_root }}favicon.png">
|
|
{{/if}}
|
|
|
|
{{#if print_enable}}
|
|
<link rel="stylesheet" href="{{ path_to_root }}css/print.css" media="print">
|
|
{{/if}}
|
|
|
|
<!-- Highlight.js Stylesheets -->
|
|
<link rel="stylesheet" href="{{ ../path_to_root }}theme/css/highlight.min.css">
|
|
<script src="{{ ../path_to_root }}theme/js/highlight.min.js"></script>
|
|
|
|
|
|
|
|
{{#if mathjax_support}}
|
|
<!-- MathJax -->
|
|
<script async src="{{ ../path_to_root }}theme/js/mathjax.js"></script>
|
|
{{/if}}
|
|
|
|
<style>
|
|
ol,
|
|
li {
|
|
list-style: none;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.part-title {
|
|
font-weight: bold;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
a {
|
|
position: relative;
|
|
text-decoration: none;
|
|
color: rgb(var(--mdui-color-primary));
|
|
}
|
|
|
|
a:after {
|
|
content: "";
|
|
position: absolute;
|
|
bottom: -2px;
|
|
left: 50%;
|
|
width: 0;
|
|
height: 2px;
|
|
transition: width 0.3s ease-in-out, left 0.3s ease-in-out;
|
|
background-color: rgb(var(--mdui-color-primary))
|
|
}
|
|
|
|
a:hover:after {
|
|
width: 100%;
|
|
left: 0;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body style="margin:0;padding:0;min-height:100%;width:100%">
|
|
<mdui-layout style="height:100%">
|
|
<mdui-top-app-bar>
|
|
<mdui-button-icon icon="menu" id="open-drawer"></mdui-button-icon>
|
|
<mdui-button id="open-study-env">实验环境</mdui-button>
|
|
<mdui-top-app-bar-title>{{ book_title }}</mdui-top-app-bar-title>
|
|
<div style="flex-grow: 1"></div>
|
|
{{#if git_repository_url}}
|
|
<mdui-button-icon icon="web" href="{{git_repository_url}}"></mdui-button-icon>
|
|
{{/if}}
|
|
{{#if print_enable}}
|
|
<mdui-button-icon href="{{ path_to_root }}print.html" title="Print this book" aria-label="Print this book"
|
|
icon="print">
|
|
</mdui-button-icon>
|
|
{{/if}}
|
|
</mdui-top-app-bar>
|
|
|
|
<mdui-navigation-drawer close-on-overlay-click class="toc-drawer">
|
|
{{#toc}}{{/toc}}
|
|
</mdui-navigation-drawer>
|
|
|
|
<script>
|
|
const navigationDrawer = document.querySelector(".toc-drawer");
|
|
const openButton = document.getElementById("open-drawer");
|
|
|
|
openButton.addEventListener("click", () => navigationDrawer.open = !navigationDrawer.open);
|
|
</script>
|
|
|
|
<mdui-layout-main class="example-layout-main" style="min-height: 100%">
|
|
<div class="mdui-prose" style="margin-left:20px;margin-right:20px;">
|
|
{{{ content }}}
|
|
</div>
|
|
|
|
<mdui-dialog headline="Study Env" close-on-esc id="study-env-dialog">
|
|
<iframe src="about:blank" style="height:80%;width:99%" id="study-env-iframe"></iframe>
|
|
</mdui-dialog>
|
|
|
|
<script>
|
|
document.getElementById("open-study-env").addEventListener("click", () => {
|
|
document.getElementById("study-env-dialog").open = true
|
|
document.getElementById("study-env-iframe").src = "http://jslinux.cxykevin.top"
|
|
});
|
|
</script>
|
|
|
|
<div style="height:10em;margin-top:2em;margin-left:2em;margin-right:2em;display:flex">
|
|
{{#previous}}
|
|
<mdui-card clickable style="width:49%;height: 100%" href="{{ path_to_root }}{{link}}">
|
|
<div style="display:flex;font-size:1.5em">
|
|
<mdui-icon name="navigate_before" style="font-size:1.5em"></mdui-icon> 上一章
|
|
</div>
|
|
|
|
<div style="text-align:center;font-size:2em">
|
|
{{title}}
|
|
</div>
|
|
</mdui-card>
|
|
{{/previous}}
|
|
|
|
<div style="flex-grow:1"></div>
|
|
|
|
{{#next}}
|
|
<mdui-card clickable style="width:49%;height: 100%" href="{{ path_to_root }}{{link}}">
|
|
<div style="display:flex;font-size:1.5em">
|
|
<div style="flex-grow:1"></div>下一章<mdui-icon name="navigate_next"
|
|
style="font-size:1.5em"></mdui-icon>
|
|
</div>
|
|
|
|
<div style="text-align:center;font-size:2em">
|
|
{{title}}
|
|
</div>
|
|
</mdui-card>
|
|
{{/next}}
|
|
</div>
|
|
</mdui-layout-main>
|
|
|
|
{{#if live_reload_endpoint}}
|
|
<!-- Livereload script (if served using the cli tool) -->
|
|
<script>
|
|
const wsProtocol = location.protocol === 'https:' ? 'wss:' : 'ws:';
|
|
const wsAddress = wsProtocol + "//" + location.host + "/" + "{{{live_reload_endpoint}}}";
|
|
const socket = new WebSocket(wsAddress);
|
|
socket.onmessage = function (event) {
|
|
if (event.data === "reload") {
|
|
socket.close();
|
|
location.reload();
|
|
}
|
|
};
|
|
|
|
window.onbeforeunload = function () {
|
|
socket.close();
|
|
}
|
|
</script>
|
|
{{/if}}
|
|
|
|
|
|
{{#if is_print}}
|
|
{{#if mathjax_support}}
|
|
<script>
|
|
window.addEventListener('load', function () {
|
|
MathJax.Hub.Register.StartupHook('End', function () {
|
|
window.setTimeout(window.print, 100);
|
|
});
|
|
});
|
|
</script>
|
|
{{else}}
|
|
<script>
|
|
window.addEventListener('load', function () {
|
|
window.setTimeout(window.print, 100);
|
|
});
|
|
</script>
|
|
{{/if}}
|
|
{{/if}}
|
|
</mdui-layout>
|
|
|
|
<!-- 留白 -->
|
|
<div style="height:2em"></div>
|
|
|
|
<script>hljs.highlightAll();</script>
|
|
</body>
|
|
|
|
</html> |