-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
122 lines (105 loc) · 10.4 KB
/
Copy pathindex.html
File metadata and controls
122 lines (105 loc) · 10.4 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Duca | BeroLinks</title>
<!-- SEO Meta Tags -->
<meta name="description" content="Todos os meus links em um só lugar - Desenvolvedor e criador de conteúdo">
<meta name="author" content="Duca">
<meta name="keywords" content="links, desenvolvedor, programador, berolab, duca, social">
<!-- OpenGraph Meta Tags -->
<meta property="og:title" content="Duca | BeroLinks">
<meta property="og:description" content="Todos os meus links em um só lugar - Desenvolvedor e criador de conteúdo">
<meta property="og:image" content="https://og.tailgraph.com/og?fontFamily=Roboto&title=%20Duca%20%7C%20BeroLinks&titleTailwind=font-bold%20text-gray-800%20text-6xl&text=Todos%20os%20meus%20links%20em%20um%20só%20lugar&textTailwind=text-gray-700%20text-2xl%20mt-4&logoTailwind=h-20&bgTailwind=bg-gradient-to-br%20from-indigo-600%20via-purple-600%20to-blue-800&footer=@ducaswtf&footerTailwind=text-indigo-200">
<meta property="og:url" content="https://duca.berolinks.com">
<meta property="og:type" content="website">
<meta property="og:site_name" content="BeroLinks">
<meta property="og:locale" content="pt_BR">
<!-- Twitter Cards Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@ducaswtf">
<meta name="twitter:creator" content="@ducaswtf">
<meta name="twitter:title" content="Duca | BeroLinks">
<meta name="twitter:description" content="Todos os meus links em um só lugar - Desenvolvedor e criador de conteúdo">
<meta name="twitter:image" content="https://og.tailgraph.com/og?fontFamily=Roboto&title=🔗%20Duca%20%7C%20BeroLinks&titleTailwind=font-bold%20text-gray-800%20text-6xl&text=Todos%20os%20meus%20links%20em%20um%20só%20lugar&textTailwind=text-gray-700%20text-2xl%20mt-4&logoTailwind=h-20&bgTailwind=bg-gradient-to-br%20from-indigo-600%20via-purple-600%20to-blue-800&footer=@ducaswtf&footerTailwind=text-indigo-200">
<!-- Additional Meta Tags -->
<meta name="theme-color" content="#1f2937">
<link rel="canonical" href="https://duca.berolinks.com">
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
</head>
<body class="w-full min-h-screen relative overflow-x-hidden">
<img src="https://images.unsplash.com/photo-1753010835776-3fd4bf38ef3c?q=80&w=1740&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
alt="mountains" class="fixed inset-0 w-full h-full object-cover z-0">
<div
class="w-full min-h-screen flex flex-col justify-center sm:justify-end sm:mx-auto sm:max-w-[40rem] relative z-10 px-4 py-8 sm:py-0">
<div
class="w-full min-h-[600px] sm:min-h-[650px] lg:h-[53rem] rounded-t-[2rem] sm:rounded-t-[3rem] bg-black/50 backdrop-blur-xl border-t border-x border-zinc-400 shadow-2xl shadow-white/30 space-y-6 sm:space-y-8 pb-8 sm:pb-32 relative">
<div class="w-full flex justify-center">
<div class="absolute -top-12 sm:-top-16 lg:-top-20 h-24 w-24 sm:h-32 sm:w-32 lg:h-[15rem] lg:w-[15rem]">
<img src="https://images.unsplash.com/photo-1742145792541-172c7ef6d0d1?q=80&w=1528&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
alt="Cowbow"
class="h-full w-full rounded-full object-cover shadow-2xl shadow-white/30 border-2 sm:border-3 lg:border-4 border-white hover:scale-110 transition-all duration-300 ease-in hover:shadow-indigo-600">
</div>
</div>
<div class="pt-16 sm:pt-24 lg:pt-[10rem] w-full flex flex-col h-full">
<div class="flex-shrink-0">
<div class="w-full flex justify-center">
<h1 class="text-white text-2xl sm:text-3xl font-bold">Duca</h1>
</div>
<div class="w-full flex justify-center">
<h1 class="text-zinc-400 text-lg sm:text-xl">@ducaswtf</h1>
</div>
</div>
<div class="mt-6 sm:mt-8 w-full flex flex-col px-4 sm:px-8 gap-y-4 sm:gap-y-6 lg:gap-y-8 flex-grow">
<a href="http://x.com/ducaswtf" target="_blank" rel="noopener noreferrer"
class="w-full bg-zinc-100 rounded-lg sm:rounded-xl border-2 sm:border-3 border-white p-4 sm:p-6 flex justify-center items-center gap-2 hover:scale-105 transition-all duration-75 ease-linear hover:shadow-2xl hover:shadow-indigo-500 text-sm sm:text-base font-medium">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 14 14"
class="size-4 sm:size-5 flex-shrink-0"><!-- Icon from Prime Icons by PrimeTek - https://github.com/primefaces/primeicons/blob/master/LICENSE -->
<g fill="none">
<g clip-path="url(#SVGG1Ot4cAD)">
<path fill="currentColor"
d="M11.025.656h2.147L8.482 6.03L14 13.344H9.68L6.294 8.909l-3.87 4.435H.275l5.016-5.75L0 .657h4.43L7.486 4.71zm-.755 11.4h1.19L3.78 1.877H2.504z" />
</g>
<defs>
<clipPath id="SVGG1Ot4cAD">
<path fill="#fff" d="M0 0h14v14H0z" />
</clipPath>
</defs>
</g>
</svg>
Meu X (Twitter)</a>
<a href="http://github.com/igorfelipeduca" target="_blank" rel="noopener noreferrer"
class="w-full bg-zinc-100 rounded-lg sm:rounded-xl border-2 sm:border-3 border-white p-4 sm:p-6 flex justify-center items-center gap-2 hover:scale-105 transition-all duration-75 ease-linear hover:shadow-2xl hover:shadow-indigo-500 text-sm sm:text-base font-medium">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"
class="size-4 sm:size-6 flex-shrink-0"><!-- Icon from Material Design Icons by Pictogrammers - https://github.com/Templarian/MaterialDesign/blob/master/LICENSE -->
<path fill="currentColor"
d="M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2" />
</svg>
Meu Github</a>
<a href="http://dev.to/yelldutz" target="_blank" rel="noopener noreferrer"
class="w-full bg-zinc-100 rounded-lg sm:rounded-xl border-2 sm:border-3 border-white p-4 sm:p-6 flex justify-center items-center gap-2 hover:scale-105 transition-all duration-75 ease-linear hover:shadow-2xl hover:shadow-indigo-500 text-sm sm:text-base font-medium">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"
class="size-4 sm:size-5 flex-shrink-0"><!-- Icon from Simple Icons by Simple Icons Collaborators - https://github.com/simple-icons/simple-icons/blob/develop/LICENSE.md -->
<path fill="currentColor"
d="M24 4.003h-4.015c-3.45 0-5.3.197-6.748 1.957a7.996 7.996 0 1 0 2.103 9.211c3.182-.231 5.39-2.134 6.085-5.173c0 0-2.399.585-4.43 0c4.018-.777 6.333-3.037 7.005-5.995M5.61 11.999A2.391 2.391 0 0 1 9.28 9.97a2.966 2.966 0 0 1 2.998-2.528h.008c-.92 1.778-1.407 3.352-1.998 5.263A2.392 2.392 0 0 1 5.61 12Zm2.386-7.996a7.996 7.996 0 1 0 7.996 7.996a7.996 7.996 0 0 0-7.996-7.996m0 10.394A2.399 2.399 0 1 1 10.395 12a2.396 2.396 0 0 1-2.399 2.398Z" />
</svg>
Meus Conteúdos 🔞</a>
<a href="https://github.com/BeroLab/berolinks.git" target="_blank" rel="noopener noreferrer"
class="w-full bg-zinc-100 rounded-lg sm:rounded-xl border-2 sm:border-3 border-white p-4 sm:p-6 flex justify-center items-center gap-2 hover:scale-105 transition-all duration-75 ease-linear hover:shadow-2xl hover:shadow-indigo-500 text-sm sm:text-base font-medium">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512"
class="size-4 sm:size-5 flex-shrink-0"><!-- Icon from Game Icons by GameIcons - https://github.com/game-icons/icons/blob/master/license.txt -->
<path fill="currentColor"
d="m381.7 27l-14.5 20.4l49.5 35.1l14.5-20.3zm-57.4 12.3L310.2 60l111.3 76.2l14.1-20.7zM317 92.7l-69.9 82.8c-10.3-2.1-20.9-3.2-31.8-3.2c-86.8 0-157.25 70.5-157.25 157.3C58.05 416 128.5 487 215.3 487s157.3-71 157.3-157.4c0-37.8-13.4-72.5-35.6-99.6l51.4-86.9zm7.4 39l29.5 19.5l-46.5 78c26.1 23.9 42.5 58.2 42.5 96.4c0 72-58.5 130.4-130.6 130.4c-72 0-130.55-58.4-130.55-130.4c0-72.1 58.55-130.6 130.55-130.6c22.6 0 43.9 5.8 62.5 15.9zm-31.5 180.5c-47.3-.7-126.2 58.3-178.3 13.5c.1 57.7 47 104.3 104.7 104.3c56.1 0 102-44 104.6-99.5c-7-13.2-17.8-18.1-31-18.3m-11.5 23.3c5.1-.1 9.7 1.5 12.7 5c6.9 7.9 3.2 22.4-8.3 32.4c-11.4 10-26.3 11.7-33.2 3.8s-3.2-22.4 8.2-32.4c6.5-5.6 14-8.6 20.6-8.8m-56.5 49.1c1.2 0 2.4.1 3.7.3c9.9 1.5 17.2 8.2 16.2 15.1c-1 7-9.8 11-19.8 10c-9.9-2-17.2-8-16.2-15.3c.9-6 7.7-10.1 16.1-10.1" />
</svg>
Ver Repositório</a>
</div>
<div class="w-full flex justify-center px-4 mt-auto pt-6 sm:pt-8 flex-shrink-0">
<a href="https://www.berolab.app/" target="_blank" rel="noopener noreferrer"
class="text-white font-medium text-xs sm:text-sm text-center">Feito com ❤️ por Duca da BeroLab</a>
</div>
</div>
</div>
</div>
</body>
</html>