forked from BeautyyuYanli/full-mark-composition-generator
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
167 lines (151 loc) · 10.7 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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html lang="zh" style="padding-bottom: 50px;">
<head>
<title>满分作文生成器！</title>
<link rel="icon" href="icon.png">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="index.css" rel="stylesheet">
<link href="https://cdn.bootcdn.net/ajax/libs/mdui/1.0.0/css/mdui.min.css" rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/mdui/1.0.0/js/mdui.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
</head>
<body class="mdui-theme-layout-dark">
<div class="mdui-appbar">
<div class="mdui-toolbar mdui-color-grey-300">
<a href="javascript:;" class="mdui-typo-title">满分作文生成器！</a>
<div class="mdui-toolbar-spacer"></div>
<a mdui-dialog="{target: '#about'}" class="mdui-btn mdui-btn-icon"><i
class="mdui-icon material-icons">error_outline</i></a>
</div>
</div>
<div class="mdui-dialog" id="about">
<div class="mdui-dialog-title">关于</div>
<div class="mdui-dialog-content">Github：<a
href="https://github.com/BeautyYuYanli/full-mark-composition-generator">https://github.com/BeautyYuYanli/full-mark-composition-generator</a><br><br>
</div>
<div class="mdui-dialog-actions">
<button class="mdui-btn mdui-ripple" mdui-dialog-close>好的</button>
</div>
</div>
<h1>
满分作文生成器！
</h1>
<p class="italic">我很可爱，请给我<a href="https://github.com/BeautyYuYanli/full-mark-composition-generator">点star!</a>; 来补充<a
href="https://github.com/BeautyYuYanli/full-mark-composition-generator">更多预设方案</a></p>
<p><b style="font-size: 40px;">“ </b><b style="font-size: 20px;">将专业术语和名人名言以随机报菜名的方式填入模板，生成一篇只有聪明人才能看懂的满分作文！</b><b
style="font-size: 40px;">”</b></p>
<div class="mdui-col-md-12">
<div class="schemes mdui-col-md-10 mdui-col-offset-md-1 buttons">
<h3 class="mdui-typo">选用预设方案：</h3>
</div>
</div>
<div class="mdui-col-md-12" style="margin-top: 20px;">
<div class=" mdui-col-md-10 mdui-col-offset-md-1">
<div class="mdui-panel" mdui-panel>
<div class="mdui-panel-item">
<div class="mdui-panel-item-header">
<div class="mdui-panel-item-title">更多编辑</div>
<i class="mdui-panel-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
</div>
<div class="mdui-panel-item-body">
<div class="mdui-row-6">
</div>
<h4 style="margin-bottom: 0px;">主要学科：</h4>
<div class="mdui-textfield"><input class="mdui-textfield-input subj" placeholder="在这里填入主要学科" /></div>
<h4 style="margin-bottom: 0px;">两个相关联的学科：</h4>
<div class="mdui-textfield"><input class="mdui-textfield-input subj" placeholder="关联学科1"></div>
<div class="mdui-textfield"><input class="mdui-textfield-input subj" placeholder="关联学科2"></div><br>
<h4 style="margin-bottom: 0px;">题目：生活在(一种结构)上：</h4>
<div class="mdui-textfield"><input class="mdui-textfield-input stru" placeholder="作文题目：生活在XX上"></div>
<div id="cele">
<div class="mdui-textfield mdui-col-md-6"><i class="mdui-icon material-icons">account_circle</i><label
class="mdui-textfield-label">名人</label><input class="mdui-textfield-input cele_name" /></div>
<div class="mdui-textfield mdui-col-md-6"><i class="mdui-icon material-icons">message</i><label
class="mdui-textfield-label">名言</label><input class="mdui-textfield-input cele_words" /></div>
<div class="mdui-textfield mdui-col-md-6"><i class="mdui-icon material-icons">account_circle</i><label
class="mdui-textfield-label">名人</label><input class="mdui-textfield-input cele_name" /></div>
<div class="mdui-textfield mdui-col-md-6"><i class="mdui-icon material-icons">message</i><label
class="mdui-textfield-label">名言</label><input class="mdui-textfield-input cele_words" /></div>
<div class="mdui-textfield mdui-col-md-6"><i class="mdui-icon material-icons">account_circle</i><label
class="mdui-textfield-label">名人</label><input class="mdui-textfield-input cele_name" /></div>
<div class="mdui-textfield mdui-col-md-6"><i class="mdui-icon material-icons">message</i><label
class="mdui-textfield-label">名言</label><input class="mdui-textfield-input cele_words" /></div>
<div class="mdui-textfield mdui-col-md-6"><i class="mdui-icon material-icons">account_circle</i><label
class="mdui-textfield-label">名人</label><input class="mdui-textfield-input cele_name" /></div>
<div class="mdui-textfield mdui-col-md-6"><i class="mdui-icon material-icons">message</i><label
class="mdui-textfield-label">名言</label><input class="mdui-textfield-input cele_words" /></div>
<div class="mdui-textfield mdui-col-md-6"><i class="mdui-icon material-icons">account_circle</i><label
class="mdui-textfield-label">名人</label><input class="mdui-textfield-input cele_name" /></div>
<div class="mdui-textfield mdui-col-md-6"><i class="mdui-icon material-icons">message</i><label
class="mdui-textfield-label">名言</label><input class="mdui-textfield-input cele_words" /></div>
<div class="mdui-textfield mdui-col-md-6"><i class="mdui-icon material-icons">account_circle</i><label
class="mdui-textfield-label">名人</label><input class="mdui-textfield-input cele_name" /></div>
<div class="mdui-textfield mdui-col-md-6"><i class="mdui-icon material-icons">message</i><label
class="mdui-textfield-label">名言</label><input class="mdui-textfield-input cele_words" /></div>
<div class="mdui-textfield mdui-col-md-6"><i class="mdui-icon material-icons">account_circle</i><label
class="mdui-textfield-label">名人</label><input class="mdui-textfield-input cele_name" /></div>
<div class="mdui-textfield mdui-col-md-6"><i class="mdui-icon material-icons">message</i><label
class="mdui-textfield-label">名言</label><input class="mdui-textfield-input cele_words" /></div>
<div class="mdui-textfield mdui-col-md-6"><i class="mdui-icon material-icons">account_circle</i><label
class="mdui-textfield-label">名人</label><input class="mdui-textfield-input cele_name" /></div>
<div class="mdui-textfield mdui-col-md-6"><i class="mdui-icon material-icons">message</i><label
class="mdui-textfield-label">名言</label><input class="mdui-textfield-input cele_words" /></div>
<div class="mdui-textfield mdui-col-md-6"><i class="mdui-icon material-icons">account_circle</i><label
class="mdui-textfield-label">名人</label><input class="mdui-textfield-input cele_name" /></div>
<div class="mdui-textfield mdui-col-md-6"><i class="mdui-icon material-icons">message</i><label
class="mdui-textfield-label">名言</label><input class="mdui-textfield-input cele_words" /></div>
</div>
<h4 style="padding-top: 40px;margin-bottom: 5px;">3种思想(主义)：</h4>
<div class="mdui-textfield mdui-col-md-4"><input class="mdui-textfield-input prin"
placeholder="填写一种主义，无需带上“主义”这两个字"></div>
<div class="mdui-textfield mdui-col-md-4"><input class="mdui-textfield-input prin"
placeholder="填写一种主义，无需带上“主义”这两个字"></div>
<div class="mdui-textfield mdui-col-md-4"><input class="mdui-textfield-input prin"
placeholder="填写一种主义，无需带上“主义”这两个字"></div><br>
<h4 style="padding-top: 40px;margin-bottom: 5px;">3个性质（如：延展性）：</h4>
<div class="mdui-textfield mdui-col-md-4"><input class="mdui-textfield-input prop"
placeholder="填写一种性质，无需带上“性”这个字"></div>
<div class="mdui-textfield mdui-col-md-4"><input class="mdui-textfield-input prop"
placeholder="填写一种性质，无需带上“性”这个字"></div>
<div class="mdui-textfield mdui-col-md-4"><input class="mdui-textfield-input prop"
placeholder="填写一种性质，无需带上“性”这个字"></div><br>
<h4 style="padding-top: 40px;margin-bottom: 5px;">6个专业概念或术语：</h4>
<div class="mdui-textfield mdui-col-md-4"><input class="mdui-textfield-input conc" placeholder="填写概念/术语名">
</div>
<div class="mdui-textfield mdui-col-md-4"><input class="mdui-textfield-input conc" placeholder="填写概念/术语名">
</div>
<div class="mdui-textfield mdui-col-md-4"><input class="mdui-textfield-input conc" placeholder="填写概念/术语名">
</div>
<div class="mdui-textfield mdui-col-md-4"><input class="mdui-textfield-input conc" placeholder="填写概念/术语名">
</div>
<div class="mdui-textfield mdui-col-md-4"><input class="mdui-textfield-input conc" placeholder="填写概念/术语名">
</div>
<div class="mdui-textfield mdui-col-md-4"><input class="mdui-textfield-input conc" placeholder="填写概念/术语名">
</div><br>
<div class="mdui-panel-item-actions" style="border-top: 0">
<button class="mdui-btn mdui-ripple" mdui-panel-item-close>关闭</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mdui-col-md-12" style="margin-top: 20px;">
<div class="mdui-col-md-10 mdui-col-offset-md-1">
<button onclick="print()" style="font-size: 35px; height: 60px;"
class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-color-grey-300">生成满分作文!</button>
<br>
<div class="mdui-card" style="margin-top: 20px;">
<div class="mdui-card-actions">
<button onclick="copy_paste()" class="mdui-btn mdui-ripple">复制到剪贴板</button>
</div>
<div id="output" class="mdui-card-content" style="font-family: serif;font-size: 18px;line-height: 25px;">
圆您作文满分梦！
</div>
</div>
</div>
</div>
<script src="main.js"></script>
</body>
</html>