Skip to content

Commit 018a0f3

Browse files
codebythiagocodebythiago
committed
Create inicial project structure
Add GSAP, Three.js and Tailwind setup. Created dark and light theme color variables and reusable CSS variables for direct HTML usage.
1 parent 88e56c8 commit 018a0f3

1,375 files changed

Lines changed: 825190 additions & 0 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
node_modules

‎about/index.html‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta name="author" content="Thiago Rodrigues">
7+
<meta name="description" content="">
8+
<link rel="stylesheet" href="../assets/css/output.css">
9+
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
10+
<title>Thiago Rodrigues - About</title>
11+
</head>
12+
<body>
13+
<header>
14+
15+
</header>
16+
<main>
17+
18+
</main>
19+
<footer>
20+
21+
</footer>
22+
</body>
23+
</html>

‎assets/css/input.css‎

Lines changed: 100 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,100 @@
1+
@import "tailwindcss";
2+
3+
@font-face {
4+
font-family: "Sekuya";
5+
src: url(../fonts/Sekuya.ttf);
6+
font-style: normal;
7+
font-weight: 400;
8+
font-display: swap;
9+
}
10+
11+
@font-face {
12+
font-family: "Montserrat";
13+
src: url("../fonts/Montserrat.ttf");
14+
font-style: normal;
15+
font-display: swap;
16+
}
17+
18+
:root {
19+
/* ===== PADRÃO (NÃO MUDA) ===== */
20+
21+
--font-display: "Sekuya", sans-serif;
22+
--font-default: "Montserrat", sans-serif;
23+
24+
--primary: #5E1ABA;
25+
--secondary: #A685A3;
26+
27+
/* ===== DARK THEME ===== */
28+
--base: #0D0028;
29+
30+
--surface-1: #140033;
31+
--surface-2: #1B0A3D;
32+
33+
--primary-hover: #7A2CF0;
34+
35+
--accent: #6EC8FF;
36+
37+
--text: #EAE6FF;
38+
--text-muted: #A685A3;
39+
}
40+
41+
[data-theme="dark"] {
42+
/* ===== LIGHT THEME ===== */
43+
--base: #F7F4FB;
44+
45+
--surface-1: #fff;
46+
--surface-2: #EFEAF6;
47+
48+
--primary-hover: #4B1496;
49+
50+
--accent: #5FADE6;
51+
52+
--text: #1B102A;
53+
--text-muted: #5A4B66;
54+
}
55+
56+
@layer utilities {
57+
.font-sekuya {
58+
font-family: var(--font-display);
59+
}
60+
61+
.font-montserrat {
62+
font-family: var(--font-default);
63+
}
64+
65+
.bg-base {
66+
background-color: var(--base);
67+
}
68+
69+
.bg-surface {
70+
background-color: var(--surface);
71+
}
72+
73+
.bg-surface2 {
74+
background-color: var(--surface2);
75+
}
76+
77+
.bg-primary {
78+
background-color: var(--primary);
79+
}
80+
81+
.bg-primary:hover {
82+
background-color: var(--primary-hover);
83+
}
84+
85+
.bg-secondary {
86+
background-color: var(--secondary);
87+
}
88+
89+
.bg-accent {
90+
background-color: var(--accent);
91+
}
92+
93+
.text-base {
94+
color: var(--text);
95+
}
96+
97+
.text-muted {
98+
color: var(--text-muted);
99+
}
100+
}

0 commit comments

Comments
 (0)