blob: c4152a660cb53fe06239df8a675fb055384b73ff (
plain)
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
|
<!DOCTYPE html>
<html lang="en">
{% include head.html %}
<body>
<div class="topbar">
<div class="logo-wrap">
<!-- <div class="circle-logo"></div> -->
<svg class="logo" width="100" height="100">
<circle cx="50" cy="50" r="35" stroke-width="6" stroke="#fff" fill="#b3c7cf"/>
<circle cx="50" cy="50" r="20" fill="#92adb9"/>
<circle cx="50" cy="50" r="14" fill="#7499AA"/>
</svg>
<div class="book-title">
<div class="prog-mod">Programming Models for</div>
<div class="dist-comp">Distributed Computing</div>
</div>
</div>
</div>
<div class="body-wrap">
<div class="container">
<!-- {% include header.html %} -->
<div class="page-content">
<div class="wrapper">
{{ content }}
</div>
</div>
{% include footer.html %}
</div>
</div>
</body>
<script>
$( ".toc-hide" ).click(function() {
// $( this ).toggleClass( "gray-bg" );
$(".toc-contents").toggleClass( "lighter" );
if ($(this).text() == 'Hide') {
$(this).text("Show");
} else {
$(this).text("Hide");
}
// toggle visibility of contents, and expand button
$(".nav").toggle();
$(".toc-expand").toggle();
});
$( ".toc-expand" ).click(function() {
// $( this ).toggleClass( "gray-bg" );
if ($(this).text() == 'Expand') {
$(this).text("Compact");
$(".nav").css('display', 'block');
} else {
$(this).text("Expand");
$(".nav .nav").css('display', 'none');
}
});
// get current year and put it in span
var currYear = new Date().getFullYear()
$(".current-year").text(currYear);
</script>
</html>
|
