Improve styles of Gitalk & Gitment (theme-next#568)

gitalk.css -> gitalk.min.css

Author: stevenjoezhang

layout/_macro/post.swig

@@ -307,7 +307,7 @@
             </div>
           {% endif %}
           <!--/noindex-->
-        {% elif post.excerpt  %}
+        {% elif post.excerpt %}
           {{ post.excerpt }}
           <!--noindex-->
           {% if theme.read_more_btn %}
@@ -342,7 +342,7 @@
         {% endif %}
       {% else %}
         {{ post.content }}
-      {% endif  %}
+      {% endif %}
     </div>
 
     {% if theme.related_posts.enable and (theme.related_posts.display_in_home or not is_index) %}

layout/_partials/comments.swig

@@ -49,7 +49,7 @@
     </div>
 
   {% elif theme.gitalk.enable %}
-    <div id="gitalk-container">
+    <div class="comments" id="gitalk-container">
     </div>
 
   {% endif %}

layout/_partials/share/baidushare.swig

@@ -30,7 +30,7 @@
       }
     }
   </script>
-{% elseif theme.baidushare.type === "slide" %}
+{% elif theme.baidushare.type === "slide" %}
   <script>
     window._bd_share_config = {
       "common": {

layout/_scripts/schemes/gemini.swig

@@ -1,10 +1 @@
-{%
-  set scripts = [
-    'src/affix.js',
-    'src/schemes/pisces.js'
-  ]
-%}
-
-{% for script in scripts %}
-  <script src="{{ url_for(theme.js) }}/{{ script }}?v={{ version }}"></script>
-{% endfor %}
+{% include 'pisces.swig' %}

layout/_third-party/analytics/analytics-with-widget.swig

@@ -1,4 +1,4 @@
 {% include 'busuanzi-counter.swig' %}
 {% include 'tencent-mta.swig' %}
 {% include 'tencent-analytics.swig' %}
-{% include 'cnzz-analytics.swig' %}
+{% include 'cnzz-analytics.swig' %}

layout/_third-party/analytics/tencent-mta.swig

@@ -3,7 +3,7 @@
     var _mtac = {};
     (function() {
       var mta = document.createElement("script");
-      mta.src = "https://pingjs.qq.com/h5/stats.js?v2.0.4";
+      mta.src = "https://pingjs.qq.com/h5/stats.js";
       mta.setAttribute("name", "MTAH5");
       mta.setAttribute("sid", "{{theme.tencent_mta}}");
       var s = document.getElementsByTagName("script")[0];

layout/_third-party/comments/gitalk.swig

@@ -1,10 +1,10 @@
-{% set gitalk_js_url = '//cdn.jsdelivr.net/npm/gitalk@1.4.0/dist/gitalk.min.js' %}
+{% set gitalk_js_url = '//cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js' %}
 {% if theme.vendors.gitalk_js %}
   {% set gitalk_js_url = theme.vendors.gitalk_js %}
 {% endif %}
 <script src="{{ gitalk_js_url }}"></script>
 
-{% set gitalk_css_url = '//cdn.jsdelivr.net/npm/gitalk@1.4.0/dist/gitalk.css' %}
+{% set gitalk_css_url = '//cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.css' %}
 {% if theme.vendors.gitalk_css %}
   {% set gitalk_css_url = theme.vendors.gitalk_css %}
 {% endif %}

layout/_third-party/comments/gitment.swig

@@ -10,12 +10,16 @@
 {% endif %}
 <!-- END LOCAL -->
 
+<style>
+#gitment-container a {
+  border-bottom: none;
+}
 {% if theme.gitment.cleanly %}
-  <style>
-    a.gitment-editor-footer-tip { display: none; }
-    .gitment-container.gitment-footer-container { display: none; }
-  </style>
+  a.gitment-editor-footer-tip, .gitment-container.gitment-footer-container {
+    display: none;
+  }
 {% endif %}
+</style>
 
 <script>
   function renderGitment() {
@@ -24,7 +28,7 @@
       owner: '{{ theme.gitment.github_user }}',
       repo: '{{ theme.gitment.github_repo }}',
       {% if theme.gitment.mint %}
-      lang: '{{ theme.gitment.language }}' || navigator.language || navigator.systemLanguage || navigator.userLanguage,
+        lang: '{{ theme.gitment.language }}' || navigator.language || navigator.systemLanguage || navigator.userLanguage,
       {% endif %}
       oauth: {
       {% if theme.gitment.mint and theme.gitment.redirect_protocol %}
@@ -36,7 +40,8 @@
         client_secret: '{{ theme.gitment.client_secret }}',
       {% endif %}
         client_id: '{{ theme.gitment.client_id }}'
-      }});
+      }
+    });
     gitment.render('gitment-container');
   }
 

source/css/_common/components/footer/footer.styl

@@ -8,10 +8,10 @@
 .footer-inner { text-align: center; }
 
 @keyframes iconAnimate {
-    0%,100%{transform:scale(1);}
-    10%,30%{transform:scale(0.9);}
-    20%,40%,60%,80%{transform:scale(1.1);}
-    50%,70%{transform:scale(1.1);}
+  0%, 100% { transform: scale(1); }
+  10%, 30% { transform: scale(0.9); }
+  20%, 40%, 60%, 80% {transform: scale(1.1); }
+  50%, 70% {transform: scale(1.1); }
 }
 
 if hexo-config('footer.icon.animated') {

source/css/_common/components/header/github-banner.styl

@@ -4,17 +4,17 @@
   mobile_layout_economy = hexo-config('mobile_layout_economy');
 
   :hover .octo-arm {
-    animation:octocat-wave 560ms ease-in-out;
+    animation: octocat-wave 560ms ease-in-out;
   }
   @keyframes octocat-wave {
     0%,100% {
-      transform:rotate(0);
+      transform: rotate(0);
     }
     20%,60% {
-      transform:rotate(-25deg);
+      transform: rotate(-25deg);
     }
     40%,80% {
-      transform:rotate(10deg);
+      transform: rotate(10deg);
     }
   }
   +tablet-mobile() {
@@ -25,10 +25,10 @@
       }
     }
     .github-corner:hover .octo-arm {
-      animation:none;
+      animation: none;
     }
     .github-corner .octo-arm {
-      animation:octocat-wave 560ms ease-in-out;
+      animation: octocat-wave 560ms ease-in-out;
     }
   }
   +mobile() {
@@ -44,5 +44,4 @@
       }
     }
   }
-
 }