Hope Art Landing Page

Official landing page for Hope:Re

Overview

This repository contains the source code for the official landing and download site of Hope:Re. Hope:Re is an open-source tool designed to protect artistic intellectual property by preventing AI from mimicking art styles through invisible adversarial perturbations.

Technical Stack

The site is built with a focus on performance, minimalism, and a Zen-inspired design aesthetic.

• Framework: Astro 6 (Static Site Generation)
• UI Components: Svelte 5 (Runes)
• Styling: UnoCSS with Wind4 preset and custom Zen theme
• Animations: GSAP with ScrollTrigger
• OG Images: Dynamic generation using @takumi-rs/image-response
• Internationalization: Built-in i18n supporting English and Vietnamese

Why this stack?

• Astro: Provides the fastest possible load times by shipping zero client-side JavaScript by default.
• Svelte 5: The Runes API offers a reactive and declarative way to build complex UI components with minimal boilerplate.
• UnoCSS: An ultra-fast atomic CSS engine that allows for precise, Zen-like styling without the overhead of traditional frameworks.
• GSAP: Enables smooth, high-performance animations that enhance the artistic feel of the site.

Local Development

Ensure you have pnpm installed on your system.

Installation

pnpm install

Start Development Server

pnpm dev

The site will be available at http://localhost:3000.

Build for Production

pnpm build

The static output will be generated in the dist/ directory.

Internationalization

Translations are managed via JSON files in the src/i18n/ directory:

• en.json: English
• vn.json: Vietnamese (Default)

Architecture

• src/components/: Modular Svelte and Astro components
• src/layouts/: Base layout templates
• src/pages/: File-based routing for localized content
• src/lib/: Shared utilities and constants
• src/styles/: Global styles and Shiki configurations

License

This project is released under the MIT License.