Updates

favicon.svg

@@ -3,7 +3,7 @@
     g {
       fill: black;
       stroke: black;
-      stroke-width: 2px;
+      stroke-width: 6px;
     }
     @media (prefers-color-scheme: dark) {
       g {

index.css

@@ -1,6 +1,5 @@
 /**
  * Author: Sivan [sun.sivan@gmail.com]
- * Date: 2020-01-22 00:00
  */
 
 /** 测试用代码段 开始 **/
@@ -46,6 +45,7 @@ a {
 .article {
   margin-inline-start: auto;
   margin-inline-end: auto;
+  padding-block-end: 24px;
   outline: 1px solid transparent;
 }
 
@@ -109,8 +109,8 @@ a {
 
 /** 页脚样式 **/
 .fn {
+  position: relative;
   max-width: 42em;
-  margin-block-start: 24px;
   margin-inline-start: auto;
   margin-inline-end: auto;
   padding-block-start: 4px;
@@ -134,8 +134,8 @@ a {
 .panel {
   position: fixed;
   z-index: 2;
-  right: 10px;
-  top: 10px;
+  right: 12px;
+  top: 12px;
   display: flex;
   text-align: right;
 }
@@ -144,7 +144,7 @@ a {
   display: inline-flex;
   margin: 0;
   padding: 0;
-  margin-inline-start: 10px;
+  margin-inline-start: 12px;
   list-style-type: none;
 }
 
@@ -272,7 +272,7 @@ heti-jiya {
     min-width: 720px;
     max-width: 880px;
     margin-block-start: 48px;
-    margin-block-end: 48px;
+    margin-block-end: 72px;
     margin-inline-start: auto;
     margin-inline-end: auto;
     padding-block-start: 48px;

index.html

@@ -38,6 +38,7 @@
               <ol class="heti-list-latin">
                 <li><a href="#compatibility">兼容性</a></li>
                 <li><a href="#tags">标签示例表</a></li>
+                <li><a href="#license">开源协议</a></li>
               </ol>
             </li>
             <li><a href="#wip">待开发功能</a></li>
@@ -209,7 +210,7 @@
       <details>
         <summary>查看使用说明</summary>
         <p>为容器元素添加名为 <code>heti--vertical</code> 的 class 即可实现垂直布局：</p>
-        <pre><code>&lt;div class=&quot;heti heti-vertical&quot;&gt;&lt;/div&gt;</code></pre>
+        <pre><code>&lt;div class=&quot;heti heti--vertical&quot;&gt;&lt;/div&gt;</code></pre>
       </details>
       <figure class="card card--vertical">
         <div class="card__vertical-container">
@@ -457,6 +458,9 @@
         </table>
       </details>
 
+      <h3 id="license">开源协议<a class="anchor" href="#tags">#</a></h3>
+      <p>「赫蹏」遵循 MIT 协议开源。</p>
+
       <hr>
 
       <h2 id="wip">待开发功能<a class="anchor" href="#wip">#</a></h2>
@@ -467,7 +471,6 @@
         <li>✅ 诗词版式</li>
         <li>✅ 行间注版式</li>
       </ul>
-      <p>-- EOF --</p>
     </article>
     <footer class="fn">
       <ol class="fn__list">