The ESLAND page reimagined

Created for didactic and educational purposes.

Preview  ✦  Getting Started  ✦  Commands  ✦  License  ✦  YouTube  ✦  Twitter

Warning

This page is not official. The official page is premiosesland.com.

🛠️ Stack

• Astro - The web framework for content-driven websites.
• Typescript - JavaScript with syntax for types.
• Tailwindcss - A utility-first CSS framework for rapidly building custom designs.
• tailwindcss-animated - Extended animation utilities for Tailwind CSS.
• fontsource - Self-host Open Source fonts in neatly bundled NPM packages.

🚀 Getting Started

1. Fork or clone this repository.

git clone git@github.com:midudev/esland-web.git

2. Install the dependencies:

• We use bun to install and manage the dependencies.

# Install bun for MacOS, WSL & Linux:
curl -fsSL https://bun.sh/install | bash

# Install bun for Windows:
powershell -c "iwr bun.sh/install.ps1|iex"

# Install with bun:
bun install

• or you can use pnpm:

# Install pnpm globally if you don't have it:
npm install -g pnpm

# Install dependencies:
pnpm install

3. Run the development server:

# Run with bun:
bun dev

# Run with pnpm:
pnpm dev

4. Open http://localhost:4321 with your browser to see the result 🚀

🤝 Contributing

🧞 Commands

	Command	Action
⚙️	dev or start	Starts local dev server at localhost:3000.
⚙️	build	Build your production site to ./dist/.
⚙️	preview	Preview your build locally, before deploying.

🔑 License

MIT - Created by midu.dev.

✅ Por hacer...

• Afinar el Header y añadirle una animación con el scroll
• Afinar el responsive
• Las páginas extra
• Añadir el efecto hover sobre los enlaces de Nav Bar