-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdocumentation.html
144 lines (139 loc) · 4.88 KB
/
documentation.html
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
<!DOCTYPE html>
<html>
<head>
<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', 'UA-92634697-1', 'auto');
ga('send', 'pageview');
</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>Barbiche - Documentation</title>
<meta name="description" content="Barbiche documentation">
<link rel="stylesheet" type="text/css" href="css/semantic.min.css">
<link rel="stylesheet" type="text/css" href="css/codemirror.css">
<link rel="stylesheet" href="css/custom.css">
<script type="text/javascript" src="js/semantic.min.js"></script>
<script type="text/javascript" src="js/editor.min.js"></script>
<link rel="icon" type="image/png" href="favicon.png"/>
</head>
<body>
<template id="toc-template">
<div bb-repeat="h2: 'section'" class="item outer">
<a class="title" bb-attr="'#' + section.id: 'href'">
<b>{{section.text}}</b>
</a>
<div bb-if="section.h3.length" class="content menu">
<a bb-repeat="section.h3: 'subsection'" class="item inner" bb-attr=" '#' + subsection.id: 'href'" bb-class="_section_ == 0 && _subsection_ == 0: 'active'">{{subsection.text}}</a>
</div>
</div>
</template>
<div class="page-wrap">
<div class="ui stackable inverted massive menu">
<div class="ui container">
<a href="index.html" class="header item">
Barbiche<img class="ui logo small" src="img/barbiche.png">
</a>
<a href="demo.html" class="item">Try it</a>
<a href="documentation.html" class="item active">Documentation</a>
<a href="https://github.com/manubb/barbiche" class="item">Github repository</a>
</div>
</div>
<div class="main ui container">
<div class="ui vertical stripe segment">
<div id="toc" class="ui dividing right rail">
<div class="ui sticky fixed top">
<h4 class="ui header">Table of content</h4>
<div id="toc-menu" class="ui vertical following fluid text menu"></div>
</div>
</div>
<div id="target" class="ui text"></div>
</div>
</div>
</div>
<div id="footer" class="ui inverted vertical footer segment">
<div class="ui center aligned container">
<div class="ui horizontal inverted large divided link list">
<a class="item" href="index.html">Barbiche home</a>
<a class="item" href="demo.html">Try it</a>
<a class="item" href="documentation.html">Documentation</a>
<a class="item" href="https://github.com/manubb/barbiche">Github repository</a>
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
var activeItem = $('#toc-menu').find('.item.active');
$('#toc-menu').on('click', 'a', function(event) {
var $this = $(this);
var id = $this.attr('href').replace('#', ''),
$element = $('#' + id),
position = $element.offset().top;
$('html, body')
.animate({
scrollTop: position
}, 250, function() {
if (!$this.hasClass('active')) {
activeItem.removeClass('active');
activeItem = $this;
activeItem.addClass('active');
}
});
location.hash = '#' + id;
event.stopImmediatePropagation();
event.preventDefault();
return false;
});
Array.prototype.slice.call(document.querySelectorAll('textarea.language-js')).forEach(function(js) {
var parent = js.parentNode.classList.remove('hide');
CodeMirror.fromTextArea(js, {
mode: "javascript",
lineWrapping: true,
tabSize: 2,
indentWithTabs: true,
readOnly: true
});
});
Array.prototype.slice.call(document.querySelectorAll('textarea.language-html')).forEach(function(html) {
var parent = html.parentNode.classList.remove('hide');
CodeMirror.fromTextArea(html, {
mode: "htmlmixed",
lineWrapping: true,
tabSize: 2,
indentWithTabs: true,
readOnly: true
});
});
$('.sticky').sticky({
silent: true,
context: $('.main'),
offset: 100
});
function next() {
activeItem.removeClass('active');
activeItem = $('#toc-menu').find('[href="#' + this.id + '"]');
activeItem.addClass('active');
}
function previous() {
activeItem.removeClass('active');
if (activeItem.prev('.item.inner').length > 0) activeItem = activeItem.prev('.item.inner');
else if (activeItem.closest('.item.outer').prev().length) {
activeItem = activeItem.closest('.item.outer').prev().find('.item.inner:last-child')
}
activeItem.addClass('active');
}
$('h3').visibility({
observeChanges: false,
once: false,
offset: 50,
onTopPassed: next,
onTopPassedReverse: previous
});
});
</script>
</body>
</html>