odebook/template_bootstrap_wtoc.html at master · ischurov/odebook · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>%(title)s</title>

<!-- Bootstrap style: http://getbootstrap.com/getting-started/

What to change in this template:

URL to the document (edit http://some.website.net/some/path)

LINK1, LINK2 links in the navigation topbar (remove, edit, or add more)

Footer with author(s) and copyright (remove or edit)
-->

<link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/qtip2/2.2.1/jquery.qtip.min.css" />

<!-- Can add other themes and adjust colors in the navigation sidebar -->
<!--
<link href="http://netdna.bootstrapcdn.com/bootswatch/3.1.1/journal/bootstrap.min.css" rel="stylesheet">
-->

<!-- Potential adjustment of styles -->
<style type="text/css">
/* Colors in the navigation sidebar */
.bs-docs-sidebar .nav > li > a {
  color: #999;
}
.bs-docs-sidebar .nav > li > a:hover,
.bs-docs-sidebar .nav > li > a:focus {
  color: #999;
}
.bs-docs-sidebar .nav > .active > a,
.bs-docs-sidebar .nav > .active:hover > a,
.bs-docs-sidebar .nav > .active:focus > a {
  color: #563d7c;
}

a.snippet-ref {
    color: inherit;
    border-bottom: 1px dashed #999;
    cursor: default;
}
</style>

</head>

<body>
<a class="sr-only sr-only-focusable" href="#content">К началу</a>

<!-- Docs master nav -->
<header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner">
<div class="container">
  <div class="navbar-header">
    <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
      <span class="sr-only">Включить/выключить навигацию</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a href="thebook.html" class="navbar-brand">%(title)s</a>
  </div>
  <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
    <ul class="nav navbar-nav navbar-right">
      <li><a href="http://math-info.hse.ru/s15/1a">Страница курса</a></li>
      <li><a href="https://github.com/ischurov/odebook">Исходные коды</a></li>
    </ul>
  </nav>
</div>
</header>


<!-- Docs page layout -->

<!-- A purple header field with the title is optional, but it requires
the docs.min.css style, which makes orange math...
<div class="bs-docs-header" id="content">
 <div class="container">
  <h1>%(title)s</h1>
  <p>SHORT EXPLANATION</p>
 </div>
</div>
-->

<div class="container bs-docs-container">

 <div class="row">

  <!-- main content -->
  <div class="col-md-9" role="main">
%(main)s
  </div>

  <!-- sidebar with navigation -->
  <div class="col-md-3">
   <div class="bs-docs-sidebar hidden-print hidden-xs hidden-sm" role="complementary">
    <ul class="nav bs-docs-sidenav">
%(table_of_contents)s
    </ul>
    <a class="back-to-top" href="#top">К началу главы</a>
   </div>
  </div>
 </div>

 <div class="row Footer">
  <div class="span12">
   <center>
  <!-- footer --> &copy; 2016 И. В. Щуров, НИУ ВШЭ. <a
       href="https://github.com/ischurov/odebook/blob/master/README.md">Подробнее
       об авторстве</a>. Учебник в процессе написания. Нашли ошибку? <a
       href="https://gitreports.com/issue/ischurov/odebook">Сообщите!</a>
   </center>
  </div>
 </div>
</div>

<!-- JavaScript placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://getbootstrap.com/dist/js/bootstrap.min.js"></script>
<!-- NOTE: replace rawgit.com by cdn.rawgit.com for production or
sites with heavy traffic -->
<script src="https://rawgit.com/hplgit/doconce/master/bundled/html_styles/style_bootstrap_wtoc/js/docs.min.js"></script>
<!-- Include either the minifed or production version, NOT both!! -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/qtip2/2.2.1/jquery.qtip.min.js"></script>

<!-- Optional: imagesLoaded script to better support images inside your tooltips -->
<script src="https://unpkg.com/imagesloaded@4.1/imagesloaded.pkgd.min.js"></script>
<script type="text/javascript">
$('[data-url]').qtip({
    style: 'qtip-bootstrap',
    hide: {
                    fixed: true,
                    delay: 300
    },
    show: {
            delay: 500
    },
    content: {
        text: function(event, api) {
            $.ajax({
                url: api.elements.target.attr('data-url') // Use data-url attribute for the URL
            })
            .then(function(content) {
                // Set the tooltip content upon successful retrieval
                api.set('content.text', content);

                // Update math
                MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
            }, function(xhr, status, error) {
                // Upon failure... set the tooltip content to the status and error value
                api.set('content.text', status + ': ' + error);
            });

            return 'Загружается...'; // Set some initial text
        }
    }
});
</script>
</html>