Skip to content

Commit 03f9c66

Browse files
libjohnlibjohn
committed
udpate: first draft spring 2019
1 parent adeaa9a commit 03f9c66

36 files changed

+7990
-491
lines changed

‎docs/README.html‎

Lines changed: 101 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -87,6 +87,9 @@
8787
button.code-folding-btn:focus {
8888
outline: none;
8989
}
90+
summary {
91+
display: list-item;
92+
}
9093
</style>
9194

9295

@@ -101,7 +104,6 @@
101104
padding-top: 65px;
102105
margin-top: -65px;
103106
}
104-
105107
.section h2 {
106108
padding-top: 65px;
107109
margin-top: -65px;
@@ -122,6 +124,43 @@
122124
padding-top: 65px;
123125
margin-top: -65px;
124126
}
127+
.dropdown-submenu {
128+
position: relative;
129+
}
130+
.dropdown-submenu>.dropdown-menu {
131+
top: 0;
132+
left: 100%;
133+
margin-top: -6px;
134+
margin-left: -1px;
135+
border-radius: 0 6px 6px 6px;
136+
}
137+
.dropdown-submenu:hover>.dropdown-menu {
138+
display: block;
139+
}
140+
.dropdown-submenu>a:after {
141+
display: block;
142+
content: " ";
143+
float: right;
144+
width: 0;
145+
height: 0;
146+
border-color: transparent;
147+
border-style: solid;
148+
border-width: 5px 0 5px 5px;
149+
border-left-color: #cccccc;
150+
margin-top: 5px;
151+
margin-right: -10px;
152+
}
153+
.dropdown-submenu:hover>a:after {
154+
border-left-color: #ffffff;
155+
}
156+
.dropdown-submenu.pull-left {
157+
float: none;
158+
}
159+
.dropdown-submenu.pull-left>.dropdown-menu {
160+
left: -100%;
161+
margin-left: 10px;
162+
border-radius: 6px 0 6px 6px;
163+
}
125164
</style>
126165

127166
<script>
@@ -142,21 +181,80 @@
142181
});
143182
</script>
144183

145-
146184
<div class="container-fluid main-container">
147185

148186
<!-- tabsets -->
187+
188+
<style type="text/css">
189+
.tabset-dropdown > .nav-tabs {
190+
display: inline-table;
191+
max-height: 500px;
192+
min-height: 44px;
193+
overflow-y: auto;
194+
background: white;
195+
border: 1px solid #ddd;
196+
border-radius: 4px;
197+
}
198+
199+
.tabset-dropdown > .nav-tabs > li.active:before {
200+
content: "";
201+
font-family: 'Glyphicons Halflings';
202+
display: inline-block;
203+
padding: 10px;
204+
border-right: 1px solid #ddd;
205+
}
206+
207+
.tabset-dropdown > .nav-tabs.nav-tabs-open > li.active:before {
208+
content: "&#xe258;";
209+
border: none;
210+
}
211+
212+
.tabset-dropdown > .nav-tabs.nav-tabs-open:before {
213+
content: "";
214+
font-family: 'Glyphicons Halflings';
215+
display: inline-block;
216+
padding: 10px;
217+
border-right: 1px solid #ddd;
218+
}
219+
220+
.tabset-dropdown > .nav-tabs > li.active {
221+
display: block;
222+
}
223+
224+
.tabset-dropdown > .nav-tabs > li > a,
225+
.tabset-dropdown > .nav-tabs > li > a:focus,
226+
.tabset-dropdown > .nav-tabs > li > a:hover {
227+
border: none;
228+
display: inline-block;
229+
border-radius: 4px;
230+
}
231+
232+
.tabset-dropdown > .nav-tabs.nav-tabs-open > li {
233+
display: block;
234+
float: none;
235+
}
236+
237+
.tabset-dropdown > .nav-tabs > li {
238+
display: none;
239+
}
240+
</style>
241+
149242
<script>
150243
$(document).ready(function () {
151244
window.buildTabsets("TOC");
152245
});
246+
247+
$(document).ready(function () {
248+
$('.tabset-dropdown > .nav-tabs > li').click(function () {
249+
$(this).parent().toggleClass('nav-tabs-open')
250+
});
251+
});
153252
</script>
154253

155254
<!-- code folding -->
156255

157256

158257

159-
160258
<script>
161259
$(document).ready(function () {
162260

‎docs/handson.html‎

Lines changed: 103 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -25,9 +25,8 @@
2525
<script src="site_libs/navigation-1.1/tabsets.js"></script>
2626
<link href="site_libs/pagedtable-1.1/css/pagedtable.css" rel="stylesheet" />
2727
<script src="site_libs/pagedtable-1.1/js/pagedtable.js"></script>
28-
<link href="site_libs/font-awesome-5.0.13/css/fa-svg-with-js.css" rel="stylesheet" />
29-
<script src="site_libs/font-awesome-5.0.13/js/fontawesome-all.min.js"></script>
30-
<script src="site_libs/font-awesome-5.0.13/js/fa-v4-shims.min.js"></script>
28+
<link href="site_libs/font-awesome-5.1.0/css/all.css" rel="stylesheet" />
29+
<link href="site_libs/font-awesome-5.1.0/css/v4-shims.css" rel="stylesheet" />
3130

3231

3332

@@ -89,6 +88,9 @@
8988
button.code-folding-btn:focus {
9089
outline: none;
9190
}
91+
summary {
92+
display: list-item;
93+
}
9294
</style>
9395

9496

@@ -103,7 +105,6 @@
103105
padding-top: 65px;
104106
margin-top: -65px;
105107
}
106-
107108
.section h2 {
108109
padding-top: 65px;
109110
margin-top: -65px;
@@ -124,6 +125,43 @@
124125
padding-top: 65px;
125126
margin-top: -65px;
126127
}
128+
.dropdown-submenu {
129+
position: relative;
130+
}
131+
.dropdown-submenu>.dropdown-menu {
132+
top: 0;
133+
left: 100%;
134+
margin-top: -6px;
135+
margin-left: -1px;
136+
border-radius: 0 6px 6px 6px;
137+
}
138+
.dropdown-submenu:hover>.dropdown-menu {
139+
display: block;
140+
}
141+
.dropdown-submenu>a:after {
142+
display: block;
143+
content: " ";
144+
float: right;
145+
width: 0;
146+
height: 0;
147+
border-color: transparent;
148+
border-style: solid;
149+
border-width: 5px 0 5px 5px;
150+
border-left-color: #cccccc;
151+
margin-top: 5px;
152+
margin-right: -10px;
153+
}
154+
.dropdown-submenu:hover>a:after {
155+
border-left-color: #ffffff;
156+
}
157+
.dropdown-submenu.pull-left {
158+
float: none;
159+
}
160+
.dropdown-submenu.pull-left>.dropdown-menu {
161+
left: -100%;
162+
margin-left: 10px;
163+
border-radius: 6px 0 6px 6px;
164+
}
127165
</style>
128166

129167
<script>
@@ -144,21 +182,80 @@
144182
});
145183
</script>
146184

147-
148185
<div class="container-fluid main-container">
149186

150187
<!-- tabsets -->
188+
189+
<style type="text/css">
190+
.tabset-dropdown > .nav-tabs {
191+
display: inline-table;
192+
max-height: 500px;
193+
min-height: 44px;
194+
overflow-y: auto;
195+
background: white;
196+
border: 1px solid #ddd;
197+
border-radius: 4px;
198+
}
199+
200+
.tabset-dropdown > .nav-tabs > li.active:before {
201+
content: "";
202+
font-family: 'Glyphicons Halflings';
203+
display: inline-block;
204+
padding: 10px;
205+
border-right: 1px solid #ddd;
206+
}
207+
208+
.tabset-dropdown > .nav-tabs.nav-tabs-open > li.active:before {
209+
content: "&#xe258;";
210+
border: none;
211+
}
212+
213+
.tabset-dropdown > .nav-tabs.nav-tabs-open:before {
214+
content: "";
215+
font-family: 'Glyphicons Halflings';
216+
display: inline-block;
217+
padding: 10px;
218+
border-right: 1px solid #ddd;
219+
}
220+
221+
.tabset-dropdown > .nav-tabs > li.active {
222+
display: block;
223+
}
224+
225+
.tabset-dropdown > .nav-tabs > li > a,
226+
.tabset-dropdown > .nav-tabs > li > a:focus,
227+
.tabset-dropdown > .nav-tabs > li > a:hover {
228+
border: none;
229+
display: inline-block;
230+
border-radius: 4px;
231+
}
232+
233+
.tabset-dropdown > .nav-tabs.nav-tabs-open > li {
234+
display: block;
235+
float: none;
236+
}
237+
238+
.tabset-dropdown > .nav-tabs > li {
239+
display: none;
240+
}
241+
</style>
242+
151243
<script>
152244
$(document).ready(function () {
153245
window.buildTabsets("TOC");
154246
});
247+
248+
$(document).ready(function () {
249+
$('.tabset-dropdown > .nav-tabs > li').click(function () {
250+
$(this).parent().toggleClass('nav-tabs-open')
251+
});
252+
});
155253
</script>
156254

157255
<!-- code folding -->
158256

159257

160258

161-
162259
<script>
163260
$(document).ready(function () {
164261

0 commit comments

Comments
 (0)