-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
140 lines (130 loc) · 6.54 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
137
138
139
140
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Todas as minhas redes, em um só link.">
<meta name="author" content="Kaique Correa">
<meta name="keywords"
content="Kaique Correa, Kaique Correa Links, Kaique, Linktree, Linktree Alternative, Link in bio, Link bio, Linktree clone, Linktree custom">
<link rel="canonical" href="https://kaiqcorrea.github.io/"/>
<link rel="preload" as="style" type="text/css" href="./style.css">
<link rel="preload" as="style" type="text/css" href="./fontawesome/all.min.css">
<link rel="preload" as="image" type="image/svg+xml" href="./images/cloud.svg">
<link rel="preload" as="image" type="image/svg+xml" href="./images/verified.svg">
<link rel="preload" as="image" type="image/webp" href="./images/TV-Time.webp">
<link rel="preload" as="image" type="image/png" href="./images/profile.png">
<link rel="preload" as="script" type="text/javascript" href="./script.js">
<link rel="stylesheet" href="./fontawesome/all.min.css">
<link rel="stylesheet" href="./style.css" id="theme-stylesheet">
<link rel="icon" href="./images/favicon.ico" type="image/x-icon">
<title>Kaique Correa | Links</title>
</head>
<body>
<div id="profile">
<div id="theme-toggle" class="theme-toggle">
<i class="fas fa-moon"></i>
<i class="fas fa-sun"></i>
</div>
<a id="adaptive" href="./download/contato.vcf" type="text/vcard" download onclick="showToast()">
<img src="./images/profile.png" alt="Profile Picture" width="96px" height="96px">
<svg>
<defs>
<clipPath id="svg-pfp">
<path
d="M92.762 35.497a166.272 166.272 0 0 0-12.216-22.511l-1.493-2.283C75.331 4.958 69.376 1.301 62.838.745L60.217.52a143.613 143.613 0 0 0-24.432 0l-2.622.225c-6.537.556-12.493 4.213-16.214 9.958l-1.493 2.303A165.943 165.943 0 0 0 3.24 35.518L2.112 38.04c-2.816 6.301-2.816 13.616 0 19.919L3.24 60.48a165.883 165.883 0 0 0 12.216 22.512l1.493 2.302c3.721 5.746 9.677 9.404 16.214 9.96l2.622.225c8.131.694 16.3.694 24.432 0l2.621-.225c6.542-.564 12.498-4.232 16.215-9.99l1.493-2.303a166.044 166.044 0 0 0 12.216-22.512l1.127-2.522a24.542 24.542 0 0 0 0-19.917l-1.127-2.513Z" />
</clipPath>
</defs>
</svg>
</a>
<div id="name">
Kaique Correa
<img src="./images/verified.svg" alt="Verified" type="image/svg+xml" width="16px" height="16px">
</div>
<div class="profile-box">
<a class="profile-picture" href="#popup">
<img src="./images/profile.png" alt="Profile Picture" fetchpriority="high" width="154px" height="154px">
</a>
<div class="profile-text">
<h1>Kaique Correa
<img src="./images/verified.svg" alt="Verified" type="image/svg+xml" width="16px" height="16px">
</h1>
<p class="username">@kaiqcorrea</p>
<span class="add3"></span>
<a class="add" href="./download/contato.vcf" type="text/vcard" download onclick="showToast()">
<span class="add2">adicionar</span>
<i class="fas fa-user-plus"></i>
</a>
</div>
</div>
</div>
<div class="alert">
<p>
<i class="fas fa-check-circle"> </i> Agora você pode abrir o arquivo baixado e salvar o contato na sua
agenda.
</p>
<button class="close-button" onclick="closeToast()">×</button>
</div>
<div id="links">
<a class="link" href="https://instagram.com/kaiqcorrea" aria-label="Instagram" target="_blank" rel="external">
<i class="fab fa-instagram"></i>
</a>
<a class="link" href="https://twitter.com/kaiqcorrea" aria-label="X-Twitter" target="_blank" rel="external">
<i class="fab fa-x-twitter"></i>
</a>
<a class="link" href="https://threads.net/kaiqcorrea" aria-label="Threads" target="_blank" rel="external">
<i class="fab fa-threads"></i>
</a>
<a class="link" href="https://github.com/kaiqcorrea" aria-label="GitHub" target="_blank" rel="external">
<i class="fab fa-github"></i>
</a>
<a class="link" href="https://open.spotify.com/user/kaiqcorrea" aria-label="Spotify" target="_blank" rel="external">
<i class="fab fa-spotify"></i>
</a>
</div>
<section>
<a href="https://youtube.com/playlist?list=PLsXU0fd3OyCTQEkOlxaMael9kVkxUuAF0&si=Qaf2SpgvXbEg4tny" target="_blank" rel="external">
<article>
<i class="fa-brands fa-youtube yt"> </i>
<aside>
<h2>YouTube</h2>
<p>Dê um play nesta playlist e descubra meu universo musical.</p>
</aside>
<span>
<i class="fas fa-play"> </i>Play
</span>
</article>
</a>
<a href="https://app.tvtime.com/user/16915692" target="_blank" rel="external">
<article>
<img src="./images/TV-Time.webp" alt="TV Time" width="32px" height="32px"
fetchpriority="high">
<aside>
<h2>TV Time</h2>
<p>Conheça minhas preferências em séries, filmes e animes.</p>
</aside>
<span>
<i class="fas fa-external-link-alt"> </i>Visitar
</span>
</article>
</a>
</section>
<div class="overlay" id="popup">
<div class="popup">
<div class="popup-photo">
<img src="./images/QR-Code.png" alt="QR Code" width="100%" height="100%">
</div>
<div class="popup-quote">
Leia o código QR para adicionar este contato ou clique no botão adicionar.
</div>
<a class="popup-close" href="#" onclick="history.back()">×</a>
</div>
</div>
<div id="stars1"></div>
<div id="stars2"></div>
<div id="stars3"></div>
<script src="./script.js"></script>
<!-- Google tag (gtag.js) -->
<script async src="./download/gtag.js"></script>
</body>
</html>