-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
128 lines (115 loc) · 3.36 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="apple-touch-icon"
sizes="180x180"
href="/icons/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/icons/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/icons/favicon-16x16.png"
/>
<link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#0149da" />
<meta name="apple-mobile-web-app-title" content="Track Taka" />
<meta name="application-name" content="Track Taka" />
<meta name="msapplication-TileColor" content="#0149da" />
<meta name="theme-color" content="#1e293b" />
<!-- open graph -->
<!-- HTML Meta Tags -->
<title>Track Taka</title>
<meta
name="description"
content="a expense tracker application to track your daily life expenses."
/>
<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://track-taka.netlify.app" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Track Taka" />
<meta
property="og:description"
content="a expense tracker application to track your daily life expenses."
/>
<meta
property="og:image"
content="https://repository-images.githubusercontent.com/551416622/3400b080-2ea0-436a-8ffa-ea2e324fab82"
/>
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:domain" content="track-taka.netlify.app" />
<meta property="twitter:url" content="https://track-taka.netlify.app" />
<meta name="twitter:title" content="Track Taka" />
<meta
name="twitter:description"
content="a expense tracker application to track your daily life expenses."
/>
<meta
name="twitter:image"
content="https://repository-images.githubusercontent.com/551416622/3400b080-2ea0-436a-8ffa-ea2e324fab82"
/>
<!-- preloader css -->
<style>
.preloader {
display: grid;
width: 100%;
min-height: 100vh;
place-items: center;
background-color: #fff;
z-index: 1001;
position: fixed;
top: 0;
left: 0;
}
.preloader_content {
position: absolute;
border-radius: 100%;
overflow: hidden;
}
.preloader_ping {
background-color: rgb(37 99 235 / 0.5);
width: 80px;
height: 80px;
border-radius: 100%;
animation: preloader_ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes preloader_ping {
75%,
100% {
transform: scale(2);
opacity: 0;
}
}
[data-preloader="false"] .preloader {
display: none !important;
}
body:not([data-preloader="false"]) {
overflow: hidden;
}
</style>
</head>
<body>
<div id="root"></div>
<!-- preloader -->
<div class="dark:bg-slate-800 preloader">
<div class="preloader_ping"></div>
<img
src="/icons/android-chrome-512x512.png"
alt="Track Taka"
width="70px"
height="70px"
class="preloader_content"
/>
</div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>