Refactor post page & fix minify issues

Author: Gilg4mesh

.htmlnanorc

@@ -1,4 +1,4 @@
 {
     "minifySvg": false,
-    "collapseWhitespace": false
+    "collapseWhitespace": true
 }

src/assets/termptt/post.css

@@ -4,11 +4,6 @@
         height: 24.125em;
     }
 
-    #mainContainer>span,
-    .main>span {
-        white-space: pre
-    }
-
     body {
         color: #fff;
         background-color: #000;
@@ -133,7 +128,7 @@
         font-size: 20px;
     }
     .author-pre {
-        display: block;
+        display: none;
     }
     .author {
         margin-left: 3vw;

src/content.njk

@@ -17,8 +17,7 @@
 <div id="main-container">
 <div id="main-content" class="bbs-screen bbs-content"><div id="article-metaline"><div class="article-metaline"><span class="article-meta-tag">作者</span><span class="article-meta-value"><span id="main-content-author"></span></span></div><div class="article-metaline-right"><span class="article-meta-tag">看板</span><span class="article-meta-value">Gossiping</span></div><div class="article-metaline"><span class="article-meta-tag">標題</span><span class="article-meta-value" id="main-content-title"></span></div><div class="article-metaline"><span class="article-meta-tag">時間</span><span class="article-meta-value" id="main-content-date"></span></div></div>
 <span id="main-content-content"></span>
-
---
+<br>--
 <div id="reward-line" style="display:none"><span class="f2">※ 打賞作者: <button class="btn --send-reward" style="width: 6em" data-value="0.01">0.01 DXN</button> <span id="reward-toggle-region-1"><button class="btn" style="width: 4em" id="reward-customize">自訂</button> </span><span id="reward-toggle-region-2" style="display: none"><input id="reward-custom-value" type="number" class="input" step="any" min="0" style="width: 6em"> <span class="f7">DXN</span> <button id="reward-custom-submit" class="btn" style="width: 4em">確定</button></span></span></div><span class="f2">※ 發信站: DEXON BBS(dett.cc), 來自: <a id="main-content-from" target="_blank" href="#">DEXON</a></span>
 <span class="f2">※ 文章網址: <a id="main-content-href" href="#" target="_blank" rel="nofollow"></a></span>
 <div id="reply" style="display: none"><select id="reply-type" class="bbs-content select">

src/post.njk

@@ -1,26 +1,50 @@
 {% extends '_layout.njk' %}
-
 {% block head_extra %}
 <link rel="shortcut icon" type="image/png" href="assets/icon.png">
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 <link href="assets/termptt/post.css" rel="stylesheet">
 {% endblock %}
-
 {% block topbar %}
 {% endblock %}
-
 {% block content %}
 <div class="mobile-header">
     <div class="flex">
         <button class="btn bbs-cancel">取消返回</button><button class="btn bbs-post">發布貼文</button>
     </div>
 </div>
-<div id="BBSWindow" style="touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: auto;" align="center"><input id="t" type="text" autocomplete="off" style="box-sizing: content-box; color: initial; border: none; width: 1px; height: 1px; position: absolute; left: -100000px; top: -100000px; z-index: 2; resize: none; opacity: 0; font-size: 22px;" autofocus="" bshow="0"><div class="main" style="border: 0px; transform-origin: center center; font-size: 26px; line-height: 26px; overflow: hidden auto; text-align: left; width: 1050px; margin-top: 20.5px; transform: none;"><div id="mainContainer"><span type="bbsrow" srow="0"><div><span class="" data-type="bbsline" data-row="0"><span><span class="q7 b0 title">標題：</span><span class="q0 b7"><input class="q0 b7" id="bbs-title" type="text" maxlength="40" value=""></span><span class="q7 b0 author-pre">         </span><span class="q7 b0 author">作者：<span id="bbs-user" class="q7 b0"></span>             </span></span></span><div></div></div></span><span type="bbsrow" srow="1"><div><span class="" data-type="bbsline" data-row="1"><span><span class="q7 b0">                                                                                </span></span></span><div></div></div></span><span type="bbsrow" srow="2"><div><span class="" data-type="bbsline" data-row="2"><span><span class="q7 b0"><textarea class="" spellcheck="false" id="bbs-content" type="text" ></textarea></span></span></span><div></div></div></span><span type="bbsrow" srow="3"><div><span class="" data-type="bbsline" data-row="3"><span><span class="q7 b0">                                                                                </span></span></span><div></div></div></span><span id='bbs-footer' type="bbsrow" srow="4"><div><span class="" data-type="bbsline" data-row="4"><span><span class="q4 b6"> 編輯文章 </span><span class="q0 b7"> </span><span class="q1 b7">(^Q)</span><span class="q0 b7">離開 </span><span class="q1 b7">(^X)</span><span class="q0 b7">發文 </span><span class="q1 b7">                      </span><span class="q0 b7">         </span><button class="q4 b3 bbs-cancel" id="bbs-cancel"> 取消發文 </span><button id="bbs-post" class="q4 b2 bbs-post" disabled="disabled"> 完成發文 </span><span class="q0 b7"></span><span class="q7 b0"> </span></span></span><div></div></div></span><span id='bbs-checksave' type="bbsrow" srow="5" style="display: none;"><div><span class="" data-type="bbsline" data-row="23"><span><span class="q14 b4"> ◆ 結束但不儲存 [y/N]?                                         </span><span class="q11 b6"> [按任意鍵繼續] </span><span class="q7 b0"> </span></span></span><div></div></div></span><span id='bbs-checkpost' type="bbsrow" srow="6" style="display: none;"><div><span class="" data-type="bbsline" data-row="23"><span><span class="q14 b4"> ◆ 確定發文 [y/N]?                                             </span><span class="q11 b6"> [按任意鍵繼續] </span><span class="q7 b0"> </span></span></span><div></div></div></span></div>
+<div id="BBSWindow" style="touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: auto;" align="center"><input id="t" type="text" autocomplete="off" style="box-sizing: content-box; color: initial; border: none; width: 1px; height: 1px; position: absolute; left: -100000px; top: -100000px; z-index: 2; resize: none; opacity: 0; font-size: 22px;" autofocus="" bshow="0">
+    <div class="main" style="border: 0px; transform-origin: center center; font-size: 26px; line-height: 26px; overflow: hidden auto; text-align: left; width: 1050px; margin-top: 20.5px; transform: none;">
+        <div id="mainContainer">
+            <span type="bbsrow" srow="0">
+                <div class="" style="margin-left: 0vw;">
+                    <span class="q7 b0 title">標題：</span><input class="q0 b7" id="bbs-title" type="text" maxlength="40" value="">
+                    <span class="q7 b0 author-pre">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
+                    <span class="q7 b0 author">作者：<span id="bbs-user" class="q7 b0"></span></span>
+                </div>
+            </span>
+            <span type="bbsrow" srow="2">
+                <textarea spellcheck="false" id="bbs-content" type="text" style="margin-top: 25px;"></textarea>
+            </span>
+            <span id='bbs-footer' type="bbsrow" srow="4">
+                <div style="margin-top: 25px;">
+                    <span class="q4 b6">&nbsp;編輯文章&nbsp;</span><span class="q1 b7">&nbsp;(^Q)</span><span class="q0 b7">離開&nbsp;</span><span class="q1 b7">(^X)</span><span class="q0 b7">發文&nbsp;</span><span class="b7">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><button class="q4 b3 bbs-cancel" id="bbs-cancel">&nbsp;取消發文&nbsp;</button><button id="bbs-post" class="q4 b2 bbs-post" disabled="disabled">&nbsp;完成發文&nbsp;</button>
+                </div>
+            </span>
+            <span id='bbs-checksave' type="bbsrow" srow="5" style="display: none;">
+                <span class="q14 b4"> ◆ 結束但不儲存 [y/N]? </span>
+                <span class="q11 b6"> [按任意鍵繼續] </span>
+            </span>
+            <span id='bbs-checkpost' type="bbsrow" srow="6" style="display: none;">
+                <span class="q14 b4"> ◆ 確定發文 [y/N]? </span>
+                <span class="q11 b6"> [按任意鍵繼續] </span>
+            </span>
+        </div>
+    </div>
+</div>
 <div class="mobile-footer">
 </div>
 {% endblock %}
-
 {% block scripts_extra %}
 <script language="javascript" type="text/javascript" src="scripts/post.js"></script>
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
-{% endblock %}
+{% endblock %}

src/scripts/post.js

@@ -124,7 +124,7 @@ const main = async ({ _dexon }) => {
   })
 
   if ($(window).width() > 992) {
-    $("#bbs-content")[0].placeholder = "標題跟內文都有內容才能發文!\r\n"+"~\r\n".repeat(19)
+    $("#bbs-content")[0].placeholder = "標題跟內文都有內容才能發文!\r\n"+"~\r\n".repeat(18)
   } else {
     // mobile
     $("#bbs-content")[0].placeholder = "標題跟內文都有內容才能發文!\r\n\r\n請輸入您欲發布的內容";