https://girardota.gov.co/SiteAssets/V3/Componentes/buttonNewTamiApp/main.js

1(function () {
2
3    const link = "https://play.google.com/store/apps/details?id=com.tramites1cero1.centralizacion";
4
5    const style = document.createElement("style");
6    style.innerHTML = `
7
8@keyframes rotate-neon {
90% { transform: rotate(0deg); }
10100% { transform: rotate(360deg); }
11}
12
13.neon-border::before {
14content:'';
15position:absolute;
16top:-50%;
17left:-50%;
18width:200%;
19height:200%;
20background:conic-gradient(transparent,#7EBC44,transparent 30%);
21animation: rotate-neon 3s linear infinite;
22}
23
24@keyframes jump {
250%,100% { transform: translateY(0); }
2650% { transform: translateY(-6px); }
27}
28
29.animate-jump{
30animation: jump .8s ease-in-out infinite;
31}
32
33.neon-glow-shadow{
34box-shadow:0 0 15px rgba(34,197,94,.25);
35}
36
37`;
38
39    document.head.appendChild(style);
40
41    const container = document.createElement("div");
42
43    container.className = `
44fixed left-2 bottom-32
45z-[99]
46`;
47
48    container.innerHTML = `
49
50<div class="relative w-48 h-14 rounded-full overflow-hidden p-[2px] neon-border neon-glow-shadow transition-all hover:scale-105 active:scale-95 group">
51
52<a href="${link}" target="_blank"
53class="relative flex items-center justify-between px-3 bg-slate-950 w-full h-full rounded-full z-10 overflow-hidden" aria-label="link enlace de trami app">
54
55<div class="flex items-center gap-2">
56
57<div class="bg-white/5 p-1 rounded-lg border border-white/10 group-hover:border-[#7EBC44]/50 transition-colors">
58
59<img src="/SiteAssets/V3/Componentes/buttonNewTamiApp/icon.webp"
60class="w-5 h-5 object-contain" alt="logo boton tramiapp">
61
62</div>
63
64<div class="flex flex-col leading-none">
65
66<span class="text-white font-black text-[14px]">Nueva</span>
67
68<span class="text-[#7EBC44] font-black text-[14px]">TramiApp</span>
69
70</div>
71
72</div>
73
74<div class="flex items-center justify-center">
75
76<div class="bg-[#7EBC44] text-slate-950 p-1 rounded-full shadow-[0_0_10px_rgba(34,197,94,.5)] animate-jump">
77
78<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
79
80<path stroke-linecap="round" stroke-linejoin="round" stroke-width="3"
81d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path>
82
83</svg>
84
85</div>
86
87</div>
88
89<div class="absolute inset-0 bg-gradient-to-r from-transparent via-white/5 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000"></div>
90
91</a>
92
93</div>
94`;
95
96    document.body.appendChild(container);
97
98})();