From f763b794a31b19a3acf625b82573a056d1897543 Mon Sep 17 00:00:00 2001
From: leafee98 <leafee98@hotmail.com>
Date: Wed, 5 Oct 2022 15:07:39 +0800
Subject: [PATCH] category pics

---
 content/_index.md                             |  60 -----------
 sass/css/style.scss                           |   2 +-
 static/img/{一孔之间.png => 一孔之见.png}     | Bin
 static/img/{临时救援.png => 临阵救援.png}     | Bin
 templates/index.html                          |  96 +++++++++++++++++-
 .../{shortcodes => macros}/pic_item.html      |   2 +
 templates/tmp.html                            |   0
 7 files changed, 95 insertions(+), 65 deletions(-)
 delete mode 100644 content/_index.md
 rename static/img/{一孔之间.png => 一孔之见.png} (100%)
 rename static/img/{临时救援.png => 临阵救援.png} (100%)
 rename templates/{shortcodes => macros}/pic_item.html (66%)
 create mode 100644 templates/tmp.html

diff --git a/content/_index.md b/content/_index.md
deleted file mode 100644
index 971db42..0000000
--- a/content/_index.md
+++ /dev/null
@@ -1,60 +0,0 @@
-+++
-title = "诡辩术"
-description = "图包来源：https://t.me/addstickers/guibianshu"
-+++
-
-{{ pic_item(src="img/一厢情愿.png", title="一厢情愿") }}
-{{ pic_item(src="img/一孔之间.png", title="一孔之间") }}
-{{ pic_item(src="img/一概而论.png", title="一概而论") }}
-{{ pic_item(src="img/中词不周延.png", title="中词不周延") }}
-{{ pic_item(src="img/中间立场.png", title="中间立场") }}
-{{ pic_item(src="img/临时救援.png", title="临时救援") }}
-{{ pic_item(src="img/举证责任.png", title="举证责任") }}
-{{ pic_item(src="img/人身攻击.png", title="人身攻击") }}
-{{ pic_item(src="img/以偏概全.png", title="以偏概全") }}
-{{ pic_item(src="img/伪二分法.png", title="伪二分法") }}
-{{ pic_item(src="img/分割谬误.png", title="分割谬误") }}
-{{ pic_item(src="img/前后即因果.png", title="前后即因果") }}
-{{ pic_item(src="img/合成谬误.png", title="合成谬误") }}
-{{ pic_item(src="img/否定前件.png", title="否定前件") }}
-{{ pic_item(src="img/基因缪误.png", title="基因缪误") }}
-{{ pic_item(src="img/妄下定论.png", title="妄下定论") }}
-{{ pic_item(src="img/完美主义谬误.png", title="完美主义谬误") }}
-{{ pic_item(src="img/循环逻辑.png", title="循环逻辑") }}
-{{ pic_item(src="img/忽视主因.png", title="忽视主因") }}
-{{ pic_item(src="img/掩耳盗铃.png", title="掩耳盗铃") }}
-{{ pic_item(src="img/无法证伪.png", title="无法证伪") }}
-{{ pic_item(src="img/求新逻辑.png", title="求新逻辑") }}
-{{ pic_item(src="img/滑坡谬误.png", title="滑坡谬误") }}
-{{ pic_item(src="img/相关即因果.png", title="相关即因果") }}
-{{ pic_item(src="img/相对论谬误.png", title="相对论谬误") }}
-{{ pic_item(src="img/确认偏误.png", title="确认偏误") }}
-{{ pic_item(src="img/积非成是.png", title="积非成是") }}
-{{ pic_item(src="img/稻草人谬误.png", title="稻草人谬误") }}
-{{ pic_item(src="img/罪恶关联.png", title="罪恶关联") }}
-{{ pic_item(src="img/肯定后件.png", title="肯定后件") }}
-{{ pic_item(src="img/设计谬误.png", title="设计谬误") }}
-{{ pic_item(src="img/诉诸主流.png", title="诉诸主流") }}
-{{ pic_item(src="img/诉诸仇恨.png", title="诉诸仇恨") }}
-{{ pic_item(src="img/诉诸传统.png", title="诉诸传统") }}
-{{ pic_item(src="img/诉诸匿名权威.png", title="诉诸匿名权威") }}
-{{ pic_item(src="img/诉诸（可疑）权威.png", title="诉诸") }}
-{{ pic_item(src="img/诉诸同情.png", title="诉诸同情") }}
-{{ pic_item(src="img/诉诸常规.png", title="诉诸常规") }}
-{{ pic_item(src="img/诉诸怀疑.png", title="诉诸怀疑") }}
-{{ pic_item(src="img/诉诸恐惧.png", title="诉诸恐惧") }}
-{{ pic_item(src="img/诉诸无知.png", title="诉诸无知") }}
-{{ pic_item(src="img/诉诸概率.png", title="诉诸概率") }}
-{{ pic_item(src="img/诉诸自然.png", title="诉诸自然") }}
-{{ pic_item(src="img/诉诸荒谬.png", title="诉诸荒谬") }}
-{{ pic_item(src="img/诉诸谄媚.png", title="诉诸谄媚") }}
-{{ pic_item(src="img/误导性鲜活个案.png", title="误导性鲜活个案") }}
-{{ pic_item(src="img/谎言.png", title="谎言") }}
-{{ pic_item(src="img/赌徒谬误.png", title="赌徒谬误") }}
-{{ pic_item(src="img/身价逻辑.png", title="身价逻辑") }}
-{{ pic_item(src="img/身份主观.png", title="身份主观") }}
-{{ pic_item(src="img/转移注意.png", title="转移注意") }}
-{{ pic_item(src="img/轶事证据.png", title="轶事证据") }}
-{{ pic_item(src="img/轻率概化.png", title="轻率概化") }}
-{{ pic_item(src="img/隐瞒证据.png", title="隐瞒证据") }}
-{{ pic_item(src="img/来源-读者书摘.png", title="来源-读者书摘") }}
diff --git a/sass/css/style.scss b/sass/css/style.scss
index 0c04f02..ad97107 100644
--- a/sass/css/style.scss
+++ b/sass/css/style.scss
@@ -37,7 +37,7 @@ body {
 }
 
 .flex {
-    display: flex;
+    display: inline-flex;
 }
 
 .wrap {
diff --git a/static/img/一孔之间.png b/static/img/一孔之见.png
similarity index 100%
rename from static/img/一孔之间.png
rename to static/img/一孔之见.png
diff --git a/static/img/临时救援.png b/static/img/临阵救援.png
similarity index 100%
rename from static/img/临时救援.png
rename to static/img/临阵救援.png
diff --git a/templates/index.html b/templates/index.html
index a0b5800..526f0ef 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,19 +1,107 @@
+{% import "macros/pic_item.html" as pic %}
 <!DOCTYPE html>
 <html>
     <head>
         <meta name="viewport" content="width=device-width,minimum-scale=1">
         <meta charset="utf-8">
-        <title>{{ section.title ~ " | " ~ section.description }}</title>
+        <title>诡辩术 | 来源 https://t.me/addstickers/guibianshu</title>
 
         <link rel="stylesheet" href="css/style.css">
     </head>
 
     <body>
-        <h1>{{ section.title }}</h1>
-        <p>{{ section.description }}</p>
+        <h1>诡辩术</h1>
+        <p>图包来源：https://t.me/addstickers/guibianshu</p>
+
+
+        <h2>晓之以理</h2>
 
         <div class="flex wrap width-content justify-content">
-            {{ section.content | safe }}
+            {{ pic::pic_item(src="img/诉诸匿名权威.png", title="诉诸匿名权威") }}
+            {{ pic::pic_item(src="img/诉诸（可疑）权威.png", title="诉诸") }}
+            {{ pic::pic_item(src="img/诉诸常规.png", title="诉诸常规") }}
+            {{ pic::pic_item(src="img/诉诸无知.png", title="诉诸无知") }}
+            {{ pic::pic_item(src="img/诉诸怀疑.png", title="诉诸怀疑") }}
+            {{ pic::pic_item(src="img/身价逻辑.png", title="身价逻辑") }}
+            {{ pic::pic_item(src="img/求新逻辑.png", title="求新逻辑") }}
+            {{ pic::pic_item(src="img/诉诸主流.png", title="诉诸主流") }}
+            {{ pic::pic_item(src="img/诉诸概率.png", title="诉诸概率") }}
+            {{ pic::pic_item(src="img/诉诸传统.png", title="诉诸传统") }}
         </div>
+
+        <h2>动之以情</h2>
+
+        <div class="flex wrap width-content justify-content">
+            {{ pic::pic_item(src="img/掩耳盗铃.png", title="掩耳盗铃") }}
+            {{ pic::pic_item(src="img/诉诸恐惧.png", title="诉诸恐惧") }}
+            {{ pic::pic_item(src="img/诉诸谄媚.png", title="诉诸谄媚") }}
+            {{ pic::pic_item(src="img/诉诸自然.png", title="诉诸自然") }}
+            {{ pic::pic_item(src="img/诉诸同情.png", title="诉诸同情") }}
+            {{ pic::pic_item(src="img/诉诸荒谬.png", title="诉诸荒谬") }}
+            {{ pic::pic_item(src="img/诉诸仇恨.png", title="诉诸仇恨") }}
+            {{ pic::pic_item(src="img/一厢情愿.png", title="一厢情愿") }}
+        </div>
+
+        <h2>错误推论</h2>
+
+        <div class="flex wrap width-content justify-content">
+            {{ pic::pic_item(src="img/轶事证据.png", title="轶事证据") }}
+            {{ pic::pic_item(src="img/合成谬误.png", title="合成谬误") }}
+            {{ pic::pic_item(src="img/分割谬误.png", title="分割谬误") }}
+            {{ pic::pic_item(src="img/设计谬误.png", title="设计谬误") }}
+            {{ pic::pic_item(src="img/赌徒谬误.png", title="赌徒谬误") }}
+            {{ pic::pic_item(src="img/轻率概化.png", title="轻率概化") }}
+            {{ pic::pic_item(src="img/妄下定论.png", title="妄下定论") }}
+            {{ pic::pic_item(src="img/中间立场.png", title="中间立场") }}
+            {{ pic::pic_item(src="img/完美主义谬误.png", title="完美主义谬误") }}
+            {{ pic::pic_item(src="img/相对论谬误.png", title="相对论谬误") }}
+            {{ pic::pic_item(src="img/以偏概全.png", title="以偏概全") }}
+            {{ pic::pic_item(src="img/一概而论.png", title="一概而论") }}
+            {{ pic::pic_item(src="img/中词不周延.png", title="中词不周延") }}
+        </div>
+
+        <h2>操纵内容</h2>
+
+        <div class="flex wrap width-content justify-content">
+            {{ pic::pic_item(src="img/临阵救援.png", title="临阵救援") }}
+            {{ pic::pic_item(src="img/一孔之见.png", title="一孔之见") }}
+            {{ pic::pic_item(src="img/确认偏误.png", title="确认偏误") }}
+            {{ pic::pic_item(src="img/伪二分法.png", title="伪二分法") }}
+            {{ pic::pic_item(src="img/谎言.png", title="谎言") }}
+            {{ pic::pic_item(src="img/误导性鲜活个案.png", title="误导性鲜活个案") }}
+            {{ pic::pic_item(src="img/转移注意.png", title="转移注意") }}
+            {{ pic::pic_item(src="img/滑坡谬误.png", title="滑坡谬误") }}
+            {{ pic::pic_item(src="img/隐瞒证据.png", title="隐瞒证据") }}
+            {{ pic::pic_item(src="img/无法证伪.png", title="无法证伪") }}
+        </div>
+
+        <h2>混淆因果</h2>
+
+        <div class="flex wrap width-content justify-content">
+            {{ pic::pic_item(src="img/肯定后件.png", title="肯定后件") }}
+            {{ pic::pic_item(src="img/循环逻辑.png", title="循环逻辑") }}
+            {{ pic::pic_item(src="img/相关即因果.png", title="相关即因果") }}
+            {{ pic::pic_item(src="img/否定前件.png", title="否定前件") }}
+            {{ pic::pic_item(src="img/忽视主因.png", title="忽视主因") }}
+            {{ pic::pic_item(src="img/前后即因果.png", title="前后即因果") }}
+            {{ pic::pic_item(src="img/积非成是.png", title="积非成是") }}
+        </div>
+
+        <h2>发起进攻</h2>
+
+        <div class="flex wrap width-content justify-content">
+            {{ pic::pic_item(src="img/人身攻击.png", title="人身攻击") }}
+            {{ pic::pic_item(src="img/举证责任.png", title="举证责任") }}
+            {{ pic::pic_item(src="img/身份主观.png", title="身份主观") }}
+            {{ pic::pic_item(src="img/基因缪误.png", title="基因缪误") }}
+            {{ pic::pic_item(src="img/罪恶关联.png", title="罪恶关联") }}
+            {{ pic::pic_item(src="img/稻草人谬误.png", title="稻草人谬误") }}
+        </div>
+
+        <h2>来源</h2>
+        <div class="flex wrap width-content justify-content">
+            {{ pic::pic_item(src="img/来源-读者书摘.png", title="来源-读者书摘") }}
+        </div>
+
     </body>
 </html>
diff --git a/templates/shortcodes/pic_item.html b/templates/macros/pic_item.html
similarity index 66%
rename from templates/shortcodes/pic_item.html
rename to templates/macros/pic_item.html
index 63e6ffc..63b0b8e 100644
--- a/templates/shortcodes/pic_item.html
+++ b/templates/macros/pic_item.html
@@ -1,4 +1,6 @@
+{% macro pic_item(title, src, class="") %}
 <div class="image-item{% if class %} {{class}}{% endif %}">
     <img src="{{ get_url(path=src) }}" />
     <div>{{ title }}</div>
 </div>
+{% endmacro pic_item %}
diff --git a/templates/tmp.html b/templates/tmp.html
new file mode 100644
index 0000000..e69de29