Rasiel is a sleek and modern static wallpaper website built with Svelte and Astro. It offers an intuitive interface for browsing, viewing, and downloading high-quality wallpapers. With features like slideshow viewing and bulk downloading based on tags, Rasiel provides a seamless experience for wallpaper enthusiasts.
- Responsive Wallpaper Viewer: Browse and view wallpapers with a clean and responsive design.
- Slideshow Mode: Enjoy your favorite wallpapers in a continuous slideshow.
- Download Options:
- Single-click download for individual wallpapers.
- Bulk download wallpapers based on selected tags.
- Tag-Based Filtering: Easily filter wallpapers by categories or themes using tags.
- Static Site Generation: Built with Astro for fast and efficient static site generation.
-
Clone the repository:
git clone https://github.com/E31n/Rasiel.git cd Rasiel -
Install dependencies:
npm install # or bun install -
Run the development server:
npm run dev # or bun run dev -
Build for production:
npm run build # or bun run build -
Preview the production build:
npm run preview # or bun run preview
To add new wallpapers:
- Rename your image as Topic_Desc_Tags_Category.ext
- Where Tags should be seperated by _ and spaces should be replaced with - and ext can be any supported image format like webp, jpg, png, etc.
- Place your image files in the
public/wallpapers/or specific inner directory.
Rasiel uses a tag-based system to categorize wallpapers.
- Tags help in filtering wallpapers based on themes, colors, or other attributes.
- Ensure that each wallpaper has appropriate tags for better organization and searchability.
Users can download multiple wallpapers at once based on selected tags: (Yet to be implemented)
- Navigate to the tag or category page.
- Click on the "Download All" button to download a ZIP file containing all wallpapers under that tag.
- Svelte - Frontend framework for building user interfaces.
- Astro - Static site generator for fast and optimized websites.
- TypeScript - Typed superset of JavaScript.
- Tailwind CSS - Utility-first CSS framework for styling.
Contributions are welcome! If you'd like to contribute:
- Fork the repository.
- Create a new branch:
git checkout -b feature/your-feature-name. - Make your changes and commit them:
git commit -m 'Add your message here'. - Push to the branch:
git push origin feature/your-feature-name. - Open a pull request.
This project is licensed under the MIT License.
For any issues or suggestions, please open an issue on GitHub.