MuGemSt/eLuvLetter

The heartbeat animation indicates that the BGM is loading, please be patient and wait util the envelope appears.

Tutorial of eLuvLetter usage

The heartbeat animation indicates that the BGM is loading, please be patient and wait util the envelope appears.

Customization

1. Download and install Git;
2. Register a GitHub account, set SSH, and fork a copy of this repository to your own account;
3. Clone the repository to local:

git clone git@github.com:%YOUR_GITHUB_USERNAME%/eLuvLetter.git
cd eLuvLetter

4. Go to the ./eLuvLetter/font/ directory, customize content.json by eLuvLetter JSON Generator:

{
    "recipient"  : "The recipient centered on front of the envelope",
    "sender"     : "The sender name on back of the envelope",
    "salutation" : "The salutation in letter's upper left corner",
    "signature"  : "The signature in letter's lower right corner",
    "body"       : "Body of the letter",
    "title"      : "Browser tab text",
    "bgm"        : "BGM base64 code",
}

Deployment on Netlify

1. Sync the modified local code to your GitHub account:

cd eLuvLetter
git add .
git commit -a
# press i
# input any description
# ESC :wq! Enter
git push

2. Enter Netlify official website;
3. Use your GitHub account to login by authorization, click Add new site - Import an existing project;
4. Click GitHub, enter the keyword eLuvLetter in the search box to find the previously forked repo, and select it;
5. Click Deploy site to jump into Site overview page automatically, click Site settings;
6. Click Change site name under Site information, modify second-level domain name not conflict to others, and click Save;
7. After the deployment, we can visit https://%PROJECT_NAME%.netlify.app to broswe your page (%PROJECT_NAME% is the second-level domain name customized just now)

Good luck~💖