-
Notifications
You must be signed in to change notification settings - Fork 44
/
index.html
136 lines (122 loc) · 5.41 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Liatrio's DevOps Bootcamp</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="Learn the basic of DevOps, CI/CD, Containerization, and Cloud Computing with Liatrio's DevOps Bootcamp.">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="css/light.css">
<link rel="stylesheet" href="css/dark.css">
<link rel="icon" type="image/svg+xml" href="/img/favicon.svg">
<link rel="alternate icon" href="/img/favicon.ico">
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inconsolata" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/quizdown@latest/public/build/quizdown.js"></script>
<script src="https://cdn.jsdelivr.net/npm/quizdown@latest/public/build/extensions/quizdownKatex.js"></script>
<script src="https://cdn.jsdelivr.net/npm/quizdown@latest/public/build/extensions/quizdownHighlight.js"></script>
<script>quizdown.register(quizdownHighlight).register(quizdownKatex).init()</script>
<link rel="stylesheet" href="/fontawesome/css/all.min.css" >
<link rel="stylesheet" href="css/common.css">
</head>
<body>
<div id="app">Loading...</div>
<script src="//unpkg.com/[email protected]/index.js"></script>
<script>
window.$docsify = {
name: 'Liatrio\'s DevOps Bootcamp',
repo: 'liatrio/devops-bootcamp',
loadSidebar: true,
basePath: '/docs/',
maxLevel: 0,
auto2top: true,
search: 'auto', // default
plugins: [
EditOnGithubPlugin.create(
'https://github.com/liatrio/devops-bootcamp/tree/master/docs/'
)
],
pagination: {
previousText: 'Previous Page',
nextText: 'Next Page',
crossChapter: true
},
alias: {
'/.*/_sidebar.md': '/_sidebar.md'
},
plugins: [
// Dark mode
function(hook) {
hook.doneEach(function(html, next) {
const darkMode = localStorage.getItem("dark_mode") == "true"
const darkModeSwitch = document.querySelector("#dark_mode_switch");
darkModeSwitch.checked = darkMode;
document.styleSheets[1].disabled = !darkMode;
document.styleSheets[0].disabled = darkMode;
darkModeSwitch.addEventListener('change', (event) => {
document.styleSheets[1].disabled = !darkModeSwitch.checked;
document.styleSheets[0].disabled = darkModeSwitch.checked;
localStorage.setItem("dark_mode", darkModeSwitch.checked ? "true" : "false")
})
next(html);
});
},
// Quizdown
function(hook) {
hook.doneEach(function () {
let node = document.getElementsByClassName('quizdown');
const config = {
'locale': 'en',
'shuffleAnswers': false,
'primaryColor': '#24ae1dff',
};
for (let i = 0; i < node.length; i++) {
import(`./src/quizzes/${node[i].firstElementChild.id}`).then(module => {
const { rawQuizdown } = module;
quizdown.createApp(rawQuizdown, node[i], config);
}).catch(error => {
console.error("Error importing quiz, make sure the file name matches the quizdown inner div's id: ", error);
});
}
});
}
]
}
</script>
<script src="//unpkg.com/docsify-pagination/dist/docsify-pagination.min.js"></script>
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
<script src="//unpkg.com/docsify/lib/plugins/search.min.js"></script>
<script src="//unpkg.com/docsify-sidebar-collapse/dist/docsify-sidebar-collapse.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-bash.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-go.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-python.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-groovy.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-makefile.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-json.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-docker.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-hcl.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-yaml.min.js"></script>
<script>
document.addEventListener("keydown", function (e) {
if (document.activeElement.nodeName === "INPUT") {
return;
}
var key = e.which || e.keyCode;
switch (key) {
// Left Arrow
case 37:
document.getElementsByClassName('pagination-item--previous')[0].firstElementChild.click();
break;
// Right Arrow
case 39:
document.getElementsByClassName('pagination-item--next')[0].firstElementChild.click();
break;
}
});
</script>
<!-- Import the bundled assets last so all other assets are loaded first -->
<script src="dist/main.js"></script>
</body>
</html>