Ever dreamed of a website that asks your special lady out on a date? Welcome—this site's built for that one special chick on February 14th.
Click to select your language:
- Not a Love Potion: This site might give you a bit of digital charm, but the real magic? That’s all you, bro!
Want to change the text? Everything—the text, images, and even the jokes—can be customized in the file src/config.ts. Check out what's there:
import { assets } from "$app/paths";
export const config = {
mainPage: {
heading: "Hello, Anna",
invitation: "Will you go on a date with me this week? 👉👈🥺",
yesText: "Yes",
noText: "No",
topImage: `${assets}/Assets/Top_picture/Cute_pic2.jpg`,
leftHeart: `${assets}/Assets/Hearts/heart_3d.gif`,
rightHeart: `${assets}/Assets/Hearts/heart_3d.gif`,
},
noPage: {
message: '"No" – is not an option at all😁',
image: `${assets}/Assets/No_picture/kermit-shooting.gif`,
},
yesPage: {
message: "See you this week 😄",
image: `${assets}/Assets/Yes_picture/Yes.gif`,
},
};This site is powered by the force of technology:
- SvelteKit: Builds interfaces faster than a GPT query for React.
- Vite: Because who doesn’t love a server that starts up faster than a new lame joke from Reddit climbs the r/memes.
Fork this repository, and your copy will automatically deploy to GitHub Pages thanks to GitHub Actions. Every push to the master branch (or a manual trigger) will update your site.
-
Clone the Repository
git clone https://github.com/mentoster/magicmoment.git cd magicmoment -
Install Dependencies
npm install
-
Run Development Mode
npm run dev
Any changes are picked up instantly (hot-reload, babe)!
-
Build the Project
npm run build
Builds the production version of the site (files will be in the
buildfolder). -
Preview the Build (Optional)
npm run preview
If you have an idea to make the site even cooler, don't hesitate: fork it, give it a star, or drop a pull request.