forked from MLH-Fellowship/prep-portfolio-22.JUL.PREP.2
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
59 lines (46 loc) · 1.34 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
---
---
<!DOCTYPE html>
<html lang="en">
{% include header.html %}
<body data-spy="scroll" data-target="#nav-bar" data-offset="140">
<div id="preloader">
<img src="/assets/img/jagurar.png" alt="Preloader" />
<h2>Javascript Jaguars</h2>
</div>
<button id="to-top-button">↑</button>
{% include navbar.html %}
{% include profile.html %}
{% include description.html %}
{% include podstatus.html %}
{% include projects.html %}
{% include blogs.html %}
{% include map.html %}
{% include footer.html %}
</body>
<script src="./assets/script/theme.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
});
// Preloading animation
let preloader = document.getElementById("preloader");
window.addEventListener("load", () => {
preloader.style.opacity = 0;
preloader.style.pointerEvents = "none";
});
// Scroll to Top Button
let toTopButton = document.getElementById("to-top-button");
window.onscroll = () => {
toTopButton.style.display =
document.body.scrollTop > 200 ||
document.documentElement.scrollTop > 200
? "block"
: "none";
};
toTopButton.onclick = () => {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
};
</script>
</html>