-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
105 lines (97 loc) · 4.08 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" sizes="32x32" href="./favicon.png" type="image/png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- <meta name="theme-color" content="#000000" /> -->
<meta name="description" content="Archilyas.com" />
<!-- Open Graph tags -->
<meta property="og:title" content="Archilyas | Professional interior designer, architect"/>
<meta property="og:image" content="https://github.com/Cannibalhulk/react-archilyas-portfolio/raw/main/src/images/banner-readme.jpg"/>
<meta property="og:url" content="https://www.archilyas.com/"/>
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />
<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="manifest" href="/manifest.json" />
<script
src="https://kit.fontawesome.com/8a349f80db.js"
crossorigin="anonymous"
></script>
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet"
/>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"
integrity="sha512-aVKKRRi/Q/YV+4mjoKBsE4x3H+BkegoM/em46NNlCqNTmUYADjBbeNefNxYV7giUp0VxICtqdrbqU7iVaeZNXA=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js"
integrity="sha384-GWpeQQCx59oy0AZxNeVcLrX+Nqpg3dhEoBT/ynclm8lAsrgtZfh/GqUAEuOG1gYA"
crossorigin="anonymous"
></script>
<!-- Vercel Analytics -->
<script defer src="/_vercel/insights/script.js"></script>
<script>
// import gsap from 'gsap';
gsap.from(".logo", { y: -200, opacity: 0, duration: 1 });
gsap.from(".p-1", { opacity: 0, delay: 1 });
gsap.from(".p-2", { opacity: 0, delay: 2 });
gsap.from(".p-3", { opacity: 0, delay: 3 });
//scroll to top button animation
$(document).ready(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$("#topBtn").fadeIn();
} else {
$("#topBtn").fadeOut();
}
});
$("#topBtn").click(function () {
$("html,body").animate({ scrollTop: 0 }, 400);
});
});
// /* scroll down navbar animation */
// window.onscroll = function () {
// scrollFunction();
// };
// function scrollFunction() {
// if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
// document.getElementById("navbar").style.top = "0";
// } else {
// document.getElementById("navbar").style.top = "-100px";
// }
// }
</script>
<!-- <script src="../src/gsap/gsap.animate.js"></script> -->
<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>Archilyas | Professional interior designer, architect</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/index.jsx"></script>
<button id="topBtn"><i class="fa-solid fa-arrow-up"></i></button>
</body>
</html>