-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
68 lines (52 loc) · 3.58 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Portfolio</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="portfolio/config/environment" content="%7B%22modulePrefix%22%3A%22portfolio%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22portfolio%22%2C%22version%22%3A%220.0.0%2Bb0a1e556%22%7D%7D" />
<link integrity="" rel="stylesheet" href="/assets/vendor-d41d8cd98f00b204e9800998ecf8427e.css">
<link integrity="" rel="stylesheet" href="/assets/portfolio-b72b4c4a138c3b2b724552f8bb4bb42a.css">
<!-- UIkit CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/uikit.min.css" />
<!-- UIkit JS -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit-icons.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Forum" />
</head>
<body>
<script src="/assets/vendor-2b4ae63f1090e54590be3e6b96e58bdc.js" integrity="sha256-BwMRW/k3en80L89vwjKLjGfD45ZghVx2lA1LlaNbriE= sha512-akTRUL5wTBzyRrI9uwCFoe063sO9HBxCi8FjdXb9uHuiQEtY99AVshKCPmLS3iOPQSRZLH30ZmOQ4JZxADMZ+g==" ></script>
<script src="/assets/chunk.143.bba469cc29ec0e8bbba4.js" integrity="sha256-NZA15kXC+TQ/jFqouqCotpsNlymnDo/Cw1CdxerggEQ= sha512-39scRnR6UQz8cydoyg0N8eBGJKexKrQ7iBGFBT/jz+pWg5tawjq8QD9Gcp4inis3QLKX+cZop8DXlFyX2NtTLw==" ></script>
<script src="/assets/portfolio-edd55fb9817ffcd39645ab750b1e6f23.js" integrity="sha256-7Gl6pcntujfgjppydLKLakfol7b7hp4Oko7QhRyC4a4= sha512-hGL2Mre16fHOAKgIBlsIvVjhzIirQPPYX+kwofG0yFZT43/k8pHSRnpYbDuc9zIPIGIUeQ/ZUoeEiMf8HvTaEQ==" ></script>
</body>
<script>
function reveal() {
var reveals = document.querySelectorAll(".reveal");
for (var i = 0; i < reveals.length; i++) {
var windowHeight = window.innerHeight;
var elementTop = reveals[i].getBoundingClientRect().top;
var elementVisible = 150;
console.log(elementTop,windowHeight,elementVisible)
if (elementTop < windowHeight - elementVisible) {
reveals[i].classList.add("active");
} else {
reveals[i].classList.remove("active");
}
}
}
window.addEventListener("scroll", reveal);
</script>
</html>