Home Explore Help
Register Sign In
schtonn
/
public
1
1
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

Site updated: 2020-03-03 15:00:14

schtonn 5 years ago
parent
4d5c709b84
commit
82df3da94b
41 changed files with 8544 additions and 0 deletions
Split View Show Diff Stats
  1. 377 0
      2020/03/03/hello-world/index.html
  2. 339 0
      archives/2020/03/index.html
  3. 339 0
      archives/2020/index.html
  4. 339 0
      archives/index.html
  5. 2274 0
      css/main.css
  6. 7 0
      images/algolia_logo.svg
  7. BIN
      images/apple-touch-icon-next.png
  8. BIN
      images/avatar.gif
  9. 109 0
      images/cc-by-nc-nd.svg
  10. 111 0
      images/cc-by-nc-sa.svg
  11. 109 0
      images/cc-by-nc.svg
  12. 106 0
      images/cc-by-nd.svg
  13. 109 0
      images/cc-by-sa.svg
  14. 111 0
      images/cc-by.svg
  15. 72 0
      images/cc-zero.svg
  16. BIN
      images/favicon-16x16-next.png
  17. BIN
      images/favicon-32x32-next.png
  18. 23 0
      images/logo.svg
  19. 13 0
      images/quote-l.svg
  20. 12 0
      images/quote-r.svg
  21. 371 0
      index.html
  22. 122 0
      js/algolia-search.js
  23. 56 0
      js/bookmark.js
  24. 307 0
      js/local-search.js
  25. 177 0
      js/motion.js
  26. 113 0
      js/next-boot.js
  27. 113 0
      js/schemes/muse.js
  28. 86 0
      js/schemes/pisces.js
  29. 389 0
      js/utils.js
  30. 7 0
      lib/anime.min.js
  31. 7 0
      lib/font-awesome/HELP-US-OUT.txt
  32. 1 0
      lib/font-awesome/bower.json
  33. 2337 0
      lib/font-awesome/css/font-awesome.css
  34. 2 0
      lib/font-awesome/css/font-awesome.css.map
  35. 3 0
      lib/font-awesome/css/font-awesome.min.css
  36. BIN
      lib/font-awesome/fonts/fontawesome-webfont.eot
  37. BIN
      lib/font-awesome/fonts/fontawesome-webfont.woff
  38. BIN
      lib/font-awesome/fonts/fontawesome-webfont.woff2
  39. 2 0
      lib/velocity/velocity.min.js
  40. 1 0
      lib/velocity/velocity.ui.min.js
  41. 0 0
      placeholder

+ 377 - 0
2020/03/03/hello-world/index.html
View File 

@@ -0,0 +1,377 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+  <meta charset="UTF-8">
 
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
 
+<meta name="theme-color" content="#222">
 
+<meta name="generator" content="Hexo 4.2.0">
 
+  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-next.png">
 
+  <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32-next.png">
 
+  <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16-next.png">
 
+  <link rel="mask-icon" href="/images/logo.svg" color="#222">
 
+
 
+<link rel="stylesheet" href="/css/main.css">
 
+
 
+
 
+<link rel="stylesheet" href="/lib/font-awesome/css/font-awesome.min.css">
 
+
 
+<script id="hexo-configurations">
 
+    var NexT = window.NexT || {};
 
+    var CONFIG = {"hostname":"yoursite.com","root":"/","scheme":"Muse","version":"7.7.2","exturl":false,"sidebar":{"position":"left","display":"post","padding":18,"offset":12,"onmobile":false},"copycode":{"enable":false,"show_result":false,"style":null},"back2top":{"enable":true,"sidebar":false,"scrollpercent":false},"bookmark":{"enable":false,"color":"#222","save":"auto"},"fancybox":false,"mediumzoom":false,"lazyload":false,"pangu":false,"comments":{"style":"tabs","active":null,"storage":true,"lazyload":false,"nav":null},"algolia":{"hits":{"per_page":10},"labels":{"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}},"localsearch":{"enable":false,"trigger":"auto","top_n_per_article":1,"unescape":false,"preload":false},"motion":{"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideUpIn"}}};
 
+  </script>
 
+
 
+  <meta name="description" content="Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. Quick">
 
+<meta property="og:type" content="article">
 
+<meta property="og:title" content="Hello World">
 
+<meta property="og:url" content="http://yoursite.com/2020/03/03/hello-world/index.html">
 
+<meta property="og:site_name" content="Schtonn&#39;s Blog">
 
+<meta property="og:description" content="Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. Quick">
 
+<meta property="og:locale" content="en_US">
 
+<meta property="article:published_time" content="2020-03-03T06:25:19.617Z">
 
+<meta property="article:modified_time" content="2020-03-03T06:25:19.617Z">
 
+<meta property="article:author" content="Schtonn">
 
+<meta name="twitter:card" content="summary">
 
+
 
+<link rel="canonical" href="http://yoursite.com/2020/03/03/hello-world/">
 
+
 
+
 
+<script id="page-configurations">
 
+  // https://hexo.io/docs/variables.html
 
+  CONFIG.page = {
 
+    sidebar: "",
 
+    isHome : false,
 
+    isPost : true
 
+  };
 
+</script>
 
+
 
+  <title>Hello World | Schtonn's Blog</title>
 
+  
+
 
+
 
+
 
+
 
+
 
+
 
+  <noscript>
 
+  <style>
 
+  .use-motion .brand,
 
+  .use-motion .menu-item,
 
+  .sidebar-inner,
 
+  .use-motion .post-block,
 
+  .use-motion .pagination,
 
+  .use-motion .comments,
 
+  .use-motion .post-header,
 
+  .use-motion .post-body,
 
+  .use-motion .collection-header { opacity: initial; }
 
+
 
+  .use-motion .site-title,
 
+  .use-motion .site-subtitle {
 
+    opacity: initial;
 
+    top: initial;
 
+  }
 
+
 
+  .use-motion .logo-line-before i { left: initial; }
 
+  .use-motion .logo-line-after i { right: initial; }
 
+  </style>
 
+</noscript>
 
+
 
+</head>
 
+
 
+<body itemscope itemtype="http://schema.org/WebPage">
 
+  <div class="container use-motion">
 
+    <div class="headband"></div>
 
+
 
+    <header class="header" itemscope itemtype="http://schema.org/WPHeader">
 
+      <div class="header-inner"><div class="site-brand-container">
 
+  <div class="site-nav-toggle">
 
+    <div class="toggle" aria-label="Toggle navigation bar">
 
+      <span class="toggle-line toggle-line-first"></span>
 
+      <span class="toggle-line toggle-line-middle"></span>
 
+      <span class="toggle-line toggle-line-last"></span>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="site-meta">
 
+
 
+    <div>
 
+      <a href="/" class="brand" rel="start">
 
+        <span class="logo-line-before"><i></i></span>
 
+        <span class="site-title">Schtonn's Blog</span>
 
+        <span class="logo-line-after"><i></i></span>
 
+      </a>
 
+    </div>
 
+        <p class="site-subtitle">Schtonn's blog</p>
 
+  </div>
 
+
 
+  <div class="site-nav-right">
 
+    <div class="toggle popup-trigger">
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+<nav class="site-nav">
 
+  
+  <ul id="menu" class="menu">
 
+        <li class="menu-item menu-item-home">
 
+
 
+    <a href="/" rel="section"><i class="fa fa-fw fa-home"></i>Home</a>
 
+
 
+  </li>
 
+        <li class="menu-item menu-item-archives">
 
+
 
+    <a href="/archives/" rel="section"><i class="fa fa-fw fa-archive"></i>Archives</a>
 
+
 
+  </li>
 
+  </ul>
 
+
 
+</nav>
 
+</div>
 
+    </header>
 
+
 
+    
+  <div class="back-to-top">
 
+    <i class="fa fa-arrow-up"></i>
 
+    <span>0%</span>
 
+  </div>
 
+
 
+
 
+    <main class="main">
 
+      <div class="main-inner">
 
+        <div class="content-wrap">
 
+          
+
 
+          <div class="content">
 
+            
+
 
+  <div class="posts-expand">
 
+      
+  
+  
+  <article itemscope itemtype="http://schema.org/Article" class="post-block " lang="en">
 
+    <link itemprop="mainEntityOfPage" href="http://yoursite.com/2020/03/03/hello-world/">
 
+
 
+    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
 
+      <meta itemprop="image" content="/images/avatar.gif">
 
+      <meta itemprop="name" content="Schtonn">
 
+      <meta itemprop="description" content="">
 
+    </span>
 
+
 
+    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
 
+      <meta itemprop="name" content="Schtonn's Blog">
 
+    </span>
 
+      <header class="post-header">
 
+        <h1 class="post-title" itemprop="name headline">
 
+          Hello World
 
+        </h1>
 
+
 
+        <div class="post-meta">
 
+            <span class="post-meta-item">
 
+              <span class="post-meta-item-icon">
 
+                <i class="fa fa-calendar-o"></i>
 
+              </span>
 
+              <span class="post-meta-item-text">Posted on</span>
 
+
 
+              <time title="Created: 2020-Mar-03 14:25:19" itemprop="dateCreated datePublished" datetime="2020-03-03T14:25:19+08:00">2020-Mar-03</time>
 
+            </span>
 
+
 
+          
+
 
+        </div>
 
+      </header>
 
+
 
+    
+    
+    
+    <div class="post-body" itemprop="articleBody">
 
+
 
+      
+        <p>Welcome to <a href="https://hexo.io/" target="_blank" rel="noopener">Hexo</a>! This is your very first post. Check <a href="https://hexo.io/docs/" target="_blank" rel="noopener">documentation</a> for more info. If you get any problems when using Hexo, you can find the answer in <a href="https://hexo.io/docs/troubleshooting.html" target="_blank" rel="noopener">troubleshooting</a> or you can ask me on <a href="https://github.com/hexojs/hexo/issues" target="_blank" rel="noopener">GitHub</a>.</p>
 
+<h2 id="Quick-Start"><a href="#Quick-Start" class="headerlink" title="Quick Start"></a>Quick Start</h2><h3 id="Create-a-new-post"><a href="#Create-a-new-post" class="headerlink" title="Create a new post"></a>Create a new post</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo new <span class="string">"My New Post"</span></span><br></pre></td></tr></table></figure>
 
+
 
+<p>More info: <a href="https://hexo.io/docs/writing.html" target="_blank" rel="noopener">Writing</a></p>
 
+<h3 id="Run-server"><a href="#Run-server" class="headerlink" title="Run server"></a>Run server</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo server</span><br></pre></td></tr></table></figure>
 
+
 
+<p>More info: <a href="https://hexo.io/docs/server.html" target="_blank" rel="noopener">Server</a></p>
 
+<h3 id="Generate-static-files"><a href="#Generate-static-files" class="headerlink" title="Generate static files"></a>Generate static files</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo generate</span><br></pre></td></tr></table></figure>
 
+
 
+<p>More info: <a href="https://hexo.io/docs/generating.html" target="_blank" rel="noopener">Generating</a></p>
 
+<h3 id="Deploy-to-remote-sites"><a href="#Deploy-to-remote-sites" class="headerlink" title="Deploy to remote sites"></a>Deploy to remote sites</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo deploy</span><br></pre></td></tr></table></figure>
 
+
 
+<p>More info: <a href="https://hexo.io/docs/one-command-deployment.html" target="_blank" rel="noopener">Deployment</a></p>
 
+
 
+    </div>
 
+
 
+    
+    
+    
+
 
+      <footer class="post-footer">
 
+
 
+        
+
 
+
 
+        
+      </footer>
 
+    
+  </article>
 
+  
+  
+  
+
 
+  </div>
 
+
 
+
 
+          </div>
 
+          
+
 
+<script>
 
+  window.addEventListener('tabs:register', () => {
 
+    let activeClass = CONFIG.comments.activeClass;
 
+    if (CONFIG.comments.storage) {
 
+      activeClass = localStorage.getItem('comments_active') || activeClass;
 
+    }
 
+    if (activeClass) {
 
+      let activeTab = document.querySelector(`a[href="#comment-${activeClass}"]`);
 
+      if (activeTab) {
 
+        activeTab.click();
 
+      }
 
+    }
 
+  });
 
+  if (CONFIG.comments.storage) {
 
+    window.addEventListener('tabs:click', event => {
 
+      if (!event.target.matches('.tabs-comment .tab-content .tab-pane')) return;
 
+      let commentClass = event.target.classList[1];
 
+      localStorage.setItem('comments_active', commentClass);
 
+    });
 
+  }
 
+</script>
 
+
 
+        </div>
 
+          
+  
+  <div class="toggle sidebar-toggle">
 
+    <span class="toggle-line toggle-line-first"></span>
 
+    <span class="toggle-line toggle-line-middle"></span>
 
+    <span class="toggle-line toggle-line-last"></span>
 
+  </div>
 
+
 
+  <aside class="sidebar">
 
+    <div class="sidebar-inner">
 
+
 
+      <ul class="sidebar-nav motion-element">
 
+        <li class="sidebar-nav-toc">
 
+          Table of Contents
 
+        </li>
 
+        <li class="sidebar-nav-overview">
 
+          Overview
 
+        </li>
 
+      </ul>
 
+
 
+      <!--noindex-->
 
+      <div class="post-toc-wrap sidebar-panel">
 
+          <div class="post-toc motion-element"><ol class="nav"><li class="nav-item nav-level-2"><a class="nav-link" href="#Quick-Start"><span class="nav-number">1.</span> <span class="nav-text">Quick Start</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#Create-a-new-post"><span class="nav-number">1.1.</span> <span class="nav-text">Create a new post</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#Run-server"><span class="nav-number">1.2.</span> <span class="nav-text">Run server</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#Generate-static-files"><span class="nav-number">1.3.</span> <span class="nav-text">Generate static files</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#Deploy-to-remote-sites"><span class="nav-number">1.4.</span> <span class="nav-text">Deploy to remote sites</span></a></li></ol></li></ol></div>
 
+      </div>
 
+      <!--/noindex-->
 
+
 
+      <div class="site-overview-wrap sidebar-panel">
 
+        <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
 
+  <p class="site-author-name" itemprop="name">Schtonn</p>
 
+  <div class="site-description" itemprop="description"></div>
 
+</div>
 
+<div class="site-state-wrap motion-element">
 
+  <nav class="site-state">
 
+      <div class="site-state-item site-state-posts">
 
+          <a href="/archives/">
 
+        
+          <span class="site-state-item-count">1</span>
 
+          <span class="site-state-item-name">posts</span>
 
+        </a>
 
+      </div>
 
+  </nav>
 
+</div>
 
+
 
+
 
+
 
+      </div>
 
+
 
+    </div>
 
+  </aside>
 
+  <div id="sidebar-dimmer"></div>
 
+
 
+
 
+      </div>
 
+    </main>
 
+
 
+    <footer class="footer">
 
+      <div class="footer-inner">
 
+        
+
 
+<div class="copyright">
 
+  
+  &copy; 
+  <span itemprop="copyrightYear">2020</span>
 
+  <span class="with-love">
 
+    <i class="fa fa-user"></i>
 
+  </span>
 
+  <span class="author" itemprop="copyrightHolder">Schtonn</span>
 
+</div>
 
+  <div class="powered-by">Powered by <a href="https://hexo.io/" class="theme-link" rel="noopener" target="_blank">Hexo</a> v4.2.0
 
+  </div>
 
+  <span class="post-meta-divider">|</span>
 
+  <div class="theme-info">Theme – <a href="https://muse.theme-next.org/" class="theme-link" rel="noopener" target="_blank">NexT.Muse</a> v7.7.2
 
+  </div>
 
+
 
+        
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+      </div>
 
+    </footer>
 
+  </div>
 
+
 
+  
+  <script src="/lib/anime.min.js"></script>
 
+  <script src="/lib/velocity/velocity.min.js"></script>
 
+  <script src="/lib/velocity/velocity.ui.min.js"></script>
 
+
 
+<script src="/js/utils.js"></script>
 
+
 
+<script src="/js/motion.js"></script>
 
+
 
+
 
+<script src="/js/schemes/muse.js"></script>
 
+
 
+
 
+<script src="/js/next-boot.js"></script>
 
+
 
+
 
+
 
+
 
+  
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+  
+
 
+  
+
 
+</body>
 
+</html>

+ 339 - 0
archives/2020/03/index.html
View File 

@@ -0,0 +1,339 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+  <meta charset="UTF-8">
 
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
 
+<meta name="theme-color" content="#222">
 
+<meta name="generator" content="Hexo 4.2.0">
 
+  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-next.png">
 
+  <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32-next.png">
 
+  <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16-next.png">
 
+  <link rel="mask-icon" href="/images/logo.svg" color="#222">
 
+
 
+<link rel="stylesheet" href="/css/main.css">
 
+
 
+
 
+<link rel="stylesheet" href="/lib/font-awesome/css/font-awesome.min.css">
 
+
 
+<script id="hexo-configurations">
 
+    var NexT = window.NexT || {};
 
+    var CONFIG = {"hostname":"yoursite.com","root":"/","scheme":"Muse","version":"7.7.2","exturl":false,"sidebar":{"position":"left","display":"post","padding":18,"offset":12,"onmobile":false},"copycode":{"enable":false,"show_result":false,"style":null},"back2top":{"enable":true,"sidebar":false,"scrollpercent":false},"bookmark":{"enable":false,"color":"#222","save":"auto"},"fancybox":false,"mediumzoom":false,"lazyload":false,"pangu":false,"comments":{"style":"tabs","active":null,"storage":true,"lazyload":false,"nav":null},"algolia":{"hits":{"per_page":10},"labels":{"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}},"localsearch":{"enable":false,"trigger":"auto","top_n_per_article":1,"unescape":false,"preload":false},"motion":{"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideUpIn"}}};
 
+  </script>
 
+
 
+  <meta property="og:type" content="website">
 
+<meta property="og:title" content="Schtonn&#39;s Blog">
 
+<meta property="og:url" content="http://yoursite.com/archives/2020/03/index.html">
 
+<meta property="og:site_name" content="Schtonn&#39;s Blog">
 
+<meta property="og:locale" content="en_US">
 
+<meta property="article:author" content="Schtonn">
 
+<meta name="twitter:card" content="summary">
 
+
 
+<link rel="canonical" href="http://yoursite.com/archives/2020/03/">
 
+
 
+
 
+<script id="page-configurations">
 
+  // https://hexo.io/docs/variables.html
 
+  CONFIG.page = {
 
+    sidebar: "",
 
+    isHome : false,
 
+    isPost : false
 
+  };
 
+</script>
 
+
 
+  <title>Archive | Schtonn's Blog</title>
 
+  
+
 
+
 
+
 
+
 
+
 
+
 
+  <noscript>
 
+  <style>
 
+  .use-motion .brand,
 
+  .use-motion .menu-item,
 
+  .sidebar-inner,
 
+  .use-motion .post-block,
 
+  .use-motion .pagination,
 
+  .use-motion .comments,
 
+  .use-motion .post-header,
 
+  .use-motion .post-body,
 
+  .use-motion .collection-header { opacity: initial; }
 
+
 
+  .use-motion .site-title,
 
+  .use-motion .site-subtitle {
 
+    opacity: initial;
 
+    top: initial;
 
+  }
 
+
 
+  .use-motion .logo-line-before i { left: initial; }
 
+  .use-motion .logo-line-after i { right: initial; }
 
+  </style>
 
+</noscript>
 
+
 
+</head>
 
+
 
+<body itemscope itemtype="http://schema.org/WebPage">
 
+  <div class="container use-motion">
 
+    <div class="headband"></div>
 
+
 
+    <header class="header" itemscope itemtype="http://schema.org/WPHeader">
 
+      <div class="header-inner"><div class="site-brand-container">
 
+  <div class="site-nav-toggle">
 
+    <div class="toggle" aria-label="Toggle navigation bar">
 
+      <span class="toggle-line toggle-line-first"></span>
 
+      <span class="toggle-line toggle-line-middle"></span>
 
+      <span class="toggle-line toggle-line-last"></span>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="site-meta">
 
+
 
+    <div>
 
+      <a href="/" class="brand" rel="start">
 
+        <span class="logo-line-before"><i></i></span>
 
+        <span class="site-title">Schtonn's Blog</span>
 
+        <span class="logo-line-after"><i></i></span>
 
+      </a>
 
+    </div>
 
+        <p class="site-subtitle">Schtonn's blog</p>
 
+  </div>
 
+
 
+  <div class="site-nav-right">
 
+    <div class="toggle popup-trigger">
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+<nav class="site-nav">
 
+  
+  <ul id="menu" class="menu">
 
+        <li class="menu-item menu-item-home">
 
+
 
+    <a href="/" rel="section"><i class="fa fa-fw fa-home"></i>Home</a>
 
+
 
+  </li>
 
+        <li class="menu-item menu-item-archives">
 
+
 
+    <a href="/archives/" rel="section"><i class="fa fa-fw fa-archive"></i>Archives</a>
 
+
 
+  </li>
 
+  </ul>
 
+
 
+</nav>
 
+</div>
 
+    </header>
 
+
 
+    
+  <div class="back-to-top">
 
+    <i class="fa fa-arrow-up"></i>
 
+    <span>0%</span>
 
+  </div>
 
+
 
+
 
+    <main class="main">
 
+      <div class="main-inner">
 
+        <div class="content-wrap">
 
+          
+
 
+          <div class="content">
 
+            
+
 
+  
+  
+  
+  <div class="post-block">
 
+    <div class="posts-collapse">
 
+      <div class="collection-title">
 
+        <span class="collection-header">Um..! 1 post. Keep on posting.</span>
 
+      </div>
 
+
 
+      
+    <div class="collection-year">
 
+      <h1 class="collection-header">2020</h1>
 
+    </div>
 
+
 
+  <article itemscope itemtype="http://schema.org/Article">
 
+    <header class="post-header">
 
+
 
+      <div class="post-meta">
 
+        <time itemprop="dateCreated"
 
+              datetime="2020-03-03T14:25:19+08:00"
 
+              content="2020-Mar-03">
 
+          03-03
 
+        </time>
 
+      </div>
 
+
 
+      <h2 class="post-title">
 
+          <a class="post-title-link" href="/2020/03/03/hello-world/" itemprop="url">
 
+            <span itemprop="name">Hello World</span>
 
+          </a>
 
+      </h2>
 
+
 
+    </header>
 
+  </article>
 
+
 
+
 
+    </div>
 
+  </div>
 
+  
+  
+  
+
 
+  
+
 
+
 
+
 
+          </div>
 
+          
+
 
+<script>
 
+  window.addEventListener('tabs:register', () => {
 
+    let activeClass = CONFIG.comments.activeClass;
 
+    if (CONFIG.comments.storage) {
 
+      activeClass = localStorage.getItem('comments_active') || activeClass;
 
+    }
 
+    if (activeClass) {
 
+      let activeTab = document.querySelector(`a[href="#comment-${activeClass}"]`);
 
+      if (activeTab) {
 
+        activeTab.click();
 
+      }
 
+    }
 
+  });
 
+  if (CONFIG.comments.storage) {
 
+    window.addEventListener('tabs:click', event => {
 
+      if (!event.target.matches('.tabs-comment .tab-content .tab-pane')) return;
 
+      let commentClass = event.target.classList[1];
 
+      localStorage.setItem('comments_active', commentClass);
 
+    });
 
+  }
 
+</script>
 
+
 
+        </div>
 
+          
+  
+  <div class="toggle sidebar-toggle">
 
+    <span class="toggle-line toggle-line-first"></span>
 
+    <span class="toggle-line toggle-line-middle"></span>
 
+    <span class="toggle-line toggle-line-last"></span>
 
+  </div>
 
+
 
+  <aside class="sidebar">
 
+    <div class="sidebar-inner">
 
+
 
+      <ul class="sidebar-nav motion-element">
 
+        <li class="sidebar-nav-toc">
 
+          Table of Contents
 
+        </li>
 
+        <li class="sidebar-nav-overview">
 
+          Overview
 
+        </li>
 
+      </ul>
 
+
 
+      <!--noindex-->
 
+      <div class="post-toc-wrap sidebar-panel">
 
+      </div>
 
+      <!--/noindex-->
 
+
 
+      <div class="site-overview-wrap sidebar-panel">
 
+        <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
 
+  <p class="site-author-name" itemprop="name">Schtonn</p>
 
+  <div class="site-description" itemprop="description"></div>
 
+</div>
 
+<div class="site-state-wrap motion-element">
 
+  <nav class="site-state">
 
+      <div class="site-state-item site-state-posts">
 
+          <a href="/archives/">
 
+        
+          <span class="site-state-item-count">1</span>
 
+          <span class="site-state-item-name">posts</span>
 
+        </a>
 
+      </div>
 
+  </nav>
 
+</div>
 
+
 
+
 
+
 
+      </div>
 
+
 
+    </div>
 
+  </aside>
 
+  <div id="sidebar-dimmer"></div>
 
+
 
+
 
+      </div>
 
+    </main>
 
+
 
+    <footer class="footer">
 
+      <div class="footer-inner">
 
+        
+
 
+<div class="copyright">
 
+  
+  &copy; 
+  <span itemprop="copyrightYear">2020</span>
 
+  <span class="with-love">
 
+    <i class="fa fa-user"></i>
 
+  </span>
 
+  <span class="author" itemprop="copyrightHolder">Schtonn</span>
 
+</div>
 
+  <div class="powered-by">Powered by <a href="https://hexo.io/" class="theme-link" rel="noopener" target="_blank">Hexo</a> v4.2.0
 
+  </div>
 
+  <span class="post-meta-divider">|</span>
 
+  <div class="theme-info">Theme – <a href="https://muse.theme-next.org/" class="theme-link" rel="noopener" target="_blank">NexT.Muse</a> v7.7.2
 
+  </div>
 
+
 
+        
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+      </div>
 
+    </footer>
 
+  </div>
 
+
 
+  
+  <script src="/lib/anime.min.js"></script>
 
+  <script src="/lib/velocity/velocity.min.js"></script>
 
+  <script src="/lib/velocity/velocity.ui.min.js"></script>
 
+
 
+<script src="/js/utils.js"></script>
 
+
 
+<script src="/js/motion.js"></script>
 
+
 
+
 
+<script src="/js/schemes/muse.js"></script>
 
+
 
+
 
+<script src="/js/next-boot.js"></script>
 
+
 
+
 
+
 
+
 
+  
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+  
+
 
+  
+
 
+</body>
 
+</html>

+ 339 - 0
archives/2020/index.html
View File 

@@ -0,0 +1,339 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+  <meta charset="UTF-8">
 
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
 
+<meta name="theme-color" content="#222">
 
+<meta name="generator" content="Hexo 4.2.0">
 
+  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-next.png">
 
+  <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32-next.png">
 
+  <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16-next.png">
 
+  <link rel="mask-icon" href="/images/logo.svg" color="#222">
 
+
 
+<link rel="stylesheet" href="/css/main.css">
 
+
 
+
 
+<link rel="stylesheet" href="/lib/font-awesome/css/font-awesome.min.css">
 
+
 
+<script id="hexo-configurations">
 
+    var NexT = window.NexT || {};
 
+    var CONFIG = {"hostname":"yoursite.com","root":"/","scheme":"Muse","version":"7.7.2","exturl":false,"sidebar":{"position":"left","display":"post","padding":18,"offset":12,"onmobile":false},"copycode":{"enable":false,"show_result":false,"style":null},"back2top":{"enable":true,"sidebar":false,"scrollpercent":false},"bookmark":{"enable":false,"color":"#222","save":"auto"},"fancybox":false,"mediumzoom":false,"lazyload":false,"pangu":false,"comments":{"style":"tabs","active":null,"storage":true,"lazyload":false,"nav":null},"algolia":{"hits":{"per_page":10},"labels":{"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}},"localsearch":{"enable":false,"trigger":"auto","top_n_per_article":1,"unescape":false,"preload":false},"motion":{"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideUpIn"}}};
 
+  </script>
 
+
 
+  <meta property="og:type" content="website">
 
+<meta property="og:title" content="Schtonn&#39;s Blog">
 
+<meta property="og:url" content="http://yoursite.com/archives/2020/index.html">
 
+<meta property="og:site_name" content="Schtonn&#39;s Blog">
 
+<meta property="og:locale" content="en_US">
 
+<meta property="article:author" content="Schtonn">
 
+<meta name="twitter:card" content="summary">
 
+
 
+<link rel="canonical" href="http://yoursite.com/archives/2020/">
 
+
 
+
 
+<script id="page-configurations">
 
+  // https://hexo.io/docs/variables.html
 
+  CONFIG.page = {
 
+    sidebar: "",
 
+    isHome : false,
 
+    isPost : false
 
+  };
 
+</script>
 
+
 
+  <title>Archive | Schtonn's Blog</title>
 
+  
+
 
+
 
+
 
+
 
+
 
+
 
+  <noscript>
 
+  <style>
 
+  .use-motion .brand,
 
+  .use-motion .menu-item,
 
+  .sidebar-inner,
 
+  .use-motion .post-block,
 
+  .use-motion .pagination,
 
+  .use-motion .comments,
 
+  .use-motion .post-header,
 
+  .use-motion .post-body,
 
+  .use-motion .collection-header { opacity: initial; }
 
+
 
+  .use-motion .site-title,
 
+  .use-motion .site-subtitle {
 
+    opacity: initial;
 
+    top: initial;
 
+  }
 
+
 
+  .use-motion .logo-line-before i { left: initial; }
 
+  .use-motion .logo-line-after i { right: initial; }
 
+  </style>
 
+</noscript>
 
+
 
+</head>
 
+
 
+<body itemscope itemtype="http://schema.org/WebPage">
 
+  <div class="container use-motion">
 
+    <div class="headband"></div>
 
+
 
+    <header class="header" itemscope itemtype="http://schema.org/WPHeader">
 
+      <div class="header-inner"><div class="site-brand-container">
 
+  <div class="site-nav-toggle">
 
+    <div class="toggle" aria-label="Toggle navigation bar">
 
+      <span class="toggle-line toggle-line-first"></span>
 
+      <span class="toggle-line toggle-line-middle"></span>
 
+      <span class="toggle-line toggle-line-last"></span>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="site-meta">
 
+
 
+    <div>
 
+      <a href="/" class="brand" rel="start">
 
+        <span class="logo-line-before"><i></i></span>
 
+        <span class="site-title">Schtonn's Blog</span>
 
+        <span class="logo-line-after"><i></i></span>
 
+      </a>
 
+    </div>
 
+        <p class="site-subtitle">Schtonn's blog</p>
 
+  </div>
 
+
 
+  <div class="site-nav-right">
 
+    <div class="toggle popup-trigger">
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+<nav class="site-nav">
 
+  
+  <ul id="menu" class="menu">
 
+        <li class="menu-item menu-item-home">
 
+
 
+    <a href="/" rel="section"><i class="fa fa-fw fa-home"></i>Home</a>
 
+
 
+  </li>
 
+        <li class="menu-item menu-item-archives">
 
+
 
+    <a href="/archives/" rel="section"><i class="fa fa-fw fa-archive"></i>Archives</a>
 
+
 
+  </li>
 
+  </ul>
 
+
 
+</nav>
 
+</div>
 
+    </header>
 
+
 
+    
+  <div class="back-to-top">
 
+    <i class="fa fa-arrow-up"></i>
 
+    <span>0%</span>
 
+  </div>
 
+
 
+
 
+    <main class="main">
 
+      <div class="main-inner">
 
+        <div class="content-wrap">
 
+          
+
 
+          <div class="content">
 
+            
+
 
+  
+  
+  
+  <div class="post-block">
 
+    <div class="posts-collapse">
 
+      <div class="collection-title">
 
+        <span class="collection-header">Um..! 1 post. Keep on posting.</span>
 
+      </div>
 
+
 
+      
+    <div class="collection-year">
 
+      <h1 class="collection-header">2020</h1>
 
+    </div>
 
+
 
+  <article itemscope itemtype="http://schema.org/Article">
 
+    <header class="post-header">
 
+
 
+      <div class="post-meta">
 
+        <time itemprop="dateCreated"
 
+              datetime="2020-03-03T14:25:19+08:00"
 
+              content="2020-Mar-03">
 
+          03-03
 
+        </time>
 
+      </div>
 
+
 
+      <h2 class="post-title">
 
+          <a class="post-title-link" href="/2020/03/03/hello-world/" itemprop="url">
 
+            <span itemprop="name">Hello World</span>
 
+          </a>
 
+      </h2>
 
+
 
+    </header>
 
+  </article>
 
+
 
+
 
+    </div>
 
+  </div>
 
+  
+  
+  
+
 
+  
+
 
+
 
+
 
+          </div>
 
+          
+
 
+<script>
 
+  window.addEventListener('tabs:register', () => {
 
+    let activeClass = CONFIG.comments.activeClass;
 
+    if (CONFIG.comments.storage) {
 
+      activeClass = localStorage.getItem('comments_active') || activeClass;
 
+    }
 
+    if (activeClass) {
 
+      let activeTab = document.querySelector(`a[href="#comment-${activeClass}"]`);
 
+      if (activeTab) {
 
+        activeTab.click();
 
+      }
 
+    }
 
+  });
 
+  if (CONFIG.comments.storage) {
 
+    window.addEventListener('tabs:click', event => {
 
+      if (!event.target.matches('.tabs-comment .tab-content .tab-pane')) return;
 
+      let commentClass = event.target.classList[1];
 
+      localStorage.setItem('comments_active', commentClass);
 
+    });
 
+  }
 
+</script>
 
+
 
+        </div>
 
+          
+  
+  <div class="toggle sidebar-toggle">
 
+    <span class="toggle-line toggle-line-first"></span>
 
+    <span class="toggle-line toggle-line-middle"></span>
 
+    <span class="toggle-line toggle-line-last"></span>
 
+  </div>
 
+
 
+  <aside class="sidebar">
 
+    <div class="sidebar-inner">
 
+
 
+      <ul class="sidebar-nav motion-element">
 
+        <li class="sidebar-nav-toc">
 
+          Table of Contents
 
+        </li>
 
+        <li class="sidebar-nav-overview">
 
+          Overview
 
+        </li>
 
+      </ul>
 
+
 
+      <!--noindex-->
 
+      <div class="post-toc-wrap sidebar-panel">
 
+      </div>
 
+      <!--/noindex-->
 
+
 
+      <div class="site-overview-wrap sidebar-panel">
 
+        <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
 
+  <p class="site-author-name" itemprop="name">Schtonn</p>
 
+  <div class="site-description" itemprop="description"></div>
 
+</div>
 
+<div class="site-state-wrap motion-element">
 
+  <nav class="site-state">
 
+      <div class="site-state-item site-state-posts">
 
+          <a href="/archives/">
 
+        
+          <span class="site-state-item-count">1</span>
 
+          <span class="site-state-item-name">posts</span>
 
+        </a>
 
+      </div>
 
+  </nav>
 
+</div>
 
+
 
+
 
+
 
+      </div>
 
+
 
+    </div>
 
+  </aside>
 
+  <div id="sidebar-dimmer"></div>
 
+
 
+
 
+      </div>
 
+    </main>
 
+
 
+    <footer class="footer">
 
+      <div class="footer-inner">
 
+        
+
 
+<div class="copyright">
 
+  
+  &copy; 
+  <span itemprop="copyrightYear">2020</span>
 
+  <span class="with-love">
 
+    <i class="fa fa-user"></i>
 
+  </span>
 
+  <span class="author" itemprop="copyrightHolder">Schtonn</span>
 
+</div>
 
+  <div class="powered-by">Powered by <a href="https://hexo.io/" class="theme-link" rel="noopener" target="_blank">Hexo</a> v4.2.0
 
+  </div>
 
+  <span class="post-meta-divider">|</span>
 
+  <div class="theme-info">Theme – <a href="https://muse.theme-next.org/" class="theme-link" rel="noopener" target="_blank">NexT.Muse</a> v7.7.2
 
+  </div>
 
+
 
+        
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+      </div>
 
+    </footer>
 
+  </div>
 
+
 
+  
+  <script src="/lib/anime.min.js"></script>
 
+  <script src="/lib/velocity/velocity.min.js"></script>
 
+  <script src="/lib/velocity/velocity.ui.min.js"></script>
 
+
 
+<script src="/js/utils.js"></script>
 
+
 
+<script src="/js/motion.js"></script>
 
+
 
+
 
+<script src="/js/schemes/muse.js"></script>
 
+
 
+
 
+<script src="/js/next-boot.js"></script>
 
+
 
+
 
+
 
+
 
+  
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+  
+
 
+  
+
 
+</body>
 
+</html>

+ 339 - 0
archives/index.html
View File 

@@ -0,0 +1,339 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+  <meta charset="UTF-8">
 
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
 
+<meta name="theme-color" content="#222">
 
+<meta name="generator" content="Hexo 4.2.0">
 
+  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-next.png">
 
+  <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32-next.png">
 
+  <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16-next.png">
 
+  <link rel="mask-icon" href="/images/logo.svg" color="#222">
 
+
 
+<link rel="stylesheet" href="/css/main.css">
 
+
 
+
 
+<link rel="stylesheet" href="/lib/font-awesome/css/font-awesome.min.css">
 
+
 
+<script id="hexo-configurations">
 
+    var NexT = window.NexT || {};
 
+    var CONFIG = {"hostname":"yoursite.com","root":"/","scheme":"Muse","version":"7.7.2","exturl":false,"sidebar":{"position":"left","display":"post","padding":18,"offset":12,"onmobile":false},"copycode":{"enable":false,"show_result":false,"style":null},"back2top":{"enable":true,"sidebar":false,"scrollpercent":false},"bookmark":{"enable":false,"color":"#222","save":"auto"},"fancybox":false,"mediumzoom":false,"lazyload":false,"pangu":false,"comments":{"style":"tabs","active":null,"storage":true,"lazyload":false,"nav":null},"algolia":{"hits":{"per_page":10},"labels":{"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}},"localsearch":{"enable":false,"trigger":"auto","top_n_per_article":1,"unescape":false,"preload":false},"motion":{"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideUpIn"}}};
 
+  </script>
 
+
 
+  <meta property="og:type" content="website">
 
+<meta property="og:title" content="Schtonn&#39;s Blog">
 
+<meta property="og:url" content="http://yoursite.com/archives/index.html">
 
+<meta property="og:site_name" content="Schtonn&#39;s Blog">
 
+<meta property="og:locale" content="en_US">
 
+<meta property="article:author" content="Schtonn">
 
+<meta name="twitter:card" content="summary">
 
+
 
+<link rel="canonical" href="http://yoursite.com/archives/">
 
+
 
+
 
+<script id="page-configurations">
 
+  // https://hexo.io/docs/variables.html
 
+  CONFIG.page = {
 
+    sidebar: "",
 
+    isHome : false,
 
+    isPost : false
 
+  };
 
+</script>
 
+
 
+  <title>Archive | Schtonn's Blog</title>
 
+  
+
 
+
 
+
 
+
 
+
 
+
 
+  <noscript>
 
+  <style>
 
+  .use-motion .brand,
 
+  .use-motion .menu-item,
 
+  .sidebar-inner,
 
+  .use-motion .post-block,
 
+  .use-motion .pagination,
 
+  .use-motion .comments,
 
+  .use-motion .post-header,
 
+  .use-motion .post-body,
 
+  .use-motion .collection-header { opacity: initial; }
 
+
 
+  .use-motion .site-title,
 
+  .use-motion .site-subtitle {
 
+    opacity: initial;
 
+    top: initial;
 
+  }
 
+
 
+  .use-motion .logo-line-before i { left: initial; }
 
+  .use-motion .logo-line-after i { right: initial; }
 
+  </style>
 
+</noscript>
 
+
 
+</head>
 
+
 
+<body itemscope itemtype="http://schema.org/WebPage">
 
+  <div class="container use-motion">
 
+    <div class="headband"></div>
 
+
 
+    <header class="header" itemscope itemtype="http://schema.org/WPHeader">
 
+      <div class="header-inner"><div class="site-brand-container">
 
+  <div class="site-nav-toggle">
 
+    <div class="toggle" aria-label="Toggle navigation bar">
 
+      <span class="toggle-line toggle-line-first"></span>
 
+      <span class="toggle-line toggle-line-middle"></span>
 
+      <span class="toggle-line toggle-line-last"></span>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="site-meta">
 
+
 
+    <div>
 
+      <a href="/" class="brand" rel="start">
 
+        <span class="logo-line-before"><i></i></span>
 
+        <span class="site-title">Schtonn's Blog</span>
 
+        <span class="logo-line-after"><i></i></span>
 
+      </a>
 
+    </div>
 
+        <p class="site-subtitle">Schtonn's blog</p>
 
+  </div>
 
+
 
+  <div class="site-nav-right">
 
+    <div class="toggle popup-trigger">
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+<nav class="site-nav">
 
+  
+  <ul id="menu" class="menu">
 
+        <li class="menu-item menu-item-home">
 
+
 
+    <a href="/" rel="section"><i class="fa fa-fw fa-home"></i>Home</a>
 
+
 
+  </li>
 
+        <li class="menu-item menu-item-archives">
 
+
 
+    <a href="/archives/" rel="section"><i class="fa fa-fw fa-archive"></i>Archives</a>
 
+
 
+  </li>
 
+  </ul>
 
+
 
+</nav>
 
+</div>
 
+    </header>
 
+
 
+    
+  <div class="back-to-top">
 
+    <i class="fa fa-arrow-up"></i>
 
+    <span>0%</span>
 
+  </div>
 
+
 
+
 
+    <main class="main">
 
+      <div class="main-inner">
 
+        <div class="content-wrap">
 
+          
+
 
+          <div class="content">
 
+            
+
 
+  
+  
+  
+  <div class="post-block">
 
+    <div class="posts-collapse">
 
+      <div class="collection-title">
 
+        <span class="collection-header">Um..! 1 post. Keep on posting.</span>
 
+      </div>
 
+
 
+      
+    <div class="collection-year">
 
+      <h1 class="collection-header">2020</h1>
 
+    </div>
 
+
 
+  <article itemscope itemtype="http://schema.org/Article">
 
+    <header class="post-header">
 
+
 
+      <div class="post-meta">
 
+        <time itemprop="dateCreated"
 
+              datetime="2020-03-03T14:25:19+08:00"
 
+              content="2020-Mar-03">
 
+          03-03
 
+        </time>
 
+      </div>
 
+
 
+      <h2 class="post-title">
 
+          <a class="post-title-link" href="/2020/03/03/hello-world/" itemprop="url">
 
+            <span itemprop="name">Hello World</span>
 
+          </a>
 
+      </h2>
 
+
 
+    </header>
 
+  </article>
 
+
 
+
 
+    </div>
 
+  </div>
 
+  
+  
+  
+
 
+  
+
 
+
 
+
 
+          </div>
 
+          
+
 
+<script>
 
+  window.addEventListener('tabs:register', () => {
 
+    let activeClass = CONFIG.comments.activeClass;
 
+    if (CONFIG.comments.storage) {
 
+      activeClass = localStorage.getItem('comments_active') || activeClass;
 
+    }
 
+    if (activeClass) {
 
+      let activeTab = document.querySelector(`a[href="#comment-${activeClass}"]`);
 
+      if (activeTab) {
 
+        activeTab.click();
 
+      }
 
+    }
 
+  });
 
+  if (CONFIG.comments.storage) {
 
+    window.addEventListener('tabs:click', event => {
 
+      if (!event.target.matches('.tabs-comment .tab-content .tab-pane')) return;
 
+      let commentClass = event.target.classList[1];
 
+      localStorage.setItem('comments_active', commentClass);
 
+    });
 
+  }
 
+</script>
 
+
 
+        </div>
 
+          
+  
+  <div class="toggle sidebar-toggle">
 
+    <span class="toggle-line toggle-line-first"></span>
 
+    <span class="toggle-line toggle-line-middle"></span>
 
+    <span class="toggle-line toggle-line-last"></span>
 
+  </div>
 
+
 
+  <aside class="sidebar">
 
+    <div class="sidebar-inner">
 
+
 
+      <ul class="sidebar-nav motion-element">
 
+        <li class="sidebar-nav-toc">
 
+          Table of Contents
 
+        </li>
 
+        <li class="sidebar-nav-overview">
 
+          Overview
 
+        </li>
 
+      </ul>
 
+
 
+      <!--noindex-->
 
+      <div class="post-toc-wrap sidebar-panel">
 
+      </div>
 
+      <!--/noindex-->
 
+
 
+      <div class="site-overview-wrap sidebar-panel">
 
+        <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
 
+  <p class="site-author-name" itemprop="name">Schtonn</p>
 
+  <div class="site-description" itemprop="description"></div>
 
+</div>
 
+<div class="site-state-wrap motion-element">
 
+  <nav class="site-state">
 
+      <div class="site-state-item site-state-posts">
 
+          <a href="/archives/">
 
+        
+          <span class="site-state-item-count">1</span>
 
+          <span class="site-state-item-name">posts</span>
 
+        </a>
 
+      </div>
 
+  </nav>
 
+</div>
 
+
 
+
 
+
 
+      </div>
 
+
 
+    </div>
 
+  </aside>
 
+  <div id="sidebar-dimmer"></div>
 
+
 
+
 
+      </div>
 
+    </main>
 
+
 
+    <footer class="footer">
 
+      <div class="footer-inner">
 
+        
+
 
+<div class="copyright">
 
+  
+  &copy; 
+  <span itemprop="copyrightYear">2020</span>
 
+  <span class="with-love">
 
+    <i class="fa fa-user"></i>
 
+  </span>
 
+  <span class="author" itemprop="copyrightHolder">Schtonn</span>
 
+</div>
 
+  <div class="powered-by">Powered by <a href="https://hexo.io/" class="theme-link" rel="noopener" target="_blank">Hexo</a> v4.2.0
 
+  </div>
 
+  <span class="post-meta-divider">|</span>
 
+  <div class="theme-info">Theme – <a href="https://muse.theme-next.org/" class="theme-link" rel="noopener" target="_blank">NexT.Muse</a> v7.7.2
 
+  </div>
 
+
 
+        
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+      </div>
 
+    </footer>
 
+  </div>
 
+
 
+  
+  <script src="/lib/anime.min.js"></script>
 
+  <script src="/lib/velocity/velocity.min.js"></script>
 
+  <script src="/lib/velocity/velocity.ui.min.js"></script>
 
+
 
+<script src="/js/utils.js"></script>
 
+
 
+<script src="/js/motion.js"></script>
 
+
 
+
 
+<script src="/js/schemes/muse.js"></script>
 
+
 
+
 
+<script src="/js/next-boot.js"></script>
 
+
 
+
 
+
 
+
 
+  
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+  
+
 
+  
+
 
+</body>
 
+</html>

+ 2274 - 0
css/main.css
View File 

@@ -0,0 +1,2274 @@
 
+:root {
 
+  --body-bg-color: #fff;
 
+  --content-bg-color: #fff;
 
+  --card-bg-color: #f5f5f5;
 
+  --text-color: #555;
 
+  --link-color: #555;
 
+  --link-hover-color: #222;
 
+  --brand-color: #fff;
 
+  --brand-hover-color: #fff;
 
+  --table-row-odd-bg-color: #f9f9f9;
 
+  --table-row-hover-bg-color: #f5f5f5;
 
+  --menu-item-bg-color: #f5f5f5;
 
+}
 
+html {
 
+  line-height: 1.15; /* 1 */
 
+  -webkit-text-size-adjust: 100%; /* 2 */
 
+}
 
+body {
 
+  margin: 0;
 
+}
 
+main {
 
+  display: block;
 
+}
 
+h1 {
 
+  font-size: 2em;
 
+  margin: 0.67em 0;
 
+}
 
+hr {
 
+  box-sizing: content-box; /* 1 */
 
+  height: 0; /* 1 */
 
+  overflow: visible; /* 2 */
 
+}
 
+pre {
 
+  font-family: monospace, monospace; /* 1 */
 
+  font-size: 1em; /* 2 */
 
+}
 
+a {
 
+  background: transparent;
 
+}
 
+abbr[title] {
 
+  border-bottom: none; /* 1 */
 
+  text-decoration: underline; /* 2 */
 
+  text-decoration: underline dotted; /* 2 */
 
+}
 
+b,
 
+strong {
 
+  font-weight: bolder;
 
+}
 
+code,
 
+kbd,
 
+samp {
 
+  font-family: monospace, monospace; /* 1 */
 
+  font-size: 1em; /* 2 */
 
+}
 
+small {
 
+  font-size: 80%;
 
+}
 
+sub,
 
+sup {
 
+  font-size: 75%;
 
+  line-height: 0;
 
+  position: relative;
 
+  vertical-align: baseline;
 
+}
 
+sub {
 
+  bottom: -0.25em;
 
+}
 
+sup {
 
+  top: -0.5em;
 
+}
 
+img {
 
+  border-style: none;
 
+}
 
+button,
 
+input,
 
+optgroup,
 
+select,
 
+textarea {
 
+  font-family: inherit; /* 1 */
 
+  font-size: 100%; /* 1 */
 
+  line-height: 1.15; /* 1 */
 
+  margin: 0; /* 2 */
 
+}
 
+button,
 
+input {
 
+/* 1 */
 
+  overflow: visible;
 
+}
 
+button,
 
+select {
 
+/* 1 */
 
+  text-transform: none;
 
+}
 
+button,
 
+[type='button'],
 
+[type='reset'],
 
+[type='submit'] {
 
+  -webkit-appearance: button;
 
+}
 
+button::-moz-focus-inner,
 
+[type='button']::-moz-focus-inner,
 
+[type='reset']::-moz-focus-inner,
 
+[type='submit']::-moz-focus-inner {
 
+  border-style: none;
 
+  padding: 0;
 
+}
 
+button:-moz-focusring,
 
+[type='button']:-moz-focusring,
 
+[type='reset']:-moz-focusring,
 
+[type='submit']:-moz-focusring {
 
+  outline: 1px dotted ButtonText;
 
+}
 
+fieldset {
 
+  padding: 0.35em 0.75em 0.625em;
 
+}
 
+legend {
 
+  box-sizing: border-box; /* 1 */
 
+  color: inherit; /* 2 */
 
+  display: table; /* 1 */
 
+  max-width: 100%; /* 1 */
 
+  padding: 0; /* 3 */
 
+  white-space: normal; /* 1 */
 
+}
 
+progress {
 
+  vertical-align: baseline;
 
+}
 
+textarea {
 
+  overflow: auto;
 
+}
 
+[type='checkbox'],
 
+[type='radio'] {
 
+  box-sizing: border-box; /* 1 */
 
+  padding: 0; /* 2 */
 
+}
 
+[type='number']::-webkit-inner-spin-button,
 
+[type='number']::-webkit-outer-spin-button {
 
+  height: auto;
 
+}
 
+[type='search'] {
 
+  outline-offset: -2px; /* 2 */
 
+  -webkit-appearance: textfield; /* 1 */
 
+}
 
+[type='search']::-webkit-search-decoration {
 
+  -webkit-appearance: none;
 
+}
 
+::-webkit-file-upload-button {
 
+  font: inherit; /* 2 */
 
+  -webkit-appearance: button; /* 1 */
 
+}
 
+details {
 
+  display: block;
 
+}
 
+summary {
 
+  display: list-item;
 
+}
 
+template {
 
+  display: none;
 
+}
 
+[hidden] {
 
+  display: none;
 
+}
 
+::selection {
 
+  background: #262a30;
 
+  color: #fff;
 
+}
 
+html,
 
+body {
 
+  height: 100%;
 
+}
 
+body {
 
+  background: var(--body-bg-color);
 
+  color: var(--text-color);
 
+  font-family: 'Lato', "PingFang SC", "Microsoft YaHei", sans-serif;
 
+  font-size: 1em;
 
+  line-height: 2;
 
+}
 
+@media (max-width: 991px) {
 
+  body {
 
+    padding-left: 0 !important;
 
+    padding-right: 0 !important;
 
+  }
 
+}
 
+h1,
 
+h2,
 
+h3,
 
+h4,
 
+h5,
 
+h6 {
 
+  font-family: 'Lato', "PingFang SC", "Microsoft YaHei", sans-serif;
 
+  font-weight: bold;
 
+  line-height: 1.5;
 
+  margin: 20px 0 15px;
 
+}
 
+h1 {
 
+  font-size: 1.5em;
 
+}
 
+h2 {
 
+  font-size: 1.375em;
 
+}
 
+h3 {
 
+  font-size: 1.25em;
 
+}
 
+h4 {
 
+  font-size: 1.125em;
 
+}
 
+h5 {
 
+  font-size: 1em;
 
+}
 
+h6 {
 
+  font-size: 0.875em;
 
+}
 
+p {
 
+  margin: 0 0 20px 0;
 
+}
 
+a,
 
+span.exturl {
 
+  border-bottom: 1px solid #999;
 
+  color: var(--link-color);
 
+  outline: 0;
 
+  text-decoration: none;
 
+  overflow-wrap: break-word;
 
+  word-wrap: break-word;
 
+  cursor: pointer;
 
+}
 
+a:hover,
 
+span.exturl:hover {
 
+  border-bottom-color: var(--link-hover-color);
 
+  color: var(--link-hover-color);
 
+}
 
+iframe,
 
+img,
 
+video {
 
+  display: block;
 
+  margin-left: auto;
 
+  margin-right: auto;
 
+  max-width: 100%;
 
+}
 
+hr {
 
+  background-image: repeating-linear-gradient(-45deg, #ddd, #ddd 4px, transparent 4px, transparent 8px);
 
+  border: 0;
 
+  height: 3px;
 
+  margin: 40px 0;
 
+}
 
+blockquote {
 
+  border-left: 4px solid #ddd;
 
+  color: #666;
 
+  margin: 0;
 
+  padding: 0 15px;
 
+}
 
+blockquote cite::before {
 
+  content: '-';
 
+  padding: 0 5px;
 
+}
 
+dt {
 
+  font-weight: bold;
 
+}
 
+dd {
 
+  margin: 0;
 
+  padding: 0;
 
+}
 
+kbd {
 
+  background-color: #f5f5f5;
 
+  background-image: linear-gradient(#eee, #fff, #eee);
 
+  border: 1px solid #ccc;
 
+  border-radius: 0.2em;
 
+  box-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,0.1);
 
+  font-family: inherit;
 
+  padding: 0.1em 0.3em;
 
+  white-space: nowrap;
 
+}
 
+.table-container {
 
+  overflow: auto;
 
+}
 
+table {
 
+  border-collapse: collapse;
 
+  border-spacing: 0;
 
+  font-size: 0.875em;
 
+  margin: 0 0 20px 0;
 
+  width: 100%;
 
+}
 
+tbody tr:nth-of-type(odd) {
 
+  background: var(--table-row-odd-bg-color);
 
+}
 
+tbody tr:hover {
 
+  background: var(--table-row-hover-bg-color);
 
+}
 
+caption,
 
+th,
 
+td {
 
+  font-weight: normal;
 
+  padding: 8px;
 
+  text-align: left;
 
+  vertical-align: middle;
 
+}
 
+th,
 
+td {
 
+  border: 1px solid #ddd;
 
+  border-bottom: 3px solid #ddd;
 
+}
 
+th {
 
+  font-weight: 700;
 
+  padding-bottom: 10px;
 
+}
 
+td {
 
+  border-bottom-width: 1px;
 
+}
 
+.btn {
 
+  background: #222;
 
+  border: 2px solid #222;
 
+  border-radius: 0;
 
+  color: #fff;
 
+  display: inline-block;
 
+  font-size: 0.875em;
 
+  line-height: 2;
 
+  padding: 0 20px;
 
+  text-decoration: none;
 
+  transition-property: background-color;
 
+  transition-delay: 0s;
 
+  transition-duration: 0.2s;
 
+  transition-timing-function: ease-in-out;
 
+}
 
+.btn:hover {
 
+  background: #fff;
 
+  border-color: #222;
 
+  color: #222;
 
+}
 
+.btn + .btn {
 
+  margin: 0 0 8px 8px;
 
+}
 
+.btn .fa-fw {
 
+  text-align: left;
 
+  width: 1.285714285714286em;
 
+}
 
+.toggle {
 
+  line-height: 0;
 
+}
 
+.toggle .toggle-line {
 
+  background: #fff;
 
+  display: inline-block;
 
+  height: 2px;
 
+  left: 0;
 
+  position: relative;
 
+  top: 0;
 
+  transition: all 0.4s;
 
+  vertical-align: top;
 
+  width: 100%;
 
+}
 
+.toggle .toggle-line:not(:first-child) {
 
+  margin-top: 3px;
 
+}
 
+.toggle.toggle-arrow .toggle-line-first {
 
+  left: 50%;
 
+  top: 2px;
 
+  transform: rotate(45deg);
 
+  width: 50%;
 
+}
 
+.toggle.toggle-arrow .toggle-line-middle {
 
+  left: 2px;
 
+  width: 90%;
 
+}
 
+.toggle.toggle-arrow .toggle-line-last {
 
+  left: 50%;
 
+  top: -2px;
 
+  transform: rotate(-45deg);
 
+  width: 50%;
 
+}
 
+.toggle.toggle-close .toggle-line-first {
 
+  transform: rotate(-45deg);
 
+  top: 5px;
 
+}
 
+.toggle.toggle-close .toggle-line-middle {
 
+  opacity: 0;
 
+}
 
+.toggle.toggle-close .toggle-line-last {
 
+  transform: rotate(45deg);
 
+  top: -5px;
 
+}
 
+.highlight,
 
+pre {
 
+  background: #f7f7f7;
 
+  color: #4d4d4c;
 
+  line-height: 1.6;
 
+  margin: 0 auto 20px;
 
+}
 
+pre,
 
+code {
 
+  font-family: consolas, Menlo, monospace, "PingFang SC", "Microsoft YaHei";
 
+}
 
+code {
 
+  background: #eee;
 
+  border-radius: 3px;
 
+  color: #555;
 
+  padding: 2px 4px;
 
+  overflow-wrap: break-word;
 
+  word-wrap: break-word;
 
+}
 
+.highlight *::selection {
 
+  background: #d6d6d6;
 
+}
 
+.highlight pre {
 
+  border: 0;
 
+  margin: 0;
 
+  padding: 10px 0;
 
+}
 
+.highlight table {
 
+  border: 0;
 
+  margin: 0;
 
+  width: auto;
 
+}
 
+.highlight td {
 
+  border: 0;
 
+  padding: 0;
 
+}
 
+.highlight figcaption {
 
+  background: #eee;
 
+  color: #4d4d4c;
 
+  display: flex;
 
+  font-size: 0.875em;
 
+  justify-content: space-between;
 
+  line-height: 1.2;
 
+  padding: 0.5em;
 
+}
 
+.highlight figcaption a {
 
+  color: #4d4d4c;
 
+}
 
+.highlight figcaption a:hover {
 
+  border-bottom-color: #4d4d4c;
 
+}
 
+.highlight .gutter {
 
+  -moz-user-select: none;
 
+  -ms-user-select: none;
 
+  -webkit-user-select: none;
 
+  user-select: none;
 
+}
 
+.highlight .gutter pre {
 
+  background: #eff2f3;
 
+  color: #869194;
 
+  padding-left: 10px;
 
+  padding-right: 10px;
 
+  text-align: right;
 
+}
 
+.highlight .code pre {
 
+  background: #f7f7f7;
 
+  padding-left: 10px;
 
+  width: 100%;
 
+}
 
+.gist table {
 
+  width: auto;
 
+}
 
+.gist table td {
 
+  border: 0;
 
+}
 
+pre {
 
+  overflow: auto;
 
+  padding: 10px;
 
+}
 
+pre code {
 
+  background: none;
 
+  color: #4d4d4c;
 
+  font-size: 0.875em;
 
+  padding: 0;
 
+  text-shadow: none;
 
+}
 
+pre .deletion {
 
+  background: #fdd;
 
+}
 
+pre .addition {
 
+  background: #dfd;
 
+}
 
+pre .meta {
 
+  color: #eab700;
 
+  -moz-user-select: none;
 
+  -ms-user-select: none;
 
+  -webkit-user-select: none;
 
+  user-select: none;
 
+}
 
+pre .comment {
 
+  color: #8e908c;
 
+}
 
+pre .variable,
 
+pre .attribute,
 
+pre .tag,
 
+pre .name,
 
+pre .regexp,
 
+pre .ruby .constant,
 
+pre .xml .tag .title,
 
+pre .xml .pi,
 
+pre .xml .doctype,
 
+pre .html .doctype,
 
+pre .css .id,
 
+pre .css .class,
 
+pre .css .pseudo {
 
+  color: #c82829;
 
+}
 
+pre .number,
 
+pre .preprocessor,
 
+pre .built_in,
 
+pre .builtin-name,
 
+pre .literal,
 
+pre .params,
 
+pre .constant,
 
+pre .command {
 
+  color: #f5871f;
 
+}
 
+pre .ruby .class .title,
 
+pre .css .rules .attribute,
 
+pre .string,
 
+pre .symbol,
 
+pre .value,
 
+pre .inheritance,
 
+pre .header,
 
+pre .ruby .symbol,
 
+pre .xml .cdata,
 
+pre .special,
 
+pre .formula {
 
+  color: #718c00;
 
+}
 
+pre .title,
 
+pre .css .hexcolor {
 
+  color: #3e999f;
 
+}
 
+pre .function,
 
+pre .python .decorator,
 
+pre .python .title,
 
+pre .ruby .function .title,
 
+pre .ruby .title .keyword,
 
+pre .perl .sub,
 
+pre .javascript .title,
 
+pre .coffeescript .title {
 
+  color: #4271ae;
 
+}
 
+pre .keyword,
 
+pre .javascript .function {
 
+  color: #8959a8;
 
+}
 
+.blockquote-center {
 
+  border-left: none;
 
+  margin: 40px 0;
 
+  padding: 0;
 
+  position: relative;
 
+  text-align: center;
 
+}
 
+.blockquote-center::before,
 
+.blockquote-center::after {
 
+  background-repeat: no-repeat;
 
+  background-size: 22px 22px;
 
+  content: ' ';
 
+  display: block;
 
+  height: 24px;
 
+  opacity: 0.2;
 
+  position: absolute;
 
+  width: 100%;
 
+}
 
+.blockquote-center::before {
 
+  background-image: url("../images/quote-l.svg");
 
+  background-position: 0 -6px;
 
+  border-top: 1px solid #ccc;
 
+  top: -20px;
 
+}
 
+.blockquote-center::after {
 
+  background-image: url("../images/quote-r.svg");
 
+  background-position: 100% 8px;
 
+  border-bottom: 1px solid #ccc;
 
+  bottom: -20px;
 
+}
 
+.blockquote-center p,
 
+.blockquote-center div {
 
+  text-align: center;
 
+}
 
+.post-body .group-picture img {
 
+  margin: 0 auto;
 
+  padding: 0 3px;
 
+}
 
+.group-picture-row {
 
+  margin-bottom: 6px;
 
+  overflow: hidden;
 
+}
 
+.group-picture-column {
 
+  float: left;
 
+  margin-bottom: 10px;
 
+}
 
+.post-body .label {
 
+  color: #555;
 
+  display: inline;
 
+  padding: 0 2px;
 
+}
 
+.post-body .label.default {
 
+  background: #f0f0f0;
 
+}
 
+.post-body .label.primary {
 
+  background: #efe6f7;
 
+}
 
+.post-body .label.info {
 
+  background: #e5f2f8;
 
+}
 
+.post-body .label.success {
 
+  background: #e7f4e9;
 
+}
 
+.post-body .label.warning {
 
+  background: #fcf6e1;
 
+}
 
+.post-body .label.danger {
 
+  background: #fae8eb;
 
+}
 
+.post-body .tabs {
 
+  margin-bottom: 20px;
 
+}
 
+.post-body .tabs,
 
+.tabs-comment {
 
+  display: block;
 
+  padding-top: 10px;
 
+  position: relative;
 
+}
 
+.post-body .tabs ul.nav-tabs,
 
+.tabs-comment ul.nav-tabs {
 
+  display: flex;
 
+  flex-wrap: wrap;
 
+  margin: 0;
 
+  margin-bottom: -1px;
 
+  padding: 0;
 
+}
 
+@media (max-width: 413px) {
 
+  .post-body .tabs ul.nav-tabs,
 
+  .tabs-comment ul.nav-tabs {
 
+    display: block;
 
+    margin-bottom: 5px;
 
+  }
 
+}
 
+.post-body .tabs ul.nav-tabs li.tab,
 
+.tabs-comment ul.nav-tabs li.tab {
 
+  border-bottom: 1px solid #ddd;
 
+  border-left: 1px solid transparent;
 
+  border-right: 1px solid transparent;
 
+  border-top: 3px solid transparent;
 
+  flex-grow: 1;
 
+  list-style-type: none;
 
+  border-radius: 0 0 0 0;
 
+}
 
+@media (max-width: 413px) {
 
+  .post-body .tabs ul.nav-tabs li.tab,
 
+  .tabs-comment ul.nav-tabs li.tab {
 
+    border-bottom: 1px solid transparent;
 
+    border-left: 3px solid transparent;
 
+    border-right: 1px solid transparent;
 
+    border-top: 1px solid transparent;
 
+  }
 
+}
 
+@media (max-width: 413px) {
 
+  .post-body .tabs ul.nav-tabs li.tab,
 
+  .tabs-comment ul.nav-tabs li.tab {
 
+    border-radius: 0;
 
+  }
 
+}
 
+.post-body .tabs ul.nav-tabs li.tab a,
 
+.tabs-comment ul.nav-tabs li.tab a {
 
+  border-bottom: initial;
 
+  display: block;
 
+  line-height: 1.8;
 
+  outline: 0;
 
+  padding: 0.25em 0.75em;
 
+  text-align: center;
 
+  transition-delay: 0s;
 
+  transition-duration: 0.2s;
 
+  transition-timing-function: ease-out;
 
+}
 
+.post-body .tabs ul.nav-tabs li.tab a i,
 
+.tabs-comment ul.nav-tabs li.tab a i {
 
+  width: 1.285714285714286em;
 
+}
 
+.post-body .tabs ul.nav-tabs li.tab.active,
 
+.tabs-comment ul.nav-tabs li.tab.active {
 
+  border-bottom: 1px solid transparent;
 
+  border-left: 1px solid #ddd;
 
+  border-right: 1px solid #ddd;
 
+  border-top: 3px solid #fc6423;
 
+}
 
+@media (max-width: 413px) {
 
+  .post-body .tabs ul.nav-tabs li.tab.active,
 
+  .tabs-comment ul.nav-tabs li.tab.active {
 
+    border-bottom: 1px solid #ddd;
 
+    border-left: 3px solid #fc6423;
 
+    border-right: 1px solid #ddd;
 
+    border-top: 1px solid #ddd;
 
+  }
 
+}
 
+.post-body .tabs ul.nav-tabs li.tab.active a,
 
+.tabs-comment ul.nav-tabs li.tab.active a {
 
+  color: var(--link-color);
 
+  cursor: default;
 
+}
 
+.post-body .tabs .tab-content .tab-pane,
 
+.tabs-comment .tab-content .tab-pane {
 
+  border: 1px solid #ddd;
 
+  border-top: 0;
 
+  padding: 20px 20px 0 20px;
 
+  border-radius: 0;
 
+}
 
+.post-body .tabs .tab-content .tab-pane:not(.active),
 
+.tabs-comment .tab-content .tab-pane:not(.active) {
 
+  display: none;
 
+}
 
+.post-body .tabs .tab-content .tab-pane.active,
 
+.tabs-comment .tab-content .tab-pane.active {
 
+  display: block;
 
+}
 
+.post-body .tabs .tab-content .tab-pane.active:nth-of-type(1),
 
+.tabs-comment .tab-content .tab-pane.active:nth-of-type(1) {
 
+  border-radius: 0 0 0 0;
 
+}
 
+@media (max-width: 413px) {
 
+  .post-body .tabs .tab-content .tab-pane.active:nth-of-type(1),
 
+  .tabs-comment .tab-content .tab-pane.active:nth-of-type(1) {
 
+    border-radius: 0;
 
+  }
 
+}
 
+.post-body .note {
 
+  border-radius: 3px;
 
+  margin-bottom: 20px;
 
+  padding: 1em;
 
+  position: relative;
 
+  border: 1px solid #eee;
 
+  border-left-width: 5px;
 
+}
 
+.post-body .note h2,
 
+.post-body .note h3,
 
+.post-body .note h4,
 
+.post-body .note h5,
 
+.post-body .note h6 {
 
+  margin-top: 0;
 
+  border-bottom: initial;
 
+  margin-bottom: 0;
 
+  padding-top: 0;
 
+}
 
+.post-body .note p:first-child,
 
+.post-body .note ul:first-child,
 
+.post-body .note ol:first-child,
 
+.post-body .note table:first-child,
 
+.post-body .note pre:first-child,
 
+.post-body .note blockquote:first-child,
 
+.post-body .note img:first-child {
 
+  margin-top: 0;
 
+}
 
+.post-body .note p:last-child,
 
+.post-body .note ul:last-child,
 
+.post-body .note ol:last-child,
 
+.post-body .note table:last-child,
 
+.post-body .note pre:last-child,
 
+.post-body .note blockquote:last-child,
 
+.post-body .note img:last-child {
 
+  margin-bottom: 0;
 
+}
 
+.post-body .note.default {
 
+  border-left-color: #777;
 
+}
 
+.post-body .note.default h2,
 
+.post-body .note.default h3,
 
+.post-body .note.default h4,
 
+.post-body .note.default h5,
 
+.post-body .note.default h6 {
 
+  color: #777;
 
+}
 
+.post-body .note.primary {
 
+  border-left-color: #6f42c1;
 
+}
 
+.post-body .note.primary h2,
 
+.post-body .note.primary h3,
 
+.post-body .note.primary h4,
 
+.post-body .note.primary h5,
 
+.post-body .note.primary h6 {
 
+  color: #6f42c1;
 
+}
 
+.post-body .note.info {
 
+  border-left-color: #428bca;
 
+}
 
+.post-body .note.info h2,
 
+.post-body .note.info h3,
 
+.post-body .note.info h4,
 
+.post-body .note.info h5,
 
+.post-body .note.info h6 {
 
+  color: #428bca;
 
+}
 
+.post-body .note.success {
 
+  border-left-color: #5cb85c;
 
+}
 
+.post-body .note.success h2,
 
+.post-body .note.success h3,
 
+.post-body .note.success h4,
 
+.post-body .note.success h5,
 
+.post-body .note.success h6 {
 
+  color: #5cb85c;
 
+}
 
+.post-body .note.warning {
 
+  border-left-color: #f0ad4e;
 
+}
 
+.post-body .note.warning h2,
 
+.post-body .note.warning h3,
 
+.post-body .note.warning h4,
 
+.post-body .note.warning h5,
 
+.post-body .note.warning h6 {
 
+  color: #f0ad4e;
 
+}
 
+.post-body .note.danger {
 
+  border-left-color: #d9534f;
 
+}
 
+.post-body .note.danger h2,
 
+.post-body .note.danger h3,
 
+.post-body .note.danger h4,
 
+.post-body .note.danger h5,
 
+.post-body .note.danger h6 {
 
+  color: #d9534f;
 
+}
 
+.pagination .prev,
 
+.pagination .next,
 
+.pagination .page-number,
 
+.pagination .space {
 
+  display: inline-block;
 
+  margin: 0 10px;
 
+  padding: 0 11px;
 
+  position: relative;
 
+  top: -1px;
 
+}
 
+@media (max-width: 767px) {
 
+  .pagination .prev,
 
+  .pagination .next,
 
+  .pagination .page-number,
 
+  .pagination .space {
 
+    margin: 0 5px;
 
+  }
 
+}
 
+.pagination {
 
+  border-top: 1px solid #eee;
 
+  margin: 120px 0 0;
 
+  text-align: center;
 
+}
 
+.pagination .prev,
 
+.pagination .next,
 
+.pagination .page-number {
 
+  border-bottom: 0;
 
+  border-top: 1px solid #eee;
 
+  transition-property: border-color;
 
+  transition-delay: 0s;
 
+  transition-duration: 0.2s;
 
+  transition-timing-function: ease-in-out;
 
+}
 
+.pagination .prev:hover,
 
+.pagination .next:hover,
 
+.pagination .page-number:hover {
 
+  border-top-color: #222;
 
+}
 
+.pagination .space {
 
+  margin: 0;
 
+  padding: 0;
 
+}
 
+.pagination .prev {
 
+  margin-left: 0;
 
+}
 
+.pagination .next {
 
+  margin-right: 0;
 
+}
 
+.pagination .page-number.current {
 
+  background: #ccc;
 
+  border-top-color: #ccc;
 
+  color: #fff;
 
+}
 
+@media (max-width: 767px) {
 
+  .pagination {
 
+    border-top: none;
 
+  }
 
+  .pagination .prev,
 
+  .pagination .next,
 
+  .pagination .page-number {
 
+    border-bottom: 1px solid #eee;
 
+    border-top: 0;
 
+    margin-bottom: 10px;
 
+    padding: 0 10px;
 
+  }
 
+  .pagination .prev:hover,
 
+  .pagination .next:hover,
 
+  .pagination .page-number:hover {
 
+    border-bottom-color: #222;
 
+  }
 
+}
 
+.comments {
 
+  margin: 60px 20px 0;
 
+  overflow: hidden;
 
+}
 
+.comment-button-group {
 
+  display: flex;
 
+  flex-wrap: wrap-reverse;
 
+  justify-content: center;
 
+  margin: 1em 0;
 
+}
 
+.comment-button-group .comment-button {
 
+  margin: 0.1em 0.2em;
 
+}
 
+.comment-button-group .comment-button.active {
 
+  background: #fff;
 
+  border-color: #222;
 
+  color: #222;
 
+}
 
+.comment-position {
 
+  display: none;
 
+}
 
+.comment-position.active {
 
+  display: block;
 
+}
 
+.tabs-comment {
 
+  background: var(--content-bg-color);
 
+  margin-top: 4em;
 
+  padding-top: 0;
 
+}
 
+.tabs-comment .comments {
 
+  border: 0;
 
+  box-shadow: none;
 
+  margin-top: 0;
 
+  padding-top: 0;
 
+}
 
+.container {
 
+  min-height: 100%;
 
+  position: relative;
 
+}
 
+.main-inner {
 
+  margin: 0 auto;
 
+  width: 700px;
 
+}
 
+@media (min-width: 1200px) {
 
+  .main-inner {
 
+    width: 800px;
 
+  }
 
+}
 
+@media (min-width: 1600px) {
 
+  .main-inner {
 
+    width: 900px;
 
+  }
 
+}
 
+.header {
 
+  background: transparent;
 
+}
 
+.header-inner {
 
+  margin: 0 auto;
 
+  width: 700px;
 
+}
 
+@media (min-width: 1200px) {
 
+  .header-inner {
 
+    width: 800px;
 
+  }
 
+}
 
+@media (min-width: 1600px) {
 
+  .header-inner {
 
+    width: 900px;
 
+  }
 
+}
 
+.site-brand-container {
 
+  display: flex;
 
+  flex-shrink: 0;
 
+  padding: 0 10px;
 
+}
 
+.headband {
 
+  background: #222;
 
+  height: 3px;
 
+}
 
+.site-meta {
 
+  flex-grow: 1;
 
+  text-align: center;
 
+}
 
+@media (max-width: 767px) {
 
+  .site-meta {
 
+    text-align: center;
 
+  }
 
+}
 
+.brand {
 
+  border-bottom: none;
 
+  color: var(--brand-color);
 
+  display: inline-block;
 
+  line-height: 1.375em;
 
+  padding: 0 40px;
 
+  position: relative;
 
+}
 
+.brand:hover {
 
+  color: var(--brand-hover-color);
 
+}
 
+.site-title {
 
+  display: inline-block;
 
+  font-family: 'Lato', "PingFang SC", "Microsoft YaHei", sans-serif;
 
+  font-size: 1.375em;
 
+  font-weight: normal;
 
+  line-height: 1.5;
 
+  vertical-align: top;
 
+}
 
+.site-subtitle {
 
+  color: #999;
 
+  font-size: 0.8125em;
 
+  margin: 10px 0;
 
+}
 
+.use-motion .brand {
 
+  opacity: 0;
 
+}
 
+.use-motion .site-title,
 
+.use-motion .site-subtitle,
 
+.use-motion .custom-logo-image {
 
+  opacity: 0;
 
+  position: relative;
 
+  top: -10px;
 
+}
 
+.site-nav-toggle,
 
+.site-nav-right {
 
+  display: none;
 
+}
 
+@media (max-width: 767px) {
 
+  .site-nav-toggle,
 
+  .site-nav-right {
 
+    display: flex;
 
+    flex-direction: column;
 
+    justify-content: center;
 
+  }
 
+}
 
+.site-nav-toggle .toggle,
 
+.site-nav-right .toggle {
 
+  color: var(--text-color);
 
+  padding: 10px;
 
+  width: 22px;
 
+}
 
+.site-nav-toggle .toggle .toggle-line,
 
+.site-nav-right .toggle .toggle-line {
 
+  background: var(--text-color);
 
+  border-radius: 1px;
 
+}
 
+.site-nav {
 
+  display: block;
 
+}
 
+@media (max-width: 767px) {
 
+  .site-nav {
 
+    clear: both;
 
+    display: none;
 
+  }
 
+}
 
+.site-nav.site-nav-on {
 
+  display: block;
 
+}
 
+.menu {
 
+  margin-top: 20px;
 
+  padding-left: 0;
 
+  text-align: center;
 
+}
 
+.menu-item {
 
+  display: inline-block;
 
+  list-style: none;
 
+  margin: 0 10px;
 
+}
 
+@media (max-width: 767px) {
 
+  .menu-item {
 
+    display: block;
 
+    margin-top: 10px;
 
+  }
 
+  .menu-item.menu-item-search {
 
+    display: none;
 
+  }
 
+}
 
+.menu-item a,
 
+.menu-item span.exturl {
 
+  border-bottom: 0;
 
+  display: block;
 
+  font-size: 0.8125em;
 
+  transition-property: border-color;
 
+  transition-delay: 0s;
 
+  transition-duration: 0.2s;
 
+  transition-timing-function: ease-in-out;
 
+}
 
+@media (hover: none) {
 
+  .menu-item a:hover,
 
+  .menu-item span.exturl:hover {
 
+    border-bottom-color: transparent !important;
 
+  }
 
+}
 
+.menu-item .fa {
 
+  margin-right: 8px;
 
+}
 
+.menu-item .badge {
 
+  display: inline-block;
 
+  font-weight: bold;
 
+  line-height: 1;
 
+  margin-left: 0.35em;
 
+  margin-top: 0.35em;
 
+  text-align: center;
 
+  white-space: nowrap;
 
+}
 
+@media (max-width: 767px) {
 
+  .menu-item .badge {
 
+    float: right;
 
+    margin-left: 0;
 
+  }
 
+}
 
+.menu-item-active a,
 
+.menu .menu-item a:hover,
 
+.menu .menu-item span.exturl:hover {
 
+  background: var(--menu-item-bg-color);
 
+}
 
+.use-motion .menu-item {
 
+  opacity: 0;
 
+}
 
+.sidebar {
 
+  background: #222;
 
+  bottom: 0;
 
+  box-shadow: inset 0 2px 6px #000;
 
+  position: fixed;
 
+  top: 0;
 
+}
 
+@media (max-width: 991px) {
 
+  .sidebar {
 
+    display: none;
 
+  }
 
+}
 
+.sidebar-inner {
 
+  color: #999;
 
+  padding: 18px 10px;
 
+  text-align: center;
 
+}
 
+.cc-license {
 
+  margin-top: 10px;
 
+  text-align: center;
 
+}
 
+.cc-license .cc-opacity {
 
+  border-bottom: none;
 
+  opacity: 0.7;
 
+}
 
+.cc-license .cc-opacity:hover {
 
+  opacity: 0.9;
 
+}
 
+.cc-license img {
 
+  display: inline-block;
 
+}
 
+.site-author-image {
 
+  border: 2px solid #333;
 
+  display: block;
 
+  margin: 0 auto;
 
+  max-width: 96px;
 
+  padding: 2px;
 
+}
 
+.site-author-name {
 
+  color: #f5f5f5;
 
+  font-weight: normal;
 
+  margin: 5px 0 0;
 
+  text-align: center;
 
+}
 
+.site-description {
 
+  color: #999;
 
+  font-size: 1em;
 
+  margin-top: 5px;
 
+  text-align: center;
 
+}
 
+.links-of-author {
 
+  margin-top: 15px;
 
+}
 
+.links-of-author a,
 
+.links-of-author span.exturl {
 
+  border-bottom-color: #555;
 
+  display: inline-block;
 
+  font-size: 0.8125em;
 
+  margin-bottom: 10px;
 
+  margin-right: 10px;
 
+  vertical-align: middle;
 
+}
 
+.links-of-author a::before,
 
+.links-of-author span.exturl::before {
 
+  background: #d0fff0;
 
+  border-radius: 50%;
 
+  content: ' ';
 
+  display: inline-block;
 
+  height: 4px;
 
+  margin-right: 3px;
 
+  vertical-align: middle;
 
+  width: 4px;
 
+}
 
+.sidebar-button {
 
+  margin-top: 15px;
 
+}
 
+.sidebar-button a {
 
+  border: 1px solid #fc6423;
 
+  border-radius: 4px;
 
+  color: #fc6423;
 
+  display: inline-block;
 
+  padding: 0 15px;
 
+}
 
+.sidebar-button a .fa {
 
+  margin-right: 5px;
 
+}
 
+.sidebar-button a:hover {
 
+  background: #fc6423;
 
+  border: 1px solid #fc6423;
 
+  color: #fff;
 
+}
 
+.sidebar-button a:hover .fa {
 
+  color: #fff;
 
+}
 
+.links-of-blogroll {
 
+  font-size: 0.8125em;
 
+  margin-top: 10px;
 
+}
 
+.links-of-blogroll-title {
 
+  font-size: 0.875em;
 
+  font-weight: 600;
 
+  margin-top: 0;
 
+}
 
+.links-of-blogroll-list {
 
+  list-style: none;
 
+  margin: 0;
 
+  padding: 0;
 
+}
 
+#sidebar-dimmer {
 
+  display: none;
 
+}
 
+@media (max-width: 767px) {
 
+  #sidebar-dimmer {
 
+    background: #000;
 
+    display: block;
 
+    height: 100%;
 
+    left: 100%;
 
+    opacity: 0;
 
+    position: fixed;
 
+    top: 0;
 
+    width: 100%;
 
+    z-index: 1100;
 
+  }
 
+  .sidebar-active + #sidebar-dimmer {
 
+    opacity: 0.7;
 
+    transform: translateX(-100%);
 
+    transition: opacity 0.5s;
 
+  }
 
+}
 
+.sidebar-nav {
 
+  margin: 0;
 
+  padding-bottom: 20px;
 
+  padding-left: 0;
 
+}
 
+.sidebar-nav li {
 
+  border-bottom: 1px solid transparent;
 
+  color: #555;
 
+  cursor: pointer;
 
+  display: inline-block;
 
+  font-size: 0.875em;
 
+}
 
+.sidebar-nav li.sidebar-nav-overview {
 
+  margin-left: 10px;
 
+}
 
+.sidebar-nav li:hover {
 
+  color: #f5f5f5;
 
+}
 
+.sidebar-nav .sidebar-nav-active {
 
+  border-bottom-color: #87daff;
 
+  color: #87daff;
 
+}
 
+.sidebar-nav .sidebar-nav-active:hover {
 
+  color: #87daff;
 
+}
 
+.sidebar-panel {
 
+  display: none;
 
+  overflow-x: hidden;
 
+  overflow-y: auto;
 
+}
 
+.sidebar-panel-active {
 
+  display: block;
 
+}
 
+.sidebar-toggle {
 
+  background: #222;
 
+  bottom: 45px;
 
+  cursor: pointer;
 
+  height: 14px;
 
+  left: 30px;
 
+  padding: 5px;
 
+  position: fixed;
 
+  width: 14px;
 
+  z-index: 1300;
 
+}
 
+@media (max-width: 991px) {
 
+  .sidebar-toggle {
 
+    left: 20px;
 
+    opacity: 0.8;
 
+    display: none;
 
+  }
 
+}
 
+.sidebar-toggle:hover .toggle-line {
 
+  background: #87daff;
 
+}
 
+.post-toc {
 
+  font-size: 0.875em;
 
+}
 
+.post-toc ol {
 
+  list-style: none;
 
+  margin: 0;
 
+  padding: 0 2px 5px 10px;
 
+  text-align: left;
 
+}
 
+.post-toc ol > ol {
 
+  padding-left: 0;
 
+}
 
+.post-toc ol a {
 
+  transition-property: all;
 
+  transition-delay: 0s;
 
+  transition-duration: 0.2s;
 
+  transition-timing-function: ease-in-out;
 
+}
 
+.post-toc .nav-item {
 
+  line-height: 1.8;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  white-space: nowrap;
 
+}
 
+.post-toc .nav .nav-child {
 
+  display: none;
 
+}
 
+.post-toc .nav .active > .nav-child {
 
+  display: block;
 
+}
 
+.post-toc .nav .active-current > .nav-child {
 
+  display: block;
 
+}
 
+.post-toc .nav .active-current > .nav-child > .nav-item {
 
+  display: block;
 
+}
 
+.post-toc .nav .active > a {
 
+  border-bottom-color: #87daff;
 
+  color: #87daff;
 
+}
 
+.post-toc .nav .active-current > a {
 
+  color: #87daff;
 
+}
 
+.post-toc .nav .active-current > a:hover {
 
+  color: #87daff;
 
+}
 
+.site-state {
 
+  display: flex;
 
+  justify-content: center;
 
+  line-height: 1.4;
 
+  margin-top: 10px;
 
+  overflow: hidden;
 
+  text-align: center;
 
+  white-space: nowrap;
 
+}
 
+.site-state-item {
 
+  padding: 0 15px;
 
+}
 
+.site-state-item:not(:first-child) {
 
+  border-left: 1px solid #333;
 
+}
 
+.site-state-item a {
 
+  border-bottom: none;
 
+}
 
+.site-state-item-count {
 
+  display: block;
 
+  font-size: 1.25em;
 
+  font-weight: 600;
 
+  text-align: center;
 
+}
 
+.site-state-item-name {
 
+  color: inherit;
 
+  font-size: 0.875em;
 
+}
 
+.footer {
 
+  color: #999;
 
+  font-size: 0.875em;
 
+  padding: 20px 0;
 
+}
 
+.footer.footer-fixed {
 
+  bottom: 0;
 
+  left: 0;
 
+  position: absolute;
 
+  right: 0;
 
+}
 
+.footer-inner {
 
+  box-sizing: border-box;
 
+  margin: 0 auto;
 
+  text-align: center;
 
+  width: 700px;
 
+}
 
+@media (min-width: 1200px) {
 
+  .footer-inner {
 
+    width: 800px;
 
+  }
 
+}
 
+@media (min-width: 1600px) {
 
+  .footer-inner {
 
+    width: 900px;
 
+  }
 
+}
 
+.with-love {
 
+  color: #808080;
 
+  display: inline-block;
 
+  margin: 0 5px;
 
+}
 
+.powered-by,
 
+.theme-info {
 
+  display: inline-block;
 
+}
 
+@-moz-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);
 
+  }
 
+}
 
+@-webkit-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);
 
+  }
 
+}
 
+@-o-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);
 
+  }
 
+}
 
+@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);
 
+  }
 
+}
 
+.back-to-top {
 
+  font-size: 12px;
 
+  text-align: center;
 
+  transition-delay: 0s;
 
+  transition-duration: 0.2s;
 
+  transition-timing-function: ease-in-out;
 
+}
 
+.back-to-top {
 
+  background: #222;
 
+  bottom: -100px;
 
+  box-sizing: border-box;
 
+  color: #fff;
 
+  cursor: pointer;
 
+  left: 30px;
 
+  opacity: 1;
 
+  padding: 0 6px;
 
+  position: fixed;
 
+  transition-property: bottom;
 
+  z-index: 1300;
 
+  width: 24px;
 
+}
 
+.back-to-top span {
 
+  display: none;
 
+}
 
+.back-to-top:hover {
 
+  color: #87daff;
 
+}
 
+.back-to-top.back-to-top-on {
 
+  bottom: 19px;
 
+}
 
+@media (max-width: 991px) {
 
+  .back-to-top {
 
+    left: 20px;
 
+    opacity: 0.8;
 
+  }
 
+}
 
+.post-body {
 
+  font-family: 'Lato', "PingFang SC", "Microsoft YaHei", sans-serif;
 
+  overflow-wrap: break-word;
 
+  word-wrap: break-word;
 
+}
 
+@media (min-width: 1200px) {
 
+  .post-body {
 
+    font-size: 1.125em;
 
+  }
 
+}
 
+.post-body span.exturl .fa {
 
+  font-size: 0.875em;
 
+  margin-left: 4px;
 
+}
 
+.post-body .image-caption,
 
+.post-body .figure .caption {
 
+  color: #999;
 
+  font-size: 0.875em;
 
+  font-weight: bold;
 
+  line-height: 1;
 
+  margin: -20px auto 15px;
 
+  text-align: center;
 
+}
 
+.post-sticky-flag {
 
+  display: inline-block;
 
+  transform: rotate(30deg);
 
+}
 
+.post-button {
 
+  margin-top: 40px;
 
+  text-align: center;
 
+}
 
+.use-motion .post-block,
 
+.use-motion .pagination,
 
+.use-motion .comments {
 
+  opacity: 0;
 
+}
 
+.use-motion .post-header {
 
+  opacity: 0;
 
+}
 
+.use-motion .post-body {
 
+  opacity: 0;
 
+}
 
+.use-motion .collection-header {
 
+  opacity: 0;
 
+}
 
+.posts-collapse {
 
+  margin-left: 55px;
 
+  position: relative;
 
+}
 
+@media (max-width: 767px) {
 
+  .posts-collapse {
 
+    margin-left: 20px;
 
+    margin-right: 20px;
 
+  }
 
+}
 
+.posts-collapse .collection-title {
 
+  font-size: 1.125em;
 
+  position: relative;
 
+}
 
+.posts-collapse .collection-title::before {
 
+  background: #999;
 
+  border: 1px solid #fff;
 
+  border-radius: 50%;
 
+  content: ' ';
 
+  height: 10px;
 
+  left: 0;
 
+  margin-left: -6px;
 
+  margin-top: -4px;
 
+  position: absolute;
 
+  top: 50%;
 
+  width: 10px;
 
+}
 
+.posts-collapse .collection-year {
 
+  margin: 60px 0;
 
+  position: relative;
 
+}
 
+.posts-collapse .collection-year::before {
 
+  background: #bbb;
 
+  border-radius: 50%;
 
+  content: ' ';
 
+  height: 8px;
 
+  left: 0;
 
+  margin-left: -4px;
 
+  margin-top: -4px;
 
+  position: absolute;
 
+  top: 50%;
 
+  width: 8px;
 
+}
 
+.posts-collapse .collection-header {
 
+  display: inline-block;
 
+  margin: 0 0 0 20px;
 
+}
 
+.posts-collapse .collection-header small {
 
+  color: #bbb;
 
+  margin-left: 5px;
 
+}
 
+.posts-collapse .post-header {
 
+  border-bottom: 1px dashed #ccc;
 
+  margin: 30px 0;
 
+  padding-left: 15px;
 
+  position: relative;
 
+  transition-property: border;
 
+  transition-delay: 0s;
 
+  transition-duration: 0.2s;
 
+  transition-timing-function: ease-in-out;
 
+}
 
+.posts-collapse .post-header::before {
 
+  background: #bbb;
 
+  border: 1px solid #fff;
 
+  border-radius: 50%;
 
+  content: ' ';
 
+  height: 6px;
 
+  left: 0;
 
+  margin-left: -4px;
 
+  position: absolute;
 
+  top: 0.75em;
 
+  transition-property: background;
 
+  width: 6px;
 
+  transition-delay: 0s;
 
+  transition-duration: 0.2s;
 
+  transition-timing-function: ease-in-out;
 
+}
 
+.posts-collapse .post-header:hover {
 
+  border-bottom-color: #666;
 
+}
 
+.posts-collapse .post-header:hover::before {
 
+  background: #222;
 
+}
 
+.posts-collapse .post-meta {
 
+  display: inline;
 
+  font-size: 0.75em;
 
+  margin-right: 10px;
 
+}
 
+.posts-collapse .post-title {
 
+  display: inline;
 
+  font-size: 1em;
 
+  font-weight: normal;
 
+}
 
+.posts-collapse .post-title a,
 
+.posts-collapse .post-title span.exturl {
 
+  border-bottom: none;
 
+  color: var(--link-color);
 
+}
 
+.posts-collapse::before {
 
+  background: #f5f5f5;
 
+  content: ' ';
 
+  height: 100%;
 
+  left: 0;
 
+  margin-left: -2px;
 
+  position: absolute;
 
+  top: 1.25em;
 
+  width: 4px;
 
+}
 
+.posts-collapse .fa-external-link {
 
+  font-size: 0.875em;
 
+  margin-left: 5px;
 
+}
 
+.post-eof {
 
+  background: #ccc;
 
+  height: 1px;
 
+  margin: 80px auto 60px;
 
+  text-align: center;
 
+  width: 8%;
 
+}
 
+.post-block:last-child .post-eof {
 
+  display: none;
 
+}
 
+.posts-expand {
 
+  padding-top: 40px;
 
+}
 
+@media (max-width: 767px) {
 
+  .posts-expand {
 
+    margin: 0 20px;
 
+  }
 
+}
 
+@media (min-width: 992px) {
 
+  .post-body {
 
+    text-align: justify;
 
+  }
 
+}
 
+@media (max-width: 991px) {
 
+  .post-body {
 
+    text-align: justify;
 
+  }
 
+}
 
+.post-body h1,
 
+.post-body h2,
 
+.post-body h3,
 
+.post-body h4,
 
+.post-body h5,
 
+.post-body h6 {
 
+  padding-top: 10px;
 
+}
 
+.post-body h1 .header-anchor,
 
+.post-body h2 .header-anchor,
 
+.post-body h3 .header-anchor,
 
+.post-body h4 .header-anchor,
 
+.post-body h5 .header-anchor,
 
+.post-body h6 .header-anchor {
 
+  border-bottom-style: none;
 
+  color: #ccc;
 
+  float: right;
 
+  margin-left: 10px;
 
+  visibility: hidden;
 
+}
 
+.post-body h1 .header-anchor:hover,
 
+.post-body h2 .header-anchor:hover,
 
+.post-body h3 .header-anchor:hover,
 
+.post-body h4 .header-anchor:hover,
 
+.post-body h5 .header-anchor:hover,
 
+.post-body h6 .header-anchor:hover {
 
+  color: inherit;
 
+}
 
+.post-body h1:hover .header-anchor,
 
+.post-body h2:hover .header-anchor,
 
+.post-body h3:hover .header-anchor,
 
+.post-body h4:hover .header-anchor,
 
+.post-body h5:hover .header-anchor,
 
+.post-body h6:hover .header-anchor {
 
+  visibility: visible;
 
+}
 
+.post-body iframe,
 
+.post-body img,
 
+.post-body video {
 
+  margin-bottom: 20px;
 
+}
 
+.post-body .video-container {
 
+  height: 0;
 
+  margin-bottom: 20px;
 
+  overflow: hidden;
 
+  padding-top: 75%;
 
+  position: relative;
 
+  width: 100%;
 
+}
 
+.post-body .video-container iframe,
 
+.post-body .video-container object,
 
+.post-body .video-container embed {
 
+  height: 100%;
 
+  left: 0;
 
+  margin: 0;
 
+  position: absolute;
 
+  top: 0;
 
+  width: 100%;
 
+}
 
+.post-gallery {
 
+  align-items: center;
 
+  display: grid;
 
+  grid-gap: 10px;
 
+  grid-template-columns: 1fr 1fr 1fr;
 
+  margin-bottom: 20px;
 
+}
 
+@media (max-width: 767px) {
 
+  .post-gallery {
 
+    grid-template-columns: 1fr 1fr;
 
+  }
 
+}
 
+.post-gallery a {
 
+  border: 0;
 
+}
 
+.post-gallery img {
 
+  margin: 0;
 
+}
 
+.posts-expand .post-header {
 
+  font-size: 1.125em;
 
+}
 
+.posts-expand .post-title {
 
+  font-weight: normal;
 
+  margin: initial;
 
+  text-align: center;
 
+  overflow-wrap: break-word;
 
+  word-wrap: break-word;
 
+}
 
+.posts-expand .post-title-link {
 
+  border-bottom: none;
 
+  color: var(--link-color);
 
+  display: inline-block;
 
+  position: relative;
 
+  vertical-align: top;
 
+}
 
+.posts-expand .post-title-link::before {
 
+  background: var(--link-color);
 
+  bottom: 0;
 
+  content: '';
 
+  height: 2px;
 
+  left: 0;
 
+  position: absolute;
 
+  transform: scaleX(0);
 
+  visibility: hidden;
 
+  width: 100%;
 
+  transition-delay: 0s;
 
+  transition-duration: 0.2s;
 
+  transition-timing-function: ease-in-out;
 
+}
 
+.posts-expand .post-title-link:hover::before {
 
+  transform: scaleX(1);
 
+  visibility: visible;
 
+}
 
+.posts-expand .post-title-link .fa {
 
+  font-size: 0.875em;
 
+  margin-left: 5px;
 
+}
 
+.posts-expand .post-meta {
 
+  color: #999;
 
+  font-family: 'Lato', "PingFang SC", "Microsoft YaHei", sans-serif;
 
+  font-size: 0.75em;
 
+  margin: 3px 0 60px 0;
 
+  text-align: center;
 
+}
 
+.posts-expand .post-meta .post-description {
 
+  font-size: 0.875em;
 
+  margin-top: 2px;
 
+}
 
+.posts-expand .post-meta time {
 
+  border-bottom: 1px dashed #999;
 
+  cursor: pointer;
 
+}
 
+.post-meta .post-meta-item + .post-meta-item::before {
 
+  content: '|';
 
+  margin: 0 0.5em;
 
+}
 
+.post-meta-divider {
 
+  margin: 0 0.5em;
 
+}
 
+.post-meta-item-icon {
 
+  margin-right: 3px;
 
+}
 
+@media (max-width: 991px) {
 
+  .post-meta-item-icon {
 
+    display: inline-block;
 
+  }
 
+}
 
+@media (max-width: 991px) {
 
+  .post-meta-item-text {
 
+    display: none;
 
+  }
 
+}
 
+.post-nav {
 
+  border-top: 1px solid #eee;
 
+  display: flex;
 
+  justify-content: space-between;
 
+  margin-top: 15px;
 
+  padding-top: 10px;
 
+}
 
+.post-nav-item {
 
+  flex: 1;
 
+}
 
+.post-nav-item a {
 
+  border-bottom: none;
 
+  display: block;
 
+  font-size: 0.875em;
 
+  line-height: 1.6;
 
+  position: relative;
 
+}
 
+.post-nav-item a:active {
 
+  top: 2px;
 
+}
 
+.post-nav-item .fa {
 
+  font-size: 0.75em;
 
+}
 
+.post-nav-item:first-child {
 
+  margin-right: 15px;
 
+}
 
+.post-nav-item:first-child a {
 
+  padding-left: 5px;
 
+}
 
+.post-nav-item:first-child .fa {
 
+  margin-right: 5px;
 
+}
 
+.post-nav-item:last-child {
 
+  margin-left: 15px;
 
+  text-align: right;
 
+}
 
+.post-nav-item:last-child a {
 
+  padding-right: 5px;
 
+}
 
+.post-nav-item:last-child .fa {
 
+  margin-left: 5px;
 
+}
 
+.rtl.post-body p,
 
+.rtl.post-body a,
 
+.rtl.post-body h1,
 
+.rtl.post-body h2,
 
+.rtl.post-body h3,
 
+.rtl.post-body h4,
 
+.rtl.post-body h5,
 
+.rtl.post-body h6,
 
+.rtl.post-body li,
 
+.rtl.post-body ul,
 
+.rtl.post-body ol {
 
+  direction: rtl;
 
+  font-family: UKIJ Ekran;
 
+}
 
+.rtl.post-title {
 
+  font-family: UKIJ Ekran;
 
+}
 
+.post-tags {
 
+  margin-top: 40px;
 
+  text-align: center;
 
+}
 
+.post-tags a {
 
+  display: inline-block;
 
+  font-size: 0.8125em;
 
+}
 
+.post-tags a:not(:last-child) {
 
+  margin-right: 10px;
 
+}
 
+.post-widgets {
 
+  border-top: 1px solid #eee;
 
+  margin-top: 15px;
 
+  text-align: center;
 
+}
 
+.wp_rating {
 
+  height: 20px;
 
+  line-height: 20px;
 
+  margin-top: 10px;
 
+  padding-top: 6px;
 
+  text-align: center;
 
+}
 
+.social-like {
 
+  display: flex;
 
+  font-size: 0.875em;
 
+  justify-content: center;
 
+  text-align: center;
 
+}
 
+.reward-container {
 
+  margin: 20px auto;
 
+  padding: 10px 0;
 
+  text-align: center;
 
+  width: 90%;
 
+}
 
+.reward-container button {
 
+  background: #ff2a2a;
 
+  border: 0;
 
+  border-radius: 5px;
 
+  color: #fff;
 
+  cursor: pointer;
 
+  line-height: 2;
 
+  outline: 0;
 
+  padding: 0 15px;
 
+  vertical-align: text-top;
 
+}
 
+.reward-container button:hover {
 
+  background: #f55;
 
+}
 
+#qr {
 
+  padding-top: 20px;
 
+}
 
+#qr a {
 
+  border: 0;
 
+}
 
+#qr img {
 
+  display: inline-block;
 
+  margin: 0.8em 2em 0 2em;
 
+  max-width: 100%;
 
+  width: 180px;
 
+}
 
+#qr p {
 
+  text-align: center;
 
+}
 
+.category-all-page .category-all-title {
 
+  text-align: center;
 
+}
 
+.category-all-page .category-all {
 
+  margin-top: 20px;
 
+}
 
+.category-all-page .category-list {
 
+  list-style: none;
 
+  margin: 0;
 
+  padding: 0;
 
+}
 
+.category-all-page .category-list-item {
 
+  margin: 5px 10px;
 
+}
 
+.category-all-page .category-list-count {
 
+  color: #bbb;
 
+}
 
+.category-all-page .category-list-count::before {
 
+  content: ' (';
 
+  display: inline;
 
+}
 
+.category-all-page .category-list-count::after {
 
+  content: ') ';
 
+  display: inline;
 
+}
 
+.category-all-page .category-list-child {
 
+  padding-left: 10px;
 
+}
 
+.event-list {
 
+  padding: 0;
 
+}
 
+.event-list hr {
 
+  background: #222;
 
+  margin: 20px 0 45px 0;
 
+}
 
+.event-list hr::after {
 
+  background: #222;
 
+  color: #fff;
 
+  content: 'NOW';
 
+  display: inline-block;
 
+  font-weight: bold;
 
+  padding: 0 5px;
 
+  text-align: right;
 
+}
 
+.event-list .event {
 
+  background: #222;
 
+  margin: 20px 0;
 
+  min-height: 40px;
 
+  padding: 15px 0 15px 10px;
 
+}
 
+.event-list .event .event-summary {
 
+  color: #fff;
 
+  margin: 0;
 
+  padding-bottom: 3px;
 
+}
 
+.event-list .event .event-summary::before {
 
+  animation: dot-flash 1s alternate infinite ease-in-out;
 
+  color: #fff;
 
+  content: '\f111';
 
+  display: inline-block;
 
+  font-family: 'FontAwesome';
 
+  font-size: 10px;
 
+  margin-right: 25px;
 
+  vertical-align: middle;
 
+}
 
+.event-list .event .event-relative-time {
 
+  color: #bbb;
 
+  display: inline-block;
 
+  font-size: 12px;
 
+  font-weight: normal;
 
+  padding-left: 12px;
 
+}
 
+.event-list .event .event-details {
 
+  color: #fff;
 
+  display: block;
 
+  line-height: 18px;
 
+  margin-left: 56px;
 
+  padding-bottom: 6px;
 
+  padding-top: 3px;
 
+  text-indent: -24px;
 
+}
 
+.event-list .event .event-details::before {
 
+  color: #fff;
 
+  display: inline-block;
 
+  font-family: 'FontAwesome';
 
+  margin-right: 9px;
 
+  text-align: center;
 
+  text-indent: 0;
 
+  width: 14px;
 
+}
 
+.event-list .event .event-details.event-location::before {
 
+  content: '\f041';
 
+}
 
+.event-list .event .event-details.event-duration::before {
 
+  content: '\f017';
 
+}
 
+.event-list .event-past {
 
+  background: #f5f5f5;
 
+}
 
+.event-list .event-past .event-summary,
 
+.event-list .event-past .event-details {
 
+  color: #bbb;
 
+  opacity: 0.9;
 
+}
 
+.event-list .event-past .event-summary::before,
 
+.event-list .event-past .event-details::before {
 
+  animation: none;
 
+  color: #bbb;
 
+}
 
+@-moz-keyframes dot-flash {
 
+  from {
 
+    opacity: 1;
 
+    transform: scale(1);
 
+  }
 
+  to {
 
+    opacity: 0;
 
+    transform: scale(0.8);
 
+  }
 
+}
 
+@-webkit-keyframes dot-flash {
 
+  from {
 
+    opacity: 1;
 
+    transform: scale(1);
 
+  }
 
+  to {
 
+    opacity: 0;
 
+    transform: scale(0.8);
 
+  }
 
+}
 
+@-o-keyframes dot-flash {
 
+  from {
 
+    opacity: 1;
 
+    transform: scale(1);
 
+  }
 
+  to {
 
+    opacity: 0;
 
+    transform: scale(0.8);
 
+  }
 
+}
 
+@keyframes dot-flash {
 
+  from {
 
+    opacity: 1;
 
+    transform: scale(1);
 
+  }
 
+  to {
 
+    opacity: 0;
 
+    transform: scale(0.8);
 
+  }
 
+}
 
+ul.breadcrumb {
 
+  font-size: 0.75em;
 
+  list-style: none;
 
+  margin: 1em 0;
 
+  padding: 0 2em;
 
+  text-align: center;
 
+}
 
+ul.breadcrumb li {
 
+  display: inline;
 
+}
 
+ul.breadcrumb li + li::before {
 
+  content: '/\00a0';
 
+  font-weight: normal;
 
+  padding: 0.5em;
 
+}
 
+ul.breadcrumb li + li:last-child {
 
+  font-weight: bold;
 
+}
 
+.tag-cloud {
 
+  text-align: center;
 
+}
 
+.tag-cloud a {
 
+  display: inline-block;
 
+  margin: 10px;
 
+}
 
+.tag-cloud a:hover {
 
+  color: #222 !important;
 
+}
 
+@media (max-width: 767px) {
 
+  .header-inner,
 
+  .main-inner,
 
+  .footer-inner {
 
+    width: auto;
 
+  }
 
+}
 
+.header-inner {
 
+  padding-top: 100px;
 
+}
 
+@media (max-width: 767px) {
 
+  .header-inner {
 
+    padding-top: 50px;
 
+  }
 
+}
 
+.main-inner {
 
+  padding-bottom: 60px;
 
+}
 
+.content {
 
+  padding-top: 70px;
 
+}
 
+@media (max-width: 767px) {
 
+  .content {
 
+    padding-top: 35px;
 
+  }
 
+}
 
+embed {
 
+  display: block;
 
+  margin: 0 auto 25px auto;
 
+}
 
+.custom-logo .site-meta-headline {
 
+  text-align: center;
 
+}
 
+.custom-logo .site-title {
 
+  color: #222;
 
+  margin: 10px auto 0;
 
+}
 
+.custom-logo .site-title a {
 
+  border: 0;
 
+}
 
+.custom-logo-image {
 
+  background: #fff;
 
+  margin: 0 auto;
 
+  max-width: 150px;
 
+  padding: 5px;
 
+}
 
+.brand {
 
+  background: #222;
 
+}
 
+@media (max-width: 767px) {
 
+  .site-nav {
 
+    border-bottom: 1px solid #ddd;
 
+    border-top: 1px solid #ddd;
 
+    left: 0;
 
+    margin: 0;
 
+    padding: 0;
 
+    width: 100%;
 
+  }
 
+}
 
+@media (max-width: 767px) {
 
+  .menu {
 
+    text-align: left;
 
+  }
 
+}
 
+.menu-item-active a,
 
+.menu .menu-item a:hover,
 
+.menu .menu-item span.exturl:hover {
 
+  background: transparent;
 
+  border-bottom: 1px solid var(--link-hover-color) !important;
 
+}
 
+@media (max-width: 767px) {
 
+  .menu-item-active a,
 
+  .menu .menu-item a:hover,
 
+  .menu .menu-item span.exturl:hover {
 
+    border-bottom: 1px dotted #ddd !important;
 
+  }
 
+}
 
+@media (max-width: 767px) {
 
+  .menu .menu-item {
 
+    margin: 0 10px;
 
+  }
 
+}
 
+.menu .menu-item a,
 
+.menu .menu-item span.exturl {
 
+  border-bottom: 1px solid transparent;
 
+}
 
+@media (max-width: 767px) {
 
+  .menu .menu-item a,
 
+  .menu .menu-item span.exturl {
 
+    padding: 5px 10px;
 
+  }
 
+}
 
+@media (min-width: 768px) and (max-width: 991px) {
 
+  .menu .menu-item .fa {
 
+    display: block;
 
+    line-height: 2;
 
+    margin-right: 0;
 
+    width: 100%;
 
+  }
 
+}
 
+@media (min-width: 992px) {
 
+  .menu .menu-item .fa {
 
+    display: block;
 
+    line-height: 2;
 
+    margin-right: 0;
 
+    width: 100%;
 
+  }
 
+}
 
+.menu .menu-item .badge {
 
+  background: #eee;
 
+  padding: 1px 4px;
 
+}
 
+.sub-menu {
 
+  margin: 10px 0;
 
+}
 
+.sub-menu .menu-item {
 
+  display: inline-block;
 
+}
 
+.sidebar {
 
+  left: -320px;
 
+}
 
+.sidebar.sidebar-active {
 
+  left: 0;
 
+}
 
+.sidebar {
 
+  width: 320px;
 
+  z-index: 1200;
 
+  transition-delay: 0s;
 
+  transition-duration: 0.2s;
 
+  transition-timing-function: ease-out;
 
+}
 
+.sidebar a,
 
+.sidebar span.exturl {
 
+  border-bottom-color: #555;
 
+  color: #999;
 
+}
 
+.sidebar a:hover,
 
+.sidebar span.exturl:hover {
 
+  border-bottom-color: #eee;
 
+  color: #eee;
 
+}
 
+.links-of-blogroll-item {
 
+  padding: 2px 10px;
 
+}
 
+.links-of-blogroll-item a,
 
+.links-of-blogroll-item span.exturl {
 
+  box-sizing: border-box;
 
+  display: inline-block;
 
+  max-width: 280px;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  white-space: nowrap;
 
+}

File diff suppressed because it is too large
+ 7 - 0
images/algolia_logo.svg


BIN
images/apple-touch-icon-next.png
View File


BIN
images/avatar.gif
View File


File diff suppressed because it is too large
+ 109 - 0
images/cc-by-nc-nd.svg


File diff suppressed because it is too large
+ 111 - 0
images/cc-by-nc-sa.svg


File diff suppressed because it is too large
+ 109 - 0
images/cc-by-nc.svg


File diff suppressed because it is too large
+ 106 - 0
images/cc-by-nd.svg


File diff suppressed because it is too large
+ 109 - 0
images/cc-by-sa.svg


File diff suppressed because it is too large
+ 111 - 0
images/cc-by.svg


+ 72 - 0
images/cc-zero.svg
View File 

@@ -0,0 +1,72 @@
 
+<?xml version="1.0" encoding="utf-8"?>
 
+<!-- Generator: Adobe Illustrator 13.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 14948)  -->
 
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 
+	 width="80px" height="15px" viewBox="0 0 80 15" enable-background="new 0 0 80 15" xml:space="preserve">
 
+<g>
 
+	<g>
 
+		<rect fill="#FFFFFF" width="80" height="15"/>
 
+	</g>
 
+	<path d="M22.797,2C23.8,3.595,24.39,5.477,24.39,7.501c0,2.023-0.589,3.904-1.592,5.499H80V2H22.797z"/>
 
+	<g>
 
+		<path id="text2809_5_" d="M12.42,2.031c-3.137,0-3.926,2.959-3.926,5.469s0.787,5.469,3.926,5.469
 
+			c3.137,0,3.924-2.959,3.924-5.469S15.557,2.031,12.42,2.031z M12.42,4.094c0.127,0,0.242,0.02,0.352,0.047
 
+			c0.227,0.193,0.336,0.463,0.121,0.838l-2.09,3.838C10.738,8.33,10.729,7.855,10.729,7.5C10.729,6.395,10.807,4.094,12.42,4.094z
 
+			 M13.982,5.863c0.111,0.588,0.127,1.203,0.127,1.637c0,1.105-0.076,3.406-1.689,3.406c-0.127,0-0.244-0.012-0.354-0.039
 
+			c-0.02-0.006-0.039-0.014-0.061-0.021c-0.031-0.01-0.066-0.02-0.098-0.031c-0.359-0.154-0.586-0.43-0.26-0.92L13.982,5.863z"/>
 
+		<path d="M21.229,3.848c-0.465-1.152-1.143-2.172-2.035-3.066C18.907,0.496,18.607,0.241,18.302,0h-3.708
 
+			c1.248,0.348,2.367,1.009,3.354,1.998c0.736,0.736,1.299,1.576,1.684,2.516s0.578,1.936,0.578,2.986
 
+			c0,2.184-0.746,3.994-2.227,5.441c-0.771,0.746-1.635,1.32-2.596,1.717c-0.344,0.143-0.694,0.251-1.046,0.342h3.892
 
+			c0.336-0.257,0.664-0.529,0.972-0.834c0.895-0.871,1.57-1.871,2.021-3c0.465-1.143,0.693-2.363,0.693-3.666
 
+			C21.92,6.211,21.691,4.99,21.229,3.848z M6.957,12.975c-0.746-0.746-1.322-1.59-1.729-2.527c-0.396-0.951-0.6-1.93-0.6-2.947
 
+			c0-1.029,0.203-2.016,0.6-2.955c0.406-0.949,0.982-1.803,1.729-2.561C7.916,1.004,9.021,0.346,10.268,0H6.58
 
+			C6.289,0.235,6.004,0.484,5.732,0.762C4.816,1.676,4.117,2.721,3.631,3.887C3.156,5.041,2.92,6.244,2.92,7.5
 
+			c0,1.268,0.236,2.471,0.711,3.613s1.164,2.17,2.068,3.086C5.994,14.49,6.305,14.752,6.623,15h3.88
 
+			c-0.345-0.088-0.686-0.191-1.019-0.328C8.547,14.277,7.705,13.711,6.957,12.975z"/>
 
+	</g>
 
+	<g>
 
+		<path d="M80,0v15H0V0H80 M79.25,0.75H0.75v13.5h78.5V0.75L79.25,0.75z"/>
 
+	</g>
 
+	<g>
 
+		<path fill="#FFFFFF" d="M30.514,8.106c-0.279,0.233-0.678,0.35-1.197,0.35h-0.993v1.717h-0.991V5.398h2.05
 
+			c0.473,0,0.849,0.123,1.13,0.369s0.422,0.628,0.422,1.144C30.934,7.475,30.794,7.873,30.514,8.106z M29.753,6.387
 
+			c-0.127-0.106-0.304-0.159-0.531-0.159h-0.898v1.406h0.898c0.228,0,0.404-0.058,0.531-0.172c0.126-0.114,0.189-0.296,0.189-0.544
 
+			C29.942,6.669,29.879,6.492,29.753,6.387z"/>
 
+		<path fill="#FFFFFF" d="M31.733,5.398h1.015v2.933c0,0.328,0.038,0.567,0.116,0.718c0.12,0.268,0.383,0.401,0.787,0.401
 
+			c0.402,0,0.664-0.134,0.784-0.401c0.077-0.15,0.116-0.39,0.116-0.718V5.398h1.014v2.935c0,0.508-0.079,0.902-0.236,1.186
 
+			c-0.293,0.519-0.853,0.777-1.678,0.777c-0.826,0-1.387-0.259-1.682-0.777c-0.157-0.283-0.236-0.678-0.236-1.186V5.398z"/>
 
+		<path fill="#FFFFFF" d="M40.085,5.907c0.146,0.203,0.219,0.446,0.219,0.729c0,0.292-0.074,0.526-0.221,0.703
 
+			c-0.083,0.1-0.204,0.19-0.364,0.272c0.243,0.088,0.427,0.229,0.551,0.421s0.187,0.425,0.187,0.699
 
+			c0,0.283-0.071,0.537-0.213,0.761c-0.09,0.149-0.203,0.274-0.338,0.376c-0.152,0.117-0.332,0.196-0.539,0.24
 
+			c-0.208,0.043-0.433,0.064-0.675,0.064H36.54V5.398h2.308C39.43,5.407,39.842,5.577,40.085,5.907z M37.492,6.228V7.28h1.16
 
+			c0.208,0,0.376-0.039,0.505-0.118c0.13-0.079,0.194-0.219,0.194-0.419c0-0.223-0.086-0.369-0.257-0.44
 
+			c-0.147-0.05-0.335-0.075-0.563-0.075H37.492z M37.492,8.07v1.273h1.159c0.207,0,0.368-0.028,0.483-0.084
 
+			c0.209-0.104,0.313-0.303,0.313-0.597c0-0.248-0.101-0.419-0.304-0.512C39.031,8.1,38.872,8.073,38.667,8.07H37.492z"/>
 
+		<path fill="#FFFFFF" d="M41.313,5.398h0.998v3.916h2.384v0.858h-3.382V5.398z"/>
 
+		<path fill="#FFFFFF" d="M46.275,10.173h-0.991V5.398h0.991V10.173z"/>
 
+		<path fill="#FFFFFF" d="M47.665,5.897c0.385-0.393,0.874-0.59,1.468-0.59c0.795,0,1.376,0.264,1.743,0.791
 
+			c0.203,0.296,0.312,0.593,0.327,0.891h-0.998c-0.063-0.229-0.145-0.402-0.244-0.519c-0.178-0.207-0.441-0.311-0.79-0.311
 
+			c-0.355,0-0.636,0.146-0.841,0.438s-0.308,0.707-0.308,1.242s0.108,0.937,0.324,1.203c0.217,0.267,0.492,0.4,0.826,0.4
 
+			c0.342,0,0.603-0.114,0.782-0.344c0.1-0.123,0.182-0.308,0.247-0.554h0.991c-0.086,0.521-0.304,0.943-0.655,1.27
 
+			s-0.802,0.489-1.351,0.489c-0.68,0-1.214-0.221-1.603-0.661c-0.389-0.442-0.583-1.049-0.583-1.82
 
+			C47.002,6.991,47.224,6.349,47.665,5.897z"/>
 
+		<path fill="#FFFFFF" d="M54.797,5.502c0.335,0.11,0.606,0.312,0.813,0.606c0.167,0.237,0.28,0.494,0.341,0.771
 
+			s0.091,0.54,0.091,0.79c0,0.635-0.128,1.173-0.383,1.613c-0.346,0.594-0.88,0.891-1.602,0.891h-2.059V5.398h2.059
 
+			C54.354,5.403,54.601,5.438,54.797,5.502z M52.968,6.228v3.116h0.922c0.471,0,0.8-0.232,0.985-0.696
 
+			c0.102-0.255,0.152-0.559,0.152-0.91c0-0.486-0.076-0.859-0.229-1.119s-0.455-0.391-0.909-0.391H52.968z"/>
 
+		<path fill="#FFFFFF" d="M60.466,9.749c-0.36,0.371-0.882,0.557-1.564,0.557s-1.204-0.186-1.564-0.557
 
+			c-0.483-0.456-0.726-1.112-0.726-1.97c0-0.875,0.242-1.531,0.726-1.97c0.36-0.371,0.882-0.557,1.564-0.557
 
+			s1.204,0.186,1.564,0.557c0.481,0.438,0.722,1.095,0.722,1.97C61.188,8.637,60.947,9.293,60.466,9.749z M59.842,9.023
 
+			c0.232-0.292,0.349-0.706,0.349-1.244c0-0.535-0.116-0.949-0.349-1.242c-0.231-0.293-0.545-0.438-0.94-0.438
 
+			s-0.711,0.146-0.946,0.437c-0.235,0.292-0.353,0.706-0.353,1.244s0.117,0.952,0.353,1.244c0.235,0.291,0.551,0.437,0.946,0.437
 
+			S59.61,9.314,59.842,9.023z"/>
 
+		<path fill="#FFFFFF" d="M65.116,5.398h1.436v4.774h-0.929V6.943c0-0.093,0.001-0.223,0.003-0.39
 
+			c0.002-0.168,0.003-0.297,0.003-0.388l-0.904,4.007h-0.97l-0.898-4.007c0,0.091,0.001,0.22,0.003,0.388
 
+			c0.003,0.167,0.004,0.297,0.004,0.39v3.229h-0.93V5.398h1.451l0.869,3.754L65.116,5.398z"/>
 
+		<path fill="#FFFFFF" d="M68.84,5.398h1.129l1.689,4.774h-1.082l-0.314-0.981h-1.759l-0.323,0.981h-1.044L68.84,5.398z
 
+			 M68.774,8.369h1.223L69.395,6.49L68.774,8.369z"/>
 
+		<path fill="#FFFFFF" d="M73.175,10.173h-0.991V5.398h0.991V10.173z"/>
 
+		<path fill="#FFFFFF" d="M74.093,5.398h1.046l1.895,3.329V5.398h0.93v4.774h-0.997l-1.943-3.388v3.388h-0.93V5.398z"/>
 
+	</g>
 
+</g>
 
+</svg>

BIN
images/favicon-16x16-next.png
View File


BIN
images/favicon-32x32-next.png
View File


+ 23 - 0
images/logo.svg
View File 

@@ -0,0 +1,23 @@
 
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 
+<svg
 
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
 
+   xmlns:cc="http://creativecommons.org/ns#"
 
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
 
+   xmlns:svg="http://www.w3.org/2000/svg"
 
+   xmlns="http://www.w3.org/2000/svg"
 
+   xml:space="preserve"
 
+   enable-background="new 0 0 512 512"
 
+   viewBox="0 0 512 512"
 
+   height="512px"
 
+   width="512px"
 
+   y="0px"
 
+   x="0px"
 
+   id="NexT"
 
+   version="1.1"><metadata
 
+     id="metadata3390"><rdf:RDF><cc:Work
 
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
 
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
 
+     id="defs3388" /><path
 
+     style="fill:#222222;fill-opacity:1"
 
+     id="path3384"
 
+     d="M 256.4,25.8 56.4,141.3 56,371.5 255.6,486.2 455.6,370.7 456,140.5 Z m 92.6,328.8 -18.4,10.7 -18.6,-11 0,0 -112,-142.3 0,142.6 -18.4,10.7 -18.6,-11 0,-197 18.5,-10.6 18.5,10.8 0,0 112,144.5 0,-144.6 18.5,-10.6 18.5,10.8 z" /></svg>

+ 13 - 0
images/quote-l.svg
View File 

@@ -0,0 +1,13 @@
 
+<?xml version="1.0" encoding="utf-8"?>
 
+
 
+<!-- License Agreement at http://iconmonstr.com/license/ -->
 
+
 
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 
+	 width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
 
+<path id="quote-5-icon" d="M55.178,332.895c-22.22-79.435,26.876-198.974,151.004-223.472l16.886,36.498
 
+	c-38.022,14.331-63.218,47.064-66.943,81.466c42.757,6.73,75.459,43.737,75.459,88.385
 
+	C231.583,415.014,85.181,440.162,55.178,332.895z M285.595,332.895c-22.22-79.435,26.876-198.974,151.004-223.472l16.886,36.498
 
+	c-38.022,14.331-63.218,47.064-66.943,81.466c42.757,6.73,75.459,43.737,75.459,88.385C462,415.014,315.598,440.162,285.595,332.895
 
+	z"/>
 
+</svg>

+ 12 - 0
images/quote-r.svg
View File 

@@ -0,0 +1,12 @@
 
+<?xml version="1.0" encoding="utf-8"?>
 
+
 
+<!-- License Agreement at http://iconmonstr.com/license/ -->
 
+
 
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 
+	 width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
 
+<path id="quote-6-icon" d="M456.822,179.107c22.219,79.434-26.877,198.973-151.004,223.471l-16.887-36.498
 
+	c38.023-14.33,63.219-47.064,66.943-81.465c-42.756-6.73-75.459-43.739-75.459-88.385
 
+	C280.416,96.986,426.818,71.837,456.822,179.107z M226.405,179.107c22.22,79.434-26.876,198.973-151.004,223.471L58.515,366.08
 
+	c38.022-14.33,63.218-47.064,66.943-81.465C82.702,277.885,50,240.876,50,196.23C50,96.986,196.402,71.837,226.405,179.107z"/>
 
+</svg>

+ 371 - 0
index.html
View File 

@@ -0,0 +1,371 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+  <meta charset="UTF-8">
 
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
 
+<meta name="theme-color" content="#222">
 
+<meta name="generator" content="Hexo 4.2.0">
 
+  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-next.png">
 
+  <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32-next.png">
 
+  <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16-next.png">
 
+  <link rel="mask-icon" href="/images/logo.svg" color="#222">
 
+
 
+<link rel="stylesheet" href="/css/main.css">
 
+
 
+
 
+<link rel="stylesheet" href="/lib/font-awesome/css/font-awesome.min.css">
 
+
 
+<script id="hexo-configurations">
 
+    var NexT = window.NexT || {};
 
+    var CONFIG = {"hostname":"yoursite.com","root":"/","scheme":"Muse","version":"7.7.2","exturl":false,"sidebar":{"position":"left","display":"post","padding":18,"offset":12,"onmobile":false},"copycode":{"enable":false,"show_result":false,"style":null},"back2top":{"enable":true,"sidebar":false,"scrollpercent":false},"bookmark":{"enable":false,"color":"#222","save":"auto"},"fancybox":false,"mediumzoom":false,"lazyload":false,"pangu":false,"comments":{"style":"tabs","active":null,"storage":true,"lazyload":false,"nav":null},"algolia":{"hits":{"per_page":10},"labels":{"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}},"localsearch":{"enable":false,"trigger":"auto","top_n_per_article":1,"unescape":false,"preload":false},"motion":{"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideUpIn"}}};
 
+  </script>
 
+
 
+  <meta property="og:type" content="website">
 
+<meta property="og:title" content="Schtonn&#39;s Blog">
 
+<meta property="og:url" content="http://yoursite.com/index.html">
 
+<meta property="og:site_name" content="Schtonn&#39;s Blog">
 
+<meta property="og:locale" content="en_US">
 
+<meta property="article:author" content="Schtonn">
 
+<meta name="twitter:card" content="summary">
 
+
 
+<link rel="canonical" href="http://yoursite.com/">
 
+
 
+
 
+<script id="page-configurations">
 
+  // https://hexo.io/docs/variables.html
 
+  CONFIG.page = {
 
+    sidebar: "",
 
+    isHome : true,
 
+    isPost : false
 
+  };
 
+</script>
 
+
 
+  <title>Schtonn's Blog</title>
 
+  
+
 
+
 
+
 
+
 
+
 
+
 
+  <noscript>
 
+  <style>
 
+  .use-motion .brand,
 
+  .use-motion .menu-item,
 
+  .sidebar-inner,
 
+  .use-motion .post-block,
 
+  .use-motion .pagination,
 
+  .use-motion .comments,
 
+  .use-motion .post-header,
 
+  .use-motion .post-body,
 
+  .use-motion .collection-header { opacity: initial; }
 
+
 
+  .use-motion .site-title,
 
+  .use-motion .site-subtitle {
 
+    opacity: initial;
 
+    top: initial;
 
+  }
 
+
 
+  .use-motion .logo-line-before i { left: initial; }
 
+  .use-motion .logo-line-after i { right: initial; }
 
+  </style>
 
+</noscript>
 
+
 
+</head>
 
+
 
+<body itemscope itemtype="http://schema.org/WebPage">
 
+  <div class="container use-motion">
 
+    <div class="headband"></div>
 
+
 
+    <header class="header" itemscope itemtype="http://schema.org/WPHeader">
 
+      <div class="header-inner"><div class="site-brand-container">
 
+  <div class="site-nav-toggle">
 
+    <div class="toggle" aria-label="Toggle navigation bar">
 
+      <span class="toggle-line toggle-line-first"></span>
 
+      <span class="toggle-line toggle-line-middle"></span>
 
+      <span class="toggle-line toggle-line-last"></span>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="site-meta">
 
+
 
+    <div>
 
+      <a href="/" class="brand" rel="start">
 
+        <span class="logo-line-before"><i></i></span>
 
+        <span class="site-title">Schtonn's Blog</span>
 
+        <span class="logo-line-after"><i></i></span>
 
+      </a>
 
+    </div>
 
+        <p class="site-subtitle">Schtonn's blog</p>
 
+  </div>
 
+
 
+  <div class="site-nav-right">
 
+    <div class="toggle popup-trigger">
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+<nav class="site-nav">
 
+  
+  <ul id="menu" class="menu">
 
+        <li class="menu-item menu-item-home">
 
+
 
+    <a href="/" rel="section"><i class="fa fa-fw fa-home"></i>Home</a>
 
+
 
+  </li>
 
+        <li class="menu-item menu-item-archives">
 
+
 
+    <a href="/archives/" rel="section"><i class="fa fa-fw fa-archive"></i>Archives</a>
 
+
 
+  </li>
 
+  </ul>
 
+
 
+</nav>
 
+</div>
 
+    </header>
 
+
 
+    
+  <div class="back-to-top">
 
+    <i class="fa fa-arrow-up"></i>
 
+    <span>0%</span>
 
+  </div>
 
+
 
+
 
+    <main class="main">
 
+      <div class="main-inner">
 
+        <div class="content-wrap">
 
+          
+
 
+          <div class="content">
 
+            
+
 
+  <div class="posts-expand">
 
+        
+  
+  
+  <article itemscope itemtype="http://schema.org/Article" class="post-block home" lang="en">
 
+    <link itemprop="mainEntityOfPage" href="http://yoursite.com/2020/03/03/hello-world/">
 
+
 
+    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
 
+      <meta itemprop="image" content="/images/avatar.gif">
 
+      <meta itemprop="name" content="Schtonn">
 
+      <meta itemprop="description" content="">
 
+    </span>
 
+
 
+    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
 
+      <meta itemprop="name" content="Schtonn's Blog">
 
+    </span>
 
+      <header class="post-header">
 
+        <h1 class="post-title" itemprop="name headline">
 
+          
+            <a href="/2020/03/03/hello-world/" class="post-title-link" itemprop="url">Hello World</a>
 
+        </h1>
 
+
 
+        <div class="post-meta">
 
+            <span class="post-meta-item">
 
+              <span class="post-meta-item-icon">
 
+                <i class="fa fa-calendar-o"></i>
 
+              </span>
 
+              <span class="post-meta-item-text">Posted on</span>
 
+
 
+              <time title="Created: 2020-Mar-03 14:25:19" itemprop="dateCreated datePublished" datetime="2020-03-03T14:25:19+08:00">2020-Mar-03</time>
 
+            </span>
 
+
 
+          
+
 
+        </div>
 
+      </header>
 
+
 
+    
+    
+    
+    <div class="post-body" itemprop="articleBody">
 
+
 
+      
+          <p>Welcome to <a href="https://hexo.io/" target="_blank" rel="noopener">Hexo</a>! This is your very first post. Check <a href="https://hexo.io/docs/" target="_blank" rel="noopener">documentation</a> for more info. If you get any problems when using Hexo, you can find the answer in <a href="https://hexo.io/docs/troubleshooting.html" target="_blank" rel="noopener">troubleshooting</a> or you can ask me on <a href="https://github.com/hexojs/hexo/issues" target="_blank" rel="noopener">GitHub</a>.</p>
 
+<h2 id="Quick-Start"><a href="#Quick-Start" class="headerlink" title="Quick Start"></a>Quick Start</h2><h3 id="Create-a-new-post"><a href="#Create-a-new-post" class="headerlink" title="Create a new post"></a>Create a new post</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo new <span class="string">"My New Post"</span></span><br></pre></td></tr></table></figure>
 
+
 
+<p>More info: <a href="https://hexo.io/docs/writing.html" target="_blank" rel="noopener">Writing</a></p>
 
+<h3 id="Run-server"><a href="#Run-server" class="headerlink" title="Run server"></a>Run server</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo server</span><br></pre></td></tr></table></figure>
 
+
 
+<p>More info: <a href="https://hexo.io/docs/server.html" target="_blank" rel="noopener">Server</a></p>
 
+<h3 id="Generate-static-files"><a href="#Generate-static-files" class="headerlink" title="Generate static files"></a>Generate static files</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo generate</span><br></pre></td></tr></table></figure>
 
+
 
+<p>More info: <a href="https://hexo.io/docs/generating.html" target="_blank" rel="noopener">Generating</a></p>
 
+<h3 id="Deploy-to-remote-sites"><a href="#Deploy-to-remote-sites" class="headerlink" title="Deploy to remote sites"></a>Deploy to remote sites</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo deploy</span><br></pre></td></tr></table></figure>
 
+
 
+<p>More info: <a href="https://hexo.io/docs/one-command-deployment.html" target="_blank" rel="noopener">Deployment</a></p>
 
+
 
+      
+    </div>
 
+
 
+    
+    
+    
+      <footer class="post-footer">
 
+        <div class="post-eof"></div>
 
+      </footer>
 
+  </article>
 
+  
+  
+  
+
 
+  </div>
 
+
 
+  
+
 
+
 
+
 
+          </div>
 
+          
+
 
+<script>
 
+  window.addEventListener('tabs:register', () => {
 
+    let activeClass = CONFIG.comments.activeClass;
 
+    if (CONFIG.comments.storage) {
 
+      activeClass = localStorage.getItem('comments_active') || activeClass;
 
+    }
 
+    if (activeClass) {
 
+      let activeTab = document.querySelector(`a[href="#comment-${activeClass}"]`);
 
+      if (activeTab) {
 
+        activeTab.click();
 
+      }
 
+    }
 
+  });
 
+  if (CONFIG.comments.storage) {
 
+    window.addEventListener('tabs:click', event => {
 
+      if (!event.target.matches('.tabs-comment .tab-content .tab-pane')) return;
 
+      let commentClass = event.target.classList[1];
 
+      localStorage.setItem('comments_active', commentClass);
 
+    });
 
+  }
 
+</script>
 
+
 
+        </div>
 
+          
+  
+  <div class="toggle sidebar-toggle">
 
+    <span class="toggle-line toggle-line-first"></span>
 
+    <span class="toggle-line toggle-line-middle"></span>
 
+    <span class="toggle-line toggle-line-last"></span>
 
+  </div>
 
+
 
+  <aside class="sidebar">
 
+    <div class="sidebar-inner">
 
+
 
+      <ul class="sidebar-nav motion-element">
 
+        <li class="sidebar-nav-toc">
 
+          Table of Contents
 
+        </li>
 
+        <li class="sidebar-nav-overview">
 
+          Overview
 
+        </li>
 
+      </ul>
 
+
 
+      <!--noindex-->
 
+      <div class="post-toc-wrap sidebar-panel">
 
+      </div>
 
+      <!--/noindex-->
 
+
 
+      <div class="site-overview-wrap sidebar-panel">
 
+        <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
 
+  <p class="site-author-name" itemprop="name">Schtonn</p>
 
+  <div class="site-description" itemprop="description"></div>
 
+</div>
 
+<div class="site-state-wrap motion-element">
 
+  <nav class="site-state">
 
+      <div class="site-state-item site-state-posts">
 
+          <a href="/archives/">
 
+        
+          <span class="site-state-item-count">1</span>
 
+          <span class="site-state-item-name">posts</span>
 
+        </a>
 
+      </div>
 
+  </nav>
 
+</div>
 
+
 
+
 
+
 
+      </div>
 
+
 
+    </div>
 
+  </aside>
 
+  <div id="sidebar-dimmer"></div>
 
+
 
+
 
+      </div>
 
+    </main>
 
+
 
+    <footer class="footer">
 
+      <div class="footer-inner">
 
+        
+
 
+<div class="copyright">
 
+  
+  &copy; 
+  <span itemprop="copyrightYear">2020</span>
 
+  <span class="with-love">
 
+    <i class="fa fa-user"></i>
 
+  </span>
 
+  <span class="author" itemprop="copyrightHolder">Schtonn</span>
 
+</div>
 
+  <div class="powered-by">Powered by <a href="https://hexo.io/" class="theme-link" rel="noopener" target="_blank">Hexo</a> v4.2.0
 
+  </div>
 
+  <span class="post-meta-divider">|</span>
 
+  <div class="theme-info">Theme – <a href="https://muse.theme-next.org/" class="theme-link" rel="noopener" target="_blank">NexT.Muse</a> v7.7.2
 
+  </div>
 
+
 
+        
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+      </div>
 
+    </footer>
 
+  </div>
 
+
 
+  
+  <script src="/lib/anime.min.js"></script>
 
+  <script src="/lib/velocity/velocity.min.js"></script>
 
+  <script src="/lib/velocity/velocity.ui.min.js"></script>
 
+
 
+<script src="/js/utils.js"></script>
 
+
 
+<script src="/js/motion.js"></script>
 
+
 
+
 
+<script src="/js/schemes/muse.js"></script>
 
+
 
+
 
+<script src="/js/next-boot.js"></script>
 
+
 
+
 
+
 
+
 
+  
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+  
+
 
+  
+
 
+</body>
 
+</html>

+ 122 - 0
js/algolia-search.js
View File 

@@ -0,0 +1,122 @@
 
+/* global instantsearch, algoliasearch, CONFIG */
 
+
 
+window.addEventListener('DOMContentLoaded', () => {
 
+  const algoliaSettings = CONFIG.algolia;
 
+  const { indexName, appID, apiKey } = algoliaSettings;
 
+
 
+  let search = instantsearch({
 
+    indexName,
 
+    searchClient  : algoliasearch(appID, apiKey),
 
+    searchFunction: helper => {
 
+      let searchInput = document.querySelector('.search-input');
 
+      if (searchInput.value) {
 
+        helper.search();
 
+      }
 
+    }
 
+  });
 
+
 
+  window.pjax && search.on('render', () => {
 
+    window.pjax.refresh(document.getElementById('algolia-hits'));
 
+  });
 
+
 
+  // Registering Widgets
 
+  search.addWidgets([
 
+    instantsearch.widgets.configure({
 
+      hitsPerPage: algoliaSettings.hits.per_page || 10
 
+    }),
 
+
 
+    instantsearch.widgets.searchBox({
 
+      container           : '.search-input-container',
 
+      placeholder         : algoliaSettings.labels.input_placeholder,
 
+      // Hide default icons of algolia search
 
+      showReset           : false,
 
+      showSubmit          : false,
 
+      showLoadingIndicator: false,
 
+      cssClasses          : {
 
+        input: 'search-input'
 
+      }
 
+    }),
 
+
 
+    instantsearch.widgets.stats({
 
+      container: '#algolia-stats',
 
+      templates: {
 
+        text: data => {
 
+          let stats = algoliaSettings.labels.hits_stats
 
+            .replace(/\$\{hits}/, data.nbHits)
 
+            .replace(/\$\{time}/, data.processingTimeMS);
 
+          return `${stats}
 
+            <span class="algolia-powered">
 
+              <img src="${CONFIG.root}images/algolia_logo.svg" alt="Algolia">
 
+            </span>
 
+            <hr>`;
 
+        }
 
+      }
 
+    }),
 
+
 
+    instantsearch.widgets.hits({
 
+      container: '#algolia-hits',
 
+      templates: {
 
+        item: data => {
 
+          let link = data.permalink ? data.permalink : CONFIG.root + data.path;
 
+          return `<a href="${link}" class="algolia-hit-item-link">${data._highlightResult.title.value}</a>`;
 
+        },
 
+        empty: data => {
 
+          return `<div id="algolia-hits-empty">
 
+              ${algoliaSettings.labels.hits_empty.replace(/\$\{query}/, data.query)}
 
+            </div>`;
 
+        }
 
+      },
 
+      cssClasses: {
 
+        item: 'algolia-hit-item'
 
+      }
 
+    }),
 
+
 
+    instantsearch.widgets.pagination({
 
+      container: '#algolia-pagination',
 
+      scrollTo : false,
 
+      showFirst: false,
 
+      showLast : false,
 
+      templates: {
 
+        first   : '<i class="fa fa-angle-double-left"></i>',
 
+        last    : '<i class="fa fa-angle-double-right"></i>',
 
+        previous: '<i class="fa fa-angle-left"></i>',
 
+        next    : '<i class="fa fa-angle-right"></i>'
 
+      },
 
+      cssClasses: {
 
+        root        : 'pagination',
 
+        item        : 'pagination-item',
 
+        link        : 'page-number',
 
+        selectedItem: 'current',
 
+        disabledItem: 'disabled-item'
 
+      }
 
+    })
 
+  ]);
 
+
 
+  search.start();
 
+
 
+  // Handle and trigger popup window
 
+  document.querySelectorAll('.popup-trigger').forEach(element => {
 
+    element.addEventListener('click', () => {
 
+      document.body.style.overflow = 'hidden';
 
+      document.querySelector('.search-pop-overlay').style.display = 'block';
 
+      document.querySelector('.popup').style.display = 'block';
 
+      document.querySelector('.search-input').focus();
 
+    });
 
+  });
 
+
 
+  // Monitor main search box
 
+  const onPopupClose = () => {
 
+    document.body.style.overflow = '';
 
+    document.querySelector('.search-pop-overlay').style.display = 'none';
 
+    document.querySelector('.popup').style.display = 'none';
 
+  };
 
+
 
+  document.querySelector('.search-pop-overlay').addEventListener('click', onPopupClose);
 
+  document.querySelector('.popup-btn-close').addEventListener('click', onPopupClose);
 
+  window.addEventListener('pjax:success', onPopupClose);
 
+  window.addEventListener('keyup', event => {
 
+    if (event.key === 'Escape') {
 
+      onPopupClose();
 
+    }
 
+  });
 
+});

+ 56 - 0
js/bookmark.js
View File 

@@ -0,0 +1,56 @@
 
+/* global CONFIG */
 
+
 
+window.addEventListener('DOMContentLoaded', () => {
 
+  'use strict';
 
+
 
+  var doSaveScroll = () => {
 
+    localStorage.setItem('bookmark' + location.pathname, window.scrollY);
 
+  };
 
+
 
+  var scrollToMark = () => {
 
+    var top = localStorage.getItem('bookmark' + location.pathname);
 
+    top = parseInt(top, 10);
 
+    // If the page opens with a specific hash, just jump out
 
+    if (!isNaN(top) && location.hash === '') {
 
+      // Auto scroll to the position
 
+      window.anime({
 
+        targets  : document.scrollingElement,
 
+        duration : 200,
 
+        easing   : 'linear',
 
+        scrollTop: top
 
+      });
 
+    }
 
+  };
 
+  // Register everything
 
+  var init = function(trigger) {
 
+    // Create a link element
 
+    var link = document.querySelector('.book-mark-link');
 
+    // Scroll event
 
+    window.addEventListener('scroll', () => link.classList.toggle('book-mark-link-fixed', window.scrollY === 0));
 
+    // Register beforeunload event when the trigger is auto
 
+    if (trigger === 'auto') {
 
+      // Register beforeunload event
 
+      window.addEventListener('beforeunload', doSaveScroll);
 
+      window.addEventListener('pjax:send', doSaveScroll);
 
+    }
 
+    // Save the position by clicking the icon
 
+    link.addEventListener('click', () => {
 
+      doSaveScroll();
 
+      window.anime({
 
+        targets : link,
 
+        duration: 200,
 
+        easing  : 'linear',
 
+        top     : -30,
 
+        complete: () => {
 
+          setTimeout(() => {
 
+            link.style.top = '';
 
+          }, 400);
 
+        }
 
+      });
 
+    });
 
+    scrollToMark();
 
+    window.addEventListener('pjax:success', scrollToMark);
 
+  };
 
+
 
+  init(CONFIG.bookmark.save);
 
+});

+ 307 - 0
js/local-search.js
View File 

@@ -0,0 +1,307 @@
 
+/* global CONFIG */
 
+
 
+window.addEventListener('DOMContentLoaded', () => {
 
+  // Popup Window
 
+  let isfetched = false;
 
+  let datas;
 
+  let isXml = true;
 
+  // Search DB path
 
+  let searchPath = CONFIG.path;
 
+  if (searchPath.length === 0) {
 
+    searchPath = 'search.xml';
 
+  } else if (/json$/i.test(searchPath)) {
 
+    isXml = false;
 
+  }
 
+  const path = CONFIG.root + searchPath;
 
+  const input = document.querySelector('.search-input');
 
+  const resultContent = document.getElementById('search-result');
 
+
 
+  // Ref: https://github.com/ForbesLindesay/unescape-html
 
+  const unescapeHtml = html => {
 
+    return String(html)
 
+      .replace(/&quot;/g, '"')
 
+      .replace(/&#39;/g, '\'')
 
+      .replace(/&#x3A;/g, ':')
 
+      // Replace all the other &#x; chars
 
+      .replace(/&#(\d+);/g, (m, p) => {
 
+        return String.fromCharCode(p);
 
+      })
 
+      .replace(/&lt;/g, '<')
 
+      .replace(/&gt;/g, '>')
 
+      .replace(/&amp;/g, '&');
 
+  };
 
+
 
+  const getIndexByWord = (word, text, caseSensitive) => {
 
+    let wordLen = word.length;
 
+    if (wordLen === 0) return [];
 
+    let startPosition = 0;
 
+    let position = [];
 
+    let index = [];
 
+    if (!caseSensitive) {
 
+      text = text.toLowerCase();
 
+      word = word.toLowerCase();
 
+    }
 
+    while ((position = text.indexOf(word, startPosition)) > -1) {
 
+      index.push({ position, word });
 
+      startPosition = position + wordLen;
 
+    }
 
+    return index;
 
+  };
 
+
 
+  // Merge hits into slices
 
+  const mergeIntoSlice = (start, end, index, searchText) => {
 
+    let item = index[index.length - 1];
 
+    let { position, word } = item;
 
+    let hits = [];
 
+    let searchTextCountInSlice = 0;
 
+    while (position + word.length <= end && index.length !== 0) {
 
+      if (word === searchText) {
 
+        searchTextCountInSlice++;
 
+      }
 
+      hits.push({
 
+        position,
 
+        length: word.length
 
+      });
 
+      let wordEnd = position + word.length;
 
+
 
+      // Move to next position of hit
 
+      index.pop();
 
+      while (index.length !== 0) {
 
+        item = index[index.length - 1];
 
+        position = item.position;
 
+        word = item.word;
 
+        if (wordEnd > position) {
 
+          index.pop();
 
+        } else {
 
+          break;
 
+        }
 
+      }
 
+    }
 
+    return {
 
+      hits,
 
+      start,
 
+      end,
 
+      searchTextCount: searchTextCountInSlice
 
+    };
 
+  };
 
+
 
+  // Highlight title and content
 
+  const highlightKeyword = (text, slice) => {
 
+    let result = '';
 
+    let prevEnd = slice.start;
 
+    slice.hits.forEach(hit => {
 
+      result += text.substring(prevEnd, hit.position);
 
+      let end = hit.position + hit.length;
 
+      result += `<b class="search-keyword">${text.substring(hit.position, end)}</b>`;
 
+      prevEnd = end;
 
+    });
 
+    result += text.substring(prevEnd, slice.end);
 
+    return result;
 
+  };
 
+
 
+  const inputEventFunction = () => {
 
+    let searchText = input.value.trim().toLowerCase();
 
+    let keywords = searchText.split(/[-\s]+/);
 
+    if (keywords.length > 1) {
 
+      keywords.push(searchText);
 
+    }
 
+    let resultItems = [];
 
+    if (searchText.length > 0) {
 
+      // Perform local searching
 
+      datas.forEach(data => {
 
+        // Only match articles with not empty titles
 
+        if (!data.title) return;
 
+        let searchTextCount = 0;
 
+        let title = data.title.trim();
 
+        let titleInLowerCase = title.toLowerCase();
 
+        let content = data.content ? data.content.trim().replace(/<[^>]+>/g, '') : '';
 
+        if (CONFIG.localsearch.unescape) {
 
+          content = unescapeHtml(content);
 
+        }
 
+        let contentInLowerCase = content.toLowerCase();
 
+        let articleUrl = decodeURIComponent(data.url).replace(/\/{2,}/g, '/');
 
+        let indexOfTitle = [];
 
+        let indexOfContent = [];
 
+        keywords.forEach(keyword => {
 
+          indexOfTitle = indexOfTitle.concat(getIndexByWord(keyword, titleInLowerCase, false));
 
+          indexOfContent = indexOfContent.concat(getIndexByWord(keyword, contentInLowerCase, false));
 
+        });
 
+
 
+        // Show search results
 
+        if (indexOfTitle.length > 0 || indexOfContent.length > 0) {
 
+          let hitCount = indexOfTitle.length + indexOfContent.length;
 
+          // Sort index by position of keyword
 
+          [indexOfTitle, indexOfContent].forEach(index => {
 
+            index.sort((itemLeft, itemRight) => {
 
+              if (itemRight.position !== itemLeft.position) {
 
+                return itemRight.position - itemLeft.position;
 
+              }
 
+              return itemLeft.word.length - itemRight.word.length;
 
+            });
 
+          });
 
+
 
+          let slicesOfTitle = [];
 
+          if (indexOfTitle.length !== 0) {
 
+            let tmp = mergeIntoSlice(0, title.length, indexOfTitle, searchText);
 
+            searchTextCount += tmp.searchTextCountInSlice;
 
+            slicesOfTitle.push(tmp);
 
+          }
 
+
 
+          let slicesOfContent = [];
 
+          while (indexOfContent.length !== 0) {
 
+            let item = indexOfContent[indexOfContent.length - 1];
 
+            let { position, word } = item;
 
+            // Cut out 100 characters
 
+            let start = position - 20;
 
+            let end = position + 80;
 
+            if (start < 0) {
 
+              start = 0;
 
+            }
 
+            if (end < position + word.length) {
 
+              end = position + word.length;
 
+            }
 
+            if (end > content.length) {
 
+              end = content.length;
 
+            }
 
+            let tmp = mergeIntoSlice(start, end, indexOfContent, searchText);
 
+            searchTextCount += tmp.searchTextCountInSlice;
 
+            slicesOfContent.push(tmp);
 
+          }
 
+
 
+          // Sort slices in content by search text's count and hits' count
 
+          slicesOfContent.sort((sliceLeft, sliceRight) => {
 
+            if (sliceLeft.searchTextCount !== sliceRight.searchTextCount) {
 
+              return sliceRight.searchTextCount - sliceLeft.searchTextCount;
 
+            } else if (sliceLeft.hits.length !== sliceRight.hits.length) {
 
+              return sliceRight.hits.length - sliceLeft.hits.length;
 
+            }
 
+            return sliceLeft.start - sliceRight.start;
 
+          });
 
+
 
+          // Select top N slices in content
 
+          let upperBound = parseInt(CONFIG.localsearch.top_n_per_article, 10);
 
+          if (upperBound >= 0) {
 
+            slicesOfContent = slicesOfContent.slice(0, upperBound);
 
+          }
 
+
 
+          let resultItem = '';
 
+
 
+          if (slicesOfTitle.length !== 0) {
 
+            resultItem += `<li><a href="${articleUrl}" class="search-result-title">${highlightKeyword(title, slicesOfTitle[0])}</a>`;
 
+          } else {
 
+            resultItem += `<li><a href="${articleUrl}" class="search-result-title">${title}</a>`;
 
+          }
 
+
 
+          slicesOfContent.forEach(slice => {
 
+            resultItem += `<a href="${articleUrl}"><p class="search-result">${highlightKeyword(content, slice)}...</p></a>`;
 
+          });
 
+
 
+          resultItem += '</li>';
 
+          resultItems.push({
 
+            item: resultItem,
 
+            id  : resultItems.length,
 
+            hitCount,
 
+            searchTextCount
 
+          });
 
+        }
 
+      });
 
+    }
 
+    if (keywords.length === 1 && keywords[0] === '') {
 
+      resultContent.innerHTML = '<div id="no-result"><i class="fa fa-search fa-5x"></i></div>';
 
+    } else if (resultItems.length === 0) {
 
+      resultContent.innerHTML = '<div id="no-result"><i class="fa fa-frown-o fa-5x"></i></div>';
 
+    } else {
 
+      resultItems.sort((resultLeft, resultRight) => {
 
+        if (resultLeft.searchTextCount !== resultRight.searchTextCount) {
 
+          return resultRight.searchTextCount - resultLeft.searchTextCount;
 
+        } else if (resultLeft.hitCount !== resultRight.hitCount) {
 
+          return resultRight.hitCount - resultLeft.hitCount;
 
+        }
 
+        return resultRight.id - resultLeft.id;
 
+      });
 
+      let searchResultList = '<ul class="search-result-list">';
 
+      resultItems.forEach(result => {
 
+        searchResultList += result.item;
 
+      });
 
+      searchResultList += '</ul>';
 
+      resultContent.innerHTML = searchResultList;
 
+      window.pjax && window.pjax.refresh(resultContent);
 
+    }
 
+  };
 
+
 
+  const fetchData = callback => {
 
+    fetch(path)
 
+      .then(response => response.text())
 
+      .then(res => {
 
+        // Get the contents from search data
 
+        isfetched = true;
 
+        datas = isXml ? [...new DOMParser().parseFromString(res, 'text/xml').querySelectorAll('entry')].map(element => {
 
+          return {
 
+            title  : element.querySelector('title').innerHTML,
 
+            content: element.querySelector('content').innerHTML,
 
+            url    : element.querySelector('url').innerHTML
 
+          };
 
+        }) : JSON.parse(res);
 
+
 
+        // Remove loading animation
 
+        document.querySelector('.search-pop-overlay').innerHTML = '';
 
+        document.body.style.overflow = '';
 
+
 
+        if (callback) {
 
+          callback();
 
+        }
 
+      });
 
+  };
 
+
 
+  if (CONFIG.localsearch.preload) {
 
+    fetchData();
 
+  }
 
+
 
+  const proceedSearch = () => {
 
+    document.body.style.overflow = 'hidden';
 
+    document.querySelector('.search-pop-overlay').style.display = 'block';
 
+    document.querySelector('.popup').style.display = 'block';
 
+    document.querySelector('.search-input').focus();
 
+  };
 
+
 
+  // Search function
 
+  const searchFunc = () => {
 
+    document.querySelector('.search-pop-overlay').style.display = '';
 
+    document.querySelector('.search-pop-overlay').innerHTML = '<div class="search-loading-icon"><i class="fa fa-spinner fa-pulse fa-5x fa-fw"></i></div>';
 
+    fetchData(proceedSearch);
 
+  };
 
+
 
+  if (CONFIG.localsearch.trigger === 'auto') {
 
+    input.addEventListener('input', inputEventFunction);
 
+  } else {
 
+    document.querySelector('.search-icon').addEventListener('click', inputEventFunction);
 
+    input.addEventListener('keypress', event => {
 
+      if (event.key === 'Enter') {
 
+        inputEventFunction();
 
+      }
 
+    });
 
+  }
 
+
 
+  // Handle and trigger popup window
 
+  document.querySelectorAll('.popup-trigger').forEach(element => {
 
+    element.addEventListener('click', () => {
 
+      isfetched ? proceedSearch() : searchFunc();
 
+    });
 
+  });
 
+
 
+  // Monitor main search box
 
+  const onPopupClose = () => {
 
+    document.body.style.overflow = '';
 
+    document.querySelector('.search-pop-overlay').style.display = 'none';
 
+    document.querySelector('.popup').style.display = 'none';
 
+  };
 
+
 
+  document.querySelector('.search-pop-overlay').addEventListener('click', onPopupClose);
 
+  document.querySelector('.popup-btn-close').addEventListener('click', onPopupClose);
 
+  window.addEventListener('pjax:success', onPopupClose);
 
+  window.addEventListener('keyup', event => {
 
+    if (event.key === 'Escape') {
 
+      onPopupClose();
 
+    }
 
+  });
 
+});

+ 177 - 0
js/motion.js
View File 

@@ -0,0 +1,177 @@
 
+/* global NexT, CONFIG, Velocity */
 
+
 
+if (window.$ && window.$.Velocity) window.Velocity = window.$.Velocity;
 
+
 
+NexT.motion = {};
 
+
 
+NexT.motion.integrator = {
 
+  queue : [],
 
+  cursor: -1,
 
+  init  : function() {
 
+    this.queue = [];
 
+    this.cursor = -1;
 
+    return this;
 
+  },
 
+  add: function(fn) {
 
+    this.queue.push(fn);
 
+    return this;
 
+  },
 
+  next: function() {
 
+    this.cursor++;
 
+    var fn = this.queue[this.cursor];
 
+    typeof fn === 'function' && fn(NexT.motion.integrator);
 
+  },
 
+  bootstrap: function() {
 
+    this.next();
 
+  }
 
+};
 
+
 
+NexT.motion.middleWares = {
 
+  logo: function(integrator) {
 
+    var sequence = [];
 
+    var brand = document.querySelector('.brand');
 
+    var image = document.querySelector('.custom-logo-image');
 
+    var title = document.querySelector('.site-title');
 
+    var subtitle = document.querySelector('.site-subtitle');
 
+    var logoLineTop = document.querySelector('.logo-line-before i');
 
+    var logoLineBottom = document.querySelector('.logo-line-after i');
 
+
 
+    brand && sequence.push({
 
+      e: brand,
 
+      p: {opacity: 1},
 
+      o: {duration: 200}
 
+    });
 
+
 
+    function getMistLineSettings(element, translateX) {
 
+      return {
 
+        e: element,
 
+        p: {translateX},
 
+        o: {
 
+          duration     : 500,
 
+          sequenceQueue: false
 
+        }
 
+      };
 
+    }
 
+
 
+    function pushImageToSequence() {
 
+      sequence.push({
 
+        e: image,
 
+        p: {opacity: 1, top: 0},
 
+        o: {duration: 200}
 
+      });
 
+    }
 
+
 
+    CONFIG.scheme === 'Mist' && logoLineTop && logoLineBottom
 
+    && sequence.push(
 
+      getMistLineSettings(logoLineTop, '100%'),
 
+      getMistLineSettings(logoLineBottom, '-100%')
 
+    );
 
+
 
+    CONFIG.scheme === 'Muse' && image && pushImageToSequence();
 
+
 
+    title && sequence.push({
 
+      e: title,
 
+      p: {opacity: 1, top: 0},
 
+      o: {duration: 200}
 
+    });
 
+
 
+    subtitle && sequence.push({
 
+      e: subtitle,
 
+      p: {opacity: 1, top: 0},
 
+      o: {duration: 200}
 
+    });
 
+
 
+    (CONFIG.scheme === 'Pisces' || CONFIG.scheme === 'Gemini') && image && pushImageToSequence();
 
+
 
+    if (sequence.length > 0) {
 
+      sequence[sequence.length - 1].o.complete = function() {
 
+        integrator.next();
 
+      };
 
+      Velocity.RunSequence(sequence);
 
+    } else {
 
+      integrator.next();
 
+    }
 
+
 
+    if (CONFIG.motion.async) {
 
+      integrator.next();
 
+    }
 
+  },
 
+
 
+  menu: function(integrator) {
 
+    Velocity(document.querySelectorAll('.menu-item'), 'transition.slideDownIn', {
 
+      display : null,
 
+      duration: 200,
 
+      complete: function() {
 
+        integrator.next();
 
+      }
 
+    });
 
+
 
+    if (CONFIG.motion.async) {
 
+      integrator.next();
 
+    }
 
+  },
 
+
 
+  subMenu: function(integrator) {
 
+    var subMenuItem = document.querySelectorAll('.sub-menu .menu-item');
 
+    if (subMenuItem.length > 0) {
 
+      subMenuItem.forEach(element => {
 
+        element.style.opacity = 1;
 
+      });
 
+    }
 
+    integrator.next();
 
+  },
 
+
 
+  postList: function(integrator) {
 
+    var postBlock = document.querySelectorAll('.post-block, .pagination, .comments');
 
+    var postBlockTransition = CONFIG.motion.transition.post_block;
 
+    var postHeader = document.querySelectorAll('.post-header');
 
+    var postHeaderTransition = CONFIG.motion.transition.post_header;
 
+    var postBody = document.querySelectorAll('.post-body');
 
+    var postBodyTransition = CONFIG.motion.transition.post_body;
 
+    var collHeader = document.querySelectorAll('.collection-header');
 
+    var collHeaderTransition = CONFIG.motion.transition.coll_header;
 
+
 
+    if (postBlock.length > 0) {
 
+      var postMotionOptions = window.postMotionOptions || {
 
+        stagger : 100,
 
+        drag    : true,
 
+        complete: function() {
 
+          integrator.next();
 
+        }
 
+      };
 
+
 
+      if (CONFIG.motion.transition.post_block) {
 
+        Velocity(postBlock, 'transition.' + postBlockTransition, postMotionOptions);
 
+      }
 
+      if (CONFIG.motion.transition.post_header) {
 
+        Velocity(postHeader, 'transition.' + postHeaderTransition, postMotionOptions);
 
+      }
 
+      if (CONFIG.motion.transition.post_body) {
 
+        Velocity(postBody, 'transition.' + postBodyTransition, postMotionOptions);
 
+      }
 
+      if (CONFIG.motion.transition.coll_header) {
 
+        Velocity(collHeader, 'transition.' + collHeaderTransition, postMotionOptions);
 
+      }
 
+    }
 
+    if (CONFIG.scheme === 'Pisces' || CONFIG.scheme === 'Gemini') {
 
+      integrator.next();
 
+    }
 
+  },
 
+
 
+  sidebar: function(integrator) {
 
+    var sidebarAffix = document.querySelector('.sidebar-inner');
 
+    var sidebarAffixTransition = CONFIG.motion.transition.sidebar;
 
+    // Only for Pisces | Gemini.
 
+    if (sidebarAffixTransition && (CONFIG.scheme === 'Pisces' || CONFIG.scheme === 'Gemini')) {
 
+      Velocity(sidebarAffix, 'transition.' + sidebarAffixTransition, {
 
+        display : null,
 
+        duration: 200,
 
+        complete: function() {
 
+          // After motion complete need to remove transform from sidebar to let affix work on Pisces | Gemini.
 
+          sidebarAffix.style.transform = 'initial';
 
+        }
 
+      });
 
+    }
 
+    integrator.next();
 
+  }
 
+};

+ 113 - 0
js/next-boot.js
View File 

@@ -0,0 +1,113 @@
 
+/* global NexT, CONFIG, Velocity */
 
+
 
+NexT.boot = {};
 
+
 
+NexT.boot.registerEvents = function() {
 
+
 
+  NexT.utils.registerScrollPercent();
 
+  NexT.utils.registerCanIUseTag();
 
+
 
+  // Mobile top menu bar.
 
+  document.querySelector('.site-nav-toggle .toggle').addEventListener('click', () => {
 
+    event.currentTarget.classList.toggle('toggle-close');
 
+    var siteNav = document.querySelector('.site-nav');
 
+    var animateAction = siteNav.classList.contains('site-nav-on') ? 'slideUp' : 'slideDown';
 
+
 
+    if (typeof Velocity === 'function') {
 
+      Velocity(siteNav, animateAction, {
 
+        duration: 200,
 
+        complete: function() {
 
+          siteNav.classList.toggle('site-nav-on');
 
+        }
 
+      });
 
+    } else {
 
+      siteNav.classList.toggle('site-nav-on');
 
+    }
 
+  });
 
+
 
+  var TAB_ANIMATE_DURATION = 200;
 
+  document.querySelectorAll('.sidebar-nav li').forEach((element, index) => {
 
+    element.addEventListener('click', event => {
 
+      var item = event.currentTarget;
 
+      var activeTabClassName = 'sidebar-nav-active';
 
+      var activePanelClassName = 'sidebar-panel-active';
 
+      if (item.classList.contains(activeTabClassName)) return;
 
+
 
+      var targets = document.querySelectorAll('.sidebar-panel');
 
+      var target = targets[index];
 
+      var currentTarget = targets[1 - index];
 
+      window.anime({
 
+        targets : currentTarget,
 
+        duration: TAB_ANIMATE_DURATION,
 
+        easing  : 'linear',
 
+        opacity : 0,
 
+        complete: () => {
 
+          // Prevent adding TOC to Overview if Overview was selected when close & open sidebar.
 
+          currentTarget.classList.remove(activePanelClassName);
 
+          target.style.opacity = 0;
 
+          target.classList.add(activePanelClassName);
 
+          window.anime({
 
+            targets : target,
 
+            duration: TAB_ANIMATE_DURATION,
 
+            easing  : 'linear',
 
+            opacity : 1
 
+          });
 
+        }
 
+      });
 
+
 
+      [...item.parentNode.children].forEach(element => {
 
+        element.classList.remove(activeTabClassName);
 
+      });
 
+      item.classList.add(activeTabClassName);
 
+    });
 
+  });
 
+
 
+  window.addEventListener('resize', NexT.utils.initSidebarDimension);
 
+
 
+  window.addEventListener('hashchange', () => {
 
+    var tHash = location.hash;
 
+    if (tHash !== '' && !tHash.match(/%\S{2}/)) {
 
+      var target = document.querySelector(`.tabs ul.nav-tabs li a[href="${tHash}"]`);
 
+      target && target.click();
 
+    }
 
+  });
 
+};
 
+
 
+NexT.boot.refresh = function() {
 
+
 
+  /**
 
+   * Register JS handlers by condition option.
 
+   * Need to add config option in Front-End at 'layout/_partials/head.swig' file.
 
+   */
 
+  CONFIG.fancybox && NexT.utils.wrapImageWithFancyBox();
 
+  CONFIG.mediumzoom && window.mediumZoom('.post-body :not(a) > img, .post-body > img');
 
+  CONFIG.lazyload && window.lozad('.post-body img').observe();
 
+  CONFIG.pangu && window.pangu.spacingPage();
 
+
 
+  CONFIG.exturl && NexT.utils.registerExtURL();
 
+  CONFIG.copycode.enable && NexT.utils.registerCopyCode();
 
+  NexT.utils.registerTabsTag();
 
+  NexT.utils.registerActiveMenuItem();
 
+  NexT.utils.registerSidebarTOC();
 
+  NexT.utils.wrapTableWithBox();
 
+  NexT.utils.registerVideoIframe();
 
+};
 
+
 
+NexT.boot.motion = function() {
 
+  // Define Motion Sequence & Bootstrap Motion.
 
+  if (CONFIG.motion.enable) {
 
+    NexT.motion.integrator
 
+      .add(NexT.motion.middleWares.logo)
 
+      .add(NexT.motion.middleWares.menu)
 
+      .add(NexT.motion.middleWares.postList)
 
+      .add(NexT.motion.middleWares.sidebar)
 
+      .bootstrap();
 
+  }
 
+  NexT.utils.updateSidebarPosition();
 
+};
 
+
 
+window.addEventListener('DOMContentLoaded', () => {
 
+  NexT.boot.registerEvents();
 
+  NexT.boot.refresh();
 
+  NexT.boot.motion();
 
+});

+ 113 - 0
js/schemes/muse.js
View File 

@@ -0,0 +1,113 @@
 
+/* global NexT, CONFIG, Velocity */
 
+
 
+window.addEventListener('DOMContentLoaded', () => {
 
+
 
+  var isRight = CONFIG.sidebar.position === 'right';
 
+  var SIDEBAR_WIDTH = CONFIG.sidebar.width || 320;
 
+  var SIDEBAR_DISPLAY_DURATION = 200;
 
+  var mousePos = {};
 
+
 
+  var sidebarToggleLines = {
 
+    lines: document.querySelector('.sidebar-toggle'),
 
+    init : function() {
 
+      this.lines.classList.remove('toggle-arrow', 'toggle-close');
 
+    },
 
+    arrow: function() {
 
+      this.lines.classList.remove('toggle-close');
 
+      this.lines.classList.add('toggle-arrow');
 
+    },
 
+    close: function() {
 
+      this.lines.classList.remove('toggle-arrow');
 
+      this.lines.classList.add('toggle-close');
 
+    }
 
+  };
 
+
 
+  var sidebarToggleMotion = {
 
+    sidebarEl       : document.querySelector('.sidebar'),
 
+    isSidebarVisible: false,
 
+    init            : function() {
 
+      sidebarToggleLines.init();
 
+
 
+      window.addEventListener('mousedown', this.mousedownHandler.bind(this));
 
+      window.addEventListener('mouseup', this.mouseupHandler.bind(this));
 
+      document.querySelector('#sidebar-dimmer').addEventListener('click', this.clickHandler.bind(this));
 
+      document.querySelector('.sidebar-toggle').addEventListener('click', this.clickHandler.bind(this));
 
+      document.querySelector('.sidebar-toggle').addEventListener('mouseenter', this.mouseEnterHandler.bind(this));
 
+      document.querySelector('.sidebar-toggle').addEventListener('mouseleave', this.mouseLeaveHandler.bind(this));
 
+      window.addEventListener('sidebar:show', this.showSidebar.bind(this));
 
+      window.addEventListener('sidebar:hide', this.hideSidebar.bind(this));
 
+    },
 
+    mousedownHandler: function(event) {
 
+      mousePos.X = event.pageX;
 
+      mousePos.Y = event.pageY;
 
+    },
 
+    mouseupHandler: function(event) {
 
+      var deltaX = event.pageX - mousePos.X;
 
+      var deltaY = event.pageY - mousePos.Y;
 
+      var clickingBlankPart = Math.sqrt((deltaX * deltaX) + (deltaY * deltaY)) < 20 && event.target.matches('.main');
 
+      if (this.isSidebarVisible && (clickingBlankPart || event.target.matches('img.medium-zoom-image, .fancybox img'))) {
 
+        this.hideSidebar();
 
+      }
 
+    },
 
+    clickHandler: function() {
 
+      this.isSidebarVisible ? this.hideSidebar() : this.showSidebar();
 
+    },
 
+    mouseEnterHandler: function() {
 
+      if (!this.isSidebarVisible) {
 
+        sidebarToggleLines.arrow();
 
+      }
 
+    },
 
+    mouseLeaveHandler: function() {
 
+      if (!this.isSidebarVisible) {
 
+        sidebarToggleLines.init();
 
+      }
 
+    },
 
+    showSidebar: function() {
 
+      this.isSidebarVisible = true;
 
+      this.sidebarEl.classList.add('sidebar-active');
 
+      if (typeof Velocity === 'function') {
 
+        Velocity(document.querySelectorAll('.sidebar .motion-element'), isRight ? 'transition.slideRightIn' : 'transition.slideLeftIn', {
 
+          stagger: 50,
 
+          drag   : true
 
+        });
 
+      }
 
+
 
+      sidebarToggleLines.close();
 
+      NexT.utils.isDesktop() && window.anime(Object.assign({
 
+        targets : document.body,
 
+        duration: SIDEBAR_DISPLAY_DURATION,
 
+        easing  : 'linear'
 
+      }, isRight ? {
 
+        'padding-right': SIDEBAR_WIDTH
 
+      } : {
 
+        'padding-left': SIDEBAR_WIDTH
 
+      }));
 
+    },
 
+    hideSidebar: function() {
 
+      this.isSidebarVisible = false;
 
+      this.sidebarEl.classList.remove('sidebar-active');
 
+
 
+      sidebarToggleLines.init();
 
+      NexT.utils.isDesktop() && window.anime(Object.assign({
 
+        targets : document.body,
 
+        duration: SIDEBAR_DISPLAY_DURATION,
 
+        easing  : 'linear'
 
+      }, isRight ? {
 
+        'padding-right': 0
 
+      } : {
 
+        'padding-left': 0
 
+      }));
 
+    }
 
+  };
 
+  sidebarToggleMotion.init();
 
+
 
+  function updateFooterPosition() {
 
+    var footer = document.querySelector('.footer');
 
+    var containerHeight = document.querySelector('.header').offsetHeight + document.querySelector('.main').offsetHeight + footer.offsetHeight;
 
+    footer.classList.toggle('footer-fixed', containerHeight <= window.innerHeight);
 
+  }
 
+
 
+  updateFooterPosition();
 
+  window.addEventListener('resize', updateFooterPosition);
 
+  window.addEventListener('scroll', updateFooterPosition);
 
+});

+ 86 - 0
js/schemes/pisces.js
View File 

@@ -0,0 +1,86 @@
 
+/* global NexT, CONFIG */
 
+
 
+var Affix = {
 
+  init: function(element, options) {
 
+    this.element = element;
 
+    this.offset = options || 0;
 
+    this.affixed = null;
 
+    this.unpin = null;
 
+    this.pinnedOffset = null;
 
+    this.checkPosition();
 
+    window.addEventListener('scroll', this.checkPosition.bind(this));
 
+    window.addEventListener('click', this.checkPositionWithEventLoop.bind(this));
 
+    window.matchMedia('(min-width: 992px)').addListener(event => {
 
+      if (event.matches) {
 
+        this.offset = NexT.utils.getAffixParam();
 
+        this.checkPosition();
 
+      }
 
+    });
 
+  },
 
+  getState: function(scrollHeight, height, offsetTop, offsetBottom) {
 
+    let scrollTop = window.scrollY;
 
+    let targetHeight = window.innerHeight;
 
+    if (offsetTop != null && this.affixed === 'top') {
 
+      if (document.querySelector('.content-wrap').offsetHeight < offsetTop) return 'top';
 
+      return scrollTop < offsetTop ? 'top' : false;
 
+    }
 
+    if (this.affixed === 'bottom') {
 
+      if (offsetTop != null) return this.unpin <= this.element.getBoundingClientRect().top ? false : 'bottom';
 
+      return scrollTop + targetHeight <= scrollHeight - offsetBottom ? false : 'bottom';
 
+    }
 
+    let initializing = this.affixed === null;
 
+    let colliderTop = initializing ? scrollTop : this.element.getBoundingClientRect().top + scrollTop;
 
+    let colliderHeight = initializing ? targetHeight : height;
 
+    if (offsetTop != null && scrollTop <= offsetTop) return 'top';
 
+    if (offsetBottom != null && (colliderTop + colliderHeight >= scrollHeight - offsetBottom)) return 'bottom';
 
+    return false;
 
+  },
 
+  getPinnedOffset: function() {
 
+    if (this.pinnedOffset) return this.pinnedOffset;
 
+    this.element.classList.remove('affix-top', 'affix-bottom');
 
+    this.element.classList.add('affix');
 
+    return (this.pinnedOffset = this.element.getBoundingClientRect().top);
 
+  },
 
+  checkPositionWithEventLoop() {
 
+    setTimeout(this.checkPosition.bind(this), 1);
 
+  },
 
+  checkPosition: function() {
 
+    if (window.getComputedStyle(this.element).display === 'none') return;
 
+    let height = this.element.offsetHeight;
 
+    let offset = this.offset;
 
+    let offsetTop = offset.top;
 
+    let offsetBottom = offset.bottom;
 
+    let scrollHeight = document.body.scrollHeight;
 
+    let affix = this.getState(scrollHeight, height, offsetTop, offsetBottom);
 
+    if (this.affixed !== affix) {
 
+      if (this.unpin != null) this.element.style.top = '';
 
+      let affixType = 'affix' + (affix ? '-' + affix : '');
 
+      this.affixed = affix;
 
+      this.unpin = affix === 'bottom' ? this.getPinnedOffset() : null;
 
+      this.element.classList.remove('affix', 'affix-top', 'affix-bottom');
 
+      this.element.classList.add(affixType);
 
+    }
 
+    if (affix === 'bottom') {
 
+      this.element.style.top = scrollHeight - height - offsetBottom + 'px';
 
+    }
 
+  }
 
+};
 
+
 
+NexT.utils.getAffixParam = function() {
 
+  const sidebarOffset = CONFIG.sidebar.offset || 12;
 
+
 
+  let headerOffset = document.querySelector('.header-inner').offsetHeight;
 
+  let footerOffset = document.querySelector('.footer').offsetHeight;
 
+
 
+  document.querySelector('.sidebar').style.marginTop = headerOffset + sidebarOffset + 'px';
 
+
 
+  return {
 
+    top   : headerOffset,
 
+    bottom: footerOffset
 
+  };
 
+};
 
+
 
+window.addEventListener('DOMContentLoaded', () => {
 
+
 
+  Affix.init(document.querySelector('.sidebar-inner'), NexT.utils.getAffixParam());
 
+});

+ 389 - 0
js/utils.js
View File 

@@ -0,0 +1,389 @@
 
+/* global NexT, CONFIG */
 
+
 
+HTMLElement.prototype.wrap = function(wrapper) {
 
+  this.parentNode.insertBefore(wrapper, this);
 
+  this.parentNode.removeChild(this);
 
+  wrapper.appendChild(this);
 
+};
 
+
 
+NexT.utils = {
 
+
 
+  /**
 
+   * Wrap images with fancybox.
 
+   */
 
+  wrapImageWithFancyBox: function() {
 
+    document.querySelectorAll('.post-body :not(a) > img, .post-body > img').forEach(element => {
 
+      var $image = $(element);
 
+      var imageLink = $image.attr('data-src') || $image.attr('src');
 
+      var $imageWrapLink = $image.wrap(`<a class="fancybox fancybox.image" href="${imageLink}" itemscope itemtype="http://schema.org/ImageObject" itemprop="url"></a>`).parent('a');
 
+      if ($image.is('.post-gallery img')) {
 
+        $imageWrapLink.attr('data-fancybox', 'gallery').attr('rel', 'gallery');
 
+      } else if ($image.is('.group-picture img')) {
 
+        $imageWrapLink.attr('data-fancybox', 'group').attr('rel', 'group');
 
+      } else {
 
+        $imageWrapLink.attr('data-fancybox', 'default').attr('rel', 'default');
 
+      }
 
+
 
+      var imageTitle = $image.attr('title') || $image.attr('alt');
 
+      if (imageTitle) {
 
+        $imageWrapLink.append(`<p class="image-caption">${imageTitle}</p>`);
 
+        // Make sure img title tag will show correctly in fancybox
 
+        $imageWrapLink.attr('title', imageTitle).attr('data-caption', imageTitle);
 
+      }
 
+    });
 
+
 
+    $.fancybox.defaults.hash = false;
 
+    $('.fancybox').fancybox({
 
+      loop   : true,
 
+      helpers: {
 
+        overlay: {
 
+          locked: false
 
+        }
 
+      }
 
+    });
 
+  },
 
+
 
+  registerExtURL: function() {
 
+    document.querySelectorAll('.exturl').forEach(element => {
 
+      element.addEventListener('click', event => {
 
+        var exturl = event.currentTarget.dataset.url;
 
+        var decurl = decodeURIComponent(escape(window.atob(exturl)));
 
+        window.open(decurl, '_blank', 'noopener');
 
+        return false;
 
+      });
 
+    });
 
+  },
 
+
 
+  /**
 
+   * One-click copy code support.
 
+   */
 
+  registerCopyCode: function() {
 
+    document.querySelectorAll('figure.highlight').forEach(element => {
 
+      const box = document.createElement('div');
 
+      element.wrap(box);
 
+      box.classList.add('highlight-container');
 
+      box.insertAdjacentHTML('beforeend', '<div class="copy-btn"><i class="fa fa-clipboard"></i></div>');
 
+      var button = element.parentNode.querySelector('.copy-btn');
 
+      button.addEventListener('click', event => {
 
+        var target = event.currentTarget;
 
+        var code = [...target.parentNode.querySelectorAll('.code .line')].map(line => line.innerText).join('\n');
 
+        var ta = document.createElement('textarea');
 
+        ta.style.top = window.scrollY + 'px'; // Prevent page scrolling
 
+        ta.style.position = 'absolute';
 
+        ta.style.opacity = '0';
 
+        ta.readOnly = true;
 
+        ta.value = code;
 
+        document.body.append(ta);
 
+        const selection = document.getSelection();
 
+        const selected = selection.rangeCount > 0 ? selection.getRangeAt(0) : false;
 
+        ta.select();
 
+        ta.setSelectionRange(0, code.length);
 
+        ta.readOnly = false;
 
+        var result = document.execCommand('copy');
 
+        if (CONFIG.copycode.show_result) {
 
+          target.querySelector('i').className = result ? 'fa fa-check' : 'fa fa-times';
 
+        }
 
+        ta.blur(); // For iOS
 
+        target.blur();
 
+        if (selected) {
 
+          selection.removeAllRanges();
 
+          selection.addRange(selected);
 
+        }
 
+        document.body.removeChild(ta);
 
+      });
 
+      button.addEventListener('mouseleave', event => {
 
+        setTimeout(() => {
 
+          event.target.querySelector('i').className = 'fa fa-clipboard';
 
+        }, 300);
 
+      });
 
+    });
 
+  },
 
+
 
+  wrapTableWithBox: function() {
 
+    document.querySelectorAll('table').forEach(element => {
 
+      const box = document.createElement('div');
 
+      box.className = 'table-container';
 
+      element.wrap(box);
 
+    });
 
+  },
 
+
 
+  registerVideoIframe: function() {
 
+    document.querySelectorAll('iframe').forEach(element => {
 
+      const supported = [
 
+        'www.youtube.com',
 
+        'player.vimeo.com',
 
+        'player.youku.com',
 
+        'player.bilibili.com',
 
+        'www.tudou.com'
 
+      ].some(host => element.src.includes(host));
 
+      if (supported && !element.parentNode.matches('.video-container')) {
 
+        const box = document.createElement('div');
 
+        box.className = 'video-container';
 
+        element.wrap(box);
 
+        let width = Number(element.width);
 
+        let height = Number(element.height);
 
+        if (width && height) {
 
+          element.parentNode.style.paddingTop = (height / width * 100) + '%';
 
+        }
 
+      }
 
+    });
 
+  },
 
+
 
+  registerScrollPercent: function() {
 
+    var THRESHOLD = 50;
 
+    var backToTop = document.querySelector('.back-to-top');
 
+    var readingProgressBar = document.querySelector('.reading-progress-bar');
 
+    // For init back to top in sidebar if page was scrolled after page refresh.
 
+    window.addEventListener('scroll', () => {
 
+      if (backToTop || readingProgressBar) {
 
+        var docHeight = document.querySelector('.container').offsetHeight;
 
+        var winHeight = window.innerHeight;
 
+        var contentVisibilityHeight = docHeight > winHeight ? docHeight - winHeight : document.body.scrollHeight - winHeight;
 
+        var scrollPercent = Math.min(100 * window.scrollY / contentVisibilityHeight, 100);
 
+        if (backToTop) {
 
+          backToTop.classList.toggle('back-to-top-on', window.scrollY > THRESHOLD);
 
+          backToTop.querySelector('span').innerText = Math.round(scrollPercent) + '%';
 
+        }
 
+        if (readingProgressBar) {
 
+          readingProgressBar.style.width = scrollPercent.toFixed(2) + '%';
 
+        }
 
+      }
 
+    });
 
+
 
+    backToTop && backToTop.addEventListener('click', () => {
 
+      window.anime({
 
+        targets  : document.scrollingElement,
 
+        duration : 500,
 
+        easing   : 'linear',
 
+        scrollTop: 0
 
+      });
 
+    });
 
+  },
 
+
 
+  /**
 
+   * Tabs tag listener (without twitter bootstrap).
 
+   */
 
+  registerTabsTag: function() {
 
+    // Binding `nav-tabs` & `tab-content` by real time permalink changing.
 
+    document.querySelectorAll('.tabs ul.nav-tabs .tab').forEach(element => {
 
+      element.addEventListener('click', event => {
 
+        event.preventDefault();
 
+        var target = event.currentTarget;
 
+        // Prevent selected tab to select again.
 
+        if (!target.classList.contains('active')) {
 
+          // Add & Remove active class on `nav-tabs` & `tab-content`.
 
+          [...target.parentNode.children].forEach(element => {
 
+            element.classList.remove('active');
 
+          });
 
+          target.classList.add('active');
 
+          var tActive = document.getElementById(target.querySelector('a').getAttribute('href').replace('#', ''));
 
+          [...tActive.parentNode.children].forEach(element => {
 
+            element.classList.remove('active');
 
+          });
 
+          tActive.classList.add('active');
 
+          // Trigger event
 
+          tActive.dispatchEvent(new Event('tabs:click', {
 
+            bubbles: true
 
+          }));
 
+        }
 
+      });
 
+    });
 
+
 
+    window.dispatchEvent(new Event('tabs:register'));
 
+  },
 
+
 
+  registerCanIUseTag: function() {
 
+    // Get responsive height passed from iframe.
 
+    window.addEventListener('message', ({ data }) => {
 
+      if ((typeof data === 'string') && data.includes('ciu_embed')) {
 
+        var featureID = data.split(':')[1];
 
+        var height = data.split(':')[2];
 
+        document.querySelector(`iframe[data-feature=${featureID}]`).style.height = parseInt(height, 10) + 5 + 'px';
 
+      }
 
+    }, false);
 
+  },
 
+
 
+  registerActiveMenuItem: function() {
 
+    document.querySelectorAll('.menu-item').forEach(element => {
 
+      var target = element.querySelector('a[href]');
 
+      if (!target) return;
 
+      var isSamePath = target.pathname === location.pathname || target.pathname === location.pathname.replace('index.html', '');
 
+      var isSubPath = !CONFIG.root.startsWith(target.pathname) && location.pathname.startsWith(target.pathname);
 
+      element.classList.toggle('menu-item-active', target.hostname === location.hostname && (isSamePath || isSubPath));
 
+    });
 
+  },
 
+
 
+  registerSidebarTOC: function() {
 
+    const navItems = document.querySelectorAll('.post-toc li');
 
+    const sections = [...navItems].map(element => {
 
+      var link = element.querySelector('a.nav-link');
 
+      // TOC item animation navigate.
 
+      link.addEventListener('click', event => {
 
+        event.preventDefault();
 
+        var target = document.getElementById(event.currentTarget.getAttribute('href').replace('#', ''));
 
+        var offset = target.getBoundingClientRect().top + window.scrollY;
 
+        window.anime({
 
+          targets  : document.scrollingElement,
 
+          duration : 500,
 
+          easing   : 'linear',
 
+          scrollTop: offset + 10
 
+        });
 
+      });
 
+      return document.getElementById(link.getAttribute('href').replace('#', ''));
 
+    });
 
+
 
+    var tocElement = document.querySelector('.post-toc-wrap');
 
+    function activateNavByIndex(target) {
 
+      if (target.classList.contains('active-current')) return;
 
+
 
+      document.querySelectorAll('.post-toc .active').forEach(element => {
 
+        element.classList.remove('active', 'active-current');
 
+      });
 
+      target.classList.add('active', 'active-current');
 
+      var parent = target.parentNode;
 
+      while (!parent.matches('.post-toc')) {
 
+        if (parent.matches('li')) parent.classList.add('active');
 
+        parent = parent.parentNode;
 
+      }
 
+      // Scrolling to center active TOC element if TOC content is taller then viewport.
 
+      window.anime({
 
+        targets  : tocElement,
 
+        duration : 200,
 
+        easing   : 'linear',
 
+        scrollTop: tocElement.scrollTop - (tocElement.offsetHeight / 2) + target.getBoundingClientRect().top - tocElement.getBoundingClientRect().top
 
+      });
 
+    }
 
+
 
+    function findIndex(entries) {
 
+      let index = 0;
 
+      let entry = entries[index];
 
+      if (entry.boundingClientRect.top > 0) {
 
+        index = sections.indexOf(entry.target);
 
+        return index === 0 ? 0 : index - 1;
 
+      }
 
+      for (; index < entries.length; index++) {
 
+        if (entries[index].boundingClientRect.top <= 0) {
 
+          entry = entries[index];
 
+        } else {
 
+          return sections.indexOf(entry.target);
 
+        }
 
+      }
 
+      return sections.indexOf(entry.target);
 
+    }
 
+
 
+    function createIntersectionObserver(marginTop) {
 
+      marginTop = Math.floor(marginTop + 10000);
 
+      let intersectionObserver = new IntersectionObserver((entries, observe) => {
 
+        let scrollHeight = document.documentElement.scrollHeight + 100;
 
+        if (scrollHeight > marginTop) {
 
+          observe.disconnect();
 
+          createIntersectionObserver(scrollHeight);
 
+          return;
 
+        }
 
+        let index = findIndex(entries);
 
+        activateNavByIndex(navItems[index]);
 
+      }, {
 
+        rootMargin: marginTop + 'px 0px -100% 0px',
 
+        threshold : 0
 
+      });
 
+      sections.forEach(element => {
 
+        element && intersectionObserver.observe(element);
 
+      });
 
+    }
 
+    createIntersectionObserver(document.documentElement.scrollHeight);
 
+  },
 
+
 
+  hasMobileUA: function() {
 
+    var ua = navigator.userAgent;
 
+    var pa = /iPad|iPhone|Android|Opera Mini|BlackBerry|webOS|UCWEB|Blazer|PSP|IEMobile|Symbian/g;
 
+    return pa.test(ua);
 
+  },
 
+
 
+  isTablet: function() {
 
+    return window.screen.width < 992 && window.screen.width > 767 && this.hasMobileUA();
 
+  },
 
+
 
+  isMobile: function() {
 
+    return window.screen.width < 767 && this.hasMobileUA();
 
+  },
 
+
 
+  isDesktop: function() {
 
+    return !this.isTablet() && !this.isMobile();
 
+  },
 
+
 
+  /**
 
+   * Init Sidebar & TOC inner dimensions on all pages and for all schemes.
 
+   * Need for Sidebar/TOC inner scrolling if content taller then viewport.
 
+   */
 
+  initSidebarDimension: function() {
 
+    var sidebarNav = document.querySelector('.sidebar-nav');
 
+    var sidebarNavHeight = sidebarNav.style.display !== 'none' ? sidebarNav.offsetHeight : 0;
 
+    var sidebarOffset = CONFIG.sidebar.offset || 12;
 
+    var sidebarb2tHeight = CONFIG.back2top.enable && CONFIG.back2top.sidebar ? document.querySelector('.back-to-top').offsetHeight : 0;
 
+    var sidebarSchemePadding = (CONFIG.sidebar.padding * 2) + sidebarNavHeight + sidebarb2tHeight;
 
+    // Margin of sidebar b2t: -4px -10px -18px, brings a different of 22px.
 
+    if (CONFIG.scheme === 'Pisces' || CONFIG.scheme === 'Gemini') sidebarSchemePadding += (sidebarOffset * 2) - 22;
 
+    // Initialize Sidebar & TOC Height.
 
+    var sidebarWrapperHeight = document.body.offsetHeight - sidebarSchemePadding + 'px';
 
+    document.querySelector('.site-overview-wrap').style.maxHeight = sidebarWrapperHeight;
 
+    document.querySelector('.post-toc-wrap').style.maxHeight = sidebarWrapperHeight;
 
+  },
 
+
 
+  updateSidebarPosition: function() {
 
+    var sidebarNav = document.querySelector('.sidebar-nav');
 
+    var hasTOC = document.querySelector('.post-toc');
 
+    if (hasTOC) {
 
+      sidebarNav.style.display = '';
 
+      sidebarNav.classList.add('motion-element');
 
+      document.querySelector('.sidebar-nav-toc').click();
 
+    } else {
 
+      sidebarNav.style.display = 'none';
 
+      sidebarNav.classList.remove('motion-element');
 
+      document.querySelector('.sidebar-nav-overview').click();
 
+    }
 
+    NexT.utils.initSidebarDimension();
 
+    if (!this.isDesktop() || CONFIG.scheme === 'Pisces' || CONFIG.scheme === 'Gemini') return;
 
+    // Expand sidebar on post detail page by default, when post has a toc.
 
+    var display = CONFIG.page.sidebar;
 
+    if (typeof display !== 'boolean') {
 
+      // There's no definition sidebar in the page front-matter.
 
+      display = CONFIG.sidebar.display === 'always' || (CONFIG.sidebar.display === 'post' && hasTOC);
 
+    }
 
+    if (display) {
 
+      window.dispatchEvent(new Event('sidebar:show'));
 
+    }
 
+  },
 
+
 
+  getScript: function(url, callback, condition) {
 
+    if (condition) {
 
+      callback();
 
+    } else {
 
+      var script = document.createElement('script');
 
+      script.onload = script.onreadystatechange = function(_, isAbort) {
 
+        if (isAbort || !script.readyState || /loaded|complete/.test(script.readyState)) {
 
+          script.onload = script.onreadystatechange = null;
 
+          script = undefined;
 
+          if (!isAbort && callback) setTimeout(callback, 0);
 
+        }
 
+      };
 
+      script.src = url;
 
+      document.head.appendChild(script);
 
+    }
 
+  },
 
+
 
+  loadComments: function(element, callback) {
 
+    if (!CONFIG.comments.lazyload || !element) {
 
+      callback();
 
+      return;
 
+    }
 
+    let intersectionObserver = new IntersectionObserver((entries, observer) => {
 
+      let entry = entries[0];
 
+      if (entry.isIntersecting) {
 
+        callback();
 
+        observer.disconnect();
 
+      }
 
+    });
 
+    intersectionObserver.observe(element);
 
+    return intersectionObserver;
 
+  }
 
+};

File diff suppressed because it is too large
+ 7 - 0
lib/anime.min.js


+ 7 - 0
lib/font-awesome/HELP-US-OUT.txt
View File 

@@ -0,0 +1,7 @@
 
+I hope you love Font Awesome. If you've found it useful, please do me a favor and check out my latest project,
 
+Fort Awesome (https://fortawesome.com). It makes it easy to put the perfect icons on your website. Choose from our awesome,
 
+comprehensive icon sets or copy and paste your own.
 
+
 
+Please. Check it out.
 
+
 
+-Dave Gandy

+ 1 - 0
lib/font-awesome/bower.json
View File 

@@ -0,0 +1 @@
 
+{"name":"font-awesome","description":"Font Awesome","keywords":[],"homepage":"http://fontawesome.io","dependencies":{},"devDependencies":{},"license":["OFL-1.1","MIT","CC-BY-3.0"],"main":["less/font-awesome.less","scss/font-awesome.scss"],"ignore":["*/.*","*.json","src","*.yml","Gemfile","Gemfile.lock","*.md"]}

+ 2337 - 0
lib/font-awesome/css/font-awesome.css
View File 

@@ -0,0 +1,2337 @@
 
+/*!
 
+ *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 
+ *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 
+ */
 
+/* FONT PATH
 
+ * -------------------------- */
 
+@font-face {
 
+  font-family: 'FontAwesome';
 
+  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
 
+  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
 
+  font-weight: normal;
 
+  font-style: normal;
 
+}
 
+.fa {
 
+  display: inline-block;
 
+  font: normal normal normal 14px/1 FontAwesome;
 
+  font-size: inherit;
 
+  text-rendering: auto;
 
+  -webkit-font-smoothing: antialiased;
 
+  -moz-osx-font-smoothing: grayscale;
 
+}
 
+/* makes the font 33% larger relative to the icon container */
 
+.fa-lg {
 
+  font-size: 1.33333333em;
 
+  line-height: 0.75em;
 
+  vertical-align: -15%;
 
+}
 
+.fa-2x {
 
+  font-size: 2em;
 
+}
 
+.fa-3x {
 
+  font-size: 3em;
 
+}
 
+.fa-4x {
 
+  font-size: 4em;
 
+}
 
+.fa-5x {
 
+  font-size: 5em;
 
+}
 
+.fa-fw {
 
+  width: 1.28571429em;
 
+  text-align: center;
 
+}
 
+.fa-ul {
 
+  padding-left: 0;
 
+  margin-left: 2.14285714em;
 
+  list-style-type: none;
 
+}
 
+.fa-ul > li {
 
+  position: relative;
 
+}
 
+.fa-li {
 
+  position: absolute;
 
+  left: -2.14285714em;
 
+  width: 2.14285714em;
 
+  top: 0.14285714em;
 
+  text-align: center;
 
+}
 
+.fa-li.fa-lg {
 
+  left: -1.85714286em;
 
+}
 
+.fa-border {
 
+  padding: .2em .25em .15em;
 
+  border: solid 0.08em #eeeeee;
 
+  border-radius: .1em;
 
+}
 
+.fa-pull-left {
 
+  float: left;
 
+}
 
+.fa-pull-right {
 
+  float: right;
 
+}
 
+.fa.fa-pull-left {
 
+  margin-right: .3em;
 
+}
 
+.fa.fa-pull-right {
 
+  margin-left: .3em;
 
+}
 
+/* Deprecated as of 4.4.0 */
 
+.pull-right {
 
+  float: right;
 
+}
 
+.pull-left {
 
+  float: left;
 
+}
 
+.fa.pull-left {
 
+  margin-right: .3em;
 
+}
 
+.fa.pull-right {
 
+  margin-left: .3em;
 
+}
 
+.fa-spin {
 
+  -webkit-animation: fa-spin 2s infinite linear;
 
+  animation: fa-spin 2s infinite linear;
 
+}
 
+.fa-pulse {
 
+  -webkit-animation: fa-spin 1s infinite steps(8);
 
+  animation: fa-spin 1s infinite steps(8);
 
+}
 
+@-webkit-keyframes fa-spin {
 
+  0% {
 
+    -webkit-transform: rotate(0deg);
 
+    transform: rotate(0deg);
 
+  }
 
+  100% {
 
+    -webkit-transform: rotate(359deg);
 
+    transform: rotate(359deg);
 
+  }
 
+}
 
+@keyframes fa-spin {
 
+  0% {
 
+    -webkit-transform: rotate(0deg);
 
+    transform: rotate(0deg);
 
+  }
 
+  100% {
 
+    -webkit-transform: rotate(359deg);
 
+    transform: rotate(359deg);
 
+  }
 
+}
 
+.fa-rotate-90 {
 
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
 
+  -webkit-transform: rotate(90deg);
 
+  -ms-transform: rotate(90deg);
 
+  transform: rotate(90deg);
 
+}
 
+.fa-rotate-180 {
 
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
 
+  -webkit-transform: rotate(180deg);
 
+  -ms-transform: rotate(180deg);
 
+  transform: rotate(180deg);
 
+}
 
+.fa-rotate-270 {
 
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
 
+  -webkit-transform: rotate(270deg);
 
+  -ms-transform: rotate(270deg);
 
+  transform: rotate(270deg);
 
+}
 
+.fa-flip-horizontal {
 
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
 
+  -webkit-transform: scale(-1, 1);
 
+  -ms-transform: scale(-1, 1);
 
+  transform: scale(-1, 1);
 
+}
 
+.fa-flip-vertical {
 
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
 
+  -webkit-transform: scale(1, -1);
 
+  -ms-transform: scale(1, -1);
 
+  transform: scale(1, -1);
 
+}
 
+:root .fa-rotate-90,
 
+:root .fa-rotate-180,
 
+:root .fa-rotate-270,
 
+:root .fa-flip-horizontal,
 
+:root .fa-flip-vertical {
 
+  filter: none;
 
+}
 
+.fa-stack {
 
+  position: relative;
 
+  display: inline-block;
 
+  width: 2em;
 
+  height: 2em;
 
+  line-height: 2em;
 
+  vertical-align: middle;
 
+}
 
+.fa-stack-1x,
 
+.fa-stack-2x {
 
+  position: absolute;
 
+  left: 0;
 
+  width: 100%;
 
+  text-align: center;
 
+}
 
+.fa-stack-1x {
 
+  line-height: inherit;
 
+}
 
+.fa-stack-2x {
 
+  font-size: 2em;
 
+}
 
+.fa-inverse {
 
+  color: #ffffff;
 
+}
 
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 
+   readers do not read off random characters that represent icons */
 
+.fa-glass:before {
 
+  content: "\f000";
 
+}
 
+.fa-music:before {
 
+  content: "\f001";
 
+}
 
+.fa-search:before {
 
+  content: "\f002";
 
+}
 
+.fa-envelope-o:before {
 
+  content: "\f003";
 
+}
 
+.fa-heart:before {
 
+  content: "\f004";
 
+}
 
+.fa-star:before {
 
+  content: "\f005";
 
+}
 
+.fa-star-o:before {
 
+  content: "\f006";
 
+}
 
+.fa-user:before {
 
+  content: "\f007";
 
+}
 
+.fa-film:before {
 
+  content: "\f008";
 
+}
 
+.fa-th-large:before {
 
+  content: "\f009";
 
+}
 
+.fa-th:before {
 
+  content: "\f00a";
 
+}
 
+.fa-th-list:before {
 
+  content: "\f00b";
 
+}
 
+.fa-check:before {
 
+  content: "\f00c";
 
+}
 
+.fa-remove:before,
 
+.fa-close:before,
 
+.fa-times:before {
 
+  content: "\f00d";
 
+}
 
+.fa-search-plus:before {
 
+  content: "\f00e";
 
+}
 
+.fa-search-minus:before {
 
+  content: "\f010";
 
+}
 
+.fa-power-off:before {
 
+  content: "\f011";
 
+}
 
+.fa-signal:before {
 
+  content: "\f012";
 
+}
 
+.fa-gear:before,
 
+.fa-cog:before {
 
+  content: "\f013";
 
+}
 
+.fa-trash-o:before {
 
+  content: "\f014";
 
+}
 
+.fa-home:before {
 
+  content: "\f015";
 
+}
 
+.fa-file-o:before {
 
+  content: "\f016";
 
+}
 
+.fa-clock-o:before {
 
+  content: "\f017";
 
+}
 
+.fa-road:before {
 
+  content: "\f018";
 
+}
 
+.fa-download:before {
 
+  content: "\f019";
 
+}
 
+.fa-arrow-circle-o-down:before {
 
+  content: "\f01a";
 
+}
 
+.fa-arrow-circle-o-up:before {
 
+  content: "\f01b";
 
+}
 
+.fa-inbox:before {
 
+  content: "\f01c";
 
+}
 
+.fa-play-circle-o:before {
 
+  content: "\f01d";
 
+}
 
+.fa-rotate-right:before,
 
+.fa-repeat:before {
 
+  content: "\f01e";
 
+}
 
+.fa-refresh:before {
 
+  content: "\f021";
 
+}
 
+.fa-list-alt:before {
 
+  content: "\f022";
 
+}
 
+.fa-lock:before {
 
+  content: "\f023";
 
+}
 
+.fa-flag:before {
 
+  content: "\f024";
 
+}
 
+.fa-headphones:before {
 
+  content: "\f025";
 
+}
 
+.fa-volume-off:before {
 
+  content: "\f026";
 
+}
 
+.fa-volume-down:before {
 
+  content: "\f027";
 
+}
 
+.fa-volume-up:before {
 
+  content: "\f028";
 
+}
 
+.fa-qrcode:before {
 
+  content: "\f029";
 
+}
 
+.fa-barcode:before {
 
+  content: "\f02a";
 
+}
 
+.fa-tag:before {
 
+  content: "\f02b";
 
+}
 
+.fa-tags:before {
 
+  content: "\f02c";
 
+}
 
+.fa-book:before {
 
+  content: "\f02d";
 
+}
 
+.fa-bookmark:before {
 
+  content: "\f02e";
 
+}
 
+.fa-print:before {
 
+  content: "\f02f";
 
+}
 
+.fa-camera:before {
 
+  content: "\f030";
 
+}
 
+.fa-font:before {
 
+  content: "\f031";
 
+}
 
+.fa-bold:before {
 
+  content: "\f032";
 
+}
 
+.fa-italic:before {
 
+  content: "\f033";
 
+}
 
+.fa-text-height:before {
 
+  content: "\f034";
 
+}
 
+.fa-text-width:before {
 
+  content: "\f035";
 
+}
 
+.fa-align-left:before {
 
+  content: "\f036";
 
+}
 
+.fa-align-center:before {
 
+  content: "\f037";
 
+}
 
+.fa-align-right:before {
 
+  content: "\f038";
 
+}
 
+.fa-align-justify:before {
 
+  content: "\f039";
 
+}
 
+.fa-list:before {
 
+  content: "\f03a";
 
+}
 
+.fa-dedent:before,
 
+.fa-outdent:before {
 
+  content: "\f03b";
 
+}
 
+.fa-indent:before {
 
+  content: "\f03c";
 
+}
 
+.fa-video-camera:before {
 
+  content: "\f03d";
 
+}
 
+.fa-photo:before,
 
+.fa-image:before,
 
+.fa-picture-o:before {
 
+  content: "\f03e";
 
+}
 
+.fa-pencil:before {
 
+  content: "\f040";
 
+}
 
+.fa-map-marker:before {
 
+  content: "\f041";
 
+}
 
+.fa-adjust:before {
 
+  content: "\f042";
 
+}
 
+.fa-tint:before {
 
+  content: "\f043";
 
+}
 
+.fa-edit:before,
 
+.fa-pencil-square-o:before {
 
+  content: "\f044";
 
+}
 
+.fa-share-square-o:before {
 
+  content: "\f045";
 
+}
 
+.fa-check-square-o:before {
 
+  content: "\f046";
 
+}
 
+.fa-arrows:before {
 
+  content: "\f047";
 
+}
 
+.fa-step-backward:before {
 
+  content: "\f048";
 
+}
 
+.fa-fast-backward:before {
 
+  content: "\f049";
 
+}
 
+.fa-backward:before {
 
+  content: "\f04a";
 
+}
 
+.fa-play:before {
 
+  content: "\f04b";
 
+}
 
+.fa-pause:before {
 
+  content: "\f04c";
 
+}
 
+.fa-stop:before {
 
+  content: "\f04d";
 
+}
 
+.fa-forward:before {
 
+  content: "\f04e";
 
+}
 
+.fa-fast-forward:before {
 
+  content: "\f050";
 
+}
 
+.fa-step-forward:before {
 
+  content: "\f051";
 
+}
 
+.fa-eject:before {
 
+  content: "\f052";
 
+}
 
+.fa-chevron-left:before {
 
+  content: "\f053";
 
+}
 
+.fa-chevron-right:before {
 
+  content: "\f054";
 
+}
 
+.fa-plus-circle:before {
 
+  content: "\f055";
 
+}
 
+.fa-minus-circle:before {
 
+  content: "\f056";
 
+}
 
+.fa-times-circle:before {
 
+  content: "\f057";
 
+}
 
+.fa-check-circle:before {
 
+  content: "\f058";
 
+}
 
+.fa-question-circle:before {
 
+  content: "\f059";
 
+}
 
+.fa-info-circle:before {
 
+  content: "\f05a";
 
+}
 
+.fa-crosshairs:before {
 
+  content: "\f05b";
 
+}
 
+.fa-times-circle-o:before {
 
+  content: "\f05c";
 
+}
 
+.fa-check-circle-o:before {
 
+  content: "\f05d";
 
+}
 
+.fa-ban:before {
 
+  content: "\f05e";
 
+}
 
+.fa-arrow-left:before {
 
+  content: "\f060";
 
+}
 
+.fa-arrow-right:before {
 
+  content: "\f061";
 
+}
 
+.fa-arrow-up:before {
 
+  content: "\f062";
 
+}
 
+.fa-arrow-down:before {
 
+  content: "\f063";
 
+}
 
+.fa-mail-forward:before,
 
+.fa-share:before {
 
+  content: "\f064";
 
+}
 
+.fa-expand:before {
 
+  content: "\f065";
 
+}
 
+.fa-compress:before {
 
+  content: "\f066";
 
+}
 
+.fa-plus:before {
 
+  content: "\f067";
 
+}
 
+.fa-minus:before {
 
+  content: "\f068";
 
+}
 
+.fa-asterisk:before {
 
+  content: "\f069";
 
+}
 
+.fa-exclamation-circle:before {
 
+  content: "\f06a";
 
+}
 
+.fa-gift:before {
 
+  content: "\f06b";
 
+}
 
+.fa-leaf:before {
 
+  content: "\f06c";
 
+}
 
+.fa-fire:before {
 
+  content: "\f06d";
 
+}
 
+.fa-eye:before {
 
+  content: "\f06e";
 
+}
 
+.fa-eye-slash:before {
 
+  content: "\f070";
 
+}
 
+.fa-warning:before,
 
+.fa-exclamation-triangle:before {
 
+  content: "\f071";
 
+}
 
+.fa-plane:before {
 
+  content: "\f072";
 
+}
 
+.fa-calendar:before {
 
+  content: "\f073";
 
+}
 
+.fa-random:before {
 
+  content: "\f074";
 
+}
 
+.fa-comment:before {
 
+  content: "\f075";
 
+}
 
+.fa-magnet:before {
 
+  content: "\f076";
 
+}
 
+.fa-chevron-up:before {
 
+  content: "\f077";
 
+}
 
+.fa-chevron-down:before {
 
+  content: "\f078";
 
+}
 
+.fa-retweet:before {
 
+  content: "\f079";
 
+}
 
+.fa-shopping-cart:before {
 
+  content: "\f07a";
 
+}
 
+.fa-folder:before {
 
+  content: "\f07b";
 
+}
 
+.fa-folder-open:before {
 
+  content: "\f07c";
 
+}
 
+.fa-arrows-v:before {
 
+  content: "\f07d";
 
+}
 
+.fa-arrows-h:before {
 
+  content: "\f07e";
 
+}
 
+.fa-bar-chart-o:before,
 
+.fa-bar-chart:before {
 
+  content: "\f080";
 
+}
 
+.fa-twitter-square:before {
 
+  content: "\f081";
 
+}
 
+.fa-facebook-square:before {
 
+  content: "\f082";
 
+}
 
+.fa-camera-retro:before {
 
+  content: "\f083";
 
+}
 
+.fa-key:before {
 
+  content: "\f084";
 
+}
 
+.fa-gears:before,
 
+.fa-cogs:before {
 
+  content: "\f085";
 
+}
 
+.fa-comments:before {
 
+  content: "\f086";
 
+}
 
+.fa-thumbs-o-up:before {
 
+  content: "\f087";
 
+}
 
+.fa-thumbs-o-down:before {
 
+  content: "\f088";
 
+}
 
+.fa-star-half:before {
 
+  content: "\f089";
 
+}
 
+.fa-heart-o:before {
 
+  content: "\f08a";
 
+}
 
+.fa-sign-out:before {
 
+  content: "\f08b";
 
+}
 
+.fa-linkedin-square:before {
 
+  content: "\f08c";
 
+}
 
+.fa-thumb-tack:before {
 
+  content: "\f08d";
 
+}
 
+.fa-external-link:before {
 
+  content: "\f08e";
 
+}
 
+.fa-sign-in:before {
 
+  content: "\f090";
 
+}
 
+.fa-trophy:before {
 
+  content: "\f091";
 
+}
 
+.fa-github-square:before {
 
+  content: "\f092";
 
+}
 
+.fa-upload:before {
 
+  content: "\f093";
 
+}
 
+.fa-lemon-o:before {
 
+  content: "\f094";
 
+}
 
+.fa-phone:before {
 
+  content: "\f095";
 
+}
 
+.fa-square-o:before {
 
+  content: "\f096";
 
+}
 
+.fa-bookmark-o:before {
 
+  content: "\f097";
 
+}
 
+.fa-phone-square:before {
 
+  content: "\f098";
 
+}
 
+.fa-twitter:before {
 
+  content: "\f099";
 
+}
 
+.fa-facebook-f:before,
 
+.fa-facebook:before {
 
+  content: "\f09a";
 
+}
 
+.fa-github:before {
 
+  content: "\f09b";
 
+}
 
+.fa-unlock:before {
 
+  content: "\f09c";
 
+}
 
+.fa-credit-card:before {
 
+  content: "\f09d";
 
+}
 
+.fa-feed:before,
 
+.fa-rss:before {
 
+  content: "\f09e";
 
+}
 
+.fa-hdd-o:before {
 
+  content: "\f0a0";
 
+}
 
+.fa-bullhorn:before {
 
+  content: "\f0a1";
 
+}
 
+.fa-bell:before {
 
+  content: "\f0f3";
 
+}
 
+.fa-certificate:before {
 
+  content: "\f0a3";
 
+}
 
+.fa-hand-o-right:before {
 
+  content: "\f0a4";
 
+}
 
+.fa-hand-o-left:before {
 
+  content: "\f0a5";
 
+}
 
+.fa-hand-o-up:before {
 
+  content: "\f0a6";
 
+}
 
+.fa-hand-o-down:before {
 
+  content: "\f0a7";
 
+}
 
+.fa-arrow-circle-left:before {
 
+  content: "\f0a8";
 
+}
 
+.fa-arrow-circle-right:before {
 
+  content: "\f0a9";
 
+}
 
+.fa-arrow-circle-up:before {
 
+  content: "\f0aa";
 
+}
 
+.fa-arrow-circle-down:before {
 
+  content: "\f0ab";
 
+}
 
+.fa-globe:before {
 
+  content: "\f0ac";
 
+}
 
+.fa-wrench:before {
 
+  content: "\f0ad";
 
+}
 
+.fa-tasks:before {
 
+  content: "\f0ae";
 
+}
 
+.fa-filter:before {
 
+  content: "\f0b0";
 
+}
 
+.fa-briefcase:before {
 
+  content: "\f0b1";
 
+}
 
+.fa-arrows-alt:before {
 
+  content: "\f0b2";
 
+}
 
+.fa-group:before,
 
+.fa-users:before {
 
+  content: "\f0c0";
 
+}
 
+.fa-chain:before,
 
+.fa-link:before {
 
+  content: "\f0c1";
 
+}
 
+.fa-cloud:before {
 
+  content: "\f0c2";
 
+}
 
+.fa-flask:before {
 
+  content: "\f0c3";
 
+}
 
+.fa-cut:before,
 
+.fa-scissors:before {
 
+  content: "\f0c4";
 
+}
 
+.fa-copy:before,
 
+.fa-files-o:before {
 
+  content: "\f0c5";
 
+}
 
+.fa-paperclip:before {
 
+  content: "\f0c6";
 
+}
 
+.fa-save:before,
 
+.fa-floppy-o:before {
 
+  content: "\f0c7";
 
+}
 
+.fa-square:before {
 
+  content: "\f0c8";
 
+}
 
+.fa-navicon:before,
 
+.fa-reorder:before,
 
+.fa-bars:before {
 
+  content: "\f0c9";
 
+}
 
+.fa-list-ul:before {
 
+  content: "\f0ca";
 
+}
 
+.fa-list-ol:before {
 
+  content: "\f0cb";
 
+}
 
+.fa-strikethrough:before {
 
+  content: "\f0cc";
 
+}
 
+.fa-underline:before {
 
+  content: "\f0cd";
 
+}
 
+.fa-table:before {
 
+  content: "\f0ce";
 
+}
 
+.fa-magic:before {
 
+  content: "\f0d0";
 
+}
 
+.fa-truck:before {
 
+  content: "\f0d1";
 
+}
 
+.fa-pinterest:before {
 
+  content: "\f0d2";
 
+}
 
+.fa-pinterest-square:before {
 
+  content: "\f0d3";
 
+}
 
+.fa-google-plus-square:before {
 
+  content: "\f0d4";
 
+}
 
+.fa-google-plus:before {
 
+  content: "\f0d5";
 
+}
 
+.fa-money:before {
 
+  content: "\f0d6";
 
+}
 
+.fa-caret-down:before {
 
+  content: "\f0d7";
 
+}
 
+.fa-caret-up:before {
 
+  content: "\f0d8";
 
+}
 
+.fa-caret-left:before {
 
+  content: "\f0d9";
 
+}
 
+.fa-caret-right:before {
 
+  content: "\f0da";
 
+}
 
+.fa-columns:before {
 
+  content: "\f0db";
 
+}
 
+.fa-unsorted:before,
 
+.fa-sort:before {
 
+  content: "\f0dc";
 
+}
 
+.fa-sort-down:before,
 
+.fa-sort-desc:before {
 
+  content: "\f0dd";
 
+}
 
+.fa-sort-up:before,
 
+.fa-sort-asc:before {
 
+  content: "\f0de";
 
+}
 
+.fa-envelope:before {
 
+  content: "\f0e0";
 
+}
 
+.fa-linkedin:before {
 
+  content: "\f0e1";
 
+}
 
+.fa-rotate-left:before,
 
+.fa-undo:before {
 
+  content: "\f0e2";
 
+}
 
+.fa-legal:before,
 
+.fa-gavel:before {
 
+  content: "\f0e3";
 
+}
 
+.fa-dashboard:before,
 
+.fa-tachometer:before {
 
+  content: "\f0e4";
 
+}
 
+.fa-comment-o:before {
 
+  content: "\f0e5";
 
+}
 
+.fa-comments-o:before {
 
+  content: "\f0e6";
 
+}
 
+.fa-flash:before,
 
+.fa-bolt:before {
 
+  content: "\f0e7";
 
+}
 
+.fa-sitemap:before {
 
+  content: "\f0e8";
 
+}
 
+.fa-umbrella:before {
 
+  content: "\f0e9";
 
+}
 
+.fa-paste:before,
 
+.fa-clipboard:before {
 
+  content: "\f0ea";
 
+}
 
+.fa-lightbulb-o:before {
 
+  content: "\f0eb";
 
+}
 
+.fa-exchange:before {
 
+  content: "\f0ec";
 
+}
 
+.fa-cloud-download:before {
 
+  content: "\f0ed";
 
+}
 
+.fa-cloud-upload:before {
 
+  content: "\f0ee";
 
+}
 
+.fa-user-md:before {
 
+  content: "\f0f0";
 
+}
 
+.fa-stethoscope:before {
 
+  content: "\f0f1";
 
+}
 
+.fa-suitcase:before {
 
+  content: "\f0f2";
 
+}
 
+.fa-bell-o:before {
 
+  content: "\f0a2";
 
+}
 
+.fa-coffee:before {
 
+  content: "\f0f4";
 
+}
 
+.fa-cutlery:before {
 
+  content: "\f0f5";
 
+}
 
+.fa-file-text-o:before {
 
+  content: "\f0f6";
 
+}
 
+.fa-building-o:before {
 
+  content: "\f0f7";
 
+}
 
+.fa-hospital-o:before {
 
+  content: "\f0f8";
 
+}
 
+.fa-ambulance:before {
 
+  content: "\f0f9";
 
+}
 
+.fa-medkit:before {
 
+  content: "\f0fa";
 
+}
 
+.fa-fighter-jet:before {
 
+  content: "\f0fb";
 
+}
 
+.fa-beer:before {
 
+  content: "\f0fc";
 
+}
 
+.fa-h-square:before {
 
+  content: "\f0fd";
 
+}
 
+.fa-plus-square:before {
 
+  content: "\f0fe";
 
+}
 
+.fa-angle-double-left:before {
 
+  content: "\f100";
 
+}
 
+.fa-angle-double-right:before {
 
+  content: "\f101";
 
+}
 
+.fa-angle-double-up:before {
 
+  content: "\f102";
 
+}
 
+.fa-angle-double-down:before {
 
+  content: "\f103";
 
+}
 
+.fa-angle-left:before {
 
+  content: "\f104";
 
+}
 
+.fa-angle-right:before {
 
+  content: "\f105";
 
+}
 
+.fa-angle-up:before {
 
+  content: "\f106";
 
+}
 
+.fa-angle-down:before {
 
+  content: "\f107";
 
+}
 
+.fa-desktop:before {
 
+  content: "\f108";
 
+}
 
+.fa-laptop:before {
 
+  content: "\f109";
 
+}
 
+.fa-tablet:before {
 
+  content: "\f10a";
 
+}
 
+.fa-mobile-phone:before,
 
+.fa-mobile:before {
 
+  content: "\f10b";
 
+}
 
+.fa-circle-o:before {
 
+  content: "\f10c";
 
+}
 
+.fa-quote-left:before {
 
+  content: "\f10d";
 
+}
 
+.fa-quote-right:before {
 
+  content: "\f10e";
 
+}
 
+.fa-spinner:before {
 
+  content: "\f110";
 
+}
 
+.fa-circle:before {
 
+  content: "\f111";
 
+}
 
+.fa-mail-reply:before,
 
+.fa-reply:before {
 
+  content: "\f112";
 
+}
 
+.fa-github-alt:before {
 
+  content: "\f113";
 
+}
 
+.fa-folder-o:before {
 
+  content: "\f114";
 
+}
 
+.fa-folder-open-o:before {
 
+  content: "\f115";
 
+}
 
+.fa-smile-o:before {
 
+  content: "\f118";
 
+}
 
+.fa-frown-o:before {
 
+  content: "\f119";
 
+}
 
+.fa-meh-o:before {
 
+  content: "\f11a";
 
+}
 
+.fa-gamepad:before {
 
+  content: "\f11b";
 
+}
 
+.fa-keyboard-o:before {
 
+  content: "\f11c";
 
+}
 
+.fa-flag-o:before {
 
+  content: "\f11d";
 
+}
 
+.fa-flag-checkered:before {
 
+  content: "\f11e";
 
+}
 
+.fa-terminal:before {
 
+  content: "\f120";
 
+}
 
+.fa-code:before {
 
+  content: "\f121";
 
+}
 
+.fa-mail-reply-all:before,
 
+.fa-reply-all:before {
 
+  content: "\f122";
 
+}
 
+.fa-star-half-empty:before,
 
+.fa-star-half-full:before,
 
+.fa-star-half-o:before {
 
+  content: "\f123";
 
+}
 
+.fa-location-arrow:before {
 
+  content: "\f124";
 
+}
 
+.fa-crop:before {
 
+  content: "\f125";
 
+}
 
+.fa-code-fork:before {
 
+  content: "\f126";
 
+}
 
+.fa-unlink:before,
 
+.fa-chain-broken:before {
 
+  content: "\f127";
 
+}
 
+.fa-question:before {
 
+  content: "\f128";
 
+}
 
+.fa-info:before {
 
+  content: "\f129";
 
+}
 
+.fa-exclamation:before {
 
+  content: "\f12a";
 
+}
 
+.fa-superscript:before {
 
+  content: "\f12b";
 
+}
 
+.fa-subscript:before {
 
+  content: "\f12c";
 
+}
 
+.fa-eraser:before {
 
+  content: "\f12d";
 
+}
 
+.fa-puzzle-piece:before {
 
+  content: "\f12e";
 
+}
 
+.fa-microphone:before {
 
+  content: "\f130";
 
+}
 
+.fa-microphone-slash:before {
 
+  content: "\f131";
 
+}
 
+.fa-shield:before {
 
+  content: "\f132";
 
+}
 
+.fa-calendar-o:before {
 
+  content: "\f133";
 
+}
 
+.fa-fire-extinguisher:before {
 
+  content: "\f134";
 
+}
 
+.fa-rocket:before {
 
+  content: "\f135";
 
+}
 
+.fa-maxcdn:before {
 
+  content: "\f136";
 
+}
 
+.fa-chevron-circle-left:before {
 
+  content: "\f137";
 
+}
 
+.fa-chevron-circle-right:before {
 
+  content: "\f138";
 
+}
 
+.fa-chevron-circle-up:before {
 
+  content: "\f139";
 
+}
 
+.fa-chevron-circle-down:before {
 
+  content: "\f13a";
 
+}
 
+.fa-html5:before {
 
+  content: "\f13b";
 
+}
 
+.fa-css3:before {
 
+  content: "\f13c";
 
+}
 
+.fa-anchor:before {
 
+  content: "\f13d";
 
+}
 
+.fa-unlock-alt:before {
 
+  content: "\f13e";
 
+}
 
+.fa-bullseye:before {
 
+  content: "\f140";
 
+}
 
+.fa-ellipsis-h:before {
 
+  content: "\f141";
 
+}
 
+.fa-ellipsis-v:before {
 
+  content: "\f142";
 
+}
 
+.fa-rss-square:before {
 
+  content: "\f143";
 
+}
 
+.fa-play-circle:before {
 
+  content: "\f144";
 
+}
 
+.fa-ticket:before {
 
+  content: "\f145";
 
+}
 
+.fa-minus-square:before {
 
+  content: "\f146";
 
+}
 
+.fa-minus-square-o:before {
 
+  content: "\f147";
 
+}
 
+.fa-level-up:before {
 
+  content: "\f148";
 
+}
 
+.fa-level-down:before {
 
+  content: "\f149";
 
+}
 
+.fa-check-square:before {
 
+  content: "\f14a";
 
+}
 
+.fa-pencil-square:before {
 
+  content: "\f14b";
 
+}
 
+.fa-external-link-square:before {
 
+  content: "\f14c";
 
+}
 
+.fa-share-square:before {
 
+  content: "\f14d";
 
+}
 
+.fa-compass:before {
 
+  content: "\f14e";
 
+}
 
+.fa-toggle-down:before,
 
+.fa-caret-square-o-down:before {
 
+  content: "\f150";
 
+}
 
+.fa-toggle-up:before,
 
+.fa-caret-square-o-up:before {
 
+  content: "\f151";
 
+}
 
+.fa-toggle-right:before,
 
+.fa-caret-square-o-right:before {
 
+  content: "\f152";
 
+}
 
+.fa-euro:before,
 
+.fa-eur:before {
 
+  content: "\f153";
 
+}
 
+.fa-gbp:before {
 
+  content: "\f154";
 
+}
 
+.fa-dollar:before,
 
+.fa-usd:before {
 
+  content: "\f155";
 
+}
 
+.fa-rupee:before,
 
+.fa-inr:before {
 
+  content: "\f156";
 
+}
 
+.fa-cny:before,
 
+.fa-rmb:before,
 
+.fa-yen:before,
 
+.fa-jpy:before {
 
+  content: "\f157";
 
+}
 
+.fa-ruble:before,
 
+.fa-rouble:before,
 
+.fa-rub:before {
 
+  content: "\f158";
 
+}
 
+.fa-won:before,
 
+.fa-krw:before {
 
+  content: "\f159";
 
+}
 
+.fa-bitcoin:before,
 
+.fa-btc:before {
 
+  content: "\f15a";
 
+}
 
+.fa-file:before {
 
+  content: "\f15b";
 
+}
 
+.fa-file-text:before {
 
+  content: "\f15c";
 
+}
 
+.fa-sort-alpha-asc:before {
 
+  content: "\f15d";
 
+}
 
+.fa-sort-alpha-desc:before {
 
+  content: "\f15e";
 
+}
 
+.fa-sort-amount-asc:before {
 
+  content: "\f160";
 
+}
 
+.fa-sort-amount-desc:before {
 
+  content: "\f161";
 
+}
 
+.fa-sort-numeric-asc:before {
 
+  content: "\f162";
 
+}
 
+.fa-sort-numeric-desc:before {
 
+  content: "\f163";
 
+}
 
+.fa-thumbs-up:before {
 
+  content: "\f164";
 
+}
 
+.fa-thumbs-down:before {
 
+  content: "\f165";
 
+}
 
+.fa-youtube-square:before {
 
+  content: "\f166";
 
+}
 
+.fa-youtube:before {
 
+  content: "\f167";
 
+}
 
+.fa-xing:before {
 
+  content: "\f168";
 
+}
 
+.fa-xing-square:before {
 
+  content: "\f169";
 
+}
 
+.fa-youtube-play:before {
 
+  content: "\f16a";
 
+}
 
+.fa-dropbox:before {
 
+  content: "\f16b";
 
+}
 
+.fa-stack-overflow:before {
 
+  content: "\f16c";
 
+}
 
+.fa-instagram:before {
 
+  content: "\f16d";
 
+}
 
+.fa-flickr:before {
 
+  content: "\f16e";
 
+}
 
+.fa-adn:before {
 
+  content: "\f170";
 
+}
 
+.fa-bitbucket:before {
 
+  content: "\f171";
 
+}
 
+.fa-bitbucket-square:before {
 
+  content: "\f172";
 
+}
 
+.fa-tumblr:before {
 
+  content: "\f173";
 
+}
 
+.fa-tumblr-square:before {
 
+  content: "\f174";
 
+}
 
+.fa-long-arrow-down:before {
 
+  content: "\f175";
 
+}
 
+.fa-long-arrow-up:before {
 
+  content: "\f176";
 
+}
 
+.fa-long-arrow-left:before {
 
+  content: "\f177";
 
+}
 
+.fa-long-arrow-right:before {
 
+  content: "\f178";
 
+}
 
+.fa-apple:before {
 
+  content: "\f179";
 
+}
 
+.fa-windows:before {
 
+  content: "\f17a";
 
+}
 
+.fa-android:before {
 
+  content: "\f17b";
 
+}
 
+.fa-linux:before {
 
+  content: "\f17c";
 
+}
 
+.fa-dribbble:before {
 
+  content: "\f17d";
 
+}
 
+.fa-skype:before {
 
+  content: "\f17e";
 
+}
 
+.fa-foursquare:before {
 
+  content: "\f180";
 
+}
 
+.fa-trello:before {
 
+  content: "\f181";
 
+}
 
+.fa-female:before {
 
+  content: "\f182";
 
+}
 
+.fa-male:before {
 
+  content: "\f183";
 
+}
 
+.fa-gittip:before,
 
+.fa-gratipay:before {
 
+  content: "\f184";
 
+}
 
+.fa-sun-o:before {
 
+  content: "\f185";
 
+}
 
+.fa-moon-o:before {
 
+  content: "\f186";
 
+}
 
+.fa-archive:before {
 
+  content: "\f187";
 
+}
 
+.fa-bug:before {
 
+  content: "\f188";
 
+}
 
+.fa-vk:before {
 
+  content: "\f189";
 
+}
 
+.fa-weibo:before {
 
+  content: "\f18a";
 
+}
 
+.fa-renren:before {
 
+  content: "\f18b";
 
+}
 
+.fa-pagelines:before {
 
+  content: "\f18c";
 
+}
 
+.fa-stack-exchange:before {
 
+  content: "\f18d";
 
+}
 
+.fa-arrow-circle-o-right:before {
 
+  content: "\f18e";
 
+}
 
+.fa-arrow-circle-o-left:before {
 
+  content: "\f190";
 
+}
 
+.fa-toggle-left:before,
 
+.fa-caret-square-o-left:before {
 
+  content: "\f191";
 
+}
 
+.fa-dot-circle-o:before {
 
+  content: "\f192";
 
+}
 
+.fa-wheelchair:before {
 
+  content: "\f193";
 
+}
 
+.fa-vimeo-square:before {
 
+  content: "\f194";
 
+}
 
+.fa-turkish-lira:before,
 
+.fa-try:before {
 
+  content: "\f195";
 
+}
 
+.fa-plus-square-o:before {
 
+  content: "\f196";
 
+}
 
+.fa-space-shuttle:before {
 
+  content: "\f197";
 
+}
 
+.fa-slack:before {
 
+  content: "\f198";
 
+}
 
+.fa-envelope-square:before {
 
+  content: "\f199";
 
+}
 
+.fa-wordpress:before {
 
+  content: "\f19a";
 
+}
 
+.fa-openid:before {
 
+  content: "\f19b";
 
+}
 
+.fa-institution:before,
 
+.fa-bank:before,
 
+.fa-university:before {
 
+  content: "\f19c";
 
+}
 
+.fa-mortar-board:before,
 
+.fa-graduation-cap:before {
 
+  content: "\f19d";
 
+}
 
+.fa-yahoo:before {
 
+  content: "\f19e";
 
+}
 
+.fa-google:before {
 
+  content: "\f1a0";
 
+}
 
+.fa-reddit:before {
 
+  content: "\f1a1";
 
+}
 
+.fa-reddit-square:before {
 
+  content: "\f1a2";
 
+}
 
+.fa-stumbleupon-circle:before {
 
+  content: "\f1a3";
 
+}
 
+.fa-stumbleupon:before {
 
+  content: "\f1a4";
 
+}
 
+.fa-delicious:before {
 
+  content: "\f1a5";
 
+}
 
+.fa-digg:before {
 
+  content: "\f1a6";
 
+}
 
+.fa-pied-piper-pp:before {
 
+  content: "\f1a7";
 
+}
 
+.fa-pied-piper-alt:before {
 
+  content: "\f1a8";
 
+}
 
+.fa-drupal:before {
 
+  content: "\f1a9";
 
+}
 
+.fa-joomla:before {
 
+  content: "\f1aa";
 
+}
 
+.fa-language:before {
 
+  content: "\f1ab";
 
+}
 
+.fa-fax:before {
 
+  content: "\f1ac";
 
+}
 
+.fa-building:before {
 
+  content: "\f1ad";
 
+}
 
+.fa-child:before {
 
+  content: "\f1ae";
 
+}
 
+.fa-paw:before {
 
+  content: "\f1b0";
 
+}
 
+.fa-spoon:before {
 
+  content: "\f1b1";
 
+}
 
+.fa-cube:before {
 
+  content: "\f1b2";
 
+}
 
+.fa-cubes:before {
 
+  content: "\f1b3";
 
+}
 
+.fa-behance:before {
 
+  content: "\f1b4";
 
+}
 
+.fa-behance-square:before {
 
+  content: "\f1b5";
 
+}
 
+.fa-steam:before {
 
+  content: "\f1b6";
 
+}
 
+.fa-steam-square:before {
 
+  content: "\f1b7";
 
+}
 
+.fa-recycle:before {
 
+  content: "\f1b8";
 
+}
 
+.fa-automobile:before,
 
+.fa-car:before {
 
+  content: "\f1b9";
 
+}
 
+.fa-cab:before,
 
+.fa-taxi:before {
 
+  content: "\f1ba";
 
+}
 
+.fa-tree:before {
 
+  content: "\f1bb";
 
+}
 
+.fa-spotify:before {
 
+  content: "\f1bc";
 
+}
 
+.fa-deviantart:before {
 
+  content: "\f1bd";
 
+}
 
+.fa-soundcloud:before {
 
+  content: "\f1be";
 
+}
 
+.fa-database:before {
 
+  content: "\f1c0";
 
+}
 
+.fa-file-pdf-o:before {
 
+  content: "\f1c1";
 
+}
 
+.fa-file-word-o:before {
 
+  content: "\f1c2";
 
+}
 
+.fa-file-excel-o:before {
 
+  content: "\f1c3";
 
+}
 
+.fa-file-powerpoint-o:before {
 
+  content: "\f1c4";
 
+}
 
+.fa-file-photo-o:before,
 
+.fa-file-picture-o:before,
 
+.fa-file-image-o:before {
 
+  content: "\f1c5";
 
+}
 
+.fa-file-zip-o:before,
 
+.fa-file-archive-o:before {
 
+  content: "\f1c6";
 
+}
 
+.fa-file-sound-o:before,
 
+.fa-file-audio-o:before {
 
+  content: "\f1c7";
 
+}
 
+.fa-file-movie-o:before,
 
+.fa-file-video-o:before {
 
+  content: "\f1c8";
 
+}
 
+.fa-file-code-o:before {
 
+  content: "\f1c9";
 
+}
 
+.fa-vine:before {
 
+  content: "\f1ca";
 
+}
 
+.fa-codepen:before {
 
+  content: "\f1cb";
 
+}
 
+.fa-jsfiddle:before {
 
+  content: "\f1cc";
 
+}
 
+.fa-life-bouy:before,
 
+.fa-life-buoy:before,
 
+.fa-life-saver:before,
 
+.fa-support:before,
 
+.fa-life-ring:before {
 
+  content: "\f1cd";
 
+}
 
+.fa-circle-o-notch:before {
 
+  content: "\f1ce";
 
+}
 
+.fa-ra:before,
 
+.fa-resistance:before,
 
+.fa-rebel:before {
 
+  content: "\f1d0";
 
+}
 
+.fa-ge:before,
 
+.fa-empire:before {
 
+  content: "\f1d1";
 
+}
 
+.fa-git-square:before {
 
+  content: "\f1d2";
 
+}
 
+.fa-git:before {
 
+  content: "\f1d3";
 
+}
 
+.fa-y-combinator-square:before,
 
+.fa-yc-square:before,
 
+.fa-hacker-news:before {
 
+  content: "\f1d4";
 
+}
 
+.fa-tencent-weibo:before {
 
+  content: "\f1d5";
 
+}
 
+.fa-qq:before {
 
+  content: "\f1d6";
 
+}
 
+.fa-wechat:before,
 
+.fa-weixin:before {
 
+  content: "\f1d7";
 
+}
 
+.fa-send:before,
 
+.fa-paper-plane:before {
 
+  content: "\f1d8";
 
+}
 
+.fa-send-o:before,
 
+.fa-paper-plane-o:before {
 
+  content: "\f1d9";
 
+}
 
+.fa-history:before {
 
+  content: "\f1da";
 
+}
 
+.fa-circle-thin:before {
 
+  content: "\f1db";
 
+}
 
+.fa-header:before {
 
+  content: "\f1dc";
 
+}
 
+.fa-paragraph:before {
 
+  content: "\f1dd";
 
+}
 
+.fa-sliders:before {
 
+  content: "\f1de";
 
+}
 
+.fa-share-alt:before {
 
+  content: "\f1e0";
 
+}
 
+.fa-share-alt-square:before {
 
+  content: "\f1e1";
 
+}
 
+.fa-bomb:before {
 
+  content: "\f1e2";
 
+}
 
+.fa-soccer-ball-o:before,
 
+.fa-futbol-o:before {
 
+  content: "\f1e3";
 
+}
 
+.fa-tty:before {
 
+  content: "\f1e4";
 
+}
 
+.fa-binoculars:before {
 
+  content: "\f1e5";
 
+}
 
+.fa-plug:before {
 
+  content: "\f1e6";
 
+}
 
+.fa-slideshare:before {
 
+  content: "\f1e7";
 
+}
 
+.fa-twitch:before {
 
+  content: "\f1e8";
 
+}
 
+.fa-yelp:before {
 
+  content: "\f1e9";
 
+}
 
+.fa-newspaper-o:before {
 
+  content: "\f1ea";
 
+}
 
+.fa-wifi:before {
 
+  content: "\f1eb";
 
+}
 
+.fa-calculator:before {
 
+  content: "\f1ec";
 
+}
 
+.fa-paypal:before {
 
+  content: "\f1ed";
 
+}
 
+.fa-google-wallet:before {
 
+  content: "\f1ee";
 
+}
 
+.fa-cc-visa:before {
 
+  content: "\f1f0";
 
+}
 
+.fa-cc-mastercard:before {
 
+  content: "\f1f1";
 
+}
 
+.fa-cc-discover:before {
 
+  content: "\f1f2";
 
+}
 
+.fa-cc-amex:before {
 
+  content: "\f1f3";
 
+}
 
+.fa-cc-paypal:before {
 
+  content: "\f1f4";
 
+}
 
+.fa-cc-stripe:before {
 
+  content: "\f1f5";
 
+}
 
+.fa-bell-slash:before {
 
+  content: "\f1f6";
 
+}
 
+.fa-bell-slash-o:before {
 
+  content: "\f1f7";
 
+}
 
+.fa-trash:before {
 
+  content: "\f1f8";
 
+}
 
+.fa-copyright:before {
 
+  content: "\f1f9";
 
+}
 
+.fa-at:before {
 
+  content: "\f1fa";
 
+}
 
+.fa-eyedropper:before {
 
+  content: "\f1fb";
 
+}
 
+.fa-paint-brush:before {
 
+  content: "\f1fc";
 
+}
 
+.fa-birthday-cake:before {
 
+  content: "\f1fd";
 
+}
 
+.fa-area-chart:before {
 
+  content: "\f1fe";
 
+}
 
+.fa-pie-chart:before {
 
+  content: "\f200";
 
+}
 
+.fa-line-chart:before {
 
+  content: "\f201";
 
+}
 
+.fa-lastfm:before {
 
+  content: "\f202";
 
+}
 
+.fa-lastfm-square:before {
 
+  content: "\f203";
 
+}
 
+.fa-toggle-off:before {
 
+  content: "\f204";
 
+}
 
+.fa-toggle-on:before {
 
+  content: "\f205";
 
+}
 
+.fa-bicycle:before {
 
+  content: "\f206";
 
+}
 
+.fa-bus:before {
 
+  content: "\f207";
 
+}
 
+.fa-ioxhost:before {
 
+  content: "\f208";
 
+}
 
+.fa-angellist:before {
 
+  content: "\f209";
 
+}
 
+.fa-cc:before {
 
+  content: "\f20a";
 
+}
 
+.fa-shekel:before,
 
+.fa-sheqel:before,
 
+.fa-ils:before {
 
+  content: "\f20b";
 
+}
 
+.fa-meanpath:before {
 
+  content: "\f20c";
 
+}
 
+.fa-buysellads:before {
 
+  content: "\f20d";
 
+}
 
+.fa-connectdevelop:before {
 
+  content: "\f20e";
 
+}
 
+.fa-dashcube:before {
 
+  content: "\f210";
 
+}
 
+.fa-forumbee:before {
 
+  content: "\f211";
 
+}
 
+.fa-leanpub:before {
 
+  content: "\f212";
 
+}
 
+.fa-sellsy:before {
 
+  content: "\f213";
 
+}
 
+.fa-shirtsinbulk:before {
 
+  content: "\f214";
 
+}
 
+.fa-simplybuilt:before {
 
+  content: "\f215";
 
+}
 
+.fa-skyatlas:before {
 
+  content: "\f216";
 
+}
 
+.fa-cart-plus:before {
 
+  content: "\f217";
 
+}
 
+.fa-cart-arrow-down:before {
 
+  content: "\f218";
 
+}
 
+.fa-diamond:before {
 
+  content: "\f219";
 
+}
 
+.fa-ship:before {
 
+  content: "\f21a";
 
+}
 
+.fa-user-secret:before {
 
+  content: "\f21b";
 
+}
 
+.fa-motorcycle:before {
 
+  content: "\f21c";
 
+}
 
+.fa-street-view:before {
 
+  content: "\f21d";
 
+}
 
+.fa-heartbeat:before {
 
+  content: "\f21e";
 
+}
 
+.fa-venus:before {
 
+  content: "\f221";
 
+}
 
+.fa-mars:before {
 
+  content: "\f222";
 
+}
 
+.fa-mercury:before {
 
+  content: "\f223";
 
+}
 
+.fa-intersex:before,
 
+.fa-transgender:before {
 
+  content: "\f224";
 
+}
 
+.fa-transgender-alt:before {
 
+  content: "\f225";
 
+}
 
+.fa-venus-double:before {
 
+  content: "\f226";
 
+}
 
+.fa-mars-double:before {
 
+  content: "\f227";
 
+}
 
+.fa-venus-mars:before {
 
+  content: "\f228";
 
+}
 
+.fa-mars-stroke:before {
 
+  content: "\f229";
 
+}
 
+.fa-mars-stroke-v:before {
 
+  content: "\f22a";
 
+}
 
+.fa-mars-stroke-h:before {
 
+  content: "\f22b";
 
+}
 
+.fa-neuter:before {
 
+  content: "\f22c";
 
+}
 
+.fa-genderless:before {
 
+  content: "\f22d";
 
+}
 
+.fa-facebook-official:before {
 
+  content: "\f230";
 
+}
 
+.fa-pinterest-p:before {
 
+  content: "\f231";
 
+}
 
+.fa-whatsapp:before {
 
+  content: "\f232";
 
+}
 
+.fa-server:before {
 
+  content: "\f233";
 
+}
 
+.fa-user-plus:before {
 
+  content: "\f234";
 
+}
 
+.fa-user-times:before {
 
+  content: "\f235";
 
+}
 
+.fa-hotel:before,
 
+.fa-bed:before {
 
+  content: "\f236";
 
+}
 
+.fa-viacoin:before {
 
+  content: "\f237";
 
+}
 
+.fa-train:before {
 
+  content: "\f238";
 
+}
 
+.fa-subway:before {
 
+  content: "\f239";
 
+}
 
+.fa-medium:before {
 
+  content: "\f23a";
 
+}
 
+.fa-yc:before,
 
+.fa-y-combinator:before {
 
+  content: "\f23b";
 
+}
 
+.fa-optin-monster:before {
 
+  content: "\f23c";
 
+}
 
+.fa-opencart:before {
 
+  content: "\f23d";
 
+}
 
+.fa-expeditedssl:before {
 
+  content: "\f23e";
 
+}
 
+.fa-battery-4:before,
 
+.fa-battery:before,
 
+.fa-battery-full:before {
 
+  content: "\f240";
 
+}
 
+.fa-battery-3:before,
 
+.fa-battery-three-quarters:before {
 
+  content: "\f241";
 
+}
 
+.fa-battery-2:before,
 
+.fa-battery-half:before {
 
+  content: "\f242";
 
+}
 
+.fa-battery-1:before,
 
+.fa-battery-quarter:before {
 
+  content: "\f243";
 
+}
 
+.fa-battery-0:before,
 
+.fa-battery-empty:before {
 
+  content: "\f244";
 
+}
 
+.fa-mouse-pointer:before {
 
+  content: "\f245";
 
+}
 
+.fa-i-cursor:before {
 
+  content: "\f246";
 
+}
 
+.fa-object-group:before {
 
+  content: "\f247";
 
+}
 
+.fa-object-ungroup:before {
 
+  content: "\f248";
 
+}
 
+.fa-sticky-note:before {
 
+  content: "\f249";
 
+}
 
+.fa-sticky-note-o:before {
 
+  content: "\f24a";
 
+}
 
+.fa-cc-jcb:before {
 
+  content: "\f24b";
 
+}
 
+.fa-cc-diners-club:before {
 
+  content: "\f24c";
 
+}
 
+.fa-clone:before {
 
+  content: "\f24d";
 
+}
 
+.fa-balance-scale:before {
 
+  content: "\f24e";
 
+}
 
+.fa-hourglass-o:before {
 
+  content: "\f250";
 
+}
 
+.fa-hourglass-1:before,
 
+.fa-hourglass-start:before {
 
+  content: "\f251";
 
+}
 
+.fa-hourglass-2:before,
 
+.fa-hourglass-half:before {
 
+  content: "\f252";
 
+}
 
+.fa-hourglass-3:before,
 
+.fa-hourglass-end:before {
 
+  content: "\f253";
 
+}
 
+.fa-hourglass:before {
 
+  content: "\f254";
 
+}
 
+.fa-hand-grab-o:before,
 
+.fa-hand-rock-o:before {
 
+  content: "\f255";
 
+}
 
+.fa-hand-stop-o:before,
 
+.fa-hand-paper-o:before {
 
+  content: "\f256";
 
+}
 
+.fa-hand-scissors-o:before {
 
+  content: "\f257";
 
+}
 
+.fa-hand-lizard-o:before {
 
+  content: "\f258";
 
+}
 
+.fa-hand-spock-o:before {
 
+  content: "\f259";
 
+}
 
+.fa-hand-pointer-o:before {
 
+  content: "\f25a";
 
+}
 
+.fa-hand-peace-o:before {
 
+  content: "\f25b";
 
+}
 
+.fa-trademark:before {
 
+  content: "\f25c";
 
+}
 
+.fa-registered:before {
 
+  content: "\f25d";
 
+}
 
+.fa-creative-commons:before {
 
+  content: "\f25e";
 
+}
 
+.fa-gg:before {
 
+  content: "\f260";
 
+}
 
+.fa-gg-circle:before {
 
+  content: "\f261";
 
+}
 
+.fa-tripadvisor:before {
 
+  content: "\f262";
 
+}
 
+.fa-odnoklassniki:before {
 
+  content: "\f263";
 
+}
 
+.fa-odnoklassniki-square:before {
 
+  content: "\f264";
 
+}
 
+.fa-get-pocket:before {
 
+  content: "\f265";
 
+}
 
+.fa-wikipedia-w:before {
 
+  content: "\f266";
 
+}
 
+.fa-safari:before {
 
+  content: "\f267";
 
+}
 
+.fa-chrome:before {
 
+  content: "\f268";
 
+}
 
+.fa-firefox:before {
 
+  content: "\f269";
 
+}
 
+.fa-opera:before {
 
+  content: "\f26a";
 
+}
 
+.fa-internet-explorer:before {
 
+  content: "\f26b";
 
+}
 
+.fa-tv:before,
 
+.fa-television:before {
 
+  content: "\f26c";
 
+}
 
+.fa-contao:before {
 
+  content: "\f26d";
 
+}
 
+.fa-500px:before {
 
+  content: "\f26e";
 
+}
 
+.fa-amazon:before {
 
+  content: "\f270";
 
+}
 
+.fa-calendar-plus-o:before {
 
+  content: "\f271";
 
+}
 
+.fa-calendar-minus-o:before {
 
+  content: "\f272";
 
+}
 
+.fa-calendar-times-o:before {
 
+  content: "\f273";
 
+}
 
+.fa-calendar-check-o:before {
 
+  content: "\f274";
 
+}
 
+.fa-industry:before {
 
+  content: "\f275";
 
+}
 
+.fa-map-pin:before {
 
+  content: "\f276";
 
+}
 
+.fa-map-signs:before {
 
+  content: "\f277";
 
+}
 
+.fa-map-o:before {
 
+  content: "\f278";
 
+}
 
+.fa-map:before {
 
+  content: "\f279";
 
+}
 
+.fa-commenting:before {
 
+  content: "\f27a";
 
+}
 
+.fa-commenting-o:before {
 
+  content: "\f27b";
 
+}
 
+.fa-houzz:before {
 
+  content: "\f27c";
 
+}
 
+.fa-vimeo:before {
 
+  content: "\f27d";
 
+}
 
+.fa-black-tie:before {
 
+  content: "\f27e";
 
+}
 
+.fa-fonticons:before {
 
+  content: "\f280";
 
+}
 
+.fa-reddit-alien:before {
 
+  content: "\f281";
 
+}
 
+.fa-edge:before {
 
+  content: "\f282";
 
+}
 
+.fa-credit-card-alt:before {
 
+  content: "\f283";
 
+}
 
+.fa-codiepie:before {
 
+  content: "\f284";
 
+}
 
+.fa-modx:before {
 
+  content: "\f285";
 
+}
 
+.fa-fort-awesome:before {
 
+  content: "\f286";
 
+}
 
+.fa-usb:before {
 
+  content: "\f287";
 
+}
 
+.fa-product-hunt:before {
 
+  content: "\f288";
 
+}
 
+.fa-mixcloud:before {
 
+  content: "\f289";
 
+}
 
+.fa-scribd:before {
 
+  content: "\f28a";
 
+}
 
+.fa-pause-circle:before {
 
+  content: "\f28b";
 
+}
 
+.fa-pause-circle-o:before {
 
+  content: "\f28c";
 
+}
 
+.fa-stop-circle:before {
 
+  content: "\f28d";
 
+}
 
+.fa-stop-circle-o:before {
 
+  content: "\f28e";
 
+}
 
+.fa-shopping-bag:before {
 
+  content: "\f290";
 
+}
 
+.fa-shopping-basket:before {
 
+  content: "\f291";
 
+}
 
+.fa-hashtag:before {
 
+  content: "\f292";
 
+}
 
+.fa-bluetooth:before {
 
+  content: "\f293";
 
+}
 
+.fa-bluetooth-b:before {
 
+  content: "\f294";
 
+}
 
+.fa-percent:before {
 
+  content: "\f295";
 
+}
 
+.fa-gitlab:before {
 
+  content: "\f296";
 
+}
 
+.fa-wpbeginner:before {
 
+  content: "\f297";
 
+}
 
+.fa-wpforms:before {
 
+  content: "\f298";
 
+}
 
+.fa-envira:before {
 
+  content: "\f299";
 
+}
 
+.fa-universal-access:before {
 
+  content: "\f29a";
 
+}
 
+.fa-wheelchair-alt:before {
 
+  content: "\f29b";
 
+}
 
+.fa-question-circle-o:before {
 
+  content: "\f29c";
 
+}
 
+.fa-blind:before {
 
+  content: "\f29d";
 
+}
 
+.fa-audio-description:before {
 
+  content: "\f29e";
 
+}
 
+.fa-volume-control-phone:before {
 
+  content: "\f2a0";
 
+}
 
+.fa-braille:before {
 
+  content: "\f2a1";
 
+}
 
+.fa-assistive-listening-systems:before {
 
+  content: "\f2a2";
 
+}
 
+.fa-asl-interpreting:before,
 
+.fa-american-sign-language-interpreting:before {
 
+  content: "\f2a3";
 
+}
 
+.fa-deafness:before,
 
+.fa-hard-of-hearing:before,
 
+.fa-deaf:before {
 
+  content: "\f2a4";
 
+}
 
+.fa-glide:before {
 
+  content: "\f2a5";
 
+}
 
+.fa-glide-g:before {
 
+  content: "\f2a6";
 
+}
 
+.fa-signing:before,
 
+.fa-sign-language:before {
 
+  content: "\f2a7";
 
+}
 
+.fa-low-vision:before {
 
+  content: "\f2a8";
 
+}
 
+.fa-viadeo:before {
 
+  content: "\f2a9";
 
+}
 
+.fa-viadeo-square:before {
 
+  content: "\f2aa";
 
+}
 
+.fa-snapchat:before {
 
+  content: "\f2ab";
 
+}
 
+.fa-snapchat-ghost:before {
 
+  content: "\f2ac";
 
+}
 
+.fa-snapchat-square:before {
 
+  content: "\f2ad";
 
+}
 
+.fa-pied-piper:before {
 
+  content: "\f2ae";
 
+}
 
+.fa-first-order:before {
 
+  content: "\f2b0";
 
+}
 
+.fa-yoast:before {
 
+  content: "\f2b1";
 
+}
 
+.fa-themeisle:before {
 
+  content: "\f2b2";
 
+}
 
+.fa-google-plus-circle:before,
 
+.fa-google-plus-official:before {
 
+  content: "\f2b3";
 
+}
 
+.fa-fa:before,
 
+.fa-font-awesome:before {
 
+  content: "\f2b4";
 
+}
 
+.fa-handshake-o:before {
 
+  content: "\f2b5";
 
+}
 
+.fa-envelope-open:before {
 
+  content: "\f2b6";
 
+}
 
+.fa-envelope-open-o:before {
 
+  content: "\f2b7";
 
+}
 
+.fa-linode:before {
 
+  content: "\f2b8";
 
+}
 
+.fa-address-book:before {
 
+  content: "\f2b9";
 
+}
 
+.fa-address-book-o:before {
 
+  content: "\f2ba";
 
+}
 
+.fa-vcard:before,
 
+.fa-address-card:before {
 
+  content: "\f2bb";
 
+}
 
+.fa-vcard-o:before,
 
+.fa-address-card-o:before {
 
+  content: "\f2bc";
 
+}
 
+.fa-user-circle:before {
 
+  content: "\f2bd";
 
+}
 
+.fa-user-circle-o:before {
 
+  content: "\f2be";
 
+}
 
+.fa-user-o:before {
 
+  content: "\f2c0";
 
+}
 
+.fa-id-badge:before {
 
+  content: "\f2c1";
 
+}
 
+.fa-drivers-license:before,
 
+.fa-id-card:before {
 
+  content: "\f2c2";
 
+}
 
+.fa-drivers-license-o:before,
 
+.fa-id-card-o:before {
 
+  content: "\f2c3";
 
+}
 
+.fa-quora:before {
 
+  content: "\f2c4";
 
+}
 
+.fa-free-code-camp:before {
 
+  content: "\f2c5";
 
+}
 
+.fa-telegram:before {
 
+  content: "\f2c6";
 
+}
 
+.fa-thermometer-4:before,
 
+.fa-thermometer:before,
 
+.fa-thermometer-full:before {
 
+  content: "\f2c7";
 
+}
 
+.fa-thermometer-3:before,
 
+.fa-thermometer-three-quarters:before {
 
+  content: "\f2c8";
 
+}
 
+.fa-thermometer-2:before,
 
+.fa-thermometer-half:before {
 
+  content: "\f2c9";
 
+}
 
+.fa-thermometer-1:before,
 
+.fa-thermometer-quarter:before {
 
+  content: "\f2ca";
 
+}
 
+.fa-thermometer-0:before,
 
+.fa-thermometer-empty:before {
 
+  content: "\f2cb";
 
+}
 
+.fa-shower:before {
 
+  content: "\f2cc";
 
+}
 
+.fa-bathtub:before,
 
+.fa-s15:before,
 
+.fa-bath:before {
 
+  content: "\f2cd";
 
+}
 
+.fa-podcast:before {
 
+  content: "\f2ce";
 
+}
 
+.fa-window-maximize:before {
 
+  content: "\f2d0";
 
+}
 
+.fa-window-minimize:before {
 
+  content: "\f2d1";
 
+}
 
+.fa-window-restore:before {
 
+  content: "\f2d2";
 
+}
 
+.fa-times-rectangle:before,
 
+.fa-window-close:before {
 
+  content: "\f2d3";
 
+}
 
+.fa-times-rectangle-o:before,
 
+.fa-window-close-o:before {
 
+  content: "\f2d4";
 
+}
 
+.fa-bandcamp:before {
 
+  content: "\f2d5";
 
+}
 
+.fa-grav:before {
 
+  content: "\f2d6";
 
+}
 
+.fa-etsy:before {
 
+  content: "\f2d7";
 
+}
 
+.fa-imdb:before {
 
+  content: "\f2d8";
 
+}
 
+.fa-ravelry:before {
 
+  content: "\f2d9";
 
+}
 
+.fa-eercast:before {
 
+  content: "\f2da";
 
+}
 
+.fa-microchip:before {
 
+  content: "\f2db";
 
+}
 
+.fa-snowflake-o:before {
 
+  content: "\f2dc";
 
+}
 
+.fa-superpowers:before {
 
+  content: "\f2dd";
 
+}
 
+.fa-wpexplorer:before {
 
+  content: "\f2de";
 
+}
 
+.fa-meetup:before {
 
+  content: "\f2e0";
 
+}
 
+.sr-only {
 
+  position: absolute;
 
+  width: 1px;
 
+  height: 1px;
 
+  padding: 0;
 
+  margin: -1px;
 
+  overflow: hidden;
 
+  clip: rect(0, 0, 0, 0);
 
+  border: 0;
 
+}
 
+.sr-only-focusable:active,
 
+.sr-only-focusable:focus {
 
+  position: static;
 
+  width: auto;
 
+  height: auto;
 
+  margin: 0;
 
+  overflow: visible;
 
+  clip: auto;
 
+}

File diff suppressed because it is too large
+ 2 - 0
lib/font-awesome/css/font-awesome.css.map


File diff suppressed because it is too large
+ 3 - 0
lib/font-awesome/css/font-awesome.min.css


BIN
lib/font-awesome/fonts/fontawesome-webfont.eot
View File


BIN
lib/font-awesome/fonts/fontawesome-webfont.woff
View File


BIN
lib/font-awesome/fonts/fontawesome-webfont.woff2
View File


File diff suppressed because it is too large
+ 2 - 0
lib/velocity/velocity.min.js


File diff suppressed because it is too large
+ 1 - 0
lib/velocity/velocity.ui.min.js


+ 0 - 0
placeholder
View File


Some files were not shown because too many files changed in this diff