axel/teste
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adicionar Index.html

Browse Source
This commit is contained in:
axel
2026-03-25 02:44:31 +00:00
parent ee11018ded
commit 2cbb26fa16
1 changed files with 88 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
Index.html Normal file
View File

@@ -0,0 +1,88 @@
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>axel \u2014 dev \u00b7 bat \u00b7 chaos</title>
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;900&family=JetBrains+Mono:wght@300;400;500&family=Crimson+Pro:ital,wght@0,300;0,400;1,300&display=swap" rel="stylesheet" />
<style>
:root {
--black: #07060a;
--deep: #0e0c14;
--surface: #13101c;
--border: #2a2238;
--purple: #7c3aed;
--violet: #a855f7;
--pink: #ec4899;
--rose: #f472b6;
--teal: #2dd4bf;
--cyan: #67e8f9;
--gray: #6b7280;
--muted: #4b4560;
--text: #e8e0f0;
--dim: #9d90b0;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
background: var(--black);
color: var(--text);
font-family: 'JetBrains Mono', monospace;
font-size: 14px;
line-height: 1.7;
overflow-x: hidden;
cursor: none;
}
/* \u2500\u2500\u2500 Custom cursor \u2500\u2500\u2500 */
.cursor {
position: fixed;
width: 8px; height: 8px;
background: var(--teal);
border-radius: 50%;
pointer-events: none;
z-index: 9999;
transition: transform 0.1s ease, background 0.2s;
box-shadow: 0 0 12px var(--teal), 0 0 24px rgba(45,212,191,0.3);
}
.cursor-trail {
position: fixed;
width: 24px; height: 24px;
border: 1px solid rgba(168,85,247,0.4);
border-radius: 50%;
pointer-events: none;
z-index: 9998;
transition: transform 0.15s ease, left 0.08s ease, top 0.08s ease;
}
/* \u2500\u2500\u2500 Background \u2500\u2500\u2500 */
.bg-layer {
position: fixed;
inset: 0;
pointer-events: none;
z-index: 0;
}
.bg-noise {
position: fixed;
inset: 0;
opacity: 0.035;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
pointer-events: none;
z-index: 1;
}
.blob {
position: fixed;
border-radius: 50%;
filter: blur(100px);
opacity: 0.12;
pointer-events: none;
animation: floatBlob 18s ease-in-out infinite alternate;
}
.blob-1 { width: 600px; height: 600px; background: var(--purple); top: -200px; right: -100px; }
.blob-2 { width: 400px; height: 400px; background: var(--pink); bottom: -100px; left: -100px; animation-delay: -8s; opacity: 0.1; }
.blob-3 { width: 300px; height: 300px; background: var(--teal); top: 40%; left: 20