Skip to content

Commit

Permalink
Merge branch 'main' into cursor-hit
Browse files Browse the repository at this point in the history
  • Loading branch information
verdulife authored Feb 27, 2024
2 parents 116ad72 + 9fbc195 commit 12a5c5c
Show file tree
Hide file tree
Showing 13 changed files with 450 additions and 282 deletions.
16 changes: 8 additions & 8 deletions .github/pull_request_template.md
Original file line number Diff line number Diff line change
@@ -1,18 +1,18 @@
## Descripción

[Describa brevemente los cambios realizados en esta solicitud de extracción.]
<!-- Describa brevemente los cambios realizados en esta solicitud de extracción. -->

## Problema solucionado

[Describa el problema o la tarea que aborda esta solicitud de extracción, si corresponde. Incluya el número de problema o enlace al problema si existe.]
<!-- Describa el problema o la tarea que aborda esta solicitud de extracción, si corresponde. Incluya el número de problema o enlace al problema si existe. -->

## Cambios propuestos

[Enumere los cambios específicos que ha realizado en el código, incluidas las nuevas características agregadas, las modificaciones existentes y cualquier eliminación de código. Proporcione una explicación clara de los cambios y su propósito.]
<!-- Enumere los cambios específicos que ha realizado en el código, incluidas las nuevas características agregadas, las modificaciones existentes y cualquier eliminación de código. Proporcione una explicación clara de los cambios y su propósito. -->

## Capturas de pantalla (si corresponde)

[Si los cambios afectan la apariencia visual de la landing page, incluya capturas de pantalla antes y después, si es posible.]
<!-- Si los cambios afectan la apariencia visual de la landing page, incluya capturas de pantalla antes y después, si es posible. -->

## Comprobación de cambios

Expand All @@ -22,13 +22,13 @@

## Impacto potencial

[Describa cualquier impacto potencial que estos cambios puedan tener, como posibles problemas de compatibilidad o cambios en el rendimiento.]
<!-- Describa cualquier impacto potencial que estos cambios puedan tener, como posibles problemas de compatibilidad o cambios en el rendimiento. -->

## Contexto adicional

[Agregue cualquier contexto adicional que considere relevante para esta solicitud de extracción.]
<!-- Agregue cualquier contexto adicional que considere relevante para esta solicitud de extracción. -->

## Enlaces útiles

- Documentación del proyecto: [Enlace a la documentación del proyecto, si está disponible.]
- Código de referencia: [Enlace al código de referencia o a la sección relevante del código fuente, si es aplicable.]
- Documentación del proyecto: <!-- Enlace a la documentación del proyecto, si está disponible. -->
- Código de referencia: <!-- Enlace al código de referencia o a la sección relevante del código fuente, si es aplicable. -->
157 changes: 157 additions & 0 deletions LICENSE.md

Large diffs are not rendered by default.

142 changes: 59 additions & 83 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,103 +1,91 @@
<a name="readme-top"></a>

<div align="center">

[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]

<!-- PROJECT LOGO -->
<br />
<div align="center">
<a href="https://github.com/midudev/la-velada-web-oficial">
<img src="https://github.com/ZeroxyDev/la-velada-web-oficial/assets/93105414/96da08dd-21c4-4e56-a3ed-f235bf176985" alt="Logo" width="800">
</a>

## Web Oficial de La Velada IV

<p align="center">
La Velada IV es una competición de boxeo que enfrenta a Streamers, Creadores de Contenido y otras Celebridades sobre un ring.
<br />
<a href="https://github.com/midudev/la-velada-web-oficial/issues">Reportar Error</a>
·
<a href="https://github.com/midudev/la-velada-web-oficial/issues">Sugererir algo</a>
</p>
<a href="https://github.com/midudev/la-velada-web-oficial">
<img src="https://github.com/ZeroxyDev/la-velada-web-oficial/assets/93105414/96da08dd-21c4-4e56-a3ed-f235bf176985" alt="Logo" width="800" />
</a>

## Web oficial de La Velada IV

La Velada IV es una competición de boxeo que enfrenta a streamers, creadores de contenido y otras celebridades sobre un ring.\
[Reportar error](https://github.com/midudev/la-velada-web-oficial/issues) · [Sugerir algo](https://github.com/midudev/la-velada-web-oficial/issues)

</div>

<!-- TABLE OF CONTENTS -->
<details>
<summary>Tabla de contenido</summary>
<ol>
<li>
<a href="#about-the-project">Características Principales</a>
</li>
<li>
<a href="#getting-started">Empezar</a>
<ul>
<li><a href="#prerequisites">Prerequisitos</a></li>
<li><a href="#installation">Instalación</a></li>
</ul>
</li>
<li><a href="#contributing">Contribuir al proyecto</a></li>
<li><a href="#acknowledgments">Agradecimiento</a></li>
</ol>
<summary>Tabla de contenidos</summary>

1. [Características principales](#características-principales)
2. [Para empezar](#para-empezar)
- [Prerequisitos](#prerequisitos)
- [Instalación](#instalación)
3. [Contribuir al proyecto](#contribuir-al-proyecto)

</details>

<!-- ABOUT THE PROJECT -->
<a name="about-the-project"></a>
## Características principales

## Características Principales
- **Detalles del evento**: Obtén información detallada sobre la fecha, hora, ubicación y artistas participantes.
- **Compra de boletos**: Permite a los usuarios dirigirlos a la compra de boletos fácilmente.
- **Redes sociales**: Conoce las redes oficiales donde podrás informarte sobre el evento.

- **Detalles del Evento:** Obtén información detallada sobre la fecha, hora, ubicación y artistas participantes.
- **Compra de Boletos:** Permite a los usuarios dirigirlos a la compra de boletos fácilmente.
- **Redes Sociales:** Conoce las redes oficiales donde podrás informarte sobre el evento.
Capturas de pantalla de la web de La Velada IV:

Capturas de pantalla de `Web Oficial de La Velada IV`:
![Captura de pantalla en móvil](/public/Mobile_README.png)

![Captura de Pantalla de la web en móvil](/public/Mobile_README.png)
![Captura de pantalla en ordenador](/public/Desktop_README.png)

<p align="right">(<a href="#readme-top">volver arriba</a>)</p>

<!-- GETTING STARTED -->
<a name="getting-started"></a>
## Empezar
## Para empezar

<a name="prerequisites"></a>
### Prerequisitos
* PNPM (es nuestra recomendación por su eficiencia y rapidez)
```sh

- PNPM (es nuestra recomendación por su eficiencia y rapidez)

```sh
npm install -g pnpm
```
```

* o NPM
```sh
- o NPM

```sh
npm install npm@latest -g
```

<a name="installation"></a>
```

### Instalación

1. Clona el repositorio
```sh

```sh
git clone https://github.com/midudev/la-velada-web-oficial.git
```

2. Instala los paquetes de NPM
```sh

```sh
pnpm install
```

3. Ejecuta el proyecto
```sh

```sh
pnpm run dev
```

<p align="right">(<a href="#readme-top">volver arriba</a>)</p>

<!-- CONTRIBUTING -->
<a name="contributing"></a>
## Contribuir al proyecto

Las contribuciones son lo que hacen que la comunidad de código abierto sea un lugar increíble para aprender, inspirar y crear. ¡Cualquier contribución que hagas es **muy apreciada**!

Si tienes alguna sugerencia que podría mejorar el proyecto, por favor haz un [_fork_](https://github.com/midudev/la-velada-web-oficial/fork) del repositorio y crea un [_pull request_](https://github.com/midudev/la-velada-web-oficial/pulls). También puedes simplemente abrir un [_issue_](https://github.com/midudev/la-velada-web-oficial/issues) con la etiqueta "enhancement".
Si tienes alguna sugerencia que podría mejorar el proyecto, por favor haz un [_fork_](https://github.com/midudev/la-velada-web-oficial/fork) del repositorio y crea una [_pull request_](https://github.com/midudev/la-velada-web-oficial/pulls). También puedes simplemente abrir un [_issue_](https://github.com/midudev/la-velada-web-oficial/issues) con la etiqueta "enhancement".

Aquí tienes una guía rápida:

Expand All @@ -109,7 +97,7 @@ Aquí tienes una guía rápida:
6. Haz Push a la Rama (`git push origin feature/CaracteristicaIncreible`)
7. Abre una [_pull request_](https://github.com/midudev/la-velada-web-oficial/pulls)

Por favor, consulta nuestra [guía de contribución](https://github.com/midudev/la-velada-web-oficial/blob/master/CONTRIBUTING.md) para saber cómo puedes empezar de la mejor manera y siguiendo [buenas prácticas](https://github.com/midudev/la-velada-web-oficial/blob/main/CONTRIBUTING.md#buenas-pr%C3%A1cticas-).
Por favor, consulta nuestra [guía de contribución](https://github.com/midudev/la-velada-web-oficial/blob/master/CONTRIBUTING.md) para saber cómo puedes empezar de la mejor manera y siguiendo [buenas prácticas](https://github.com/midudev/la-velada-web-oficial/blob/main/CONTRIBUTING.md#buenas-prácticas-).

### Contribuir desde Stackblitz

Expand All @@ -125,38 +113,26 @@ Si quieres contribuir de una manera mas sencilla, puedes iniciar este proyecto d

## 🛠️ Stack

* [![Astro][Astro.js]][Astro-url] - The web framework for content-driven websites.
* [![Typescript][Typescript.js]][Typescript-url] - JavaScript with syntax for types.
* [![Tailwind CSS][Tailwind.com]][Tailwind-url] - A utility-first CSS framework for rapidly building custom designs.
* [![@midudev/tailwind-animations][Midudev]][Midudev-url] - Easy peasy animations for your Tailwind project.

<!-- ACKNOWLEDGMENTS -->
<a name="acknowledgments"></a>
## Agradecimiento

- [Img Shields](https://shields.io)
- [![Astro][astro-badge]][astro-url] - The web framework for content-driven websites.
- [![Typescript][typescript-badge]][typescript-url] - JavaScript with syntax for types.
- [![Tailwind CSS][tailwind-badge]][tailwind-url] - A utility-first CSS framework for rapidly building custom designs.
- [![@midudev/tailwind-animations][animations-badge]][animations-url] - Easy peasy animations for your Tailwind project.

<p align="right">(<a href="#readme-top">volver arriba</a>)</p>

<!-- MARKDOWN LINKS & IMAGES -->
<!-- https://www.markdownguide.org/basic-syntax/#reference-style-links -->

[Astro-url]: https://astro.build/
[Typescript-url]: https://www.typescriptlang.org/
[Tailwind-url]: https://tailwindcss.com/
[Midudev-url]: https://tailwindcss-animations.vercel.app
[Astro.js]: https://img.shields.io/badge/Astro-fff?style=for-the-badge&logo=astro&logoColor=bd303a&color=352563
[Typescript.js]: https://img.shields.io/badge/Typescript-007ACC?style=for-the-badge&logo=typescript&logoColor=white&color=blue
[Tailwind.com]: https://img.shields.io/badge/Tailwind-ffffff?style=for-the-badge&logo=tailwindcss&logoColor=38bdf8
[Midudev]: https://img.shields.io/badge/@midudev/tailwind-animations-ff69b4?style=for-the-badge&logo=node.js&logoColor=white&color=blue
[astro-url]: https://astro.build/
[typescript-url]: https://www.typescriptlang.org/
[tailwind-url]: https://tailwindcss.com/
[animations-url]: https://tailwindcss-animations.vercel.app/
[astro-badge]: https://img.shields.io/badge/Astro-fff?style=for-the-badge&logo=astro&logoColor=bd303a&color=352563
[typescript-badge]: https://img.shields.io/badge/Typescript-007ACC?style=for-the-badge&logo=typescript&logoColor=white&color=blue
[tailwind-badge]: https://img.shields.io/badge/Tailwind-ffffff?style=for-the-badge&logo=tailwindcss&logoColor=38bdf8
[animations-badge]: https://img.shields.io/badge/@midudev/tailwind-animations-ff69b4?style=for-the-badge&logo=node.js&logoColor=white&color=blue
[contributors-shield]: https://img.shields.io/github/contributors/midudev/la-velada-web-oficial.svg?style=for-the-badge
[contributors-url]: https://github.com/midudev/la-velada-web-oficial/graphs/contributors
[downloads-shield]: https://img.shields.io/github/downloads/midudev/la-velada-web-oficial/total?color=%2331c754&label=Downloads&logoColor=%23ffffff
[downloads-url]: https://github.com/midudev/la-velada-web-oficial/releases/latest
[forks-shield]: https://img.shields.io/github/forks/midudev/la-velada-web-oficial.svg?style=for-the-badge
[forks-url]: https://github.com/midudev/la-velada-web-oficial/network/members
[stars-shield]: https://img.shields.io/github/stars/midudev/la-velada-web-oficial.svg?style=for-the-badge
[stars-url]: https://github.com/midudev/la-velada-web-oficial/stargazers
[issues-shield]: https://img.shields.io/github/issues/midudev/la-velada-web-oficial.svg?style=for-the-badge
[issues-url]: https://github.com/midudev/la-velada-web-oficial/issues

15 changes: 9 additions & 6 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -15,21 +15,24 @@
"format:check": "prettier --check src"
},
"dependencies": {
"astro": "4.4.4",
"@fontsource-variable/jost": "5.0.17",
"@vercel/analytics": "1.2.2"
"@vercel/analytics": "1.2.2",
"astro": "4.4.5",
"canvas-confetti": "1.9.2"
},
"devDependencies": {
"@antfu/eslint-config": "0.43.1",
"lightningcss": "1.24.0",
"@astrojs/check": "0.5.5",
"@astrojs/check": "0.5.6",
"@astrojs/tailwind": "5.1.0",
"@astrojs/vercel": "7.3.3",
"@astrojs/vercel": "7.3.4",
"@midudev/tailwind-animations": "0.0.7",
"eslint": "8.56.0",
"@types/canvas-confetti": "^1.6.4",
"eslint": "8.57.0",
"eslint-config-prettier": "9.1.0",
"eslint-plugin-astro": "0.31.4",
"eslint-plugin-jsx-a11y": "6.8.0",
"js-confetti": "0.12.0",
"lightningcss": "1.24.0",
"prettier": "3.2.5",
"prettier-plugin-astro": "0.13.0",
"prettier-plugin-tailwindcss": "0.5.11",
Expand Down
11 changes: 6 additions & 5 deletions src/components/CalendarButton.astro
Original file line number Diff line number Diff line change
@@ -1,11 +1,12 @@
<button
id="add-to-calendar"
class:list={`
inline-block border-2 border-primary px-4 py-1
text-lg font-medium
uppercase transition hover:scale-110
hover:bg-primary hover:text-secondary
`}
inline-block border-2 border-primary px-4 py-1
text-lg font-medium
uppercase transition hover:scale-110
hover:bg-primary hover:text-secondary
`}
aria-label="agregar al calendario se abrirá ventana flotante"
>
Agregar al calendario
</button>
Expand Down
15 changes: 13 additions & 2 deletions src/components/ThemeToggle.astro
Original file line number Diff line number Diff line change
Expand Up @@ -5,15 +5,15 @@ import MoonIcon from "@/icons/moon.astro"

<button
id="themeToggle"
class="inline-flex text-primary transition hover:scale-125 hover:opacity-70"
class="inline-flex text-primary transition any-hover:scale-125 any-hover:opacity-70"
>
<SunIcon
class="opacity-100 transition-transform dark:-rotate-90 dark:opacity-0"
/>
<MoonIcon
class="absolute rotate-90 opacity-0 transition-transform dark:rotate-0 dark:opacity-100"
/>
<span class="sr-only">Alternar tema</span>
<span class="sr-only"></span>
</button>

<script is:inline>
Expand All @@ -34,9 +34,20 @@ import MoonIcon from "@/icons/moon.astro"

const isDark = element.classList.contains("dark")
localStorage.setItem("theme", isDark ? "dark" : "light")

updateThemeMessage(isDark ? "dark" : "light");
}

document
.getElementById("themeToggle")
.addEventListener("click", handleToggleClick)

const updateThemeMessage = (theme) => {
const translation = theme === "dark" ? "oscuro" : "claro";
const actualThemeMsg = `Alternar tema, el tema actual es ${translation}`;
let span = document.querySelector("span.sr-only");
span.innerHTML = actualThemeMsg;
};

updateThemeMessage(getThemePreference());
</script>
Loading

0 comments on commit 12a5c5c

Please sign in to comment.