# eLuvLetter
# e-lnv-letter
[![license](https://img.shields.io/github/license/george-chou/envelope.svg)](https://github.com/george-chou/envelope/blob/master/LICENSE)
<!--[![Github All Releases](https://img.shields.io/github/downloads/george-chou/envelope/total.svg)](https://github.com/george-chou/envelope/releases)
[![GitHub release](https://img.shields.io/github/release/george-chou/envelope.svg)](https://github.com/george-chou/envelope/releases/latest)-->
Valentine's love confession code. [View demo](https://george-chou.github.io/eluvletter)
## Manual of pure front-end Valentine's Day love confession code
### Custom modification tutorial
After downloading the source code, open the `index.html` file with a code editor.
Find `<h2>` and change the name of the horizontal line in the figure to the name of the person to be confessed.
Then use a code editor to open the `letter.js` file in the `./envelope/js` path. This part of the data controls the typing effects of the love letter. For the specific meaning, please see the demo code.
The code includes the English and Japanese titles of the person to be confessed. That is to achieve the unique effect of re-type - print the English name first, then delete all backspaces - and then re-enter the Japanese title and the Japanese context. Among the code, `^200` means typing pause for 200 milliseconds. For example, `アビー^200ちゃん` means break for 200 milliseconds after typing `アビー,` and then `ちゃん`; you can modify the content and pause time according to your situation.
## Deploy to GitHub Blog
This section of the tutorial explains how to deploy the customized confession code on the GitHub Blog so that we can access it on the Internet. For those who have already known how to use the GitHub Blog, please skip to the next tutorial.
First, visit the following link to download a GitHub Desktop client:
<https://desktop.github.com/>.
Then visit the following link to register a GitHub account:
<https://github.com/join>.
After registration success, please log into your account on the web page GitHub, click the plus mark at the right and upper corner of the web page, and choose to `create a new repository.`
Assuming your username is `calendar`, then build the repository according to the following naming rules:
`valenday.github.io`
After building the repository, log in to GitHub Desktop with the account you just applied. After successful login, select `File-> Clone repo...`.
Select the repository that has just been created by you on the web page, and select a local path to hold the repo to clone. Here, take `.\git` as an example, and click `Clone.`
After cloning, there will be an additional `valenday.github.io` folder in our local path `F:\downloads\git,` and then copy the customized code folder called `envelope` into `.\git\valenday.github.io` path, a local change record will show up on the GitHub Desktop at this time.
Casually fill in the title of change record and click `Commit to master.`
Then click `Push origin` to upload the code onto GitHub cloud.
## Create love confession link
The formula of confession link to be sent to him/her is like below:
`https://(your GitHub username).github.io/envelope`
Before posting, please visit the link to see how it works. If not satisfied with the effect, you can use the code editor to directly modify the code in the `envelope` folder in the local repository. The modified change record will show up on the GitHub Desktop. Then, repeat the previous step called `Commit to master` and later steps in the last tutorial.
没有合适的资源?快使用搜索试试~ 我知道了~
eluvletter-haiyong.zip
共18个文件
js:6个
png:4个
md:2个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 50 浏览量
2024-05-21
13:18:25
上传
评论
收藏 1.04MB ZIP 举报
温馨提示
内容概要:eluvletter-haiyong.zip是一款实用的电子书资源,包含了丰富的中文文献和学习资料。这些资料涵盖了各个学科领域,如文学、历史、哲学、科学等,旨在帮助用户提高知识水平和综合素质。 适用人群:这款资源适合广大学生、教师、学者以及对中文文化感兴趣的人群。无论是在校学生还是已经步入社会工作的成年人,都可以从中受益。 使用场景及目标:eluvletter-haiyong.zip可以用于学术研究、课堂教学、个人兴趣阅读等多种场景。用户可以通过阅读这些资料,提高自己的阅读能力、扩展知识面、提升思维能力,从而在学术、职业和个人成长等方面取得更好的成绩。 其他说明:为了方便用户使用,eluvletter-haiyong.zip中的文件已经进行了压缩处理,用户需要解压后才能查看。此外,由于涉及的领域较广泛,建议用户根据自己的兴趣和需求选择合适的资料进行阅读。
资源推荐
资源详情
资源评论
收起资源包目录
eluvletter-haiyong.zip (18个子文件)
eluvletter-haiyong
eluvletter-master
stylesheets
style.css 12KB
font
rP2Hp2yn6lkG50LoCZOIHQ.woff2 22KB
js
typed.js 32KB
sakura.js 7KB
modernizr.js 9KB
jquery-1.11.2.min.js 94KB
bgm.js 1.25MB
letter.js 2KB
LICENSE 9KB
index.html 2KB
images
stamp.png 22KB
favicon.ico 1KB
bg.png 2KB
play.png 1KB
stitch.png 22KB
README.en.md 828B
README.md 4KB
info.txt 15B
共 18 条
- 1
资源评论
海拥✘
- 粉丝: 19w+
- 资源: 405
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功