better web page

BeautyyuYanli · Aug 5, 2020 · 36fe7ca · 36fe7ca
1 parent e6687b8
commit 36fe7ca
Show file tree

Hide file tree

Showing 5 changed files with 63 additions and 11 deletions.
diff --git a/icon.png b/icon.png
diff --git a/index.css b/index.css
@@ -1,10 +1,22 @@
 #main{
     width: 80%;
     margin: auto;
+    margin-bottom: 100px;
 }
 input{
     margin: 7px;
 }
 .cele_words{
     width: 100%;
+}
+h1{
+    text-align: center;
+}
+.italic{
+    font-style: italic;
+    text-align: center;
+    margin: 3px;
+}
+body>p{
+    text-align: center;
 }
diff --git a/index.html b/index.html
@@ -1,7 +1,8 @@
 <!DOCTYPE html>
 <html lang="zh">
     <head>
-        <title></title>
+        <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">
@@ -11,13 +12,18 @@
         <script src="main.js"></script>
         <script src="schemes/computer-science.js"></script>
         <script src="schemes/buddhism.js"></script>
+        <h1>满分作文生成器！</h1>
+        <p class="italic">我很可爱，请给我<a href="https://github.com/BeautyYuYanli/full-mark-composition-generator">点star!</a></p>
+        <p class="italic">来补充<a href="https://github.com/BeautyYuYanli/full-mark-composition-generator">更多预设方案</a></p>
+        <p>将专业术语和名人名言以随机报菜名的方式填入模板，生成一篇只有聪明人才能看懂的满分作文！</p>
         <div id="main">
+            <p>你可以选用预设方案:</p>
             <button onclick="set_scheme(scheme_computer_science)">预设方案:计算机科学</button>
             <button onclick="set_scheme(scheme_buddhism)">预设方案:佛教</button>
-
-            <br>
-            学科<input class="subj"><input class="subj"><input class="subj"><br>
-            结构<input class="stru">
+            <p>或自行填入元素:</p>
+            主要学科<input class="subj">
+            两个相关联的学科<input class="subj"><input class="subj"><br>
+            生活在(一种结构)<input class="stru">上
             <div id="cele">
                 名人<input class="cele_name">名言
                 <input class="cele_words">
@@ -38,10 +44,11 @@
                 名人<input class="cele_name">名言
                 <input class="cele_words">
             </div>
-            思想:<input class="prin">主义,<input class="prin">主义,<input class="prin">主义<br>
-            性质:<input class="prop">性,<input class="prop">性,<input class="prop">性<br>
-            概念:<input class="conc"><input class="conc"><input class="conc"><input class="conc"><input class="conc"><input class="conc"><br>
+            3种思想(主义):<input class="prin">主义,<input class="prin">主义,<input class="prin">主义<br>
+            3个性质:<input class="prop">性,<input class="prop">性,<input class="prop">性<br>
+            6个专业概念或术语:<input class="conc"><input class="conc"><input class="conc"><input class="conc"><input class="conc"><input class="conc"><br>
             <button onclick="print()" style="font-size: 25px;">生成满分作文!</button>
+            <button onclick="copy_paste()">复制到剪贴板(实验性)</button>
             <p id='output'></p>
             <script>print()</script>
         </div>

diff --git a/main.js b/main.js
@@ -5,8 +5,8 @@ function shuffle(array) {
     }
 }
 
-tmp = '# 生活在结构1上\n\n现代学科1以人名1的一句“名句1”为嚆矢。滥觞于学科2与学科3的期望正失去它们的借鉴意义。但面对看似无垠的未来天空，我想循人名2“名句2”好过过早地振翮。\n\n我们怀揣热忱的灵魂天然被赋予对超越性的追求，不屑于古旧坐标的约束，钟情于在别处的芬芳。但当这种期望流于对思想1主义不假思索的批判，乃至走向思想2与思想3主义时，便值得警惕了。与秩序的落差、错位向来不能为越矩的行为张本。而纵然我们已有翔实的蓝图，仍不能自持已在浪潮之巅立下了自己的沉锚。\n\n“名句3”人名3之言可谓切中了肯綮。人的性质1性是不可祓除的，而我们欲上青云也无时无刻不在因风借力。学科3与学科2暂且被我们把握为一个薄脊的符号客体，一定程度上是因为我们尚缺乏体验与阅历去支撑自己的认知。而这种偏见的傲慢更远在知性的傲慢之上。\n\n在孜孜矻矻以求学科1意义的道路上，对自己的期望本就是在与学科3与学科2对接中塑型的动态过程。而我们的底料便是对不同概念1、不同概念2的觉感与体认。人名4为人名5送去概念3，又维系概念4。他的学科1观念是厚实的，也是实践的。倘若我们在对过往借人名6之言“祓魅”后，又对不断膨胀的自我进行“赋魅”，那么在丢失外界预期的同时，未尝也不是丢了自我。\n\n毫无疑问，从学科2与学科3角度一觇的自我有偏狭过时的成分。但我们所应摒弃的不是对此的批判，而是其批判的廉价，其对批判投诚中的反智倾向。在人名7的观念中，如果在成为狮子与孩子之前，略去了像骆驼一样背负前人遗产的过程，那其“永远重复”洵不能成立。\n\n蓝图上的落差终归只是理念上的区分，在实践场域的分野也未必明晰。譬如当我们追寻概念5时，在途中涉足概念6，这究竟是伴随着期望的泯灭还是期望的达成？在我们塑造学科1的同时，学科1也在浇铸我们。既不可否认原生的性质2性与性质3性，又承认自己的图景有轻狂的失真，不妨让体验走在言语之前。用不被禁锢的头脑去体味人名8的大海与风帆，并效人名9，对无法言说之事保持沉默。\n\n用在结构1上的生活方式体现个体的超越性，保持婞直却又不拘泥于所谓“遗世独立”的单向度形象。这便是人名6为我们提供的理想期望范式。生活在结构1上——始终热爱大地——升上天空。';
-tmp_scheme = {
+var tmp = '# 生活在结构1上\n\n现代学科1以人名1的一句“名句1”为嚆矢。滥觞于学科2与学科3的期望正失去它们的借鉴意义。但面对看似无垠的未来天空，我想循人名2“名句2”好过过早地振翮。\n\n我们怀揣热忱的灵魂天然被赋予对超越性的追求，不屑于古旧坐标的约束，钟情于在别处的芬芳。但当这种期望流于对思想1主义不假思索的批判，乃至走向思想2与思想3主义时，便值得警惕了。与秩序的落差、错位向来不能为越矩的行为张本。而纵然我们已有翔实的蓝图，仍不能自持已在浪潮之巅立下了自己的沉锚。\n\n“名句3”人名3之言可谓切中了肯綮。人的性质1性是不可祓除的，而我们欲上青云也无时无刻不在因风借力。学科3与学科2暂且被我们把握为一个薄脊的符号客体，一定程度上是因为我们尚缺乏体验与阅历去支撑自己的认知。而这种偏见的傲慢更远在知性的傲慢之上。\n\n在孜孜矻矻以求学科1意义的道路上，对自己的期望本就是在与学科3与学科2对接中塑型的动态过程。而我们的底料便是对不同概念1、不同概念2的觉感与体认。人名4为人名5送去概念3，又维系概念4。他的学科1观念是厚实的，也是实践的。倘若我们在对过往借人名6之言“祓魅”后，又对不断膨胀的自我进行“赋魅”，那么在丢失外界预期的同时，未尝也不是丢了自我。\n\n毫无疑问，从学科2与学科3角度一觇的自我有偏狭过时的成分。但我们所应摒弃的不是对此的批判，而是其批判的廉价，其对批判投诚中的反智倾向。在人名7的观念中，如果在成为狮子与孩子之前，略去了像骆驼一样背负前人遗产的过程，那其“永远重复”洵不能成立。\n\n蓝图上的落差终归只是理念上的区分，在实践场域的分野也未必明晰。譬如当我们追寻概念5时，在途中涉足概念6，这究竟是伴随着期望的泯灭还是期望的达成？在我们塑造学科1的同时，学科1也在浇铸我们。既不可否认原生的性质2性与性质3性，又承认自己的图景有轻狂的失真，不妨让体验走在言语之前。用不被禁锢的头脑去体味人名8的大海与风帆，并效人名9，对无法言说之事保持沉默。\n\n用在结构1上的生活方式体现个体的超越性，保持婞直却又不拘泥于所谓“遗世独立”的单向度形象。这便是人名6为我们提供的理想期望范式。生活在结构1上——始终热爱大地——升上天空。';
+var tmp_scheme = {
     subj: ['计算机科学', '哲学', '数学'],
     stru: ['二叉树'],
     cele: [
@@ -75,4 +75,34 @@ function set_scheme(scheme = scheme_computer_science){
     }
     for (let i = 0; i < 6;++ i)
         $(".conc")[i].value = scheme.conc[i];
+}
+
+function copy_paste() {
+    copyToClipboard($("#output").html().split("<br>").join("\n"));
+    alert("满分作文已复制到剪贴板!");
+}
+
+function copyToClipboard(text) {
+    if (window.clipboardData && window.clipboardData.setData) {
+        // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.
+        return clipboardData.setData("Text", text);
+
+    }
+    else if (document.queryCommandSupported && document.queryCommandSupported("copy")) {
+        var textarea = document.createElement("textarea");
+        textarea.textContent = text;
+        textarea.style.position = "fixed";  // Prevent scrolling to bottom of page in Microsoft Edge.
+        document.body.appendChild(textarea);
+        textarea.select();
+        try {
+            return document.execCommand("copy");  // Security exception may be thrown by some browsers.
+        }
+        catch (ex) {
+            console.warn("Copy to clipboard failed.", ex);
+            return false;
+        }
+        finally {
+            document.body.removeChild(textarea);
+        }
+    }
 }
diff --git a/readme.md b/readme.md
@@ -28,13 +28,16 @@
 
 ## Todo
 
-- 更完善的自定义功能
 - 更丰富的预设方案
+- 一键复制(目前在Android平台不可用)
+- 混沌预设模式
 
 ## Contribution
 
 请参照`schemes/computer-science.js`的格式，在`schemes`文件夹中创建更多预设方案!
 
+新创建的预设方案，请在`index.html`中引用相应js文件并添加相应按钮
+
 ## 其它
 
 我很可愛，请给我点star！