Skip to content

Commit deb9932

Browse files
MariferVLMariferVL
committed
Add site colors as per original proposal.
1 parent eee609e commit deb9932

3 files changed

Lines changed: 60 additions & 52 deletions

File tree

‎src/app/globals.css‎

Lines changed: 21 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
@import "tailwindcss";
22

3-
/*
3+
/*
44
Esquema de color basado en el logo "PYDAY" (versión intermedia):
55
- Verde (#3D8B37): Color principal, siempre presente.
66
- Amarillo intermedio (#FFE141): Un tono entre el amarillo vibrante y el pastel, que aporta energía sin ser demasiado intenso.
@@ -10,11 +10,11 @@
1010
*/
1111

1212
:root {
13-
--primary-green: #3D8B37; /* Cuerpo de la serpiente */
14-
--accent-yellow: #FFE141; /* Panza en tono intermedio */
15-
--text-white: #FFFFFF; /* Texto principal */
16-
--outline-red: #F23939; /* Contorno del texto en tono intermedio */
17-
--bg-dark: #101010; /* Fondo oscuro intermedio */
13+
--primary-green: #3D8B37; /* Cuerpo de la serpiente */
14+
--accent-yellow: #FFE141; /* Panza en tono intermedio */
15+
--text-white: #FFFFFF; /* Texto principal */
16+
--outline-red: #F23939; /* Contorno del texto en tono intermedio */
17+
--bg-dark: #101010; /* Fondo oscuro intermedio */
1818
}
1919

2020
body {
@@ -25,24 +25,24 @@ body {
2525
/* Gradiente con tránsito moderado entre los colores */
2626
.gradient-bg {
2727
background: linear-gradient(
28-
135deg,
29-
var(--primary-green) 0%,
30-
var(--accent-yellow) 50%,
31-
var(--outline-red) 100%
28+
135deg,
29+
var(--primary-green) 0%,
30+
var(--accent-yellow) 50%,
31+
var(--outline-red) 100%
3232
);
3333
background-size: 400% 400%;
3434
animation: gradient 18s ease infinite;
3535
}
3636

3737
@keyframes gradient {
3838
0% {
39-
background-position: 0% 50%;
39+
background-position: 0% 50%;
4040
}
4141
50% {
42-
background-position: 100% 50%;
42+
background-position: 100% 50%;
4343
}
4444
100% {
45-
background-position: 0% 50%;
45+
background-position: 0% 50%;
4646
}
4747
}
4848

@@ -59,19 +59,20 @@ body {
5959
/* Componentes reutilizables */
6060
@layer components {
6161
.btn-primary {
62-
@apply px-6 py-3 bg-green-700 hover:bg-green-800 text-white font-bold rounded-full transition-all duration-300 shadow-lg hover:shadow-xl hover:-translate-y-1;
62+
@apply px-6 py-3 bg-green-700 hover:bg-green-800 text-white font-bold rounded-full transition-all duration-300 shadow-lg hover:shadow-xl hover:-translate-y-1;
6363
}
64-
64+
6565
.btn-secondary {
66-
@apply px-6 py-3 bg-transparent border-2 border-white hover:bg-white/20 text-white font-bold rounded-full transition-all duration-300 shadow-lg hover:shadow-xl hover:-translate-y-1;
66+
@apply px-6 py-3 bg-transparent border-2 border-white hover:bg-white/20 text-white font-bold rounded-full transition-all duration-300 shadow-lg hover:shadow-xl hover:-translate-y-1;
6767
}
68-
68+
6969
.section-title {
70-
@apply text-3xl md:text-4xl font-bold mb-6 text-center;
70+
@apply text-3xl md:text-4xl font-bold mb-6 text-center;
7171
}
72-
72+
7373
.container-py {
74-
@apply max-w-7xl mx-auto px-4 py-12 sm:px-6 lg:px-8;
74+
@apply max-w-7xl mx-auto px-4 py-12 sm:px-6 lg:px-8;
7575
}
7676
}
7777

78+

‎src/app/layout.js‎

Lines changed: 19 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -4,38 +4,25 @@ import Header from "@/components/Header";
44
import Footer from "@/components/Footer";
55

66
const inter = Inter({ subsets: ["latin"] });
7+
78
// Configuración para versiones Open Sans
8-
const openSansRegular = Open_Sans({
9-
subsets: ["latin"],
10-
weight: "400",
11-
variable: "--font-open-sans-regular",
12-
display: "swap",
13-
});
14-
const openSansSemiBold = Open_Sans({
15-
subsets: ["latin"],
16-
weight: "600",
17-
variable: "--font-open-sans-semibold",
18-
display: "swap",
19-
});
20-
const openSansBold = Open_Sans({
9+
const openSans = Open_Sans({
2110
subsets: ["latin"],
22-
weight: "700",
23-
variable: "--font-open-sans-bold",
24-
display: "swap",
11+
weight: ["400", "600", "700"],
12+
variable: "--font-open-sans",
2513
});
2614

27-
// Forzar modo oscuro
2815
export const viewport = {
2916
width: "device-width",
3017
initialScale: 1,
3118
maximumScale: 5,
32-
themeColor: "#3D8B37",
33-
colorScheme: "dark",
19+
themeColor: "#21b702",
3420
};
3521

3622
export const metadata = {
3723
title: "PyDay Chile 2025",
38-
description: "Evento anual gratuito que reúne a la comunidad Python en distintas ciudades de Chile con charlas, talleres y networking para todos los niveles",
24+
description:
25+
"Evento anual gratuito que reúne a la comunidad Python en distintas ciudades de Chile con charlas, talleres y networking para todos los niveles",
3926
keywords: [
4027
"Python",
4128
"Chile",
@@ -48,7 +35,7 @@ export const metadata = {
4835
"Charlas",
4936
"Hackathon",
5037
],
51-
authors: [{ name: "Comunidad Python Chile", url: "https://pyday.vercel.app/" }],
38+
authors: [{ name: "Comunidad Python Chile", url: "https://pyday.web.app/" }],
5239
creator: "Comunidad Python Chile",
5340
publisher: "Comunidad Python Chile",
5441
robots: {
@@ -79,7 +66,7 @@ export const metadata = {
7966
sizes: "512x512",
8067
},
8168
],
82-
shortcut: "/favicon-32x32.webp",
69+
shortcut: "/favicon-32x32.webp",
8370
apple: [{ url: "/apple-touch-icon.webp", sizes: "180x180" }],
8471
other: [
8572
{ rel: "mask-icon", url: "/safari-pinned-tab.svg", color: "#3D8B37" },
@@ -93,7 +80,7 @@ export const metadata = {
9380
statusBarStyle: "black-translucent",
9481
},
9582
category: "technology",
96-
metadataBase: new URL("https://pyday.vercel.app/"),
83+
metadataBase: new URL("https://pyday.web.app/"),
9784
alternates: {
9885
canonical: "/",
9986
languages: {
@@ -106,9 +93,10 @@ export const metadata = {
10693
locale: "es_CL",
10794
alternateLocale: ["en_US"],
10895
title: "PyDay Chile 2025",
109-
description: "PyDay Chile es un evento anual gratuito que reúne a entusiastas, desarrolladores y académicos en un día lleno de Python con charlas inspiradoras, talleres prácticos y networking en diversas ciudades de Chile.",
96+
description:
97+
"PyDay Chile es un evento anual gratuito que reúne a entusiastas, desarrolladores y académicos en un día lleno de Python con charlas inspiradoras, talleres prácticos y networking en diversas ciudades de Chile.",
11098
siteName: "PyDay Chile",
111-
url: "https://pyday.vercel.app/",
99+
url: "https://pyday.web.app/",
112100
images: [
113101
{
114102
url: "/images/banner-og.webp",
@@ -127,7 +115,8 @@ export const metadata = {
127115
twitter: {
128116
card: "summary_large_image",
129117
title: "PyDay Chile 2025 - Evento anual de Python en tu ciudad",
130-
description: "Sumérgete en un día lleno de Python con charlas, talleres y networking en distintas ciudades de Chile. ¡Un evento gratuito impulsado por la comunidad!",
118+
description:
119+
"Sumérgete en un día lleno de Python con charlas, talleres y networking en distintas ciudades de Chile. ¡Un evento gratuito impulsado por la comunidad!",
131120
siteId: "@pythonchile",
132121
creator: "@pythonchile",
133122
creatorId: "@pythonchile",
@@ -151,15 +140,13 @@ export const metadata = {
151140

152141
export default function RootLayout({ children }) {
153142
return (
154-
<html lang="es" className="dark">
155-
<body
156-
className={`${openSansRegular.variable} min-h-screen flex flex-col bg-py-dark text-white`}
157-
>
158-
<div className="fixed inset-0 -z-10 bg-py-dark" />
143+
<html lang="es">
144+
<body className={`${openSans.variable} min-h-screen flex flex-col text-py-text`}>
145+
<div className="fixed inset-0 -z-10 bg-py-dark gradient-bg" />
159146
<Header />
160147
<main className="flex-grow">{children}</main>
161148
<Footer />
162149
</body>
163150
</html>
164151
);
165-
}
152+
}

‎tailwind.config.js‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
/** @type {import('tailwindcss').Config} */
2+
module.exports = {
3+
content: [
4+
"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
5+
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
6+
],
7+
theme: {
8+
extend: {
9+
colors: {
10+
'py-green': '#3D8B37',
11+
'py-yellow': '#FFE141',
12+
'py-red': '#F23939',
13+
'py-dark': '#101010',
14+
'py-text': '#FFFFFF',
15+
},
16+
},
17+
},
18+
darkMode: 'class',
19+
plugins: [],
20+
};

0 commit comments

Comments
 (0)