-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
118 lines (118 loc) · 4.46 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>偷闲</title>
<link rel="icon" href="img/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="style/reset.css"/>
<link rel="stylesheet" type="text/css" href="style/main.css"/>
<link rel="stylesheet" type="text/css" href="style/responsive.css"/>
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
<header>
<nav>
<div>
<img class="logo_icon" src="img/logo.svg"/>
<p>偷闲</p>
</div>
<button id="changeLanguage"><img src="img/language.svg"/></button>
</nav>
</header>
<article>
<section>
<div>
<div><h1>忙里偷闲</h1><h1>提升自我</h1></div>
<h3>抓住繁忙之余的闲暇<br/>培养爱好、充实生活</h3>
<a href="#download_field">立刻开始</a>
<p>最新版本:1.0.5</p>
<img src="img/seeding.svg" id="seeding"/>
</div>
</section>
<section>
<div>
<div>
<h3>每日忙于工作、学业,</h3>
<h2>自我提升计划总是落空?</h2>
<ul class="text_format1">
<li>立志记诵英语单词,背完“abandon”就放弃?</li>
<li>决心每天跑步三公里,却因第四天加班太晚,中途流产?</li>
<li>眼看前两个计划搁浅,知耻后勇,发誓读完一本经典,不料日日忙碌,无心他顾?</li>
</ul>
</div>
<img src="img/busy.svg">
</div>
</section>
<section>
<div>
<div>
<h2>解决办法:</h2>
<h3>把目标<span class="quantify">量化<div><img id="quantify_helper" src="img/help.svg"/><ul id="quantify_tooltip">
<li>目标被分解为明确的具体任务</li>
<li>分解目标,降低了目标实现难度</li>
</ul></div></span>为在<span class="duration">有限时长<div><img id="duration_helper" src="img/help.svg"/><ul id="duration_tooltip">
<li>设置截止日期,遏制拖延症</li>
<li>不以一天为限,提高容错率</li>
<li>任务有结束之日,不必日日打卡,减少倦怠感</li>
</ul></div></span>内可以完成的具体任务。</h3>
<ul class="text_format1">
<li>背单词:<span class="duration">七天</span>内背<span class="quantify">七页</span>单词</li>
<li>跑步:<span class="duration">七天</span>内跑<span class="quantify">二十公里</span></li>
<li>读书:<span class="duration">七天</span>内读完<span class="quantify">前三章</span></li>
</ul>
</div>
<img src="img/interpretation.svg"/>
</div>
</section>
<section>
<div>
<div>
<div class="chat_frame_left"><p class="text_format1">但是,<br/>每日忙碌,哪有功夫整理、记录……</p></div>
</div>
<div>
<div class="chat_frame_right"><h3>试试</h3><h2>《偷闲》</h2></div>
<img class="logo_icon" src="img/logo.svg"/>
</div>
<div>
<div class="chat_frame_right">
<div>
<img src="img/acute.svg"/>
<h3>自定义倒计时</h3>
<p class="text_format1">根据自身情况设置时限。当计时结束,自动进入下一轮,新的任务随之刷新。</p>
</div>
<div>
<img src="img/checklist.svg"/>
<h3>任务追踪</h3>
<p class="text_format1">分步骤完成任务,每完成一步,更新进度条记录。</p>
</div>
<div>
<img src="img/dream.svg"/>
<h3>许愿池</h3>
<p class="text_format1">更多功能,正在开发,敬请期待。</p>
</div>
</div>
<img class="logo_icon" src="img/logo.svg"/>
</div>
</div>
</section>
<section id="download_field">
<div>
<div>
<h2>免费下载</h2>
<div>
<a href="https://play.google.com/store/apps/details?id=com.inkygoose.grabreak.free" target="_blank"><img src="img/google.svg"/></a>
<a href="https://www.wandoujia.com/apps/8392145" target="_blank"><img src="img/wandou.svg"/></a>
<a href="https://m.pp.cn/detail.html?ch_src=pp&appid=8392145&cfg=&query=%E5%81%B7%E9%97%B2&ch=search_bz" target="_blank"><img src="img/pp.svg"/></a>
<a href="https://github.com/InkyGoose/Grabreak/releases" target="_blank"><img src="img/download.svg"/></a>
</div>
</div>
</div>
<img src="img/phone.png"/>
</section>
</article>
<footer>
<p>[email protected]</p>
</footer>
</body>
</html>