├── .gitignore
├── LICENSE
├── README.md
├── _config.yml
├── layout
    ├── _partial
    │   ├── archive.ejs
    │   ├── article.ejs
    │   ├── footer.ejs
    │   ├── head.ejs
    │   ├── header.ejs
    │   ├── loading.ejs
    │   ├── post.ejs
    │   ├── scripts.ejs
    │   └── sidebar.ejs
    ├── index.ejs
    ├── layout.ejs
    ├── page.ejs
    └── post.ejs
└── source
    ├── favicon.png
    ├── icomoon
        ├── Read Me.txt
        ├── demo-files
        │   ├── demo.css
        │   └── demo.js
        ├── demo.html
        ├── fonts
        │   ├── icomoon.eot
        │   ├── icomoon.svg
        │   ├── icomoon.ttf
        │   └── icomoon.woff
        ├── selection.json
        └── style.css
    ├── img
        ├── algolia.svg
        ├── avatar.png
        ├── azure.svg
        ├── baidu.svg
        ├── google.svg
        └── sidebar-bg.png
    ├── js
        ├── app.js
        ├── jquery.js
        └── search.js
    ├── style.scss
    └── style
        ├── base.scss
        ├── content.scss
        ├── footer.scss
        ├── header.scss
        ├── highlight.scss
        ├── layout.scss
        ├── normalize.scss
        ├── pagination.scss
        ├── search.scss
        ├── sidebar.scss
        └── variables.scss


/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | 
 3 | # Logs
 4 | logs
 5 | *.log
 6 | npm-debug.log*
 7 | yarn-debug.log*
 8 | yarn-error.log*
 9 | 
10 | # Runtime data
11 | pids
12 | *.pid
13 | *.seed
14 | *.pid.lock
15 | 
16 | # Directory for instrumented libs generated by jscoverage/JSCover
17 | lib-cov
18 | 
19 | # Coverage directory used by tools like istanbul
20 | coverage
21 | 
22 | # nyc test coverage
23 | .nyc_output
24 | 
25 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
26 | .grunt
27 | 
28 | # Bower dependency directory (https://bower.io/)
29 | bower_components
30 | 
31 | # node-waf configuration
32 | .lock-wscript
33 | 
34 | # Compiled binary addons (http://nodejs.org/api/addons.html)
35 | build/Release
36 | 
37 | # Dependency directories
38 | node_modules/
39 | jspm_packages/
40 | 
41 | # Typescript v1 declaration files
42 | typings/
43 | 
44 | # Optional npm cache directory
45 | .npm
46 | 
47 | # Optional eslint cache
48 | .eslintcache
49 | 
50 | # Optional REPL history
51 | .node_repl_history
52 | 
53 | # Output of 'npm pack'
54 | *.tgz
55 | 
56 | # Yarn Integrity file
57 | .yarn-integrity
58 | 
59 | # dotenv environment variables file
60 | .env
61 | 
62 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2017 Art Chen
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Hexo Theme Element
 2 | 
 3 | Element is another minimal theme for [Hexo](http://hexo.io).
 4 | 
 5 | ## Dependencies
 6 | 
 7 | This theme depends on the following Hexo plugins:
 8 | 
 9 | * hexo-generator-tag
10 | * hexo-generator-feed
11 | * hexo-renderer-ejs
12 | * hexo-renderer-scss
13 | * hexo-renderer-marked
14 | * hexo-pagination
15 | * hexo-all-minifier
16 | * hexo-autoprefixer
17 | * hexo-front-matter
18 | 
19 | ## Customization
20 | 
21 | First of all change the site logo in `header.ejs`.
22 | 
23 | Element is customizable via the `_config.yml` in the theme directory.
24 | 
25 | Element also depends on the global `_config.yml`. For example:
26 | 
27 | * Set `disqus_shortname` field to your disqus short name.
28 | * Set `theme` field to `hexo-theme-element`.
29 | * Set `title`, `url`, `author` and `description`.
30 | 
31 | In addition to these settings, you may also want to edit/replace the following files:
32 | 
33 | * Replace the author avatar: `source/img/avatar.png`.
34 | 
35 | This theme currently supports 3 search services:
36 | 
37 | * Google custom search (does not require plugin)
38 | * Algolia search (requires plugin https://github.com/LouisBarranqueiro/hexo-algoliasearch)
39 | * Microsoft Azure search (requires plugin https://github.com/artchen/hexo-azuresearch)
40 | 
41 | Find search configuration in theme's `_config.yaml`:
42 | 
43 | ```yaml
44 | search: 
45 |   enable: true
46 |   service: azure # google/algolia/azure
47 |   # google 
48 |   google_api_key: 
49 |   google_engine_id: 
50 |   # algolia
51 |   algolia_app_id: 
52 |   algolia_api_key: 
53 |   algolia_index_name:
54 |   # azure
55 |   azure_service_name: 
56 |   azure_index_name: 
57 |   azure_query_key: 
58 | ```
59 | 
60 | ## Demo
61 | 
62 | [Artifact.me](https://artifact.me)
63 | 
64 | ## Copyright
65 | 
66 | Public resources used in this theme:
67 | 
68 | * [icomoon](https://icomoon.io/)
69 | * [normalize.css](https://necolas.github.io/normalize.css/)
70 | * [Google Fonts - Oswald](https://fonts.google.com/specimen/Oswald)
71 | * [Google Fonts - Inconsolata](https://fonts.google.com/specimen/Inconsolata)
72 | * [Google Fonts - Crimson Text](https://fonts.google.com/specimen/Crimson+Text)
73 | 
74 | Copyright © Art Chen
75 | 
76 | Please do not remove the "Theme by Art Chen" text and links.
77 | 
78 | 请不要删除页面底部的作者信息和链接。
79 | 


--------------------------------------------------------------------------------
/_config.yml:
--------------------------------------------------------------------------------
 1 | # Meta
 2 | description: Private theme for artifact.me
 3 | keywords: hexo,theme,artifact,otakism
 4 | 
 5 | # Author
 6 | author_avatar: /img/avatar.png
 7 | 
 8 | # Search
 9 | search: 
10 |   enable: false
11 |   service: google # google/algolia/azure
12 |   # google 
13 |   google_api_key: 
14 |   google_engine_id: 
15 |   # algolia
16 |   algolia_app_id: 
17 |   algolia_api_key: 
18 |   algolia_index_name: 
19 |   # azure
20 |   azure_service_name: 
21 |   azure_index_name: 
22 |   azure_query_key: 
23 | 
24 | # Miscellaneous
25 | google_analytics: 
26 | favicon: /favicon.png
27 | 
28 | # Less
29 | less:
30 |   compress: true
31 | 
32 | # Comment
33 | disqus_shortname:
34 | valine:
35 |   enable: false
36 |   appid:
37 |   appkey:
38 |   notify: false
39 |   verify: false
40 |   placeholder: Just go go
41 |   avatar: retro
42 |   guest_info: nick,mail,link
43 |   pageSize: 10
44 |   visitor: false
45 | 
46 | # use url, not username
47 | social:
48 | - name: feed
49 | 	url: /atom.xml
50 | - name: email
51 |   url: 
52 | - name: github
53 |   url: https://github.com/artchen
54 | - name: twitter
55 |   url: 
56 | - name: google
57 |   url: 
58 | - name: facebook
59 |   url: 
60 | - name: linkedin
61 |   url: 
62 | - name: weibo
63 |   url: 
64 | - name: tumblr
65 |   url: 
66 | - name: dribbble
67 |   url: 
68 | - name: pinterest
69 |   url: 
70 | - name: instagram
71 |   url: 
72 | - name: behance
73 |   url: 
74 | 


--------------------------------------------------------------------------------
/layout/_partial/archive.ejs:
--------------------------------------------------------------------------------
 1 | <div class="page-header">
 2 | 	<% if (is_tag()) { %>
 3 | 		- <%= page.tag %> -
 4 | 	<% } %>
 5 | 
 6 | </div>
 7 | 
 8 | <ul class="post-list clearfix">
 9 |   <% page.posts.each(function(post){ %>
10 |     <%- partial('post', {post: post}) %>
11 |   <% }) %>
12 | </ul>
13 | 
14 | <% if (page.total > 1){ %>
15 |   <nav id="page-nav">
16 |     <%- paginator({
17 |       prev_text: 'Prev',
18 |       next_text: 'Next'
19 |     }) %>
20 |   </nav>
21 | <% } %>
22 | 
23 | 


--------------------------------------------------------------------------------
/layout/_partial/article.ejs:
--------------------------------------------------------------------------------
 1 | <article id="<%= post.layout %>-<%= post.slug %>"
 2 |   class="article white-box article-type-<%= post.layout %>"
 3 |   itemscope itemprop="blogPost">
 4 | 
 5 |   <header class="article-header">
 6 |     <h1 class="article-title" itemprop="name">
 7 |       <%= post.title %>
 8 |     </h1>
 9 |     <div class="article-meta">
10 |       Posted on 
11 |       <time class="article-time" datetime="<%= date_xml(post.date) %>" itemprop="datePublished">
12 |         <%= date(post.date, "MMM D, YYYY") %>
13 |       </time>
14 |     </div>
15 |   </header>
16 | 
17 |   <div class="article-entry" itemprop="articleBody">
18 |     <%- post.content %>
19 |   </div>
20 |   
21 |   <div class="article-tags">
22 |     <% if (post.tags && post.tags.length){ %>
23 |       <%- list_tags(post.tags, {
24 |         show_count: false,
25 |         style: 'none',
26 |         separator: ''
27 |       }) %>
28 |     <% } %>
29 |   </div>
30 | 
31 |   <% if (post.comments && (theme.disqus_shortname || theme.valine.enable || config.disqus_shortname)){ %>
32 |   <section id="comments" class="white-box">
33 |     <% if (theme.disqus_shortname || config.disqus_shortname){ %>
34 |       <div id="disqus_thread">
35 |         <noscript>Please enable JavaScript to view the <a href="//disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
36 |       </div>
37 |     <% } %>
38 | 	</section>
39 | 	<% } %>
40 | 
41 | </article>
42 | 


--------------------------------------------------------------------------------
/layout/_partial/footer.ejs:
--------------------------------------------------------------------------------
 1 | 
 2 | <footer id="footer" class="clearfix">
 3 | 	<% if (theme.search.enable === true) { %>
 4 | 	<div class="search">
 5 | 	  <form name="searchform" id="searchform" class="u-search-form">
 6 | 	    <input type="text" id="searchinput" 
 7 | 				class="u-search-input st-default-search-input"
 8 | 				data-list-highlight="true" 
 9 | 				data-list-value-completion="true" 
10 | 				placeholder="Looking for something?" />
11 | 	    <button type="submit" id="u-search-btn-submit" class="u-search-btn-submit">
12 | 	      <span class="icon icon-search"></span>
13 | 	    </button>
14 | 	  </form>
15 | 	</div>
16 | 	<% } %>
17 |   <div>&copy; <a href="<%= config.url %>"><%= config.title %></a> Theme by <a href="http://artifact.me/" target="_blank">Art Chen</a>.</div>
18 |   <div>Powered by <a href="https://hexo.io/" rel="external">Hexo</a>.</div>
19 | </footer>
20 | 
21 | 


--------------------------------------------------------------------------------
/layout/_partial/head.ejs:
--------------------------------------------------------------------------------
 1 | <head>
 2 |   <meta charset="utf-8">
 3 |   <%
 4 |   var title = page.title;
 5 |   if (is_archive()) {
 6 |     title = 'Archives';
 7 |     if (is_month())
 8 |       title += ': ' + page.year + '/' + page.month;
 9 |     else if (is_year())
10 |       title += ': ' + page.year;
11 |   }
12 |   else if (is_category())
13 |     title = 'Category: ' + page.category;
14 |   else if (is_tag())
15 |     title = 'Tag: ' + page.tag;
16 |   %>
17 |   <title><% if (title) { %><%= title %> | <% } %><%= config.title %></title>
18 |   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
19 |   <%- open_graph({twitter_id: theme.twitter, google_plus: theme.google_plus, fb_admins: theme.fb_admins, fb_app_id: theme.fb_app_id}) %>
20 |   <% if (theme.rss) { %>
21 |     <link rel="alternative" href="<%- url_for(theme.rss) %>" title="<%= config.title %>" type="application/atom+xml">
22 |   <% } %>
23 |   <% if (theme.favicon) { %>
24 |     <link rel="icon" href="<%- url_for(theme.favicon) %>">
25 |   <% } %>
26 |   
27 | 	<!-- If needed, replace your own web font service -->
28 |   <link href="https://fonts.googleapis.com/css?family=Crimson+Text:400,700|Inconsolata|Oswald" rel="stylesheet" />
29 | 
30 |   <% if (theme.google_analytics) { %>
31 |      <script async src="https://www.googletagmanager.com/gtag/js?id=<%= theme.google_analytics %>"></script>
32 |      <script>
33 |        window.dataLayer = window.dataLayer || [];
34 |        function gtag(){dataLayer.push(arguments);}
35 |        gtag('js', new Date());
36 | 
37 |        gtag('config', '<%= theme.google_analytics %>');
38 |      </script>
39 |    <% } %>
40 |    
41 |   <%- css('icomoon/style.css') %>
42 |   <%- css('style.css') %>
43 | 
44 | </head>
45 | 


--------------------------------------------------------------------------------
/layout/_partial/header.ejs:
--------------------------------------------------------------------------------
 1 | <%- partial('_partial/loading') %>
 2 | 
 3 | <header id="header" class="site-header clearfix">
 4 | 
 5 |   <a class="logo square clearfix" href="<%- url_for() %>">
 6 |     <!-- 
 7 |       Replace with your own size name, for example:
 8 |       <span class="b">A</span>
 9 |       <span class="w">B</span>
10 |       <span class="b">C</span>
11 |      -->
12 |      <span class="b">A</span>
13 |      <span class="b">R</span>
14 |      <span class="b">T</span>
15 |      <span class="w">I</span>
16 |      <span class="w">F</span>
17 |      <span class="b">A</span>
18 |      <span class="b">C</span>
19 |      <span class="b">T</span>
20 |   </a>
21 |   <a class="me square site-nav-switch clearfix">
22 |     <span class="b">
23 |     	<span class="icon icon-menu"></span>
24 |     </span>
25 |   </a>
26 | 
27 | </header>
28 | 


--------------------------------------------------------------------------------
/layout/_partial/loading.ejs:
--------------------------------------------------------------------------------
1 | <div id="loading-bar-wrapper">
2 |   <div id="loading-bar"></div>
3 | </div>
4 | <script>document.getElementById("loading-bar").style.width="20%";</script>
5 | 


--------------------------------------------------------------------------------
/layout/_partial/post.ejs:
--------------------------------------------------------------------------------
 1 | <li class="post-item grid-item">
 2 | 	<a class="post-link" href="<%- url_for(post.path) %>">
 3 | 		<h3 class="post-title"><%= post.title %></h3>
 4 | 	  <div class="post-meta">
 5 | 	    <time datetime="<%= date_xml(post.date) %>" itemprop="datePublished">
 6 | 	      <%= date(post.date, 'M.D.YY') %>
 7 | 	    </time>
 8 | 	  </div>
 9 |   </a>
10 | </li>
11 | 


--------------------------------------------------------------------------------
/layout/_partial/scripts.ejs:
--------------------------------------------------------------------------------
  1 | <!-- Universal Search -->
  2 | 
  3 | <script type="text/javascript">
  4 |   var GOOGLE_CUSTOM_SEARCH_API_KEY = "<%- theme.search.google_api_key %>";
  5 |   var GOOGLE_CUSTOM_SEARCH_ENGINE_ID = "<%- theme.search.google_engine_id %>";
  6 |   var ALGOLIA_API_KEY = "<%- theme.search.algolia_api_key %>";
  7 |   var ALGOLIA_APP_ID = "<%- theme.search.algolia_app_id %>";
  8 |   var ALGOLIA_INDEX_NAME = "<%- theme.search.algolia_index_name %>";
  9 |   var AZURE_SERVICE_NAME = "<%- theme.search.azure_service_name %>";
 10 |   var AZURE_INDEX_NAME = "<%- theme.search.azure_index_name %>";
 11 |   var AZURE_QUERY_KEY = "<%- theme.search.azure_query_key %>";
 12 |   var BAIDU_API_ID = "<%- theme.search.baidu_api_id %>";
 13 |   var SEARCH_SERVICE = "<%- theme.search.service %>";
 14 |   var universalSearchConfig = {};
 15 |   if (SEARCH_SERVICE === 'google') {
 16 |     universalSearchConfig = {
 17 |       searchService: SEARCH_SERVICE,
 18 |       apiKey: GOOGLE_CUSTOM_SEARCH_API_KEY,
 19 |       engineId: GOOGLE_CUSTOM_SEARCH_ENGINE_ID,
 20 |       imagePath: "/img/"
 21 |     };
 22 |   } else if (SEARCH_SERVICE === 'algolia') {
 23 |     universalSearchConfig = {
 24 |       searchService: SEARCH_SERVICE,
 25 |       apiKey: ALGOLIA_API_KEY,
 26 |       appId: ALGOLIA_APP_ID,
 27 |       indexName: ALGOLIA_INDEX_NAME,
 28 |       imagePath: "/img/"
 29 |     };
 30 |   } else if (SEARCH_SERVICE === 'azure') {
 31 |     universalSearchConfig = {
 32 |       searchService: SEARCH_SERVICE,
 33 |       serviceName: AZURE_SERVICE_NAME,
 34 |       indexName: AZURE_INDEX_NAME,
 35 |       apiKey: AZURE_QUERY_KEY,
 36 |       imagePath: "/img/"
 37 |     };
 38 |   }
 39 | </script>
 40 | 
 41 | <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
 42 | <script>window.jQuery || document.write('<script src="/js/jquery.js"><\/script>')</script>
 43 | 
 44 | <%- js('js/search.js') %>
 45 | <%- js('js/app.js') %>
 46 | 
 47 | <!-- Disqus -->
 48 | 
 49 | <% if (theme.disqus_shortname || config.disqus_shortname){ %>
 50 | <script type="text/javascript">
 51 |   var disqus_shortname = '<%= theme.disqus_shortname || config.disqus_shortname %>';
 52 |   <% if (page.permalink){ %>
 53 |   var disqus_url = '<%= page.permalink %>';
 54 |   <% } %>
 55 |   (function(){
 56 |     var dsq = document.createElement('script');
 57 |     dsq.type = 'text/javascript';
 58 |     dsq.async = true;
 59 |     dsq.src = '//' + disqus_shortname + '.disqus.com/<% if (page.comments) { %>embed.js<% } else { %>count.js<% } %>';
 60 |     (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
 61 |   })();
 62 | </script>
 63 | <% } %>
 64 | 
 65 | <!-- Valine -->
 66 | <% if (theme.valine.enable && theme.valine.appid && theme.valine.appkey){ %>
 67 | <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
 68 | <script src="//cdn.jsdelivr.net/npm/valine@latest/dist/Valine.min.js"></script>
 69 | <script type="text/javascript">
 70 |   var GUEST = ['nick','mail','link'];
 71 |   var guest = '<%= theme.valine.guest_info %>';
 72 |   guest = guest.split(',').filter(function (item) {
 73 |     return GUEST.indexOf(item)>-1;
 74 |   });
 75 |   new Valine({
 76 |     el: '#comments' ,
 77 |     verify: <%= theme.valine.verify %>,
 78 |     notify: <%= theme.valine.notify %>,
 79 |     appId: '<%= theme.valine.appid %>',
 80 |     appKey: '<%= theme.valine.appkey %>',
 81 |     placeholder: '<%= theme.valine.placeholder %>',
 82 |     avatar:'<%= theme.valine.avatar %>',
 83 |     meta: guest,
 84 |     pageSize: <%= theme.valine.pageSize %> || 10,
 85 |     visitor: <%= theme.valine.visitor %>
 86 |   });
 87 | </script>
 88 | <% } %>
 89 | 
 90 | <!-- Swiftype -->
 91 | <!-- Please replace with your own swiftype settings -->
 92 | <!--
 93 | <script type="text/javascript">
 94 |   /* Swiftype */
 95 |   (function(w,d,t,u,n,s,e){w['SwiftypeObject']=n;w[n]=w[n]||function(){
 96 |   (w[n].q=w[n].q||[]).push(arguments);};s=d.createElement(t);
 97 |   e=d.getElementsByTagName(t)[0];s.async=1;s.src=u;e.parentNode.insertBefore(s,e);
 98 |   })(window,document,'script','//s.swiftypecdn.com/install/v2/st.js','_st');
 99 | 
100 |   _st('install','FHMeAyBdVccJECstf-XJ','2.0.0');
101 | </script>
102 | -->
103 | 


--------------------------------------------------------------------------------
/layout/_partial/sidebar.ejs:
--------------------------------------------------------------------------------
 1 | <div class="site-sidebar">
 2 | 
 3 | 	<% display_toc = (is_post() || is_page()) && post.toc === true; %>
 4 | 	
 5 | 	<div class="sidebar-switch clearfix <%- display_toc ? 'show' : '' %>"
 6 | 		style="display: <%- display_toc ? 'block' : 'none' %>">
 7 | 		<a class="dark-btn active" data-toggle="toc">
 8 | 	    <span class="icon icon-list"></span>
 9 | 	    <span class="text">Index</span>
10 | 	  </a>
11 | 	  <a class="dark-btn" data-toggle="bio">
12 | 	    <span class="icon icon-person"></span>
13 | 	    <span class="text">Bio</span>
14 | 	  </a>
15 | 	</div>
16 | 
17 | 	<div class="site-toc <%- display_toc ? 'show' : '' %>"
18 | 		style="display: <%- display_toc ? 'block' : 'none' %>">
19 | 		<% if ( display_toc ) { %>
20 | 	  	<%- toc(post.content) %>
21 | 	  <% } else { %>
22 | 	    <div class="no-index">No Index</div>
23 | 	  <% } %>
24 |   </div>
25 |   
26 | 	<div class="site-bio <%- display_toc ? '' : 'show' %>"
27 | 		style="display: <%- display_toc ? 'none' : 'block' %>">
28 | 		
29 | 	  <!-- About Me -->
30 | 	  <div class="about-me clearfix">
31 | 	    <div class="avatar">
32 | 	      <img src="<%- url_for(theme.author_avatar) %>" />
33 | 	    </div>
34 | 	    <div class="info">
35 | 	      <a class="name dark-btn" href="<%- url_for('/about') %>">
36 | 	        <%- config.author %>
37 | 	      </a>
38 | 	    </div>
39 | 	    <div class="info">
40 | 	      <span class="item desc">
41 | 	        <%- config.description %>
42 | 	      </span>
43 | 	    </div>
44 | 	  </div>
45 | 	
46 | 	  <!-- Social Icons -->
47 | 	  <div class="social clearfix">
48 | 	    <% if (theme.social) { %>
49 | 	      <% theme.social.forEach(function(value, key) {
50 | 	           if (value.url && value.name) { %>
51 | 	        <a href="<%= url_for(value.url) %>" class="<%= value.name %>"
52 | 	          target="_blank" rel="external">
53 | 	          <span class="icon icon-<%= value.name %>"></span>
54 | 	        </a>
55 | 	      <% } }); %>
56 | 	    <% } %>
57 | 	  </div>
58 | 
59 | 	</div>
60 | 
61 | 	<div class="shortcuts">
62 | 		<a href="#header" class="top window-nav dark-btn" id="go-top">
63 | 			<span class="icon icon-chevron-thin-up"></span>
64 | 		</a>
65 | 		<a class="close dark-btn" id="sidebar-close">
66 | 			<span class="icon icon-close"></span>
67 | 		</a>
68 | 		<a href="#footer" class="top window-nav dark-btn" id="go-bottom">
69 | 			<span class="icon icon-chevron-thin-down"></span>
70 | 		</a>
71 | 	</div>
72 | 
73 | </div>
74 | 


--------------------------------------------------------------------------------
/layout/index.ejs:
--------------------------------------------------------------------------------
1 | <%- partial('_partial/archive') %>
2 | 


--------------------------------------------------------------------------------
/layout/layout.ejs:
--------------------------------------------------------------------------------
 1 | <%
 2 |     var siteWrapperClass = is_post() || is_page() ? 'is_post_page' : '';
 3 | %>
 4 | <!DOCTYPE html>
 5 | <html>
 6 | <%- partial('_partial/head') %>
 7 | <body>
 8 |   <div class="site-wrapper <%- siteWrapperClass %>">
 9 |     <%- partial('_partial/header', null, {cache: !config.relative_link}) %>
10 |     <script>document.getElementById("loading-bar").style.width="40%";</script>
11 |     <main id="main" class="clearfix">
12 |       <%- body %>
13 |       <script>document.getElementById("loading-bar").style.width="60%";</script>
14 |     </main>
15 |     <%- partial('_partial/footer', null, {cache: !config.relative_link}) %>
16 |     <script>document.getElementById("loading-bar").style.width="80%";</script>
17 |     <div class="overlay"></div>
18 |   </div>
19 |   <%- partial('_partial/sidebar', {post: page}) %>
20 |   <%- partial('_partial/scripts') %>
21 |   <script>document.getElementById("loading-bar").style.width="100%";</script>
22 | </body>
23 | </html>
24 | 


--------------------------------------------------------------------------------
/layout/page.ejs:
--------------------------------------------------------------------------------
1 | <%- partial('_partial/article', {post: page, index: false}) %>


--------------------------------------------------------------------------------
/layout/post.ejs:
--------------------------------------------------------------------------------
1 | <%- partial('_partial/article', {post: page, index: false}) %>


--------------------------------------------------------------------------------
/source/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/artchen/hexo-theme-element/8936c703e1e397cdf9bedafa719bcf810dd9d354/source/favicon.png


--------------------------------------------------------------------------------
/source/icomoon/Read Me.txt:
--------------------------------------------------------------------------------
1 | Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
2 | 
3 | To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/#docs/local-fonts
4 | 
5 | You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
6 | 
7 | You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection.
8 | 


--------------------------------------------------------------------------------
/source/icomoon/demo-files/demo.css:
--------------------------------------------------------------------------------
  1 | body {
  2 |   padding: 0;
  3 |   margin: 0;
  4 |   font-family: sans-serif;
  5 |   font-size: 1em;
  6 |   line-height: 1.5;
  7 |   color: #555;
  8 |   background: #fff;
  9 | }
 10 | h1 {
 11 |   font-size: 1.5em;
 12 |   font-weight: normal;
 13 | }
 14 | small {
 15 |   font-size: .66666667em;
 16 | }
 17 | a {
 18 |   color: #e74c3c;
 19 |   text-decoration: none;
 20 | }
 21 | a:hover, a:focus {
 22 |   box-shadow: 0 1px #e74c3c;
 23 | }
 24 | .bshadow0, input {
 25 |   box-shadow: inset 0 -2px #e7e7e7;
 26 | }
 27 | input:hover {
 28 |   box-shadow: inset 0 -2px #ccc;
 29 | }
 30 | input, fieldset {
 31 |   font-family: sans-serif;
 32 |   font-size: 1em;
 33 |   margin: 0;
 34 |   padding: 0;
 35 |   border: 0;
 36 | }
 37 | input {
 38 |   color: inherit;
 39 |   line-height: 1.5;
 40 |   height: 1.5em;
 41 |   padding: .25em 0;
 42 | }
 43 | input:focus {
 44 |   outline: none;
 45 |   box-shadow: inset 0 -2px #449fdb;
 46 | }
 47 | .glyph {
 48 |   font-size: 16px;
 49 |   width: 15em;
 50 |   padding-bottom: 1em;
 51 |   margin-right: 4em;
 52 |   margin-bottom: 1em;
 53 |   float: left;
 54 |   overflow: hidden;
 55 | }
 56 | .liga {
 57 |   width: 80%;
 58 |   width: calc(100% - 2.5em);
 59 | }
 60 | .talign-right {
 61 |   text-align: right;
 62 | }
 63 | .talign-center {
 64 |   text-align: center;
 65 | }
 66 | .bgc1 {
 67 |   background: #f1f1f1;
 68 | }
 69 | .fgc1 {
 70 |   color: #999;
 71 | }
 72 | .fgc0 {
 73 |   color: #000;
 74 | }
 75 | p {
 76 |   margin-top: 1em;
 77 |   margin-bottom: 1em;
 78 | }
 79 | .mvm {
 80 |   margin-top: .75em;
 81 |   margin-bottom: .75em;
 82 | }
 83 | .mtn {
 84 |   margin-top: 0;
 85 | }
 86 | .mtl, .mal {
 87 |   margin-top: 1.5em;
 88 | }
 89 | .mbl, .mal {
 90 |   margin-bottom: 1.5em;
 91 | }
 92 | .mal, .mhl {
 93 |   margin-left: 1.5em;
 94 |   margin-right: 1.5em;
 95 | }
 96 | .mhmm {
 97 |   margin-left: 1em;
 98 |   margin-right: 1em;
 99 | }
100 | .mls {
101 |   margin-left: .25em;
102 | }
103 | .ptl {
104 |   padding-top: 1.5em;
105 | }
106 | .pbs, .pvs {
107 |   padding-bottom: .25em;
108 | }
109 | .pvs, .pts {
110 |   padding-top: .25em;
111 | }
112 | .unit {
113 |   float: left;
114 | }
115 | .unitRight {
116 |   float: right;
117 | }
118 | .size1of2 {
119 |   width: 50%;
120 | }
121 | .size1of1 {
122 |   width: 100%;
123 | }
124 | .clearfix:before, .clearfix:after {
125 |   content: " ";
126 |   display: table;
127 | }
128 | .clearfix:after {
129 |   clear: both;
130 | }
131 | .hidden-true {
132 |   display: none;
133 | }
134 | .textbox0 {
135 |   width: 3em;
136 |   background: #f1f1f1;
137 |   padding: .25em .5em;
138 |   line-height: 1.5;
139 |   height: 1.5em;
140 | }
141 | #testDrive {
142 |   display: block;
143 |   padding-top: 24px;
144 |   line-height: 1.5;
145 | }
146 | .fs0 {
147 |   font-size: 16px;
148 | }
149 | .fs1 {
150 |   font-size: 24px;
151 | }
152 | .fs2 {
153 |   font-size: 20px;
154 | }
155 | 
156 | 


--------------------------------------------------------------------------------
/source/icomoon/demo-files/demo.js:
--------------------------------------------------------------------------------
 1 | if (!('boxShadow' in document.body.style)) {
 2 |     document.body.setAttribute('class', 'noBoxShadow');
 3 | }
 4 | 
 5 | document.body.addEventListener("click", function(e) {
 6 |     var target = e.target;
 7 |     if (target.tagName === "INPUT" &&
 8 |         target.getAttribute('class').indexOf('liga') === -1) {
 9 |         target.select();
10 |     }
11 | });
12 | 
13 | (function() {
14 |     var fontSize = document.getElementById('fontSize'),
15 |         testDrive = document.getElementById('testDrive'),
16 |         testText = document.getElementById('testText');
17 |     function updateTest() {
18 |         testDrive.innerHTML = testText.value || String.fromCharCode(160);
19 |         if (window.icomoonLiga) {
20 |             window.icomoonLiga(testDrive);
21 |         }
22 |     }
23 |     function updateSize() {
24 |         testDrive.style.fontSize = fontSize.value + 'px';
25 |     }
26 |     fontSize.addEventListener('change', updateSize, false);
27 |     testText.addEventListener('input', updateTest, false);
28 |     testText.addEventListener('change', updateTest, false);
29 |     updateSize();
30 | }());
31 | 


--------------------------------------------------------------------------------
/source/icomoon/demo.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html>
  3 | <head>
  4 |     <meta charset="utf-8">
  5 |     <title>IcoMoon Demo</title>
  6 |     <meta name="description" content="An Icon Font Generated By IcoMoon.io">
  7 |     <meta name="viewport" content="width=device-width, initial-scale=1">
  8 |     <link rel="stylesheet" href="demo-files/demo.css">
  9 |     <link rel="stylesheet" href="style.css"></head>
 10 | <body>
 11 |     <div class="bgc1 clearfix">
 12 |         <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;28)</small></h1>
 13 |     </div>
 14 |     <div class="clearfix mhl ptl">
 15 |         <h1 class="mvm mtn fgc1">Grid Size: 24</h1>
 16 |         <div class="glyph fs1">
 17 |             <div class="clearfix bshadow0 pbs">
 18 |                 <span class="icon-close">
 19 |                 
 20 |                 </span>
 21 |                 <span class="mls"> icon-close</span>
 22 |             </div>
 23 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
 24 |                 <input type="text" readonly value="e5cd" class="unit size1of2" />
 25 |                 <input type="text" maxlength="1" readonly value="&#xe5cd;" class="unitRight size1of2 talign-right" />
 26 |             </fieldset>
 27 |             <div class="fs0 bshadow0 clearfix hidden-true">
 28 |                 <span class="unit pvs fgc1">liga: </span>
 29 |                 <input type="text" readonly value="clear, close" class="liga unitRight" />
 30 |             </div>
 31 |         </div>
 32 |         <div class="glyph fs1">
 33 |             <div class="clearfix bshadow0 pbs">
 34 |                 <span class="icon-list">
 35 |                 
 36 |                 </span>
 37 |                 <span class="mls"> icon-list</span>
 38 |             </div>
 39 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
 40 |                 <input type="text" readonly value="e896" class="unit size1of2" />
 41 |                 <input type="text" maxlength="1" readonly value="&#xe896;" class="unitRight size1of2 talign-right" />
 42 |             </fieldset>
 43 |             <div class="fs0 bshadow0 clearfix hidden-true">
 44 |                 <span class="unit pvs fgc1">liga: </span>
 45 |                 <input type="text" readonly value="list" class="liga unitRight" />
 46 |             </div>
 47 |         </div>
 48 |         <div class="glyph fs1">
 49 |             <div class="clearfix bshadow0 pbs">
 50 |                 <span class="icon-menu">
 51 |                 
 52 |                 </span>
 53 |                 <span class="mls"> icon-menu</span>
 54 |             </div>
 55 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
 56 |                 <input type="text" readonly value="e5d2" class="unit size1of2" />
 57 |                 <input type="text" maxlength="1" readonly value="&#xe5d2;" class="unitRight size1of2 talign-right" />
 58 |             </fieldset>
 59 |             <div class="fs0 bshadow0 clearfix hidden-true">
 60 |                 <span class="unit pvs fgc1">liga: </span>
 61 |                 <input type="text" readonly value="menu" class="liga unitRight" />
 62 |             </div>
 63 |         </div>
 64 |         <div class="glyph fs1">
 65 |             <div class="clearfix bshadow0 pbs">
 66 |                 <span class="icon-person">
 67 |                 
 68 |                 </span>
 69 |                 <span class="mls"> icon-person</span>
 70 |             </div>
 71 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
 72 |                 <input type="text" readonly value="e7fd" class="unit size1of2" />
 73 |                 <input type="text" maxlength="1" readonly value="&#xe7fd;" class="unitRight size1of2 talign-right" />
 74 |             </fieldset>
 75 |             <div class="fs0 bshadow0 clearfix hidden-true">
 76 |                 <span class="unit pvs fgc1">liga: </span>
 77 |                 <input type="text" readonly value="person" class="liga unitRight" />
 78 |             </div>
 79 |         </div>
 80 |         <div class="glyph fs1">
 81 |             <div class="clearfix bshadow0 pbs">
 82 |                 <span class="icon-search">
 83 |                 
 84 |                 </span>
 85 |                 <span class="mls"> icon-search</span>
 86 |             </div>
 87 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
 88 |                 <input type="text" readonly value="e8b6" class="unit size1of2" />
 89 |                 <input type="text" maxlength="1" readonly value="&#xe8b6;" class="unitRight size1of2 talign-right" />
 90 |             </fieldset>
 91 |             <div class="fs0 bshadow0 clearfix hidden-true">
 92 |                 <span class="unit pvs fgc1">liga: </span>
 93 |                 <input type="text" readonly value="search" class="liga unitRight" />
 94 |             </div>
 95 |         </div>
 96 |         <div class="glyph fs1">
 97 |             <div class="clearfix bshadow0 pbs">
 98 |                 <span class="icon-share">
 99 |                 
100 |                 </span>
101 |                 <span class="mls"> icon-share</span>
102 |             </div>
103 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
104 |                 <input type="text" readonly value="e80d" class="unit size1of2" />
105 |                 <input type="text" maxlength="1" readonly value="&#xe80d;" class="unitRight size1of2 talign-right" />
106 |             </fieldset>
107 |             <div class="fs0 bshadow0 clearfix hidden-true">
108 |                 <span class="unit pvs fgc1">liga: </span>
109 |                 <input type="text" readonly value="share" class="liga unitRight" />
110 |             </div>
111 |         </div>
112 |   </div>
113 |     <div class="clearfix mhl ptl">
114 |         <h1 class="mvm mtn fgc1">Grid Size: 20</h1>
115 |         <div class="glyph fs2">
116 |             <div class="clearfix bshadow0 pbs">
117 |                 <span class="icon-creative-commons">
118 |                 
119 |                 </span>
120 |                 <span class="mls"> icon-creative-commons</span>
121 |             </div>
122 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
123 |                 <input type="text" readonly value="e918" class="unit size1of2" />
124 |                 <input type="text" maxlength="1" readonly value="&#xe918;" class="unitRight size1of2 talign-right" />
125 |             </fieldset>
126 |             <div class="fs0 bshadow0 clearfix hidden-true">
127 |                 <span class="unit pvs fgc1">liga: </span>
128 |                 <input type="text" readonly value="" class="liga unitRight" />
129 |             </div>
130 |         </div>
131 |         <div class="glyph fs2">
132 |             <div class="clearfix bshadow0 pbs">
133 |                 <span class="icon-chevron-down">
134 |                 
135 |                 </span>
136 |                 <span class="mls"> icon-chevron-down</span>
137 |             </div>
138 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
139 |                 <input type="text" readonly value="e900" class="unit size1of2" />
140 |                 <input type="text" maxlength="1" readonly value="&#xe900;" class="unitRight size1of2 talign-right" />
141 |             </fieldset>
142 |             <div class="fs0 bshadow0 clearfix hidden-true">
143 |                 <span class="unit pvs fgc1">liga: </span>
144 |                 <input type="text" readonly value="" class="liga unitRight" />
145 |             </div>
146 |         </div>
147 |         <div class="glyph fs2">
148 |             <div class="clearfix bshadow0 pbs">
149 |                 <span class="icon-chevron-left">
150 |                 
151 |                 </span>
152 |                 <span class="mls"> icon-chevron-left</span>
153 |             </div>
154 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
155 |                 <input type="text" readonly value="e901" class="unit size1of2" />
156 |                 <input type="text" maxlength="1" readonly value="&#xe901;" class="unitRight size1of2 talign-right" />
157 |             </fieldset>
158 |             <div class="fs0 bshadow0 clearfix hidden-true">
159 |                 <span class="unit pvs fgc1">liga: </span>
160 |                 <input type="text" readonly value="" class="liga unitRight" />
161 |             </div>
162 |         </div>
163 |         <div class="glyph fs2">
164 |             <div class="clearfix bshadow0 pbs">
165 |                 <span class="icon-chevron-right">
166 |                 
167 |                 </span>
168 |                 <span class="mls"> icon-chevron-right</span>
169 |             </div>
170 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
171 |                 <input type="text" readonly value="e902" class="unit size1of2" />
172 |                 <input type="text" maxlength="1" readonly value="&#xe902;" class="unitRight size1of2 talign-right" />
173 |             </fieldset>
174 |             <div class="fs0 bshadow0 clearfix hidden-true">
175 |                 <span class="unit pvs fgc1">liga: </span>
176 |                 <input type="text" readonly value="" class="liga unitRight" />
177 |             </div>
178 |         </div>
179 |         <div class="glyph fs2">
180 |             <div class="clearfix bshadow0 pbs">
181 |                 <span class="icon-chevron-thin-down">
182 |                 
183 |                 </span>
184 |                 <span class="mls"> icon-chevron-thin-down</span>
185 |             </div>
186 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
187 |                 <input type="text" readonly value="e903" class="unit size1of2" />
188 |                 <input type="text" maxlength="1" readonly value="&#xe903;" class="unitRight size1of2 talign-right" />
189 |             </fieldset>
190 |             <div class="fs0 bshadow0 clearfix hidden-true">
191 |                 <span class="unit pvs fgc1">liga: </span>
192 |                 <input type="text" readonly value="" class="liga unitRight" />
193 |             </div>
194 |         </div>
195 |         <div class="glyph fs2">
196 |             <div class="clearfix bshadow0 pbs">
197 |                 <span class="icon-chevron-thin-left">
198 |                 
199 |                 </span>
200 |                 <span class="mls"> icon-chevron-thin-left</span>
201 |             </div>
202 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
203 |                 <input type="text" readonly value="e904" class="unit size1of2" />
204 |                 <input type="text" maxlength="1" readonly value="&#xe904;" class="unitRight size1of2 talign-right" />
205 |             </fieldset>
206 |             <div class="fs0 bshadow0 clearfix hidden-true">
207 |                 <span class="unit pvs fgc1">liga: </span>
208 |                 <input type="text" readonly value="" class="liga unitRight" />
209 |             </div>
210 |         </div>
211 |         <div class="glyph fs2">
212 |             <div class="clearfix bshadow0 pbs">
213 |                 <span class="icon-chevron-thin-right">
214 |                 
215 |                 </span>
216 |                 <span class="mls"> icon-chevron-thin-right</span>
217 |             </div>
218 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
219 |                 <input type="text" readonly value="e905" class="unit size1of2" />
220 |                 <input type="text" maxlength="1" readonly value="&#xe905;" class="unitRight size1of2 talign-right" />
221 |             </fieldset>
222 |             <div class="fs0 bshadow0 clearfix hidden-true">
223 |                 <span class="unit pvs fgc1">liga: </span>
224 |                 <input type="text" readonly value="" class="liga unitRight" />
225 |             </div>
226 |         </div>
227 |         <div class="glyph fs2">
228 |             <div class="clearfix bshadow0 pbs">
229 |                 <span class="icon-chevron-thin-up">
230 |                 
231 |                 </span>
232 |                 <span class="mls"> icon-chevron-thin-up</span>
233 |             </div>
234 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
235 |                 <input type="text" readonly value="e906" class="unit size1of2" />
236 |                 <input type="text" maxlength="1" readonly value="&#xe906;" class="unitRight size1of2 talign-right" />
237 |             </fieldset>
238 |             <div class="fs0 bshadow0 clearfix hidden-true">
239 |                 <span class="unit pvs fgc1">liga: </span>
240 |                 <input type="text" readonly value="" class="liga unitRight" />
241 |             </div>
242 |         </div>
243 |         <div class="glyph fs2">
244 |             <div class="clearfix bshadow0 pbs">
245 |                 <span class="icon-chevron-up">
246 |                 
247 |                 </span>
248 |                 <span class="mls"> icon-chevron-up</span>
249 |             </div>
250 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
251 |                 <input type="text" readonly value="e907" class="unit size1of2" />
252 |                 <input type="text" maxlength="1" readonly value="&#xe907;" class="unitRight size1of2 talign-right" />
253 |             </fieldset>
254 |             <div class="fs0 bshadow0 clearfix hidden-true">
255 |                 <span class="unit pvs fgc1">liga: </span>
256 |                 <input type="text" readonly value="" class="liga unitRight" />
257 |             </div>
258 |         </div>
259 |         <div class="glyph fs2">
260 |             <div class="clearfix bshadow0 pbs">
261 |                 <span class="icon-mail">
262 |                 
263 |                 </span>
264 |                 <span class="mls"> icon-mail</span>
265 |             </div>
266 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
267 |                 <input type="text" readonly value="e90d" class="unit size1of2" />
268 |                 <input type="text" maxlength="1" readonly value="&#xe90d;" class="unitRight size1of2 talign-right" />
269 |             </fieldset>
270 |             <div class="fs0 bshadow0 clearfix hidden-true">
271 |                 <span class="unit pvs fgc1">liga: </span>
272 |                 <input type="text" readonly value="" class="liga unitRight" />
273 |             </div>
274 |         </div>
275 |         <div class="glyph fs2">
276 |             <div class="clearfix bshadow0 pbs">
277 |                 <span class="icon-feed">
278 |                 
279 |                 </span>
280 |                 <span class="mls"> icon-feed</span>
281 |             </div>
282 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
283 |                 <input type="text" readonly value="e90a" class="unit size1of2" />
284 |                 <input type="text" maxlength="1" readonly value="&#xe90a;" class="unitRight size1of2 talign-right" />
285 |             </fieldset>
286 |             <div class="fs0 bshadow0 clearfix hidden-true">
287 |                 <span class="unit pvs fgc1">liga: </span>
288 |                 <input type="text" readonly value="" class="liga unitRight" />
289 |             </div>
290 |         </div>
291 |         <div class="glyph fs2">
292 |             <div class="clearfix bshadow0 pbs">
293 |                 <span class="icon-behance">
294 |                 
295 |                 </span>
296 |                 <span class="mls"> icon-behance</span>
297 |             </div>
298 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
299 |                 <input type="text" readonly value="e90c" class="unit size1of2" />
300 |                 <input type="text" maxlength="1" readonly value="&#xe90c;" class="unitRight size1of2 talign-right" />
301 |             </fieldset>
302 |             <div class="fs0 bshadow0 clearfix hidden-true">
303 |                 <span class="unit pvs fgc1">liga: </span>
304 |                 <input type="text" readonly value="" class="liga unitRight" />
305 |             </div>
306 |         </div>
307 |         <div class="glyph fs2">
308 |             <div class="clearfix bshadow0 pbs">
309 |                 <span class="icon-weibo">
310 |                 
311 |                 </span>
312 |                 <span class="mls"> icon-weibo</span>
313 |             </div>
314 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
315 |                 <input type="text" readonly value="e90e" class="unit size1of2" />
316 |                 <input type="text" maxlength="1" readonly value="&#xe90e;" class="unitRight size1of2 talign-right" />
317 |             </fieldset>
318 |             <div class="fs0 bshadow0 clearfix hidden-true">
319 |                 <span class="unit pvs fgc1">liga: </span>
320 |                 <input type="text" readonly value="" class="liga unitRight" />
321 |             </div>
322 |         </div>
323 |         <div class="glyph fs2">
324 |             <div class="clearfix bshadow0 pbs">
325 |                 <span class="icon-dribbble">
326 |                 
327 |                 </span>
328 |                 <span class="mls"> icon-dribbble</span>
329 |             </div>
330 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
331 |                 <input type="text" readonly value="e916" class="unit size1of2" />
332 |                 <input type="text" maxlength="1" readonly value="&#xe916;" class="unitRight size1of2 talign-right" />
333 |             </fieldset>
334 |             <div class="fs0 bshadow0 clearfix hidden-true">
335 |                 <span class="unit pvs fgc1">liga: </span>
336 |                 <input type="text" readonly value="" class="liga unitRight" />
337 |             </div>
338 |         </div>
339 |         <div class="glyph fs2">
340 |             <div class="clearfix bshadow0 pbs">
341 |                 <span class="icon-facebook">
342 |                 
343 |                 </span>
344 |                 <span class="mls"> icon-facebook</span>
345 |             </div>
346 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
347 |                 <input type="text" readonly value="e90f" class="unit size1of2" />
348 |                 <input type="text" maxlength="1" readonly value="&#xe90f;" class="unitRight size1of2 talign-right" />
349 |             </fieldset>
350 |             <div class="fs0 bshadow0 clearfix hidden-true">
351 |                 <span class="unit pvs fgc1">liga: </span>
352 |                 <input type="text" readonly value="" class="liga unitRight" />
353 |             </div>
354 |         </div>
355 |         <div class="glyph fs2">
356 |             <div class="clearfix bshadow0 pbs">
357 |                 <span class="icon-github">
358 |                 
359 |                 </span>
360 |                 <span class="mls"> icon-github</span>
361 |             </div>
362 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
363 |                 <input type="text" readonly value="e910" class="unit size1of2" />
364 |                 <input type="text" maxlength="1" readonly value="&#xe910;" class="unitRight size1of2 talign-right" />
365 |             </fieldset>
366 |             <div class="fs0 bshadow0 clearfix hidden-true">
367 |                 <span class="unit pvs fgc1">liga: </span>
368 |                 <input type="text" readonly value="" class="liga unitRight" />
369 |             </div>
370 |         </div>
371 |         <div class="glyph fs2">
372 |             <div class="clearfix bshadow0 pbs">
373 |                 <span class="icon-google">
374 |                 
375 |                 </span>
376 |                 <span class="mls"> icon-google</span>
377 |             </div>
378 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
379 |                 <input type="text" readonly value="e911" class="unit size1of2" />
380 |                 <input type="text" maxlength="1" readonly value="&#xe911;" class="unitRight size1of2 talign-right" />
381 |             </fieldset>
382 |             <div class="fs0 bshadow0 clearfix hidden-true">
383 |                 <span class="unit pvs fgc1">liga: </span>
384 |                 <input type="text" readonly value="" class="liga unitRight" />
385 |             </div>
386 |         </div>
387 |         <div class="glyph fs2">
388 |             <div class="clearfix bshadow0 pbs">
389 |                 <span class="icon-instagram">
390 |                 
391 |                 </span>
392 |                 <span class="mls"> icon-instagram</span>
393 |             </div>
394 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
395 |                 <input type="text" readonly value="e912" class="unit size1of2" />
396 |                 <input type="text" maxlength="1" readonly value="&#xe912;" class="unitRight size1of2 talign-right" />
397 |             </fieldset>
398 |             <div class="fs0 bshadow0 clearfix hidden-true">
399 |                 <span class="unit pvs fgc1">liga: </span>
400 |                 <input type="text" readonly value="" class="liga unitRight" />
401 |             </div>
402 |         </div>
403 |         <div class="glyph fs2">
404 |             <div class="clearfix bshadow0 pbs">
405 |                 <span class="icon-linkedin">
406 |                 
407 |                 </span>
408 |                 <span class="mls"> icon-linkedin</span>
409 |             </div>
410 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
411 |                 <input type="text" readonly value="e917" class="unit size1of2" />
412 |                 <input type="text" maxlength="1" readonly value="&#xe917;" class="unitRight size1of2 talign-right" />
413 |             </fieldset>
414 |             <div class="fs0 bshadow0 clearfix hidden-true">
415 |                 <span class="unit pvs fgc1">liga: </span>
416 |                 <input type="text" readonly value="" class="liga unitRight" />
417 |             </div>
418 |         </div>
419 |         <div class="glyph fs2">
420 |             <div class="clearfix bshadow0 pbs">
421 |                 <span class="icon-pinterest">
422 |                 
423 |                 </span>
424 |                 <span class="mls"> icon-pinterest</span>
425 |             </div>
426 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
427 |                 <input type="text" readonly value="e913" class="unit size1of2" />
428 |                 <input type="text" maxlength="1" readonly value="&#xe913;" class="unitRight size1of2 talign-right" />
429 |             </fieldset>
430 |             <div class="fs0 bshadow0 clearfix hidden-true">
431 |                 <span class="unit pvs fgc1">liga: </span>
432 |                 <input type="text" readonly value="" class="liga unitRight" />
433 |             </div>
434 |         </div>
435 |         <div class="glyph fs2">
436 |             <div class="clearfix bshadow0 pbs">
437 |                 <span class="icon-tumblr">
438 |                 
439 |                 </span>
440 |                 <span class="mls"> icon-tumblr</span>
441 |             </div>
442 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
443 |                 <input type="text" readonly value="e914" class="unit size1of2" />
444 |                 <input type="text" maxlength="1" readonly value="&#xe914;" class="unitRight size1of2 talign-right" />
445 |             </fieldset>
446 |             <div class="fs0 bshadow0 clearfix hidden-true">
447 |                 <span class="unit pvs fgc1">liga: </span>
448 |                 <input type="text" readonly value="" class="liga unitRight" />
449 |             </div>
450 |         </div>
451 |         <div class="glyph fs2">
452 |             <div class="clearfix bshadow0 pbs">
453 |                 <span class="icon-twitter">
454 |                 
455 |                 </span>
456 |                 <span class="mls"> icon-twitter</span>
457 |             </div>
458 |             <fieldset class="fs0 size1of1 clearfix hidden-false">
459 |                 <input type="text" readonly value="e915" class="unit size1of2" />
460 |                 <input type="text" maxlength="1" readonly value="&#xe915;" class="unitRight size1of2 talign-right" />
461 |             </fieldset>
462 |             <div class="fs0 bshadow0 clearfix hidden-true">
463 |                 <span class="unit pvs fgc1">liga: </span>
464 |                 <input type="text" readonly value="" class="liga unitRight" />
465 |             </div>
466 |         </div>
467 |   </div>
468 | 
469 |     <!--[if gt IE 8]><!-->
470 |     <div class="mhl clearfix mbl">
471 |         <h1>Font Test Drive</h1>
472 |         <label>
473 |             Font Size: <input id="fontSize" type="number" class="textbox0 mbm"
474 |             min="8" value="48" />
475 |             px
476 |         </label>
477 |         <input id="testText" type="text" class="phl size1of1 mvl"
478 |         placeholder="Type some text to test..." value=""/>
479 |         </label>
480 |         <div id="testDrive" class="icon-">&nbsp;
481 |         </div>
482 |     </div>
483 |     <!--<![endif]-->
484 |     <div class="bgc1 clearfix">
485 |         <p class="mhl">Generated by <a href="https://icomoon.io/app">IcoMoon</a></p>
486 |     </div>
487 | 
488 |     <script src="demo-files/demo.js"></script>
489 | </body>
490 | </html>
491 | 


--------------------------------------------------------------------------------
/source/icomoon/fonts/icomoon.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/artchen/hexo-theme-element/8936c703e1e397cdf9bedafa719bcf810dd9d354/source/icomoon/fonts/icomoon.eot


--------------------------------------------------------------------------------
/source/icomoon/fonts/icomoon.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" standalone="no"?>
 2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
 3 | <svg xmlns="http://www.w3.org/2000/svg">
 4 | <metadata>Generated by IcoMoon</metadata>
 5 | <defs>
 6 | <font id="icomoon" horiz-adv-x="1024">
 7 | <font-face units-per-em="1024" ascent="960" descent="-64" />
 8 | <missing-glyph horiz-adv-x="1024" />
 9 | <glyph unicode="&#x20;" horiz-adv-x="512" d="" />
10 | <glyph unicode="&#xe5cd;" glyph-name="close" d="M810 664.667l-238-238 238-238-60-60-238 238-238-238-60 60 238 238-238 238 60 60 238-238 238 238z" />
11 | <glyph unicode="&#xe5d2;" glyph-name="menu" d="M128 682.667h768v-86h-768v86zM128 384.667v84h768v-84h-768zM128 170.667v86h768v-86h-768z" />
12 | <glyph unicode="&#xe7fd;" glyph-name="person" d="M512 340.667c114 0 342-56 342-170v-86h-684v86c0 114 228 170 342 170zM512 426.667c-94 0-170 76-170 170s76 172 170 172 170-78 170-172-76-170-170-170z" />
13 | <glyph unicode="&#xe80d;" glyph-name="share" d="M768 252.667c68 0 124-56 124-124s-56-126-124-126-124 58-124 126c0 10 0 20 2 28l-302 176c-24-22-54-34-88-34-70 0-128 58-128 128s58 128 128 128c34 0 64-12 88-34l300 174c-2 10-4 20-4 30 0 70 58 128 128 128s128-58 128-128-58-128-128-128c-34 0-64 14-88 36l-300-176c2-10 4-20 4-30s-2-20-4-30l304-176c22 20 52 32 84 32z" />
14 | <glyph unicode="&#xe896;" glyph-name="list" d="M298 640.667h598v-86h-598v86zM298 212.667v86h598v-86h-598zM298 384.667v84h598v-84h-598zM128 554.667v86h86v-86h-86zM128 212.667v86h86v-86h-86zM128 384.667v84h86v-84h-86z" />
15 | <glyph unicode="&#xe8b6;" glyph-name="search" d="M406 340.667c106 0 192 86 192 192s-86 192-192 192-192-86-192-192 86-192 192-192zM662 340.667l212-212-64-64-212 212v34l-12 12c-48-42-112-66-180-66-154 0-278 122-278 276s124 278 278 278 276-124 276-278c0-68-24-132-66-180l12-12h34z" />
16 | <glyph unicode="&#xe900;" glyph-name="chevron-down" d="M231.219 586.342c22.323 22.835 53.402 24.627 80.691 0l200.090-191.846 200.090 191.846c27.29 24.627 58.419 22.835 80.589 0 22.323-22.784 20.89-61.286 0-82.688-20.787-21.402-240.384-230.502-240.384-230.502-11.11-11.418-25.702-17.152-40.294-17.152s-29.184 5.734-40.397 17.152c0 0-219.494 209.101-240.384 230.502-20.941 21.402-22.323 59.904 0 82.688z" />
17 | <glyph unicode="&#xe901;" glyph-name="chevron-left" d="M637.542 741.581c22.835-22.323 24.627-53.402 0-80.691l-191.846-200.090 191.846-200.090c24.627-27.29 22.835-58.419 0-80.589-22.784-22.323-61.286-20.89-82.688 0-21.402 20.787-230.502 240.384-230.502 240.384-11.418 11.11-17.152 25.702-17.152 40.294s5.734 29.184 17.152 40.397c0 0 209.101 219.494 230.502 240.384 21.402 20.941 59.904 22.323 82.688 0z" />
18 | <glyph unicode="&#xe902;" glyph-name="chevron-right" d="M469.146 741.581c21.402-20.89 230.502-240.384 230.502-240.384 11.418-11.213 17.152-25.805 17.152-40.397s-5.734-29.184-17.152-40.294c0 0-209.101-219.597-230.502-240.384-21.402-20.89-59.904-22.323-82.688 0-22.835 22.221-24.627 53.299 0 80.589l191.846 200.090-191.846 200.090c-24.627 27.29-22.835 58.419 0 80.691 22.784 22.323 61.286 20.941 82.688 0z" />
19 | <glyph unicode="&#xe903;" glyph-name="chevron-thin-down" d="M891.802 660.019c13.926 13.722 36.301 13.722 50.125 0s13.875-35.891 0-49.613l-404.89-400.896c-13.824-13.722-36.198-13.722-50.125 0l-404.89 400.896c-13.824 13.722-13.824 35.891 0 49.613 13.875 13.722 36.301 13.722 50.125 0l379.853-365.619 379.802 365.619z" />
20 | <glyph unicode="&#xe904;" glyph-name="chevron-thin-left" d="M711.219 80.998c13.722-13.926 13.722-36.301 0-50.125s-35.891-13.875-49.613 0l-400.896 404.89c-13.722 13.824-13.722 36.198 0 50.125l400.896 404.89c13.722 13.824 35.891 13.824 49.613 0 13.722-13.875 13.722-36.301 0-50.125l-365.619-379.853 365.619-379.802z" />
21 | <glyph unicode="&#xe905;" glyph-name="chevron-thin-right" d="M678.4 460.8l-365.619 379.904c-13.722 13.824-13.722 36.198 0 50.125 13.722 13.824 35.891 13.824 49.613 0l400.896-404.89c13.722-13.875 13.722-36.301 0-50.125l-400.896-404.89c-13.722-13.875-35.891-13.824-49.613 0-13.722 13.773-13.722 36.198 0 50.125l365.619 379.75z" />
22 | <glyph unicode="&#xe906;" glyph-name="chevron-thin-up" d="M132.198 261.581c-13.926-13.722-36.301-13.722-50.125 0s-13.875 35.891 0 49.613l404.89 400.896c13.824 13.722 36.198 13.722 50.125 0l404.89-400.896c13.824-13.722 13.824-35.891 0-49.613-13.875-13.722-36.301-13.722-50.074 0l-379.904 365.619-379.802-365.619z" />
23 | <glyph unicode="&#xe907;" glyph-name="chevron-up" d="M792.781 335.258c-22.323-22.835-53.402-24.627-80.691 0l-200.090 191.846-200.090-191.846c-27.29-24.627-58.419-22.835-80.589 0-22.323 22.784-20.89 61.286 0 82.688 20.787 21.402 240.384 230.502 240.384 230.502 11.11 11.418 25.702 17.152 40.294 17.152s29.184-5.734 40.397-17.152c0 0 219.494-209.101 240.384-230.502 20.941-21.402 22.323-59.904 0-82.688z" />
24 | <glyph unicode="&#xe90a;" glyph-name="feed" d="M122.88 849.92v-121.19c362.803 0 656.896-294.195 656.896-656.998h121.293c0 429.773-348.416 778.189-778.189 778.189zM122.88 607.386v-121.293c228.813 0 414.362-185.498 414.362-414.413h121.242c0 295.834-239.821 535.706-535.603 535.706zM239.053 304.179c-64.205 0-116.224-52.122-116.224-116.275s52.019-116.224 116.224-116.224 116.173 52.019 116.173 116.224-51.968 116.275-116.173 116.275z" />
25 | <glyph unicode="&#xe90c;" glyph-name="behance" d="M413.286 496.589c0 0 96.87 7.526 96.87 125.901 0 118.528-79.258 176.179-179.712 176.179h-330.445v-661.811h330.445c0 0 201.779-6.605 201.779 195.379-0.051 0.051 8.755 164.352-118.938 164.352zM145.613 681.114h184.832c0 0 44.954 0 44.954-68.813 0-68.915-26.419-78.899-56.422-78.899h-173.363v147.712zM321.075 254.515h-175.462v176.896h184.832c0 0 66.97 0.922 66.97-90.88 0-77.414-50.022-85.453-76.339-86.016zM801.229 630.374c-244.275 0-244.070-254.31-244.070-254.31s-16.691-252.979 244.070-252.979c0 0 217.242-13.005 217.242 175.974h-111.718c0 0 3.686-71.219-101.786-71.219 0 0-111.821-7.782-111.821 115.2h328.858c0.051 0.051 36.301 287.334-220.774 287.334zM900.608 431.411h-208.589c0 0 13.619 101.99 111.718 101.99s96.87-101.99 96.87-101.99zM926.566 759.808h-261.99v-81.613h261.99v81.613z" />
26 | <glyph unicode="&#xe90d;" glyph-name="mail" d="M80.589 702.157c24.986-13.414 371.098-199.373 384-206.285s29.594-10.189 46.387-10.189c16.794 0 33.485 3.277 46.387 10.189s359.014 192.87 384 206.285c25.037 13.466 48.691 65.843 2.765 65.843h-866.253c-45.926 0-22.272-52.378 2.714-65.843zM952.986 589.363c-28.416-14.797-378.214-197.069-395.622-206.182s-29.594-10.189-46.387-10.189-28.979 1.075-46.387 10.189-365.21 191.437-393.626 206.234c-19.968 10.445-19.763-1.792-19.763-11.213s0-373.402 0-373.402c0-21.504 28.979-51.2 51.2-51.2h819.2c22.221 0 51.2 29.696 51.2 51.2 0 0 0 363.93 0 373.35s0.205 21.658-19.814 11.213z" />
27 | <glyph unicode="&#xe90e;" glyph-name="weibo" d="M752.026 457.318c-14.029 4.301-23.706 7.27-16.333 26.010 15.923 40.806 17.613 75.981 0.358 101.12-32.41 47.104-121.037 44.595-222.618 1.28 0 0.102-31.898-14.182-23.757 11.622 15.667 51.046 13.261 93.85-11.059 118.528-55.091 56.218-201.574-2.099-327.27-129.997-94.157-95.795-148.787-197.274-148.787-285.082 0-167.987 211.558-280.32 418.56-280.32 271.309 0 451.84 170.701 451.84 298.086 0 77.056-63.693 120.73-120.934 138.752zM421.683 95.795c-165.12-16.384-307.763 58.726-318.464 167.68-10.701 109.005 114.483 210.688 279.654 227.226 165.171 16.384 307.763-58.675 318.464-167.68 10.701-109.107-114.483-210.842-279.654-227.226zM1021.44 594.074c-0.051 169.574-137.523 306.995-307.2 306.995-19.814 0-35.789-15.974-35.789-35.789s15.974-35.789 35.789-35.789c130.099 0 235.571-105.523 235.571-235.622 0-19.814 16.026-35.789 35.84-35.789s35.789 16.026 35.789 35.84v0.154zM879.053 599.296c-16.333 79.974-79.411 143.002-159.386 159.386-19.354 3.994-38.298-8.499-42.291-27.904-3.942-19.302 8.499-38.298 27.904-42.291 52.019-10.598 92.979-51.61 103.629-103.578 3.994-19.405 22.938-31.795 42.291-27.904 19.302 3.994 31.846 22.989 27.853 42.291zM336.998 383.898c-66.56-13.414-111.462-69.222-100.301-124.621 11.162-55.501 74.086-89.6 140.646-76.186 66.509 13.414 111.411 69.222 100.301 124.621-11.162 55.398-74.189 89.6-140.646 76.186z" />
28 | <glyph unicode="&#xe90f;" glyph-name="facebook" d="M870.4 921.6h-716.8c-56.32 0-102.4-46.080-102.4-102.4v-716.8c0-56.371 46.080-102.4 102.4-102.4h358.4v358.4h-102.4v126.72h102.4v104.96c0 110.797 62.054 188.621 192.819 188.621l92.314-0.102v-133.376h-61.286c-50.893 0-70.246-38.195-70.246-73.626v-86.528h131.482l-29.082-126.669h-102.4v-358.4h204.8c56.32 0 102.4 46.029 102.4 102.4v716.8c0 56.32-46.080 102.4-102.4 102.4z" />
29 | <glyph unicode="&#xe910;" glyph-name="github" d="M674.816 393.779c-36.762 0-66.56-41.318-66.56-92.109 0-50.893 29.798-92.211 66.56-92.211s66.56 41.318 66.56 92.211c-0.051 50.79-29.798 92.109-66.56 92.109zM906.547 633.549c7.629 18.688 7.936 124.877-32.512 226.611 0 0-92.723-10.189-233.011-106.496-29.44 8.192-79.258 12.186-128.973 12.186-49.818 0-99.584-3.994-129.024-12.186-140.339 96.307-233.062 106.496-233.062 106.496-40.397-101.734-39.987-207.923-32.461-226.611-47.514-51.61-76.544-113.613-76.544-198.195 0-367.923 305.306-373.811 382.31-373.811 17.51 0 52.122-0.102 88.781-0.102 36.608 0 71.27 0.102 88.678 0.102 77.107 0 382.31 5.888 382.31 373.811 0 84.582-28.979 146.586-76.493 198.195zM513.434 106.752h-2.867c-193.075 0-343.501 22.989-343.501 210.688 0 45.005 15.872 86.682 53.606 121.293 62.822 57.702 169.216 27.187 289.894 27.187 0.512 0 1.024 0 1.485 0 0.512 0 0.922 0 1.382 0 120.678 0 227.123 30.515 289.997-27.187 37.632-34.611 53.504-76.288 53.504-121.293 0-187.699-150.374-210.688-343.501-210.688zM349.235 393.779c-36.762 0-66.56-41.318-66.56-92.109 0-50.893 29.798-92.211 66.56-92.211 36.813 0 66.611 41.318 66.611 92.211 0 50.79-29.798 92.109-66.611 92.109z" />
30 | <glyph unicode="&#xe911;" glyph-name="google" d="M101.837 686.643c0-76.493 25.549-131.686 75.878-164.096 41.267-26.624 89.088-30.618 113.971-30.618 6.042 0 10.906 0.307 14.285 0.512 0 0-7.885-51.405 30.208-102.195h-1.741c-65.997 0-281.242-13.773-281.242-190.822 0-180.019 197.683-189.184 237.363-189.184 3.123 0 4.966 0.102 4.966 0.102 0.41 0 3.226-0.102 8.090-0.102 25.446 0 91.238 3.174 152.32 32.922 79.258 38.4 119.45 105.421 119.45 198.912 0 90.317-61.235 144.077-105.933 183.398-27.29 24.013-50.893 44.698-50.893 64.819 0 20.48 17.254 35.891 39.014 55.398 35.277 31.488 68.557 76.39 68.557 161.28 0 74.598-9.677 124.723-69.325 156.518 6.195 3.174 28.211 5.478 39.066 7.014 32.307 4.403 79.565 9.421 79.565 35.789v5.069h-235.469c-2.355-0.102-238.131-8.806-238.131-224.717zM481.946 225.178c4.506-71.987-57.088-125.082-149.606-131.789-93.952-6.912-171.264 35.379-175.77 107.315-2.202 34.611 13.005 68.403 42.752 95.386 30.157 27.29 71.578 44.186 116.634 47.514 5.325 0.307 10.598 0.614 15.872 0.614 86.989-0.051 145.869-51.149 150.118-119.040zM420.454 735.949c23.091-81.306-11.776-166.195-67.379-181.914-6.4-1.792-12.954-2.662-19.661-2.662-50.893 0-101.325 51.507-120.064 122.522-10.445 39.731-9.574 74.65 2.406 108.134 11.725 33.024 32.922 55.194 59.546 62.72 6.4 1.792 13.005 2.714 19.712 2.714 61.44 0 100.966-25.498 125.44-111.514zM819.2 563.2v153.6h-102.4v-153.6h-153.6v-102.4h153.6v-153.6h102.4v153.6h153.6v102.4h-153.6z" />
31 | <glyph unicode="&#xe912;" glyph-name="instagram" d="M870.4 921.6h-716.8c-56.32 0-102.4-46.080-102.4-102.4v-716.8c0-56.371 46.080-102.4 102.4-102.4h716.8c56.32 0 102.4 46.029 102.4 102.4v716.8c0 56.32-46.080 102.4-102.4 102.4zM511.181 178.022c156.621 0 283.546 127.027 283.546 283.597 0 17.306-2.202 33.997-5.274 50.381h80.947v-369.459c0-19.558-15.872-35.328-35.482-35.328h-645.837c-19.61 0-35.482 15.77-35.482 35.328v369.459h79.309c-3.123-16.384-5.325-33.075-5.325-50.381 0-156.621 127.027-283.597 283.597-283.597zM333.978 461.619c0 97.894 79.36 177.203 177.254 177.203 97.843 0 177.254-79.309 177.254-177.203s-79.411-177.254-177.254-177.254c-97.946 0-177.254 79.36-177.254 177.254zM834.918 665.6h-82.688c-19.558 0-35.43 15.974-35.43 35.43v82.79c0 19.558 15.872 35.379 35.379 35.379h82.688c19.661 0 35.533-15.821 35.533-35.379v-82.739c0-19.507-15.872-35.482-35.482-35.482z" />
32 | <glyph unicode="&#xe913;" glyph-name="pinterest" d="M441.19 295.578c-26.931-141.005-59.75-276.173-157.082-346.778-30.003 213.094 44.083 373.094 78.541 542.976-58.726 98.816 7.066 297.574 130.816 248.576 152.32-60.211-131.891-367.206 58.88-405.606 199.219-39.987 280.525 345.6 156.979 470.989-178.432 181.146-519.475 4.25-477.491-255.078 10.189-63.386 75.674-82.586 26.163-170.086-114.227 25.293-148.326 115.405-143.923 235.52 7.066 196.608 176.589 334.182 346.675 353.28 215.091 24.115 416.973-79.002 444.877-281.293 31.386-228.403-97.075-475.802-327.117-457.984-62.362 4.864-88.474 35.789-137.318 65.485z" />
33 | <glyph unicode="&#xe914;" glyph-name="tumblr" d="M798.72 41.165c-39.782-18.995-75.776-32.307-107.981-39.987-32.256-7.578-67.123-11.418-104.602-11.418-42.547 0-80.179 5.478-112.896 16.282-32.717 10.906-60.57 26.419-83.712 46.49-23.091 20.224-39.117 41.574-48.026 64.205-8.909 22.682-13.363 55.603-13.363 98.611v330.496h-102.861v133.325c36.557 11.981 67.891 29.184 93.952 51.712 26.112 22.426 47.002 49.408 62.822 80.896 15.77 31.386 26.573 71.475 32.563 120.064h132.352v-238.182h220.877v-147.814h-220.877v-241.613c0-54.579 2.867-89.702 8.602-105.216 5.683-15.514 16.333-27.904 31.846-37.12 20.634-12.493 44.186-18.79 70.707-18.79 47.104 0 94.003 15.514 140.595 46.49v-148.429z" />
34 | <glyph unicode="&#xe915;" glyph-name="twitter" d="M886.579 653.005c0.41-8.294 0.563-16.691 0.563-24.986 0-255.488-194.406-549.99-549.888-549.99-109.21 0-210.739 32-296.294 86.886 15.155-1.792 30.515-2.714 46.080-2.714 90.624 0 173.926 30.925 240.026 82.688-84.531 1.587-155.955 57.395-180.531 134.195 11.776-2.202 23.91-3.379 36.352-3.379 17.664 0 34.765 2.304 50.944 6.707-88.422 17.818-155.034 95.898-155.034 189.594 0 0.819 0 1.587 0 2.406 26.061-14.49 55.91-23.194 87.552-24.218-51.866 34.714-86.016 93.798-86.016 160.922 0 35.379 9.523 68.608 26.214 97.178 95.283-116.992 237.773-193.894 398.387-201.984-3.277 14.182-4.966 28.877-4.966 44.083 0 106.701 86.477 193.178 193.229 193.178 55.603 0 105.83-23.398 141.107-60.979 43.981 8.704 85.35 24.781 122.726 46.899-14.438-45.107-45.107-82.995-84.992-106.906 39.117 4.71 76.288 15.002 111.002 30.413-25.907-38.81-58.675-72.806-96.461-99.994z" />
35 | <glyph unicode="&#xe916;" glyph-name="dribbble" d="M489.728 592.845c-69.53 123.597-143.923 224.41-149.35 231.834-112.179-53.043-195.891-156.416-222.054-280.934 10.547-0.205 178.278-2.202 371.405 49.101zM539.802 457.677c5.222 1.69 10.547 3.277 15.821 4.813-10.086 22.886-21.094 45.824-32.614 68.403-207.155-62.054-405.914-57.549-412.928-57.344-0.154-4.301-0.358-8.499-0.358-12.8 0-103.373 39.066-197.683 103.219-268.902l-0.256 0.307c0 0 110.080 195.277 327.117 265.523zM264.755 143.667v0.205c-2.97 2.304-6.144 4.403-9.114 6.912 5.427-4.352 9.114-7.117 9.114-7.117zM415.642 851.354c-0.358-0.102-0.768-0.205-0.768-0.205 0.307 0.102 0.717 0.102 0.717 0.102l0.051 0.102zM777.677 762.675c-70.861 62.362-163.789 100.403-265.677 100.403-32.717 0-64.41-3.994-94.822-11.315 6.144-8.192 81.664-108.493 150.426-234.701 151.654 56.781 208.947 143.974 210.074 145.613zM512-10.24c-260.096 0-470.989 210.893-470.989 470.989-0.051 260.198 210.842 471.091 470.989 471.091 260.198 0 471.040-210.893 471.040-471.091 0-260.096-210.842-470.989-471.040-470.989zM580.403 394.957c-236.083-82.278-314.061-247.706-315.648-251.085 68.301-53.299 153.907-85.299 247.194-85.299 55.706 0 108.8 11.315 157.030 31.795-5.939 35.277-29.338 158.515-85.965 305.51-0.819-0.307-1.69-0.614-2.611-0.922zM598.528 557.056c9.421-19.098 18.33-38.605 26.778-58.317 3.021-6.912 5.837-13.926 8.704-20.787 138.906 17.51 275.712-12.186 280.218-13.107-0.973 95.386-35.123 182.886-91.494 251.494-0.922-1.178-65.485-94.362-224.205-159.283zM658.483 414.464c52.787-145.203 74.189-263.27 78.285-287.283 90.317 60.979 154.522 157.696 172.39 269.824-7.987 2.56-120.627 38.246-250.675 17.459z" />
36 | <glyph unicode="&#xe917;" glyph-name="linkedin" d="M256 819.2c0-54.374-36.352-101.171-102.451-101.171-62.208 0-102.349 44.134-102.349 98.509 0 55.808 38.912 105.062 102.4 105.062s101.171-46.592 102.4-102.4zM51.2 0v665.6h204.8v-665.6h-204.8zM358.4 438.067c0 79.104-2.611 145.203-5.222 202.291h184.013l9.114-88.218h3.891c25.907 41.523 89.395 102.4 195.686 102.4 129.638 0 226.918-86.784 226.918-273.51v-381.030h-204.8v351.283c0 81.613-31.078 143.872-102.4 143.872-54.374 0-81.613-44.032-95.898-80.333-5.222-13.005-6.502-31.13-6.502-49.306v-365.517h-204.8v438.067z" />
37 | <glyph unicode="&#xe918;" glyph-name="creative-commons" d="M391.75 377.447c-20.797 0-36.5 7.603-47.1 22.806-10.7 15.097-16 35.297-16 60.497 0 55.5 20.997 83.303 63.1 83.303 8.4 0 17.5-2.803 27.3-8.403s18.097-15.4 24.8-29.4l63.1 32.8c-25.2 45.4-67 68.1-125.303 68.1-39.85 0-72.797-13.2-98.794-39.5-26.103-26.4-39.206-61.997-39.206-106.9 0-46 12.956-81.9 38.703-107.7 25.8-25.8 59.803-38.6 101.8-38.6 26.4 0 50.5 6.6 72.353 19.697 21.847 13.206 38.947 31.303 51.347 54.303l-58.1 29.4c-11.2-26.9-30.553-40.403-58-40.403zM663.447 377.447c-20.797 0-36.494 7.603-47.1 22.806-10.7 15.097-16 35.297-16 60.497 0 55.5 21.003 83.303 63.1 83.303 8.903 0 18.303-2.803 28.103-8.403 9.853-5.6 18.1-15.4 24.9-29.4l62.197 32.8c-24.7 45.4-66.197 68.1-124.497 68.1-39.8 0-72.75-13.2-98.8-39.5-26.097-26.4-39.103-61.997-39.103-106.9 0-46 12.703-81.9 38.253-107.7 25.5-25.8 59.55-38.6 102.2-38.6 25.747 0 49.647 6.6 71.45 19.697 21.903 13.206 39.3 31.303 52.203 54.303l-58.903 29.4c-11.2-26.9-30.6-40.403-58.003-40.403zM860.816 809.787c-95.159 95.038-211.659 142.525-349.463 142.525-136.134 0-251.391-47.487-345.709-142.525-96.778-98.306-145.163-214.613-145.163-348.978 0-134.353 48.384-249.85 145.163-346.506 96.778-96.687 212.034-145.016 345.709-145.016 135.344 0 252.656 48.747 351.922 146.216 93.478 92.578 140.244 207.684 140.244 345.306 0 137.634-47.575 253.972-142.703 348.978zM799.284 179.403c-81.206-80.281-176.769-120.419-286.7-120.419-109.916 0-204.622 39.75-284.181 119.219-79.556 79.434-119.337 173.662-119.337 282.606 0 108.956 40.169 203.994 120.566 285.081 77.1 78.656 171.416 117.988 282.953 117.988 111.581 0 206.306-39.331 284.244-117.988 78.747-77.819 118.103-172.825 118.103-285.081 0-113.053-38.547-206.859-115.647-281.406z" />
38 | </font></defs></svg>


--------------------------------------------------------------------------------
/source/icomoon/fonts/icomoon.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/artchen/hexo-theme-element/8936c703e1e397cdf9bedafa719bcf810dd9d354/source/icomoon/fonts/icomoon.ttf


--------------------------------------------------------------------------------
/source/icomoon/fonts/icomoon.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/artchen/hexo-theme-element/8936c703e1e397cdf9bedafa719bcf810dd9d354/source/icomoon/fonts/icomoon.woff


--------------------------------------------------------------------------------
/source/icomoon/selection.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "IcoMoonType": "selection",
  3 |   "icons": [
  4 |     {
  5 |       "icon": {
  6 |         "paths": [
  7 |           "M810 274l-238 238 238 238-60 60-238-238-238 238-60-60 238-238-238-238 60-60 238 238 238-238z"
  8 |         ],
  9 |         "attrs": [],
 10 |         "isMulticolor": false,
 11 |         "isMulticolor2": false,
 12 |         "tags": [
 13 |           "close"
 14 |         ],
 15 |         "defaultCode": 58829,
 16 |         "grid": 24
 17 |       },
 18 |       "attrs": [],
 19 |       "properties": {
 20 |         "order": 39,
 21 |         "ligatures": "clear, close",
 22 |         "id": 157,
 23 |         "prevSize": 24,
 24 |         "code": 58829,
 25 |         "name": "close"
 26 |       },
 27 |       "setIdx": 1,
 28 |       "setId": 6,
 29 |       "iconIdx": 157
 30 |     },
 31 |     {
 32 |       "icon": {
 33 |         "paths": [
 34 |           "M298 298h598v86h-598v-86zM298 726v-86h598v86h-598zM298 554v-84h598v84h-598zM128 384v-86h86v86h-86zM128 726v-86h86v86h-86zM128 554v-84h86v84h-86z"
 35 |         ],
 36 |         "attrs": [],
 37 |         "isMulticolor": false,
 38 |         "isMulticolor2": false,
 39 |         "tags": [
 40 |           "list"
 41 |         ],
 42 |         "defaultCode": 59542,
 43 |         "grid": 24
 44 |       },
 45 |       "attrs": [],
 46 |       "properties": {
 47 |         "order": 50,
 48 |         "ligatures": "list",
 49 |         "id": 442,
 50 |         "prevSize": 24,
 51 |         "code": 59542,
 52 |         "name": "list"
 53 |       },
 54 |       "setIdx": 1,
 55 |       "setId": 6,
 56 |       "iconIdx": 442
 57 |     },
 58 |     {
 59 |       "icon": {
 60 |         "paths": [
 61 |           "M128 256h768v86h-768v-86zM128 554v-84h768v84h-768zM128 768v-86h768v86h-768z"
 62 |         ],
 63 |         "attrs": [],
 64 |         "isMulticolor": false,
 65 |         "isMulticolor2": false,
 66 |         "tags": [
 67 |           "menu"
 68 |         ],
 69 |         "defaultCode": 58834,
 70 |         "grid": 24
 71 |       },
 72 |       "attrs": [],
 73 |       "properties": {
 74 |         "order": 48,
 75 |         "ligatures": "menu",
 76 |         "id": 489,
 77 |         "prevSize": 24,
 78 |         "code": 58834,
 79 |         "name": "menu"
 80 |       },
 81 |       "setIdx": 1,
 82 |       "setId": 6,
 83 |       "iconIdx": 489
 84 |     },
 85 |     {
 86 |       "icon": {
 87 |         "paths": [
 88 |           "M512 598c114 0 342 56 342 170v86h-684v-86c0-114 228-170 342-170zM512 512c-94 0-170-76-170-170s76-172 170-172 170 78 170 172-76 170-170 170z"
 89 |         ],
 90 |         "attrs": [],
 91 |         "isMulticolor": false,
 92 |         "isMulticolor2": false,
 93 |         "tags": [
 94 |           "person"
 95 |         ],
 96 |         "defaultCode": 59389,
 97 |         "grid": 24
 98 |       },
 99 |       "attrs": [],
100 |       "properties": {
101 |         "order": 42,
102 |         "ligatures": "person",
103 |         "id": 557,
104 |         "prevSize": 24,
105 |         "code": 59389,
106 |         "name": "person"
107 |       },
108 |       "setIdx": 1,
109 |       "setId": 6,
110 |       "iconIdx": 557
111 |     },
112 |     {
113 |       "icon": {
114 |         "paths": [
115 |           "M406 598c106 0 192-86 192-192s-86-192-192-192-192 86-192 192 86 192 192 192zM662 598l212 212-64 64-212-212v-34l-12-12c-48 42-112 66-180 66-154 0-278-122-278-276s124-278 278-278 276 124 276 278c0 68-24 132-66 180l12 12h34z"
116 |         ],
117 |         "attrs": [],
118 |         "isMulticolor": false,
119 |         "isMulticolor2": false,
120 |         "tags": [
121 |           "search"
122 |         ],
123 |         "defaultCode": 59574,
124 |         "grid": 24
125 |       },
126 |       "attrs": [],
127 |       "properties": {
128 |         "order": 46,
129 |         "ligatures": "search",
130 |         "id": 655,
131 |         "prevSize": 24,
132 |         "code": 59574,
133 |         "name": "search"
134 |       },
135 |       "setIdx": 1,
136 |       "setId": 6,
137 |       "iconIdx": 655
138 |     },
139 |     {
140 |       "icon": {
141 |         "paths": [
142 |           "M768 686c68 0 124 56 124 124s-56 126-124 126-124-58-124-126c0-10 0-20 2-28l-302-176c-24 22-54 34-88 34-70 0-128-58-128-128s58-128 128-128c34 0 64 12 88 34l300-174c-2-10-4-20-4-30 0-70 58-128 128-128s128 58 128 128-58 128-128 128c-34 0-64-14-88-36l-300 176c2 10 4 20 4 30s-2 20-4 30l304 176c22-20 52-32 84-32z"
143 |         ],
144 |         "attrs": [],
145 |         "isMulticolor": false,
146 |         "isMulticolor2": false,
147 |         "tags": [
148 |           "share"
149 |         ],
150 |         "defaultCode": 59405,
151 |         "grid": 24
152 |       },
153 |       "attrs": [],
154 |       "properties": {
155 |         "order": 51,
156 |         "ligatures": "share",
157 |         "id": 681,
158 |         "prevSize": 24,
159 |         "code": 59405,
160 |         "name": "share"
161 |       },
162 |       "setIdx": 1,
163 |       "setId": 6,
164 |       "iconIdx": 681
165 |     },
166 |     {
167 |       "icon": {
168 |         "paths": [
169 |           "M391.75 595.353c-20.797 0-36.5-7.603-47.1-22.806-10.7-15.097-16-35.297-16-60.497 0-55.5 20.997-83.303 63.1-83.303 8.4 0 17.5 2.803 27.3 8.403s18.097 15.4 24.8 29.4l63.1-32.8c-25.2-45.4-67-68.1-125.303-68.1-39.85 0-72.797 13.2-98.794 39.5-26.103 26.4-39.206 61.997-39.206 106.9 0 46 12.956 81.9 38.703 107.7 25.8 25.8 59.803 38.6 101.8 38.6 26.4 0 50.5-6.6 72.353-19.697 21.847-13.206 38.947-31.303 51.347-54.303l-58.1-29.4c-11.2 26.9-30.553 40.403-58 40.403zM663.447 595.353c-20.797 0-36.494-7.603-47.1-22.806-10.7-15.097-16-35.297-16-60.497 0-55.5 21.003-83.303 63.1-83.303 8.903 0 18.303 2.803 28.103 8.403 9.853 5.6 18.1 15.4 24.9 29.4l62.197-32.8c-24.7-45.4-66.197-68.1-124.497-68.1-39.8 0-72.75 13.2-98.8 39.5-26.097 26.4-39.103 61.997-39.103 106.9 0 46 12.703 81.9 38.253 107.7 25.5 25.8 59.55 38.6 102.2 38.6 25.747 0 49.647-6.6 71.45-19.697 21.903-13.206 39.3-31.303 52.203-54.303l-58.903-29.4c-11.2 26.9-30.6 40.403-58.003 40.403zM860.816 163.013c-95.159-95.038-211.659-142.525-349.463-142.525-136.134 0-251.391 47.487-345.709 142.525-96.778 98.306-145.163 214.613-145.163 348.978 0 134.353 48.384 249.85 145.163 346.506 96.778 96.687 212.034 145.016 345.709 145.016 135.344 0 252.656-48.747 351.922-146.216 93.478-92.578 140.244-207.684 140.244-345.306 0-137.634-47.575-253.972-142.703-348.978zM799.284 793.397c-81.206 80.281-176.769 120.419-286.7 120.419-109.916 0-204.622-39.75-284.181-119.219-79.556-79.434-119.337-173.662-119.337-282.606 0-108.956 40.169-203.994 120.566-285.081 77.1-78.656 171.416-117.988 282.953-117.988 111.581 0 206.306 39.331 284.244 117.988 78.747 77.819 118.103 172.825 118.103 285.081 0 113.053-38.547 206.859-115.647 281.406z"
170 |         ],
171 |         "attrs": [],
172 |         "isMulticolor": false,
173 |         "isMulticolor2": false,
174 |         "tags": [
175 |           "creative-commons"
176 |         ],
177 |         "grid": 20
178 |       },
179 |       "attrs": [],
180 |       "properties": {
181 |         "id": 12,
182 |         "order": 47,
183 |         "prevSize": 20,
184 |         "code": 59672,
185 |         "name": "creative-commons"
186 |       },
187 |       "setIdx": 2,
188 |       "setId": 5,
189 |       "iconIdx": 11
190 |     },
191 |     {
192 |       "icon": {
193 |         "paths": [
194 |           "M231.219 386.458c22.323-22.835 53.402-24.627 80.691 0l200.090 191.846 200.090-191.846c27.29-24.627 58.419-22.835 80.589 0 22.323 22.784 20.89 61.286 0 82.688-20.787 21.402-240.384 230.502-240.384 230.502-11.11 11.418-25.702 17.152-40.294 17.152s-29.184-5.734-40.397-17.152c0 0-219.494-209.101-240.384-230.502-20.941-21.402-22.323-59.904 0-82.688z"
195 |         ],
196 |         "attrs": [],
197 |         "isMulticolor": false,
198 |         "isMulticolor2": false,
199 |         "tags": [
200 |           "chevron-down"
201 |         ],
202 |         "grid": 20
203 |       },
204 |       "attrs": [],
205 |       "properties": {
206 |         "id": 34,
207 |         "order": 17,
208 |         "prevSize": 20,
209 |         "code": 59648,
210 |         "name": "chevron-down"
211 |       },
212 |       "setIdx": 2,
213 |       "setId": 5,
214 |       "iconIdx": 33
215 |     },
216 |     {
217 |       "icon": {
218 |         "paths": [
219 |           "M637.542 231.219c22.835 22.323 24.627 53.402 0 80.691l-191.846 200.090 191.846 200.090c24.627 27.29 22.835 58.419 0 80.589-22.784 22.323-61.286 20.89-82.688 0-21.402-20.787-230.502-240.384-230.502-240.384-11.418-11.11-17.152-25.702-17.152-40.294s5.734-29.184 17.152-40.397c0 0 209.101-219.494 230.502-240.384 21.402-20.941 59.904-22.323 82.688 0z"
220 |         ],
221 |         "attrs": [],
222 |         "isMulticolor": false,
223 |         "isMulticolor2": false,
224 |         "tags": [
225 |           "chevron-left"
226 |         ],
227 |         "grid": 20
228 |       },
229 |       "attrs": [],
230 |       "properties": {
231 |         "id": 35,
232 |         "order": 16,
233 |         "prevSize": 20,
234 |         "code": 59649,
235 |         "name": "chevron-left"
236 |       },
237 |       "setIdx": 2,
238 |       "setId": 5,
239 |       "iconIdx": 34
240 |     },
241 |     {
242 |       "icon": {
243 |         "paths": [
244 |           "M469.146 231.219c21.402 20.89 230.502 240.384 230.502 240.384 11.418 11.213 17.152 25.805 17.152 40.397s-5.734 29.184-17.152 40.294c0 0-209.101 219.597-230.502 240.384-21.402 20.89-59.904 22.323-82.688 0-22.835-22.221-24.627-53.299 0-80.589l191.846-200.090-191.846-200.090c-24.627-27.29-22.835-58.419 0-80.691 22.784-22.323 61.286-20.941 82.688 0z"
245 |         ],
246 |         "attrs": [],
247 |         "isMulticolor": false,
248 |         "isMulticolor2": false,
249 |         "tags": [
250 |           "chevron-right"
251 |         ],
252 |         "grid": 20
253 |       },
254 |       "attrs": [],
255 |       "properties": {
256 |         "id": 36,
257 |         "order": 15,
258 |         "prevSize": 20,
259 |         "code": 59650,
260 |         "name": "chevron-right"
261 |       },
262 |       "setIdx": 2,
263 |       "setId": 5,
264 |       "iconIdx": 35
265 |     },
266 |     {
267 |       "icon": {
268 |         "paths": [
269 |           "M891.802 312.781c13.926-13.722 36.301-13.722 50.125 0s13.875 35.891 0 49.613l-404.89 400.896c-13.824 13.722-36.198 13.722-50.125 0l-404.89-400.896c-13.824-13.722-13.824-35.891 0-49.613 13.875-13.722 36.301-13.722 50.125 0l379.853 365.619 379.802-365.619z"
270 |         ],
271 |         "attrs": [],
272 |         "isMulticolor": false,
273 |         "isMulticolor2": false,
274 |         "tags": [
275 |           "chevron-thin-down"
276 |         ],
277 |         "grid": 20
278 |       },
279 |       "attrs": [],
280 |       "properties": {
281 |         "id": 41,
282 |         "order": 18,
283 |         "prevSize": 20,
284 |         "code": 59651,
285 |         "name": "chevron-thin-down"
286 |       },
287 |       "setIdx": 2,
288 |       "setId": 5,
289 |       "iconIdx": 40
290 |     },
291 |     {
292 |       "icon": {
293 |         "paths": [
294 |           "M711.219 891.802c13.722 13.926 13.722 36.301 0 50.125s-35.891 13.875-49.613 0l-400.896-404.89c-13.722-13.824-13.722-36.198 0-50.125l400.896-404.89c13.722-13.824 35.891-13.824 49.613 0 13.722 13.875 13.722 36.301 0 50.125l-365.619 379.853 365.619 379.802z"
295 |         ],
296 |         "attrs": [],
297 |         "isMulticolor": false,
298 |         "isMulticolor2": false,
299 |         "tags": [
300 |           "chevron-thin-left"
301 |         ],
302 |         "grid": 20
303 |       },
304 |       "attrs": [],
305 |       "properties": {
306 |         "id": 42,
307 |         "order": 19,
308 |         "prevSize": 20,
309 |         "code": 59652,
310 |         "name": "chevron-thin-left"
311 |       },
312 |       "setIdx": 2,
313 |       "setId": 5,
314 |       "iconIdx": 41
315 |     },
316 |     {
317 |       "icon": {
318 |         "paths": [
319 |           "M678.4 512l-365.619-379.904c-13.722-13.824-13.722-36.198 0-50.125 13.722-13.824 35.891-13.824 49.613 0l400.896 404.89c13.722 13.875 13.722 36.301 0 50.125l-400.896 404.89c-13.722 13.875-35.891 13.824-49.613 0-13.722-13.773-13.722-36.198 0-50.125l365.619-379.75z"
320 |         ],
321 |         "attrs": [],
322 |         "isMulticolor": false,
323 |         "isMulticolor2": false,
324 |         "tags": [
325 |           "chevron-thin-right"
326 |         ],
327 |         "grid": 20
328 |       },
329 |       "attrs": [],
330 |       "properties": {
331 |         "id": 43,
332 |         "order": 20,
333 |         "prevSize": 20,
334 |         "code": 59653,
335 |         "name": "chevron-thin-right"
336 |       },
337 |       "setIdx": 2,
338 |       "setId": 5,
339 |       "iconIdx": 42
340 |     },
341 |     {
342 |       "icon": {
343 |         "paths": [
344 |           "M132.198 711.219c-13.926 13.722-36.301 13.722-50.125 0s-13.875-35.891 0-49.613l404.89-400.896c13.824-13.722 36.198-13.722 50.125 0l404.89 400.896c13.824 13.722 13.824 35.891 0 49.613-13.875 13.722-36.301 13.722-50.074 0l-379.904-365.619-379.802 365.619z"
345 |         ],
346 |         "attrs": [],
347 |         "isMulticolor": false,
348 |         "isMulticolor2": false,
349 |         "tags": [
350 |           "chevron-thin-up"
351 |         ],
352 |         "grid": 20
353 |       },
354 |       "attrs": [],
355 |       "properties": {
356 |         "id": 44,
357 |         "order": 21,
358 |         "prevSize": 20,
359 |         "code": 59654,
360 |         "name": "chevron-thin-up"
361 |       },
362 |       "setIdx": 2,
363 |       "setId": 5,
364 |       "iconIdx": 43
365 |     },
366 |     {
367 |       "icon": {
368 |         "paths": [
369 |           "M792.781 637.542c-22.323 22.835-53.402 24.627-80.691 0l-200.090-191.846-200.090 191.846c-27.29 24.627-58.419 22.835-80.589 0-22.323-22.784-20.89-61.286 0-82.688 20.787-21.402 240.384-230.502 240.384-230.502 11.11-11.418 25.702-17.152 40.294-17.152s29.184 5.734 40.397 17.152c0 0 219.494 209.101 240.384 230.502 20.941 21.402 22.323 59.904 0 82.688z"
370 |         ],
371 |         "attrs": [],
372 |         "isMulticolor": false,
373 |         "isMulticolor2": false,
374 |         "tags": [
375 |           "chevron-up"
376 |         ],
377 |         "grid": 20
378 |       },
379 |       "attrs": [],
380 |       "properties": {
381 |         "id": 45,
382 |         "order": 22,
383 |         "prevSize": 20,
384 |         "code": 59655,
385 |         "name": "chevron-up"
386 |       },
387 |       "setIdx": 2,
388 |       "setId": 5,
389 |       "iconIdx": 44
390 |     },
391 |     {
392 |       "icon": {
393 |         "paths": [
394 |           "M80.589 270.643c24.986 13.414 371.098 199.373 384 206.285s29.594 10.189 46.387 10.189c16.794 0 33.485-3.277 46.387-10.189s359.014-192.87 384-206.285c25.037-13.466 48.691-65.843 2.765-65.843h-866.253c-45.926 0-22.272 52.378 2.714 65.843zM952.986 383.437c-28.416 14.797-378.214 197.069-395.622 206.182s-29.594 10.189-46.387 10.189-28.979-1.075-46.387-10.189-365.21-191.437-393.626-206.234c-19.968-10.445-19.763 1.792-19.763 11.213s0 373.402 0 373.402c0 21.504 28.979 51.2 51.2 51.2h819.2c22.221 0 51.2-29.696 51.2-51.2 0 0 0-363.93 0-373.35s0.205-21.658-19.814-11.213z"
395 |         ],
396 |         "attrs": [],
397 |         "isMulticolor": false,
398 |         "isMulticolor2": false,
399 |         "tags": [
400 |           "mail"
401 |         ],
402 |         "grid": 20
403 |       },
404 |       "attrs": [],
405 |       "properties": {
406 |         "id": 219,
407 |         "order": 36,
408 |         "prevSize": 20,
409 |         "code": 59661,
410 |         "name": "mail"
411 |       },
412 |       "setIdx": 2,
413 |       "setId": 5,
414 |       "iconIdx": 218
415 |     },
416 |     {
417 |       "icon": {
418 |         "paths": [
419 |           "M122.88 122.88v121.19c362.803 0 656.896 294.195 656.896 656.998h121.293c0-429.773-348.416-778.189-778.189-778.189zM122.88 365.414v121.293c228.813 0 414.362 185.498 414.362 414.413h121.242c0-295.834-239.821-535.706-535.603-535.706zM239.053 668.621c-64.205 0-116.224 52.122-116.224 116.275s52.019 116.224 116.224 116.224 116.173-52.019 116.173-116.224-51.968-116.275-116.173-116.275z"
420 |         ],
421 |         "attrs": [],
422 |         "isMulticolor": false,
423 |         "isMulticolor2": false,
424 |         "tags": [
425 |           "rss"
426 |         ],
427 |         "grid": 20
428 |       },
429 |       "attrs": [],
430 |       "properties": {
431 |         "id": 266,
432 |         "order": 25,
433 |         "prevSize": 20,
434 |         "code": 59658,
435 |         "name": "feed"
436 |       },
437 |       "setIdx": 2,
438 |       "setId": 5,
439 |       "iconIdx": 265
440 |     },
441 |     {
442 |       "icon": {
443 |         "paths": [
444 |           "M413.286 476.211c0 0 96.87-7.526 96.87-125.901 0-118.528-79.258-176.179-179.712-176.179h-330.445v661.811h330.445c0 0 201.779 6.605 201.779-195.379-0.051-0.051 8.755-164.352-118.938-164.352zM145.613 291.686h184.832c0 0 44.954 0 44.954 68.813 0 68.915-26.419 78.899-56.422 78.899h-173.363v-147.712zM321.075 718.285h-175.462v-176.896h184.832c0 0 66.97-0.922 66.97 90.88 0 77.414-50.022 85.453-76.339 86.016zM801.229 342.426c-244.275 0-244.070 254.31-244.070 254.31s-16.691 252.979 244.070 252.979c0 0 217.242 13.005 217.242-175.974h-111.718c0 0 3.686 71.219-101.786 71.219 0 0-111.821 7.782-111.821-115.2h328.858c0.051-0.051 36.301-287.334-220.774-287.334zM900.608 541.389h-208.589c0 0 13.619-101.99 111.718-101.99s96.87 101.99 96.87 101.99zM926.566 212.992h-261.99v81.613h261.99v-81.613z"
445 |         ],
446 |         "attrs": [],
447 |         "isMulticolor": false,
448 |         "isMulticolor2": false,
449 |         "tags": [
450 |           "behance"
451 |         ],
452 |         "grid": 20
453 |       },
454 |       "attrs": [],
455 |       "properties": {
456 |         "id": 322,
457 |         "order": 43,
458 |         "prevSize": 20,
459 |         "code": 59660,
460 |         "name": "behance"
461 |       },
462 |       "setIdx": 2,
463 |       "setId": 5,
464 |       "iconIdx": 321
465 |     },
466 |     {
467 |       "icon": {
468 |         "paths": [
469 |           "M752.026 515.482c-14.029-4.301-23.706-7.27-16.333-26.010 15.923-40.806 17.613-75.981 0.358-101.12-32.41-47.104-121.037-44.595-222.618-1.28 0-0.102-31.898 14.182-23.757-11.622 15.667-51.046 13.261-93.85-11.059-118.528-55.091-56.218-201.574 2.099-327.27 129.997-94.157 95.795-148.787 197.274-148.787 285.082 0 167.987 211.558 280.32 418.56 280.32 271.309 0 451.84-170.701 451.84-298.086 0-77.056-63.693-120.73-120.934-138.752zM421.683 877.005c-165.12 16.384-307.763-58.726-318.464-167.68-10.701-109.005 114.483-210.688 279.654-227.226 165.171-16.384 307.763 58.675 318.464 167.68 10.701 109.107-114.483 210.842-279.654 227.226zM1021.44 378.726c-0.051-169.574-137.523-306.995-307.2-306.995-19.814 0-35.789 15.974-35.789 35.789s15.974 35.789 35.789 35.789c130.099 0 235.571 105.523 235.571 235.622 0 19.814 16.026 35.789 35.84 35.789s35.789-16.026 35.789-35.84v-0.154zM879.053 373.504c-16.333-79.974-79.411-143.002-159.386-159.386-19.354-3.994-38.298 8.499-42.291 27.904-3.942 19.302 8.499 38.298 27.904 42.291 52.019 10.598 92.979 51.61 103.629 103.578 3.994 19.405 22.938 31.795 42.291 27.904 19.302-3.994 31.846-22.989 27.853-42.291zM336.998 588.902c-66.56 13.414-111.462 69.222-100.301 124.621 11.162 55.501 74.086 89.6 140.646 76.186 66.509-13.414 111.411-69.222 100.301-124.621-11.162-55.398-74.189-89.6-140.646-76.186z"
470 |         ],
471 |         "attrs": [],
472 |         "isMulticolor": false,
473 |         "isMulticolor2": false,
474 |         "tags": [
475 |           "sina-weibo"
476 |         ],
477 |         "grid": 20
478 |       },
479 |       "attrs": [],
480 |       "properties": {
481 |         "id": 340,
482 |         "order": 27,
483 |         "prevSize": 20,
484 |         "code": 59662,
485 |         "name": "weibo"
486 |       },
487 |       "setIdx": 2,
488 |       "setId": 5,
489 |       "iconIdx": 339
490 |     },
491 |     {
492 |       "icon": {
493 |         "paths": [
494 |           "M489.728 379.955c-69.53-123.597-143.923-224.41-149.35-231.834-112.179 53.043-195.891 156.416-222.054 280.934 10.547 0.205 178.278 2.202 371.405-49.101zM539.802 515.123c5.222-1.69 10.547-3.277 15.821-4.813-10.086-22.886-21.094-45.824-32.614-68.403-207.155 62.054-405.914 57.549-412.928 57.344-0.154 4.301-0.358 8.499-0.358 12.8 0 103.373 39.066 197.683 103.219 268.902l-0.256-0.307c0 0 110.080-195.277 327.117-265.523zM264.755 829.133v-0.205c-2.97-2.304-6.144-4.403-9.114-6.912 5.427 4.352 9.114 7.117 9.114 7.117zM415.642 121.446c-0.358 0.102-0.768 0.205-0.768 0.205 0.307-0.102 0.717-0.102 0.717-0.102l0.051-0.102zM777.677 210.125c-70.861-62.362-163.789-100.403-265.677-100.403-32.717 0-64.41 3.994-94.822 11.315 6.144 8.192 81.664 108.493 150.426 234.701 151.654-56.781 208.947-143.974 210.074-145.613zM512 983.040c-260.096 0-470.989-210.893-470.989-470.989-0.051-260.198 210.842-471.091 470.989-471.091 260.198 0 471.040 210.893 471.040 471.091 0 260.096-210.842 470.989-471.040 470.989zM580.403 577.843c-236.083 82.278-314.061 247.706-315.648 251.085 68.301 53.299 153.907 85.299 247.194 85.299 55.706 0 108.8-11.315 157.030-31.795-5.939-35.277-29.338-158.515-85.965-305.51-0.819 0.307-1.69 0.614-2.611 0.922zM598.528 415.744c9.421 19.098 18.33 38.605 26.778 58.317 3.021 6.912 5.837 13.926 8.704 20.787 138.906-17.51 275.712 12.186 280.218 13.107-0.973-95.386-35.123-182.886-91.494-251.494-0.922 1.178-65.485 94.362-224.205 159.283zM658.483 558.336c52.787 145.203 74.189 263.27 78.285 287.283 90.317-60.979 154.522-157.696 172.39-269.824-7.987-2.56-120.627-38.246-250.675-17.459z"
495 |         ],
496 |         "attrs": [],
497 |         "isMulticolor": false,
498 |         "isMulticolor2": false,
499 |         "tags": [
500 |           "dribbble"
501 |         ],
502 |         "grid": 20
503 |       },
504 |       "attrs": [],
505 |       "properties": {
506 |         "id": 358,
507 |         "order": 44,
508 |         "prevSize": 20,
509 |         "code": 59670,
510 |         "name": "dribbble"
511 |       },
512 |       "setIdx": 2,
513 |       "setId": 5,
514 |       "iconIdx": 357
515 |     },
516 |     {
517 |       "icon": {
518 |         "paths": [
519 |           "M870.4 51.2h-716.8c-56.32 0-102.4 46.080-102.4 102.4v716.8c0 56.371 46.080 102.4 102.4 102.4h358.4v-358.4h-102.4v-126.72h102.4v-104.96c0-110.797 62.054-188.621 192.819-188.621l92.314 0.102v133.376h-61.286c-50.893 0-70.246 38.195-70.246 73.626v86.528h131.482l-29.082 126.669h-102.4v358.4h204.8c56.32 0 102.4-46.029 102.4-102.4v-716.8c0-56.32-46.080-102.4-102.4-102.4z"
520 |         ],
521 |         "attrs": [],
522 |         "isMulticolor": false,
523 |         "isMulticolor2": false,
524 |         "tags": [
525 |           "facebook"
526 |         ],
527 |         "grid": 20
528 |       },
529 |       "attrs": [],
530 |       "properties": {
531 |         "id": 360,
532 |         "order": 33,
533 |         "prevSize": 20,
534 |         "code": 59663,
535 |         "name": "facebook"
536 |       },
537 |       "setIdx": 2,
538 |       "setId": 5,
539 |       "iconIdx": 359
540 |     },
541 |     {
542 |       "icon": {
543 |         "paths": [
544 |           "M674.816 579.021c-36.762 0-66.56 41.318-66.56 92.109 0 50.893 29.798 92.211 66.56 92.211s66.56-41.318 66.56-92.211c-0.051-50.79-29.798-92.109-66.56-92.109zM906.547 339.251c7.629-18.688 7.936-124.877-32.512-226.611 0 0-92.723 10.189-233.011 106.496-29.44-8.192-79.258-12.186-128.973-12.186-49.818 0-99.584 3.994-129.024 12.186-140.339-96.307-233.062-106.496-233.062-106.496-40.397 101.734-39.987 207.923-32.461 226.611-47.514 51.61-76.544 113.613-76.544 198.195 0 367.923 305.306 373.811 382.31 373.811 17.51 0 52.122 0.102 88.781 0.102 36.608 0 71.27-0.102 88.678-0.102 77.107 0 382.31-5.888 382.31-373.811 0-84.582-28.979-146.586-76.493-198.195zM513.434 866.048h-2.867c-193.075 0-343.501-22.989-343.501-210.688 0-45.005 15.872-86.682 53.606-121.293 62.822-57.702 169.216-27.187 289.894-27.187 0.512 0 1.024 0 1.485 0 0.512 0 0.922 0 1.382 0 120.678 0 227.123-30.515 289.997 27.187 37.632 34.611 53.504 76.288 53.504 121.293 0 187.699-150.374 210.688-343.501 210.688zM349.235 579.021c-36.762 0-66.56 41.318-66.56 92.109 0 50.893 29.798 92.211 66.56 92.211 36.813 0 66.611-41.318 66.611-92.211 0-50.79-29.798-92.109-66.611-92.109z"
545 |         ],
546 |         "attrs": [],
547 |         "isMulticolor": false,
548 |         "isMulticolor2": false,
549 |         "tags": [
550 |           "github"
551 |         ],
552 |         "grid": 20
553 |       },
554 |       "attrs": [],
555 |       "properties": {
556 |         "id": 364,
557 |         "order": 32,
558 |         "prevSize": 20,
559 |         "code": 59664,
560 |         "name": "github"
561 |       },
562 |       "setIdx": 2,
563 |       "setId": 5,
564 |       "iconIdx": 363
565 |     },
566 |     {
567 |       "icon": {
568 |         "paths": [
569 |           "M101.837 286.157c0 76.493 25.549 131.686 75.878 164.096 41.267 26.624 89.088 30.618 113.971 30.618 6.042 0 10.906-0.307 14.285-0.512 0 0-7.885 51.405 30.208 102.195h-1.741c-65.997 0-281.242 13.773-281.242 190.822 0 180.019 197.683 189.184 237.363 189.184 3.123 0 4.966-0.102 4.966-0.102 0.41 0 3.226 0.102 8.090 0.102 25.446 0 91.238-3.174 152.32-32.922 79.258-38.4 119.45-105.421 119.45-198.912 0-90.317-61.235-144.077-105.933-183.398-27.29-24.013-50.893-44.698-50.893-64.819 0-20.48 17.254-35.891 39.014-55.398 35.277-31.488 68.557-76.39 68.557-161.28 0-74.598-9.677-124.723-69.325-156.518 6.195-3.174 28.211-5.478 39.066-7.014 32.307-4.403 79.565-9.421 79.565-35.789v-5.069h-235.469c-2.355 0.102-238.131 8.806-238.131 224.717zM481.946 747.622c4.506 71.987-57.088 125.082-149.606 131.789-93.952 6.912-171.264-35.379-175.77-107.315-2.202-34.611 13.005-68.403 42.752-95.386 30.157-27.29 71.578-44.186 116.634-47.514 5.325-0.307 10.598-0.614 15.872-0.614 86.989 0.051 145.869 51.149 150.118 119.040zM420.454 236.851c23.091 81.306-11.776 166.195-67.379 181.914-6.4 1.792-12.954 2.662-19.661 2.662-50.893 0-101.325-51.507-120.064-122.522-10.445-39.731-9.574-74.65 2.406-108.134 11.725-33.024 32.922-55.194 59.546-62.72 6.4-1.792 13.005-2.714 19.712-2.714 61.44 0 100.966 25.498 125.44 111.514zM819.2 409.6v-153.6h-102.4v153.6h-153.6v102.4h153.6v153.6h102.4v-153.6h153.6v-102.4h-153.6z"
570 |         ],
571 |         "attrs": [],
572 |         "isMulticolor": false,
573 |         "isMulticolor2": false,
574 |         "tags": [
575 |           "google+"
576 |         ],
577 |         "grid": 20
578 |       },
579 |       "attrs": [],
580 |       "properties": {
581 |         "id": 366,
582 |         "order": 28,
583 |         "prevSize": 20,
584 |         "code": 59665,
585 |         "name": "google"
586 |       },
587 |       "setIdx": 2,
588 |       "setId": 5,
589 |       "iconIdx": 365
590 |     },
591 |     {
592 |       "icon": {
593 |         "paths": [
594 |           "M870.4 51.2h-716.8c-56.32 0-102.4 46.080-102.4 102.4v716.8c0 56.371 46.080 102.4 102.4 102.4h716.8c56.32 0 102.4-46.029 102.4-102.4v-716.8c0-56.32-46.080-102.4-102.4-102.4zM511.181 794.778c156.621 0 283.546-127.027 283.546-283.597 0-17.306-2.202-33.997-5.274-50.381h80.947v369.459c0 19.558-15.872 35.328-35.482 35.328h-645.837c-19.61-0-35.482-15.77-35.482-35.328v-369.459h79.309c-3.123 16.384-5.325 33.075-5.325 50.381 0 156.621 127.027 283.597 283.597 283.597zM333.978 511.181c0-97.894 79.36-177.203 177.254-177.203 97.843 0 177.254 79.309 177.254 177.203s-79.411 177.254-177.254 177.254c-97.946 0-177.254-79.36-177.254-177.254zM834.918 307.2h-82.688c-19.558 0-35.43-15.974-35.43-35.43v-82.79c0-19.558 15.872-35.379 35.379-35.379h82.688c19.661 0 35.533 15.821 35.533 35.379v82.739c0 19.507-15.872 35.482-35.482 35.482z"
595 |         ],
596 |         "attrs": [],
597 |         "isMulticolor": false,
598 |         "isMulticolor2": false,
599 |         "tags": [
600 |           "instagram"
601 |         ],
602 |         "grid": 20
603 |       },
604 |       "attrs": [],
605 |       "properties": {
606 |         "id": 368,
607 |         "order": 29,
608 |         "prevSize": 20,
609 |         "code": 59666,
610 |         "name": "instagram"
611 |       },
612 |       "setIdx": 2,
613 |       "setId": 5,
614 |       "iconIdx": 367
615 |     },
616 |     {
617 |       "icon": {
618 |         "paths": [
619 |           "M256 153.6c0 54.374-36.352 101.171-102.451 101.171-62.208 0-102.349-44.134-102.349-98.509 0-55.808 38.912-105.062 102.4-105.062s101.171 46.592 102.4 102.4zM51.2 972.8v-665.6h204.8v665.6h-204.8z",
620 |           "M358.4 534.733c0-79.104-2.611-145.203-5.222-202.291h184.013l9.114 88.218h3.891c25.907-41.523 89.395-102.4 195.686-102.4 129.638 0 226.918 86.784 226.918 273.51v381.030h-204.8v-351.283c0-81.613-31.078-143.872-102.4-143.872-54.374 0-81.613 44.032-95.898 80.333-5.222 13.005-6.502 31.13-6.502 49.306v365.517h-204.8v-438.067z"
621 |         ],
622 |         "attrs": [
623 |           {},
624 |           {}
625 |         ],
626 |         "isMulticolor": false,
627 |         "isMulticolor2": false,
628 |         "tags": [
629 |           "linkedin"
630 |         ],
631 |         "grid": 20
632 |       },
633 |       "attrs": [
634 |         {},
635 |         {}
636 |       ],
637 |       "properties": {
638 |         "id": 372,
639 |         "order": 45,
640 |         "prevSize": 20,
641 |         "code": 59671,
642 |         "name": "linkedin"
643 |       },
644 |       "setIdx": 2,
645 |       "setId": 5,
646 |       "iconIdx": 371
647 |     },
648 |     {
649 |       "icon": {
650 |         "paths": [
651 |           "M441.19 677.222c-26.931 141.005-59.75 276.173-157.082 346.778-30.003-213.094 44.083-373.094 78.541-542.976-58.726-98.816 7.066-297.574 130.816-248.576 152.32 60.211-131.891 367.206 58.88 405.606 199.219 39.987 280.525-345.6 156.979-470.989-178.432-181.146-519.475-4.25-477.491 255.078 10.189 63.386 75.674 82.586 26.163 170.086-114.227-25.293-148.326-115.405-143.923-235.52 7.066-196.608 176.589-334.182 346.675-353.28 215.091-24.115 416.973 79.002 444.877 281.293 31.386 228.403-97.075 475.802-327.117 457.984-62.362-4.864-88.474-35.789-137.318-65.485z"
652 |         ],
653 |         "attrs": [],
654 |         "isMulticolor": false,
655 |         "isMulticolor2": false,
656 |         "tags": [
657 |           "pinterest"
658 |         ],
659 |         "grid": 20
660 |       },
661 |       "attrs": [],
662 |       "properties": {
663 |         "id": 374,
664 |         "order": 31,
665 |         "prevSize": 20,
666 |         "code": 59667,
667 |         "name": "pinterest"
668 |       },
669 |       "setIdx": 2,
670 |       "setId": 5,
671 |       "iconIdx": 373
672 |     },
673 |     {
674 |       "icon": {
675 |         "paths": [
676 |           "M798.72 931.635c-39.782 18.995-75.776 32.307-107.981 39.987-32.256 7.578-67.123 11.418-104.602 11.418-42.547 0-80.179-5.478-112.896-16.282-32.717-10.906-60.57-26.419-83.712-46.49-23.091-20.224-39.117-41.574-48.026-64.205-8.909-22.682-13.363-55.603-13.363-98.611v-330.496h-102.861v-133.325c36.557-11.981 67.891-29.184 93.952-51.712 26.112-22.426 47.002-49.408 62.822-80.896 15.77-31.386 26.573-71.475 32.563-120.064h132.352v238.182h220.877v147.814h-220.877v241.613c0 54.579 2.867 89.702 8.602 105.216 5.683 15.514 16.333 27.904 31.846 37.12 20.634 12.493 44.186 18.79 70.707 18.79 47.104 0 94.003-15.514 140.595-46.49v148.429z"
677 |         ],
678 |         "attrs": [],
679 |         "isMulticolor": false,
680 |         "isMulticolor2": false,
681 |         "tags": [
682 |           "tumblr"
683 |         ],
684 |         "grid": 20
685 |       },
686 |       "attrs": [],
687 |       "properties": {
688 |         "id": 379,
689 |         "order": 34,
690 |         "prevSize": 20,
691 |         "code": 59668,
692 |         "name": "tumblr"
693 |       },
694 |       "setIdx": 2,
695 |       "setId": 5,
696 |       "iconIdx": 378
697 |     },
698 |     {
699 |       "icon": {
700 |         "paths": [
701 |           "M886.579 319.795c0.41 8.294 0.563 16.691 0.563 24.986 0 255.488-194.406 549.99-549.888 549.99-109.21 0-210.739-32-296.294-86.886 15.155 1.792 30.515 2.714 46.080 2.714 90.624 0 173.926-30.925 240.026-82.688-84.531-1.587-155.955-57.395-180.531-134.195 11.776 2.202 23.91 3.379 36.352 3.379 17.664 0 34.765-2.304 50.944-6.707-88.422-17.818-155.034-95.898-155.034-189.594 0-0.819 0-1.587 0-2.406 26.061 14.49 55.91 23.194 87.552 24.218-51.866-34.714-86.016-93.798-86.016-160.922 0-35.379 9.523-68.608 26.214-97.178 95.283 116.992 237.773 193.894 398.387 201.984-3.277-14.182-4.966-28.877-4.966-44.083 0-106.701 86.477-193.178 193.229-193.178 55.603 0 105.83 23.398 141.107 60.979 43.981-8.704 85.35-24.781 122.726-46.899-14.438 45.107-45.107 82.995-84.992 106.906 39.117-4.71 76.288-15.002 111.002-30.413-25.907 38.81-58.675 72.806-96.461 99.994z"
702 |         ],
703 |         "attrs": [],
704 |         "isMulticolor": false,
705 |         "isMulticolor2": false,
706 |         "tags": [
707 |           "twitter"
708 |         ],
709 |         "grid": 20
710 |       },
711 |       "attrs": [],
712 |       "properties": {
713 |         "id": 381,
714 |         "order": 30,
715 |         "prevSize": 20,
716 |         "code": 59669,
717 |         "name": "twitter"
718 |       },
719 |       "setIdx": 2,
720 |       "setId": 5,
721 |       "iconIdx": 380
722 |     }
723 |   ],
724 |   "height": 1024,
725 |   "metadata": {
726 |     "name": "icomoon"
727 |   },
728 |   "preferences": {
729 |     "showGlyphs": true,
730 |     "showQuickUse": true,
731 |     "showQuickUse2": true,
732 |     "showSVGs": true,
733 |     "fontPref": {
734 |       "prefix": "icon-",
735 |       "metadata": {
736 |         "fontFamily": "icomoon"
737 |       },
738 |       "metrics": {
739 |         "emSize": 1024,
740 |         "baseline": 6.25,
741 |         "whitespace": 50
742 |       },
743 |       "embed": false
744 |     },
745 |     "imagePref": {
746 |       "prefix": "icon-",
747 |       "png": true,
748 |       "useClassSelector": true,
749 |       "color": 0,
750 |       "bgColor": 16777215,
751 |       "classSelector": ".icon"
752 |     },
753 |     "historySize": 100,
754 |     "showCodes": true,
755 |     "gridSize": 16
756 |   }
757 | }


--------------------------------------------------------------------------------
/source/icomoon/style.css:
--------------------------------------------------------------------------------
  1 | @font-face {
  2 |   font-family: 'icomoon';
  3 |   src:  url('fonts/icomoon.eot?uxdgz6');
  4 |   src:  url('fonts/icomoon.eot?uxdgz6#iefix') format('embedded-opentype'),
  5 |     url('fonts/icomoon.ttf?uxdgz6') format('truetype'),
  6 |     url('fonts/icomoon.woff?uxdgz6') format('woff'),
  7 |     url('fonts/icomoon.svg?uxdgz6#icomoon') format('svg');
  8 |   font-weight: normal;
  9 |   font-style: normal;
 10 | }
 11 | 
 12 | [class^="icon-"], [class*=" icon-"] {
 13 |   /* use !important to prevent issues with browser extensions that change fonts */
 14 |   font-family: 'icomoon' !important;
 15 |   speak: none;
 16 |   font-style: normal;
 17 |   font-weight: normal;
 18 |   font-variant: normal;
 19 |   text-transform: none;
 20 |   line-height: 1;
 21 | 
 22 |   /* Better Font Rendering =========== */
 23 |   -webkit-font-smoothing: antialiased;
 24 |   -moz-osx-font-smoothing: grayscale;
 25 | }
 26 | 
 27 | .icon-close:before {
 28 |   content: "\e5cd";
 29 | }
 30 | .icon-list:before {
 31 |   content: "\e896";
 32 | }
 33 | .icon-menu:before {
 34 |   content: "\e5d2";
 35 | }
 36 | .icon-person:before {
 37 |   content: "\e7fd";
 38 | }
 39 | .icon-search:before {
 40 |   content: "\e8b6";
 41 | }
 42 | .icon-share:before {
 43 |   content: "\e80d";
 44 | }
 45 | .icon-creative-commons:before {
 46 |   content: "\e918";
 47 | }
 48 | .icon-chevron-down:before {
 49 |   content: "\e900";
 50 | }
 51 | .icon-chevron-left:before {
 52 |   content: "\e901";
 53 | }
 54 | .icon-chevron-right:before {
 55 |   content: "\e902";
 56 | }
 57 | .icon-chevron-thin-down:before {
 58 |   content: "\e903";
 59 | }
 60 | .icon-chevron-thin-left:before {
 61 |   content: "\e904";
 62 | }
 63 | .icon-chevron-thin-right:before {
 64 |   content: "\e905";
 65 | }
 66 | .icon-chevron-thin-up:before {
 67 |   content: "\e906";
 68 | }
 69 | .icon-chevron-up:before {
 70 |   content: "\e907";
 71 | }
 72 | .icon-mail:before {
 73 |   content: "\e90d";
 74 | }
 75 | .icon-feed:before {
 76 |   content: "\e90a";
 77 | }
 78 | .icon-behance:before {
 79 |   content: "\e90c";
 80 | }
 81 | .icon-weibo:before {
 82 |   content: "\e90e";
 83 | }
 84 | .icon-dribbble:before {
 85 |   content: "\e916";
 86 | }
 87 | .icon-facebook:before {
 88 |   content: "\e90f";
 89 | }
 90 | .icon-github:before {
 91 |   content: "\e910";
 92 | }
 93 | .icon-google:before {
 94 |   content: "\e911";
 95 | }
 96 | .icon-instagram:before {
 97 |   content: "\e912";
 98 | }
 99 | .icon-linkedin:before {
100 |   content: "\e917";
101 | }
102 | .icon-pinterest:before {
103 |   content: "\e913";
104 | }
105 | .icon-tumblr:before {
106 |   content: "\e914";
107 | }
108 | .icon-twitter:before {
109 |   content: "\e915";
110 | }
111 | 
112 | 


--------------------------------------------------------------------------------
/source/img/algolia.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <svg width="391px" height="124px" viewBox="0 0 391 124" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
 3 |     <!-- Generator: Sketch 3.0.4 (8053) - http://www.bohemiancoding.com/sketch -->
 4 |     <title>Algolia_logo_bg-white</title>
 5 |     <desc>Created with Sketch.</desc>
 6 |     <defs></defs>
 7 |     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
 8 |         <g id="Algolia_logo_bg-white" sketch:type="MSLayerGroup" transform="translate(1.000000, 0.000000)">
 9 |             <path d="M234.602907,47.0181121 L228.907729,67.1993038 L247.249783,57.1465713 C244.58596,52.2621928 240.040498,48.5689338 234.602907,47.0181121 Z" id="Fill-1" fill="#46AEDA" sketch:type="MSShapeGroup"></path>
10 |             <path d="M202.455755,33.4002509 C200.002399,30.9359747 196.022371,30.9375523 193.569015,33.4002509 L192.458566,34.5156436 C190.00521,36.9783421 190.006781,40.976086 192.458566,43.4403623 L193.641265,44.6267488 C196.159018,40.5690545 199.364715,36.987808 203.090297,34.0391958 L202.455755,33.4002509 Z" id="Fill-2" fill="#46AEDA" sketch:type="MSShapeGroup"></path>
11 |             <path d="M240.840877,27.223784 C240.850301,27.0881068 240.880143,26.9587402 240.880143,26.8199077 L240.880143,23.6646244 C240.878572,20.1811917 238.067108,17.3556356 234.597542,17.3540579 L223.601419,17.3540579 C220.133424,17.3556356 217.320389,20.1796141 217.320389,23.6646244 L217.320389,26.7646902 C220.821368,25.7802419 224.504543,25.2422661 228.314941,25.2422661 C232.682919,25.2422661 236.890691,25.9427389 240.840877,27.223784" id="Fill-3" fill="#46AEDA" sketch:type="MSShapeGroup"></path>
12 |             <path d="M228.760635,41.5528326 C242.54501,41.5528326 253.760635,52.7684576 253.760635,66.5528326 C253.760635,80.3372076 242.54501,91.5528326 228.760635,91.5528326 C214.97626,91.5528326 203.760635,80.3372076 203.760635,66.5528326 C203.760635,52.7684576 214.97626,41.5528326 228.760635,41.5528326 M193.760635,66.5528326 C193.760635,85.8807871 209.427907,101.552833 228.760635,101.552833 C248.093362,101.552833 263.760635,85.8807871 263.760635,66.5528326 C263.760635,47.224878 248.093362,31.5528326 228.760635,31.5528326 C209.427907,31.5528326 193.760635,47.224878 193.760635,66.5528326 Z" id="Fill-4" fill="#46AEDA" sketch:type="MSShapeGroup"></path>
13 |             <path d="M68.5829487,99.6564664 C67.1395211,95.8212196 65.7840499,92.0522338 64.5118232,88.3463536 C63.2395965,84.6404734 61.9233915,80.8699099 60.5679203,77.0362407 L20.6200011,77.0362407 L12.6049727,99.6564664 L-0.244517215,99.6564664 C3.14651674,90.2852752 6.32708356,81.617712 9.29718324,73.6506218 C12.2657123,65.6851092 15.168274,58.1234729 18.0127216,50.9688681 C20.8524573,43.811108 23.6733452,36.9751869 26.472244,30.4579493 C29.2711428,23.9407117 32.1972643,17.4881575 35.2506085,11.0987089 L46.5734263,11.0987089 C49.6267705,17.4881575 52.5528919,23.9407117 55.3517907,30.4579493 C58.1506895,36.9751869 60.9700068,43.811108 63.8128838,50.9688681 C66.6526195,58.1234729 69.5567519,65.6851092 72.5268516,73.6506218 C75.4953806,81.617712 78.6759474,90.2852752 82.068552,99.6564664 L68.5829487,99.6564664 L68.5829487,99.6564664 Z M57.0056855,66.8147006 C54.2900312,59.4013626 51.5979366,52.2262485 48.9278311,45.28147 C46.2545843,38.3382692 43.476104,31.6727333 40.5939607,25.2817071 C37.623861,31.6727333 34.8045438,38.3382692 32.1344383,45.28147 C29.4627622,52.2262485 26.8099339,59.4013626 24.1822359,66.8147006 L57.0056855,66.8147006 L57.0056855,66.8147006 Z" id="Fill-5" fill="#0C1724" sketch:type="MSShapeGroup"></path>
14 |             <path d="M113.109313,100.932779 C105.815214,100.762393 100.643062,99.1879069 97.5897181,96.2045865 C94.5348033,93.2244215 93.0112725,88.5814222 93.0112725,82.2755886 L93.0112725,2.5352701 L104.83984,0.490646547 L104.83984,80.358754 C104.83984,82.3213402 105.011041,83.9384229 105.34873,85.2163126 C105.689562,86.4926247 106.24086,87.5165141 107.002625,88.2832479 C107.765961,89.0484041 108.785313,89.6242433 110.05754,90.0076102 C111.331337,90.3909771 112.898846,90.7112384 114.763208,90.9668163 L113.109313,100.932779" id="Fill-6" fill="#0C1724" sketch:type="MSShapeGroup"></path>
15 |             <path d="M169.468957,93.0098622 C168.452747,93.6945587 166.48001,94.5654169 163.553889,95.630325 C160.627767,96.6952331 157.213173,97.228476 153.311678,97.228476 C149.325368,97.228476 145.571513,96.5879535 142.053257,95.3116414 C138.53343,94.032174 135.458096,92.0522338 132.828828,89.3686654 C130.199559,86.6835193 128.121589,83.3420743 126.594917,79.3380199 C125.069815,75.3339654 124.304909,70.5631771 124.304909,65.025655 C124.304909,60.1696741 125.024267,55.7175694 126.467694,51.6709186 C127.909551,47.6258455 130.00794,44.1313693 132.766002,41.1922229 C135.520922,38.2530766 138.891538,35.9528751 142.879419,34.2916185 C146.865729,32.6303618 151.36093,31.7989447 156.365022,31.7989447 C161.878005,31.7989447 166.690477,32.2059762 170.805581,33.0137287 C174.919114,33.8246365 178.374545,34.5692834 181.173443,35.2492469 L181.173443,94.5449075 C181.173443,104.768025 178.545745,112.178208 173.287208,116.778611 C168.02553,121.379014 160.05448,123.677638 149.367775,123.677638 C145.211835,123.677638 141.289921,123.340023 137.600463,122.658481 C133.911006,121.973785 130.70845,121.16761 127.995937,120.230491 L130.158722,109.879584 C132.531975,110.813548 135.437678,111.646543 138.87269,112.37068 C142.307702,113.09324 145.890355,113.457675 149.622221,113.457675 C156.661875,113.457675 161.728793,112.051997 164.826115,109.239062 C167.921867,106.429282 169.468957,101.95509 169.468957,95.8212196 L169.468957,93.0098622 L169.468957,93.0098622 Z M164.57167,42.7256906 C162.576944,42.429094 159.884849,42.2776404 156.493816,42.2776404 C150.132682,42.2776404 145.233824,44.3680155 141.798812,48.5408776 C138.363799,52.7153174 136.647079,58.2512619 136.647079,65.1518664 C136.647079,68.9871132 137.13241,72.2670301 138.109354,74.9931948 C139.084728,77.7209372 140.399362,79.9753871 142.053257,81.7660104 C143.707152,83.5534783 145.615492,84.875542 147.778277,85.7258908 C149.941063,86.579395 152.168245,87.0037806 154.458253,87.0037806 C157.594841,87.0037806 160.478555,86.557308 163.107824,85.6627852 C165.735522,84.7666847 167.815063,83.7254413 169.341735,82.5327442 L169.341735,43.6848967 C168.152753,43.3441261 166.564825,43.0254425 164.57167,42.7256906 Z" id="Fill-7" fill="#0C1724" sketch:type="MSShapeGroup"></path>
16 |             <path d="M296.035098,100.934356 C288.739428,100.762393 283.567276,99.1894845 280.513932,96.2061642 C277.460588,93.2259991 275.933916,88.5814222 275.933916,82.2771662 L275.933916,2.53684774 L287.767195,0.492224188 L287.767195,80.358754 C287.767195,82.3213402 287.935255,83.9384229 288.274515,85.2163126 C288.613776,86.4942023 289.165074,87.5165141 289.929981,88.2832479 C290.691746,89.0499818 291.707957,89.6258209 292.981754,90.0091879 C294.253981,90.3925548 295.82149,90.7112384 297.688993,90.9668163 L296.035098,100.934356" id="Fill-8" fill="#0C1724" sketch:type="MSShapeGroup"></path>
17 |             <path d="M316.770823,21.1940376 C314.652016,21.1940376 312.847339,20.4904095 311.366216,19.0863084 C309.880381,17.6790521 309.139034,15.7858821 309.139034,13.3989104 C309.139034,11.0135162 309.880381,9.11719097 311.366216,7.71308992 C312.847339,6.30583359 314.652016,5.60378307 316.770823,5.60378307 C318.891201,5.60378307 320.694308,6.30583359 322.180143,7.71308992 C323.661266,9.11719097 324.405754,11.0135162 324.405754,13.3989104 C324.405754,15.7858821 323.661266,17.6790521 322.180143,19.0863084 C320.694308,20.4904095 318.891201,21.1940376 316.770823,21.1940376 L316.770823,21.1940376 Z M310.920151,33.206201 L322.75186,33.206201 L322.75186,99.6564664 L310.920151,99.6564664 L310.920151,33.206201 Z" id="Fill-9" fill="#0C1724" sketch:type="MSShapeGroup"></path>
18 |             <path d="M364.479326,31.5449444 C369.228972,31.5449444 373.235701,32.1649575 376.502653,33.3986733 C379.766465,34.6339667 382.395733,36.380416 384.388889,38.6364435 C386.382044,40.8956263 387.803482,43.5791947 388.651633,46.6887264 C389.498214,49.798258 389.92386,53.2264733 389.92386,56.9749498 L389.92386,98.5079433 C388.906079,98.6783286 387.48464,98.9118196 385.662686,99.2099938 C383.83759,99.5081681 381.781609,99.7842554 379.491601,100.039833 C377.201593,100.295411 374.719965,100.528902 372.04986,100.741884 C369.376613,100.953288 366.725355,101.062145 364.097658,101.062145 C360.364222,101.062145 356.93078,100.678778 353.792621,99.9120444 C350.654462,99.1453105 347.940378,97.9305265 345.65037,96.2708475 C343.360362,94.6095909 341.579245,92.416669 340.307018,89.6889266 C339.034791,86.9627619 338.398678,83.6828449 338.398678,79.8491758 C338.398678,76.1874696 339.140025,73.0337639 340.62586,70.3927918 C342.106983,67.7533974 344.122127,65.6235812 346.668151,64.0033433 C349.212605,62.3862606 352.181134,61.1919859 355.573739,60.425252 C358.964772,59.6585182 362.527007,59.2751513 366.260443,59.2751513 C367.446284,59.2751513 368.677674,59.338257 369.949901,59.4660459 C371.222127,59.5938349 372.431528,59.7673755 373.574961,59.9787795 C374.719965,60.1917611 375.717328,60.3826557 376.56705,60.553041 C377.413631,60.7250039 378.007336,60.8527929 378.346597,60.9364079 L378.346597,57.6138947 C378.346597,55.6544637 378.134559,53.7171198 377.710484,51.7987076 C377.284837,49.881873 376.521501,48.1795977 375.420475,46.6887264 C374.317879,45.197855 372.811625,44.005158 370.903285,43.1090575 C368.994945,42.2161124 366.513318,41.7680621 363.461544,41.7680621 C359.558478,41.7680621 356.147026,42.0457271 353.219334,42.5994793 C350.294783,43.1532315 348.110008,43.7290707 346.668151,44.3238416 L345.268702,34.4840907 C346.795374,33.8041272 349.341398,33.1430953 352.902062,32.5041505 C356.464297,31.863628 360.323385,31.5449444 364.479326,31.5449444 L364.479326,31.5449444 Z M365.497107,91.0946053 C368.296006,91.0946053 370.777633,91.029922 372.940419,90.902133 C375.103204,90.7743441 376.90474,90.5424307 378.346597,90.2000825 L378.346597,70.3927918 C377.496875,69.9684063 376.119415,69.6055487 374.212645,69.3073744 C372.302735,69.0092001 369.992308,68.8577465 367.278224,68.8577465 C365.497107,68.8577465 363.609185,68.9871132 361.617601,69.2426911 C359.624446,69.498269 357.79935,70.0315119 356.147026,70.8392644 C354.49156,71.6501722 353.11253,72.756099 352.011504,74.1633553 C350.908907,75.5674564 350.357609,77.4211853 350.357609,79.7213868 C350.357609,83.9810192 351.71308,86.9406749 354.428734,88.6019315 C357.142818,90.2647658 360.832276,91.0946053 365.497107,91.0946053 L365.497107,91.0946053 Z" id="Fill-10" fill="#0C1724" sketch:type="MSShapeGroup"></path>
19 |         </g>
20 |     </g>
21 | </svg>


--------------------------------------------------------------------------------
/source/img/avatar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/artchen/hexo-theme-element/8936c703e1e397cdf9bedafa719bcf810dd9d354/source/img/avatar.png


--------------------------------------------------------------------------------
/source/img/azure.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="iso-8859-1"?><!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><!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="svg2" inkscape:version="0.48.5 r10040" sodipodi:docname="windows.svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="760.825px" height="105.942px" viewBox="0.501 0.498 760.825 105.942" style="enable-background:new 0.501 0.498 760.825 105.942;" xml:space="preserve"><sodipodi:namedview fit-margin-bottom="0.5" fit-margin-right="0.5" inkscape:pageshadow="2" inkscape:window-y="-8" inkscape:window-height="716" inkscape:window-x="-8" inkscape:current-layer="g3000" inkscape:pageopacity="0" inkscape:window-maximized="1" inkscape:window-width="1366" gridtolerance="10" showgrid="false" inkscape:cx="398.69968" inkscape:cy="92.560761" bordercolor="#666666" pagecolor="#ffffff" objecttolerance="10" guidetolerance="10" inkscape:zoom="1.1441038" id="namedview21" borderopacity="1" fit-margin-left="0.5" fit-margin-top="0.5"></sodipodi:namedview><g id="Livello_x0020_1" transform="translate(9.0774947,-38070.588)"><g id="g3000" transform="matrix(0.04824549,0,0,0.04824549,0,38079.698)"><path id="path13" inkscape:connector-curvature="0" style="fill:#0DADEA;" d="M-177.77,123.629L722.723-0.149v868.978h-900.434	L-177.77,123.629z M722.723,980.036v859.14l-900.371-123.596l-0.062-735.504h900.434V980.036z M822.332-13.812l1198.23-164.707	V868.828H822.332V-13.812z M2020.562,980.036v1037.368l-1198.23-164.565V980.036H2020.562z"/><g id="flowRoot2989" transform="matrix(89.561227,0,0,88.070452,150957.32,17842.049)"><path id="path3031" inkscape:connector-curvature="0" style="fill:#00ADEF;" d="M-1640.247-184.778h-2.324v-9.139	c0-0.749,0.046-1.664,0.138-2.748h-0.039c-0.145,0.617-0.273,1.06-0.384,1.33l-4.215,10.557h-1.615l-4.225-10.478	c-0.118-0.308-0.243-0.778-0.374-1.408h-0.039c0.053,0.565,0.079,1.487,0.079,2.767v9.119h-2.167V-198.9h3.299l3.713,9.405	c0.282,0.722,0.466,1.261,0.551,1.615h0.049c0.243-0.742,0.44-1.294,0.591-1.655l3.782-9.365h3.181L-1640.247-184.778z"/><path id="path3033" inkscape:connector-curvature="0" style="fill:#00ADEF;" d="M-1635.884-196.98	c-0.374,0-0.695-0.121-0.96-0.364c-0.266-0.243-0.399-0.552-0.399-0.926s0.133-0.686,0.399-0.936	c0.266-0.249,0.586-0.374,0.96-0.374c0.387,0,0.716,0.125,0.985,0.374c0.269,0.25,0.404,0.561,0.404,0.936	c0,0.354-0.135,0.658-0.404,0.911C-1635.169-197.106-1635.497-196.98-1635.884-196.98z M-1634.752-184.778h-2.284v-10.085h2.284	V-184.778z"/><path id="path3035" inkscape:connector-curvature="0" style="fill:#00ADEF;" d="M-1624.539-185.241	c-0.807,0.466-1.763,0.699-2.866,0.699c-1.497,0-2.705-0.468-3.624-1.403c-0.919-0.935-1.379-2.148-1.379-3.639	c0-1.661,0.494-2.995,1.482-4.003c0.988-1.008,2.309-1.512,3.964-1.512c0.919,0,1.73,0.161,2.432,0.483v2.127	c-0.703-0.525-1.451-0.788-2.245-0.788c-0.965,0-1.756,0.327-2.373,0.98c-0.617,0.653-0.926,1.508-0.926,2.565	c0,1.044,0.29,1.868,0.871,2.472c0.581,0.604,1.361,0.906,2.339,0.906c0.821,0,1.595-0.292,2.324-0.876L-1624.539-185.241z"/><path id="path3037" inkscape:connector-curvature="0" style="fill:#00ADEF;" d="M-1616.415-192.686	c-0.276-0.217-0.673-0.325-1.192-0.325c-0.676,0-1.241,0.305-1.694,0.916c-0.453,0.61-0.68,1.441-0.68,2.491v4.826h-2.285	v-10.085h2.285v2.078h0.039c0.223-0.709,0.566-1.262,1.029-1.659c0.463-0.397,0.98-0.596,1.551-0.596	c0.414,0,0.729,0.063,0.946,0.187L-1616.415-192.686z"/><path id="path3039" inkscape:connector-curvature="0" style="fill:#00ADEF;" d="M-1610.309-184.542	c-1.556,0-2.798-0.471-3.728-1.413c-0.929-0.942-1.394-2.191-1.394-3.747c0-1.694,0.484-3.017,1.453-3.969	c0.969-0.952,2.273-1.428,3.915-1.428c1.576,0,2.803,0.463,3.683,1.389c0.88,0.926,1.319,2.209,1.319,3.85	c0,1.609-0.474,2.897-1.423,3.865C-1607.432-185.026-1608.707-184.542-1610.309-184.542L-1610.309-184.542z M-1610.201-193.277	c-0.893,0-1.599,0.312-2.117,0.935c-0.519,0.624-0.778,1.484-0.778,2.58c0,1.057,0.263,1.889,0.788,2.496	c0.525,0.607,1.228,0.911,2.108,0.911c0.9,0,1.591-0.299,2.073-0.896c0.482-0.598,0.724-1.448,0.724-2.551	c0-1.109-0.241-1.966-0.724-2.57C-1608.61-192.975-1609.301-193.277-1610.201-193.277L-1610.201-193.277z"/><path id="path3041" inkscape:connector-curvature="0" style="fill:#00ADEF;" d="M-1603.356-185.093v-2.117	c0.854,0.65,1.796,0.975,2.826,0.975c1.379,0,2.068-0.407,2.068-1.221c0-0.23-0.059-0.425-0.177-0.586	c-0.118-0.161-0.277-0.304-0.478-0.428s-0.437-0.236-0.709-0.335c-0.273-0.099-0.576-0.21-0.911-0.335	c-0.414-0.164-0.786-0.338-1.118-0.522c-0.332-0.184-0.607-0.392-0.827-0.625c-0.22-0.233-0.386-0.497-0.497-0.793	c-0.112-0.295-0.167-0.64-0.167-1.034c0-0.486,0.115-0.914,0.345-1.285c0.23-0.371,0.538-0.683,0.925-0.935	c0.388-0.253,0.827-0.443,1.32-0.571c0.492-0.128,1.001-0.192,1.526-0.192c0.932,0,1.766,0.141,2.501,0.423v1.999	c-0.709-0.486-1.523-0.729-2.442-0.729c-0.289,0-0.55,0.03-0.783,0.088c-0.233,0.059-0.432,0.141-0.596,0.246	c-0.164,0.105-0.292,0.231-0.384,0.379c-0.092,0.148-0.138,0.31-0.138,0.487c0,0.217,0.046,0.401,0.138,0.552	c0.092,0.151,0.228,0.284,0.409,0.399c0.18,0.115,0.397,0.22,0.65,0.315c0.253,0.095,0.543,0.199,0.872,0.31	c0.433,0.177,0.822,0.358,1.167,0.542c0.345,0.184,0.639,0.392,0.882,0.625c0.243,0.233,0.43,0.502,0.561,0.808	c0.131,0.305,0.197,0.668,0.197,1.088c0,0.512-0.118,0.958-0.355,1.339c-0.236,0.381-0.552,0.696-0.945,0.945	c-0.394,0.25-0.849,0.435-1.364,0.556c-0.516,0.122-1.059,0.182-1.63,0.182C-1601.594-184.542-1602.549-184.725-1603.356-185.093	z"/><path id="path3043" inkscape:connector-curvature="0" style="fill:#00ADEF;" d="M-1589.549-184.542	c-1.556,0-2.799-0.471-3.728-1.413c-0.929-0.942-1.393-2.191-1.393-3.747c0-1.694,0.484-3.017,1.453-3.969	c0.968-0.952,2.273-1.428,3.914-1.428c1.576,0,2.803,0.463,3.683,1.389c0.88,0.926,1.32,2.209,1.32,3.85	c0,1.609-0.474,2.897-1.423,3.865C-1586.672-185.026-1587.948-184.542-1589.549-184.542L-1589.549-184.542z M-1589.441-193.277	c-0.893,0-1.599,0.312-2.118,0.935c-0.519,0.624-0.778,1.484-0.778,2.58c0,1.057,0.263,1.889,0.788,2.496	c0.525,0.607,1.228,0.911,2.108,0.911c0.899,0,1.59-0.299,2.073-0.896c0.483-0.598,0.724-1.448,0.724-2.551	c0-1.109-0.241-1.966-0.724-2.57C-1587.851-192.975-1588.542-193.277-1589.441-193.277z"/><path id="path3045" inkscape:connector-curvature="0" style="fill:#00ADEF;" d="M-1576.264-197.846	c-0.308-0.177-0.66-0.266-1.054-0.266c-1.11,0-1.664,0.627-1.664,1.881v1.369h2.344v1.792h-2.334v8.292h-2.285v-8.292h-1.723	v-1.792h1.723v-1.635c0-1.064,0.348-1.902,1.044-2.516c0.696-0.614,1.566-0.921,2.61-0.921c0.565,0,1.011,0.062,1.339,0.187	V-197.846z"/><path id="path3047" inkscape:connector-curvature="0" style="fill:#00ADEF;" d="M-1569.676-184.886	c-0.446,0.223-1.034,0.335-1.763,0.335c-1.956,0-2.934-0.939-2.934-2.816v-5.702h-1.684v-1.792h1.684v-2.334l2.285-0.65v2.984	h2.413v1.792h-2.413v5.042c0,0.597,0.108,1.024,0.325,1.28c0.217,0.256,0.578,0.384,1.083,0.384c0.387,0,0.722-0.111,1.004-0.335	V-184.886z"/><path id="path3049" inkscape:connector-curvature="0" style="fill:#00ADEF;" d="M-1550.295-184.778h-2.57l-1.27-3.595h-5.554	l-1.221,3.595h-2.561l5.288-14.122h2.639L-1550.295-184.778z M-1554.756-190.283l-1.959-5.633	c-0.059-0.184-0.122-0.479-0.187-0.886h-0.039c-0.059,0.374-0.125,0.67-0.197,0.886l-1.94,5.633H-1554.756z"/><path id="path3051" inkscape:connector-curvature="0" style="fill:#00ADEF;" d="M-1541.156-193.907l-5.446,7.346h5.426v1.783	h-8.627v-0.857l5.564-7.445h-5.032v-1.783h8.115L-1541.156-193.907z"/><path id="path3053" inkscape:connector-curvature="0" style="fill:#00ADEF;" d="M-1530.432-184.778h-2.284v-1.596h-0.039	c-0.663,1.221-1.694,1.832-3.092,1.832c-2.383,0-3.575-1.431-3.575-4.294v-6.027h2.285v5.791c0,1.812,0.699,2.718,2.098,2.718	c0.676,0,1.232-0.249,1.669-0.748c0.437-0.499,0.655-1.152,0.655-1.96v-5.801h2.285L-1530.432-184.778z"/><path id="path3055" inkscape:connector-curvature="0" style="fill:#00ADEF;" d="M-1521.598-192.686	c-0.276-0.217-0.673-0.325-1.192-0.325c-0.676,0-1.241,0.305-1.694,0.916c-0.453,0.61-0.68,1.441-0.68,2.491v4.826h-2.284	v-10.085h2.284v2.078h0.039c0.223-0.709,0.566-1.262,1.029-1.659c0.463-0.397,0.98-0.596,1.551-0.596	c0.413,0,0.729,0.063,0.945,0.187L-1521.598-192.686z"/><path id="path3057" inkscape:connector-curvature="0" style="fill:#00ADEF;" d="M-1511.425-189.2h-6.874	c0.026,0.932,0.313,1.651,0.862,2.157c0.548,0.505,1.301,0.758,2.26,0.758c1.077,0,2.065-0.322,2.964-0.965v1.841	c-0.919,0.578-2.134,0.867-3.644,0.867c-1.484,0-2.647-0.458-3.491-1.374c-0.844-0.916-1.265-2.204-1.265-3.865	c0-1.569,0.464-2.848,1.394-3.836c0.929-0.988,2.083-1.482,3.462-1.482c1.379,0,2.445,0.443,3.2,1.329	c0.755,0.886,1.133,2.117,1.133,3.693L-1511.425-189.2z M-1513.631-190.815c-0.01-0.821-0.2-1.459-0.581-1.915	c-0.381-0.456-0.906-0.684-1.576-0.684c-0.656,0-1.213,0.24-1.669,0.719s-0.737,1.106-0.842,1.881H-1513.631z"/></g></g></g></svg>


--------------------------------------------------------------------------------
/source/img/baidu.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="iso-8859-1"?><!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><!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="221.827px" height="71.304px" viewBox="0 0 221.827 71.304" style="enable-background:new 0 0 221.827 71.304;" xml:space="preserve"><g><path style="fill:#226CB4;" d="M86.45,37.576c7.75-1.665,6.692-10.937,6.465-12.962c-0.382-3.125-4.055-8.582-9.039-8.146	c-6.275,0.559-7.191,9.623-7.191,9.623C75.835,30.288,78.713,39.246,86.45,37.576 M100.842,22.033c4.278,0,7.736-4.93,7.736-11.021	C108.578,4.922,105.12,0,100.842,0c-4.28,0-7.747,4.922-7.747,11.013C93.095,17.103,96.562,22.033,100.842,22.033 M119.286,22.758	c5.726,0.75,9.396-5.359,10.13-9.988c0.75-4.623-2.949-10-6.995-10.923c-4.063-0.934-9.135,5.57-9.592,9.813	C112.271,16.851,113.566,22.025,119.286,22.758 M141.965,30.535c0-2.214-1.833-8.888-8.66-8.888c-6.839,0-7.744,6.298-7.744,10.748	c0,4.248,0.354,10.171,8.848,9.987C142.895,42.194,141.965,32.765,141.965,30.535 M133.305,49.97c0,0-8.852-6.846-14.019-14.251	c-7.015-10.918-16.97-6.471-20.298-0.927c-3.318,5.558-8.476,9.068-9.214,10c-0.745,0.912-10.692,6.287-8.485,16.101	c2.212,9.808,9.969,9.622,9.969,9.622s5.717,0.559,12.347-0.924c6.644-1.479,12.36,0.363,12.36,0.363s15.498,5.197,19.732-4.803	C139.939,55.16,133.305,49.97,133.305,49.97"/><path style="fill:#FFFFFF;" d="M102.217,40.425v6.588h-5.368c0,0-5.365,0.445-7.243,6.525c-0.655,4.06,0.578,6.451,0.793,6.963	c0.217,0.51,1.951,3.479,6.305,4.35h10.073V40.496L102.217,40.425z M102.136,60.854h-4.058c0,0-2.827-0.147-3.688-3.401	c-0.444-1.443,0.066-3.109,0.29-3.764c0.205-0.656,1.154-2.172,3.111-2.755h4.344L102.136,60.854L102.136,60.854z"/><path style="fill:#FFFFFF;" d="M109.246,47.604v12.823c0,0,0.21,3.193,4.71,4.355h11.592V47.604h-5.003v12.897h-4.775	c0,0-1.526-0.221-1.812-1.449V47.528L109.246,47.604z"/><path style="fill:#CC2229;" d="M180.779,39.185v-5.407h-35.612l-0.046,5.486h15.309l-1.435,3.28h-13.019v27.131h30.928	c3.234,0,2.947-3.266,2.947-3.266V42.544h-13.039l1.146-3.359H180.779z M173.863,63.88c0,0-0.375,0.902-0.905,0.902h-20.524v-6.328	h21.43V63.88L173.863,63.88z M173.828,53.229h-21.396v-5.933h21.396V53.229z"/><path style="fill:#CC2229;" d="M221.471,33.922h-13.972v-2.737h-6.554v2.602h-16.027v35.832h5.766V38.41h30.787V33.922z M217.703,41.337v-2.073h-5.633v2.073h-11.588v-2h-5.336v2h-3.606l0.071,4.058h3.535v7.623h19.492c2.705,0,3.063-2.853,3.063-2.853	v-4.771h4.125v-4.059h-4.124V41.337z M212.07,48.167c0,0-0.502,0.924-1.145,0.924H200.42v-3.775h11.65V48.167L212.07,48.167z M192.327,58.576l8.972,5.203c-0.71,0.782-3.775,1.773-3.775,1.773h-5.982v4h8.122c2.424-0.496,6.909-2.776,6.909-2.776	c1.857,1.705,5.426,2.415,5.426,2.415h9.258v-3.99h-6.979c-1.881-0.281-3.57-1.353-3.57-1.353l10.55-6.058v-3.281h-28.928v4.066	H192.327z M210.997,58.509l-5.132,2.705l-4.704-2.705H210.997z"/><path style="fill:#CC2229;" d="M65.929,39.626h7.773v-6.847h-7.773V39.626z M65.929,69.474h7.773V42.61h-7.773V69.474z"/><path style="fill:#CC2229;" d="M53.29,42.634l-16.584-0.043v5.646h14.542c0,0,3.461,0.854,3.461,3.051v1.988H41.55	c0,0-5.175,0.477-6.837,6.66c-0.286,2.895,0.095,4.316,0.29,4.846c0.187,0.523,1.703,3.936,6.216,4.791h20.953V50.33	C62.172,50.33,61.174,43.728,53.29,42.634 M54.709,64.255h-10.59c-1.423-0.574-1.897-1.522-1.997-1.76	c-0.098-0.234-0.428-1.084-0.044-1.945c0.857-1.659,2.277-2.041,2.277-2.041h10.354V64.255z"/><path style="fill:#CC2229;" d="M33.004,60.05c0.229-6.541-5.639-8.801-5.639-8.801c4.967-2.599,4.336-9.146,4.336-9.146	c-0.538-10.021-12.782-9.554-12.782-9.554H0v37.347h21.362C33.907,69.847,33.004,60.05,33.004,60.05 M20.933,62.955v0.016H8.136	v-8.057H20.87L21.301,55c0,0,2.423,0.443,3.301,2.623c0,0,0.508,2.047-0.589,3.568C24.013,61.191,23.206,62.599,20.933,62.955 M23.646,45.639c0,0-0.86,1.581-3.142,1.921H8.136v-7.729h12.315c0,0,2.676-0.125,3.562,2.002	C24.013,41.833,24.545,44.091,23.646,45.639"/></g></svg>


--------------------------------------------------------------------------------
/source/img/google.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 272 92" width="272" height="92"><path fill="#EA4335" d="M115.75 47.18c0 12.77-9.99 22.18-22.25 22.18s-22.25-9.41-22.25-22.18C71.25 34.32 81.24 25 93.5 25s22.25 9.32 22.25 22.18zm-9.74 0c0-7.98-5.79-13.44-12.51-13.44S80.99 39.2 80.99 47.18c0 7.9 5.79 13.44 12.51 13.44s12.51-5.55 12.51-13.44z"/><path fill="#FBBC05" d="M163.75 47.18c0 12.77-9.99 22.18-22.25 22.18s-22.25-9.41-22.25-22.18c0-12.85 9.99-22.18 22.25-22.18s22.25 9.32 22.25 22.18zm-9.74 0c0-7.98-5.79-13.44-12.51-13.44s-12.51 5.46-12.51 13.44c0 7.9 5.79 13.44 12.51 13.44s12.51-5.55 12.51-13.44z"/><path fill="#4285F4" d="M209.75 26.34v39.82c0 16.38-9.66 23.07-21.08 23.07-10.75 0-17.22-7.19-19.66-13.07l8.48-3.53c1.51 3.61 5.21 7.87 11.17 7.87 7.31 0 11.84-4.51 11.84-13v-3.19h-.34c-2.18 2.69-6.38 5.04-11.68 5.04-11.09 0-21.25-9.66-21.25-22.09 0-12.52 10.16-22.26 21.25-22.26 5.29 0 9.49 2.35 11.68 4.96h.34v-3.61h9.25zm-8.56 20.92c0-7.81-5.21-13.52-11.84-13.52-6.72 0-12.35 5.71-12.35 13.52 0 7.73 5.63 13.36 12.35 13.36 6.63 0 11.84-5.63 11.84-13.36z"/><path fill="#34A853" d="M225 3v65h-9.5V3h9.5z"/><path fill="#EA4335" d="M262.02 54.48l7.56 5.04c-2.44 3.61-8.32 9.83-18.48 9.83-12.6 0-22.01-9.74-22.01-22.18 0-13.19 9.49-22.18 20.92-22.18 11.51 0 17.14 9.16 18.98 14.11l1.01 2.52-29.65 12.28c2.27 4.45 5.8 6.72 10.75 6.72 4.96 0 8.4-2.44 10.92-6.14zm-23.27-7.98l19.82-8.23c-1.09-2.77-4.37-4.7-8.23-4.7-4.95 0-11.84 4.37-11.59 12.93z"/><path fill="#4285F4" d="M35.29 41.41V32H67c.31 1.64.47 3.58.47 5.68 0 7.06-1.93 15.79-8.15 22.01-6.05 6.3-13.78 9.66-24.02 9.66C16.32 69.35.36 53.89.36 34.91.36 15.93 16.32.47 35.3.47c10.5 0 17.98 4.12 23.6 9.49l-6.64 6.64c-4.03-3.78-9.49-6.72-16.97-6.72-13.86 0-24.7 11.17-24.7 25.03 0 13.86 10.84 25.03 24.7 25.03 8.99 0 14.11-3.61 17.39-6.89 2.66-2.66 4.41-6.46 5.1-11.65l-22.49.01z"/></svg>
3 | 


--------------------------------------------------------------------------------
/source/img/sidebar-bg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/artchen/hexo-theme-element/8936c703e1e397cdf9bedafa719bcf810dd9d354/source/img/sidebar-bg.png


--------------------------------------------------------------------------------
/source/js/app.js:
--------------------------------------------------------------------------------
 1 | var customSearch;
 2 | 
 3 | (function($){
 4 |   "use strict";
 5 | 
 6 | 	var switchSidebarTab = function(e) {
 7 | 		var self = $(this),
 8 | 				target = self.attr('data-toggle'),
 9 | 				counter_target = target === 'toc' ? 'bio' : 'toc';
10 | 		if (self.hasClass('active')) {
11 | 			return;
12 | 		}
13 | 		toggleActive(self, e);
14 | 		toggleActive(self.siblings('.dark-btn'), e);
15 | 		$('.site-' + counter_target).toggleClass('show');
16 | 		setTimeout(function() {
17 | 			$('.site-' + counter_target).hide();
18 | 			$('.site-' + target).show();
19 | 			setTimeout(function() {
20 | 				$('.site-' + target).toggleClass('show');
21 | 			}, 50);
22 | 		}, 240);
23 | 	};
24 |   
25 |   var toggleActive = function(self, e) {
26 |     e.preventDefault();
27 |     self.toggleClass('active');
28 |   };
29 | 
30 |   var scrolltoElement = function(e) {
31 |     e.preventDefault();
32 |     var self = $(this),
33 |         correction = e.data ? e.data.correction ? e.data.correction : 0 : 0;
34 |     $('html, body').animate({'scrollTop': $(self.attr('href')).offset().top - correction }, 400);
35 |   };
36 | 
37 |   var openBio = function(e) {
38 |     $('body').addClass('bio-open');
39 |     $('.site-nav-switch').addClass('active');
40 |   };
41 | 
42 |   var closeBio = function(e) {
43 |     $('body').removeClass('bio-open');
44 |     $('.site-nav-switch').removeClass('active');
45 |   };
46 |   
47 |   $(function() {
48 | 	  $(".post-list, #footer, #page-nav").addClass('show');
49 | 	  $('.site-nav-switch').on('click', openBio);
50 | 	  $('.site-wrapper .overlay, #sidebar-close').on('click', closeBio);
51 | 	  $('.window-nav, .go-comment, .site-toc a').on('click', scrolltoElement);
52 | 	  $('.sidebar-switch .dark-btn').on('click', switchSidebarTab);
53 | 	  
54 | 	  setTimeout(function() {
55 | 	    $('#loading-bar-wrapper').fadeOut(500);
56 | 	  }, 300);
57 | 	});
58 | 
59 | })(jQuery);
60 | 


--------------------------------------------------------------------------------
/source/js/search.js:
--------------------------------------------------------------------------------
1 | !function(o){var a={};function n(t){if(a[t])return a[t].exports;var e=a[t]={i:t,l:!1,exports:{}};return o[t].call(e.exports,e,e.exports,n),e.l=!0,e.exports}n.m=o,n.c=a,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(o,a,function(t){return e[t]}.bind(null,a));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=2)}([function(t,e){t.exports=jQuery},function(t,e,o){},function(t,e,o){"use strict";o.r(e);var a,n,i,r=o(0),s=function(){return(s=Object.assign||function(t){for(var e,o=1,a=arguments.length;o<a;o++)for(var n in e=arguments[o])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t}).apply(this,arguments)},l=function(){function t(t){var o=this;this.BODY_MODAL_ACTIVE_CLASS="us-modal__active",this.AJAX_CONTENT_LOADED_CLASS="loaded",this.TEMPLATE='\n    <div id="universal-search">\n      <div class="us-modal">\n        <header class="us-modal__header clearfix">\n          <form class="us-modal__header__form u-search-form" name="universal_search_form">\n            <input type="text" class="us-modal__header__form__input u-search-input" />\n            <button type="submit" class="us-modal__header__form__submit">\n              <span class="icon icon-search"></span>\n            </button>\n          </form>\n          <a class="us-modal__close">\n            <span class="icon icon-close"></span>\n          </a>\n          <div class="us-modal__loading">\n            <div class="us-modal__loading__bar"></div>\n          </div>\n        </header>\n        <main class="us-modal__body">\n          <ul class="us-modal__results us-modal__ajax-content"></ul>\n        </main>\n        <footer class="us-modal__footer clearfix">\n          <div class="us-modal__footer__metadata us-modal__ajax-content">\n            <strong class="us-modal__footer__metadata__range"></strong> of <strong class="us-modal__footer__metadata__total"></strong>\n          </div>\n          <div class="us-modal__logo"></div>\n          <a class="us-modal__nav us-modal__nav__next us-modal__ajax-content">\n            <span class="text">NEXT</span>\n            <span class="icon icon-chevron-right"></span>\n          </a>\n          <a class="us-modal__nav us-modal__nav__prev us-modal__ajax-content">\n            <span class="icon icon-chevron-left"></span>\n            <span class="text">PREV</span>\n          </a>\n        </footer>\n      </div>\n      <div class="us-modal__overlay"></div>\n    </div>\n  ',this.config={selectors:{body:"body",container:"#universal-search",searchForm:".u-search-form",searchInput:".u-search-input",modal:"#universal-search .us-modal",modalBody:"#universal-search .us-modal__body",modalFooter:"#universal-search .us-modal__footer",modalOverlay:"#universal-search .us-modal__overlay",modalResults:"#universal-search .us-modal__results",modalMetadata:"#universal-search .us-modal__footer__metadata",modalMetadataTotal:"#universal-search .us-modal__footer__metadata__total",modalMetadataRange:"#universal-search .us-modal__footer__metadata__range",modalLoadingBar:"#universal-search .us-modal__loading__bar",modalAjaxContent:"#universal-search .us-modal__ajax-content",modalLogo:"#universal-search .us-modal__logo",buttonClose:"#universal-search .us-modal__close",buttonNext:"#universal-search .us-modal__nav__next",buttonPrev:"#universal-search .us-modal__nav__prev"},services:{google:{logo:"google.svg",url:"https://cse.google.com"},algolia:{logo:"algolia.svg",url:"https://www.algolia.com"},azure:{logo:"azure.svg",url:"https://azure.microsoft.com/en-us/services/search/"},hexo:{logo:"",url:""}},imagePath:"/img/",resultsPerPage:10},this.dom={},this.percentLoaded=0,this.isOpened=!1,this.queryText="",this.pagination={next:-1,prev:-1,total:0,current:1},this.config=s({},this.config,t),r("body").append(this.TEMPLATE),Object.keys(this.config.selectors).forEach(function(t){o.dom[t]=r(o.config.selectors[t])}),this.dom.modalFooter.show(),this.dom.modalOverlay.on("click",this.close.bind(this)),this.dom.buttonClose.on("click",this.close.bind(this)),this.dom.buttonNext.on("click",this.nextPage.bind(this)),this.dom.buttonPrev.on("click",this.prevPage.bind(this)),this.dom.searchForm.each(function(t,e){r(e).on("submit",o.onSubmit.bind(o))})}return t.buildResult=function(t){return'\n      <li>\n        <a class="us-modal__result" href="'+t.url+'">\n          <span class="us-modal__result__title">'+t.title+'</span>\n          <span class="us-modal__result__excerpt">'+t.excerpt+'</span>\n          <span class="icon icon-chevron-thin-right"></span>\n        </a>\n      </li>\n    '},t.prototype.close=function(){this.isOpened=!1,this.dom.container.fadeOut(),this.dom.body.removeClass(this.BODY_MODAL_ACTIVE_CLASS)},t.prototype.beforeQuery=function(){var o=this;this.isOpened||(this.dom.container.fadeIn(),this.dom.body.addClass(this.BODY_MODAL_ACTIVE_CLASS)),this.dom.searchInput.each(function(t,e){r(e).val(o.queryText)}),r(document.activeElement).trigger("blur"),this.dom.modalAjaxContent.removeClass(this.AJAX_CONTENT_LOADED_CLASS),this.dom.modalLoadingBar.show(),this.loadingTimer=setInterval(function(){o.percentLoaded=Math.min(o.percentLoaded+5,95),o.dom.modalLoadingBar.css("width",o.percentLoaded+"%")},100)},t.prototype.afterQuery=function(){var t=this;this.dom.modalBody.scrollTop(0),this.dom.modalAjaxContent.addClass(this.AJAX_CONTENT_LOADED_CLASS),clearInterval(this.loadingTimer),this.dom.modalLoadingBar.css("width","100%"),this.dom.modalLoadingBar.fadeOut(),setTimeout(function(){t.percentLoaded=0,t.dom.modalLoadingBar.css("width","0%")},300)},t.prototype.onSubmit=function(t){t.preventDefault(),this.queryText=""+r(t.target).find(".u-search-input").val(),this.queryText&&this.search(1)},t.prototype.query=function(t,e,o){return o()},t.prototype.search=function(t){this.beforeQuery(),this.query(this.queryText,t,this.afterQuery.bind(this))},t.prototype.nextPage=function(){-1!==this.pagination.next&&this.search(this.pagination.next)},t.prototype.prevPage=function(){-1!==this.pagination.prev&&this.search(this.pagination.prev)},t.prototype.onError=function(t,e){var o="";switch(e){case"success":o="No result found for "+t+".";break;case"timeout":o="Search timed out.";break;default:o="Mysterious error."}var a='\n      <li class="us-modal__error">\n        '+o+"\n      </li>\n    ";this.dom.modalResults.html(a)},t.prototype.addLogo=function(t){var e="",o=this.config.services[t];o&&o.logo&&(e+='\n        <a href="'+o.url+'" class="'+t+'">\n          <img src="'+(this.config.baseUrl||"")+this.config.imagePath+o.logo+'" />\n        </a>\n      '),this.dom.modalLogo.html(e)},t}(),u=(a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o])})(t,e)},function(t,e){function o(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}),c=function(o){function i(t){var e=o.call(this,t)||this;return e.serviceId="algolia",e.serviceConfig=e.config,e.endpoint="https://{appId}-dsn.algolia.net/1/indexes/{indexName}",e.endpoint=e.endpoint.replace("{appId}",t.appId).replace("{indexName}",t.indexName),e.addLogo(e.serviceId),e}return u(i,o),i.prototype.buildResults=function(t){var n="";return t.forEach(function(t){var e=t.permalink||"/"+t.path||"",o=t.title,a=t._highlightResult.excerptStrip.value||"";n+=i.buildResult({url:e,title:o,excerpt:a})}),n},i.prototype.buildMetadata=function(t){var e=t.hits.length;this.pagination.current=t.page*t.hitsPerPage+1,this.pagination.total=parseInt(t.nbHits),this.dom.modalMetadataTotal.html(""+this.pagination.total),this.dom.modalMetadataRange.html(this.pagination.current+" - "+(this.pagination.current+e-1)),0<this.pagination.total?this.dom.modalMetadata.show():this.dom.modalMetadata.hide(),t.page<t.nbPages-1?(this.pagination.next=t.page+1+1,this.dom.buttonNext.show()):(this.pagination.next=-1,this.dom.buttonNext.hide()),0<t.page?(this.pagination.prev=t.page+1-1,this.dom.buttonPrev.show()):(this.pagination.prev=-1,this.dom.buttonPrev.hide())},i.prototype.query=function(a,t,n){var i=this;r.get(this.endpoint,{query:a,page:t-1,hitsPerPage:this.serviceConfig.resultsPerPage,"x-algolia-application-id":this.serviceConfig.appId,"x-algolia-api-key":this.serviceConfig.apiKey},function(t,e){if("success"===e&&t.hits&&0<t.hits.length){var o=i.buildResults(t.hits);i.dom.modalResults.html(o)}else i.onError(a,e);i.buildMetadata(t),"function"==typeof n&&n(t)})},i}(l),d=(n=function(t,e){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o])})(t,e)},function(t,e){function o(){this.constructor=t}n(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}),h=function(o){function i(t){var e=o.call(this,t)||this;return e.ODATA_COUNT="@odata.count",e.serviceId="azure",e.serviceConfig=e.config,e.endpoint="https://{serviceName}.search.windows.net/indexes/{indexName}/docs?api-version=2015-02-28",e.serviceConfig=e.config,e.addLogo(e.serviceId),e.endpoint=e.endpoint.replace("{serviceName}",t.serviceName).replace("{indexName}",t.indexName),e.pagination.current=1,e}return d(i,o),i.prototype.buildResults=function(t){var n="";return t.forEach(function(t){var e=t.permalink||"/"+t.path||"",o=t.title,a=t.excerpt||"";n+=i.buildResult({url:e,title:o,excerpt:a})}),n},i.prototype.buildMetadata=function(t,e){var o=e+t.value.length;this.pagination.current=e,this.pagination.total=parseInt(t[this.ODATA_COUNT]),this.dom.modalMetadataTotal.html(""+this.pagination.total),this.dom.modalMetadataRange.html(this.pagination.current+" - "+(o-1)),0<this.pagination.total?this.dom.modalMetadata.show():this.dom.modalMetadata.hide(),o<=this.pagination.total?(this.pagination.next=o,this.dom.buttonNext.show()):(this.pagination.next=-1,this.dom.buttonNext.hide()),1<this.pagination.current?(this.pagination.prev=this.pagination.current-this.serviceConfig.resultsPerPage,this.dom.buttonPrev.show()):(this.pagination.prev=-1,this.dom.buttonPrev.hide())},i.prototype.query=function(a,n,i){var s=this;r.ajax({url:this.endpoint,headers:{Accept:"application/json","api-key":this.serviceConfig.apiKey},data:{search:a,$orderby:"date desc",$skip:n-1,$top:this.serviceConfig.resultsPerPage,$count:!0},type:"GET",success:function(t,e){if("success"===e&&t.value&&0<t.value.length){var o=s.buildResults(t.value);s.dom.modalResults.html(o)}else s.onError(a,e);s.buildMetadata(t,n),"function"==typeof i&&i(t)}})},i}(l),p=(i=function(t,e){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o])})(t,e)},function(t,e){function o(){this.constructor=t}i(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}),m=function(o){function i(t){var e=o.call(this,t)||this;return e.serviceId="google",e.serviceConfig=e.config,e.endpoint="https://www.googleapis.com/customsearch/v1",e.serviceConfig=e.config,e.addLogo(e.serviceId),e}return p(i,o),i.prototype.buildResults=function(t){var n="";return t.forEach(function(t){var e=t.link,o=t.title,a=(t.htmlSnippet||"").replace("<br>","");n+=i.buildResult({url:e,title:o,excerpt:a})}),n},i.prototype.buildMetadata=function(t){if(t.queries&&t.queries.request&&"0"!==t.queries.request[0].totalResults){var e=t.queries.request[0],o=e.count;this.pagination.current=e.startIndex,this.pagination.total=parseInt(e.totalResults),this.dom.modalMetadataTotal.html(""+this.pagination.total),this.dom.modalMetadataRange.html(this.pagination.current+" - "+(this.pagination.current+o-1))}else this.dom.modalMetadata.hide();t.queries&&t.queries.nextPage?(this.pagination.next=t.queries.nextPage[0].startIndex,this.dom.buttonNext.show()):(this.pagination.next=-1,this.dom.buttonNext.hide()),t.queries&&t.queries.previousPage?(this.pagination.prev=t.queries.previousPage[0].startIndex,this.dom.buttonPrev.show()):(this.pagination.prev=-1,this.dom.buttonPrev.hide())},i.prototype.query=function(a,t,n){var i=this;r.get(this.endpoint,{key:this.serviceConfig.apiKey,cx:this.serviceConfig.engineId,q:a,start:t,num:this.serviceConfig.resultsPerPage},function(t,e){if("success"===e&&t.items&&0<t.items.length){var o=i.buildResults(t.items);i.dom.modalResults.html(o)}else i.onError(a,e);i.buildMetadata(t),"function"==typeof n&&n()})},i}(l);o(1);!function(){var t=window.universalSearchConfig||{};switch(t.searchService){case"algolia":new c(t);break;case"azure":new h(t);break;case"google":new m(t);break;default:console.warn("Unsupported search service id: "+t.searchService+".")}}()}]);


--------------------------------------------------------------------------------
/source/style.scss:
--------------------------------------------------------------------------------
 1 | @import "style/normalize";
 2 | @import "style/base";
 3 | @import "style/header";
 4 | @import "style/layout";
 5 | @import "style/pagination";
 6 | @import "style/footer";
 7 | @import "style/sidebar";
 8 | @import "style/content";
 9 | @import "style/highlight";
10 | @import "style/search";
11 | 


--------------------------------------------------------------------------------
/source/style/base.scss:
--------------------------------------------------------------------------------
  1 | @import "./variables";
  2 | 
  3 | * {
  4 |   box-sizing: border-box;
  5 |   outline: none;
  6 |   margin: 0;
  7 |   padding: 0;
  8 | }
  9 | 
 10 | html {
 11 |   height: 100%;
 12 |   max-height: 100%;
 13 |   font-size: 62.5%;
 14 |   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 15 | }
 16 | 
 17 | body {
 18 |   height: 100%;
 19 |   max-height: 100%;
 20 |   font-family: $base-font-family;
 21 |   font-size: 1.8rem;
 22 |   line-height: 1.5em;
 23 |   color: $black;
 24 |   -webkit-font-feature-settings: 'kern' 1;
 25 |   -moz-font-feature-settings: 'kern' 1;
 26 |   -o-font-feature-settings: 'kern' 1;
 27 |   text-rendering: geometricPrecision;
 28 | }
 29 | 
 30 | ::-moz-selection {
 31 |   background: #D6EDFF;
 32 | }
 33 | 
 34 | ::selection {
 35 |   background: #D6EDFF;
 36 | }
 37 | 
 38 | h1,
 39 | h2,
 40 | h3,
 41 | h4,
 42 | h5,
 43 | h6 {
 44 |   -webkit-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
 45 |   -moz-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
 46 |   -o-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
 47 |   text-rendering: geometricPrecision;
 48 |   margin: 0 0 0.4em 0;
 49 | }
 50 | 
 51 | h1 {
 52 |   font-size: 1.8em;
 53 | }
 54 | 
 55 | h2 {
 56 |   font-size: 1.6em;
 57 | }
 58 | 
 59 | h3 {
 60 |   font-size: 1.4em;
 61 | }
 62 | 
 63 | h4 {
 64 |   font-size: 1.2em;
 65 | }
 66 | 
 67 | h5 {
 68 |   font-size: 1em;
 69 | }
 70 | 
 71 | h6 {
 72 |   font-size: 1em;
 73 | }
 74 | 
 75 | a {
 76 |   color: $black;
 77 |   text-decoration: none;
 78 |   transition: all 0.24s ease;
 79 | 
 80 |   &:hover {
 81 |     text-decoration: none;
 82 |   }
 83 | }
 84 | 
 85 | pre {
 86 |   tab-size: 2;
 87 |   -moz-tab-size: 2;
 88 | }
 89 | 
 90 | ::-webkit-input-placeholder {
 91 |   color: lighten($grey-color, 20%);
 92 |   font-weight: 300;
 93 | }
 94 | 
 95 | :-moz-placeholder {
 96 |   /* Firefox 18- */
 97 |   color: lighten($grey-color, 20%);
 98 |   font-weight: 300;
 99 | }
100 | 
101 | ::-moz-placeholder {
102 |   /* Firefox 19+ */
103 |   color: lighten($grey-color, 20%);
104 |   font-weight: 300;
105 | }
106 | 
107 | :-ms-input-placeholder {
108 |   color: lighten($grey-color, 20%);
109 |   font-weight: 300;
110 | }
111 | 
112 | .clearfix {
113 |   zoom: 1;
114 | 
115 |   &:before,
116 |   &:after {
117 |     content: " ";
118 |     display: table;
119 |   }
120 |   &:after {
121 |     clear: both;
122 |   }
123 | }
124 | 
125 | .hidden {
126 |   text-indent: -9999px;
127 |   visibility: hidden;
128 |   display: none;
129 | }
130 | 
131 | .vertical {
132 |   display: table-cell;
133 |   vertical-align: middle;
134 | }
135 | 
136 | .right {
137 |   float: right;
138 | }
139 | 
140 | .left {
141 |   float: left;
142 | }
143 | 
144 | .site-wrapper {
145 |   position: relative;
146 |   min-height: 100%;
147 |   overflow: hidden;
148 |   transition: all 0.24s ease;
149 |   z-index: 10;
150 | 
151 |   @media (prefers-color-scheme: dark) {
152 |     background-color: $dark-mode-site-background;
153 |   }
154 |   &.is_post_page {
155 |     @media (prefers-color-scheme: dark) {
156 |       background-color: lighten($dark-mode-site-background, 10%);
157 |     }
158 |   }
159 |   .overlay {
160 |     position: absolute;
161 |     top: 0;
162 |     left: 0;
163 |     width: 100%;
164 |     height: 100%;
165 |     content: "";
166 |     opacity: 0;
167 |     background-color: rgba(0, 0, 0, 0.3);
168 |     transition: all 0.24s ease;
169 |     visibility: hidden;
170 |     z-index: 9999;
171 |   }
172 | }
173 | 
174 | #loading-bar-wrapper {
175 |   position: fixed;
176 |   width: 100%;
177 |   top: 0;
178 |   left: 0;
179 |   overflow: visible;
180 |   z-index: 999;
181 | }
182 | 
183 | #loading-bar {
184 |   position: relative;
185 |   width: 0;
186 |   height: 2px;
187 |   background-color: rgba(lighten($accent-color, 5%), 0.7);
188 |   transition: all 0.5s ease;
189 | }
190 | 
191 | body.bio-open {
192 | 
193 |   .site-sidebar {
194 |     transform: translate3d(0, 0, 0);
195 |   }
196 |   .site-wrapper {
197 |     transform: translate3d(-280px, 0, 0);
198 | 
199 |     .overlay {
200 |       opacity: 1;
201 |       visibility: visible;
202 |     }
203 |   }
204 | }
205 | 
206 | 


--------------------------------------------------------------------------------
/source/style/content.scss:
--------------------------------------------------------------------------------
  1 | @import "variables";
  2 | 
  3 | .article {
  4 |   position: relative;
  5 |   width: 100%;
  6 |   max-width: $article-width;
  7 |   margin: 0 auto 20px auto;
  8 | 
  9 |   @media (prefers-color-scheme: dark) {
 10 |     color: $dark-mode-text-color;
 11 |   }
 12 |   @media (max-width: $on-phone) {
 13 |     padding: 20px;
 14 |   }
 15 |   .article-header {
 16 |     padding: 20px 0 40px 0;
 17 | 
 18 |     @media (max-width: $on-phone) {
 19 |       padding: 0 0 40px 0;
 20 |     }
 21 | 
 22 |     h1 {
 23 |       font-size: 2em;
 24 |       line-height: 1.2;
 25 |       margin-bottom: 0;
 26 | 
 27 |       @media (max-width: $on-phone) {
 28 |         font-size: 1.5em;
 29 |       }
 30 |     }
 31 |   }
 32 |   .article-meta {
 33 |     font-size: 14px;
 34 |     color: lighten($grey-color, 10%);
 35 |     padding-left: 1px;
 36 |   }
 37 | }
 38 | 
 39 | /* Blog article styling */
 40 | 
 41 | .article-entry,
 42 | .post-excerpt {
 43 |   position: relative;
 44 |   font-family: $article-font-family;
 45 |   font-size: 18px;
 46 |   color: lighten($text-color, 3%);
 47 |   padding-bottom: 30px;
 48 | 
 49 |   @media (prefers-color-scheme: dark) {
 50 |     color: $dark-mode-text-color;
 51 |   }
 52 |   a {
 53 |     color: darken($accent-color, 2%);
 54 | 
 55 |     &:hover {
 56 |       color: darken($accent-color, 3%);
 57 |       background: rgba($accent-color, 0.1);
 58 |     }
 59 |     &:active {
 60 |       background: rgba($accent-color, 0.2);
 61 |       color: $white;
 62 |     }
 63 |   }
 64 |   h1,
 65 |   h2,
 66 |   h3,
 67 |   h4,
 68 |   h5,
 69 |   h6 {
 70 |     position: relative;
 71 |     font-family: $base-font-family;
 72 |     font-weight: bold;
 73 |     margin: 40px auto 30px auto;
 74 | 
 75 |     @media (max-width: $on-phone) {
 76 |       left: 15px;
 77 |     }
 78 |     &::before {
 79 |       position: absolute;
 80 |       left: -20px;
 81 |       top: 0;
 82 |       content: "#";
 83 |       color: $material-green;
 84 |       font-weight: normal;
 85 |     }
 86 |   }
 87 |   p {
 88 |     margin-bottom: 20px;
 89 |     line-height: 1.75em;
 90 |   }
 91 |   figure {
 92 |     width: 100%;
 93 |     font-size: 13px;
 94 |     margin: 20px 0;
 95 |     padding: 10px 15px;
 96 |     background-color: $background-color;
 97 |     overflow: auto;
 98 | 
 99 |     @media (prefers-color-scheme: dark) {
100 |       background-color: lighten($dark-mode-post-background, 5%);
101 |     }
102 |     td.gutter {
103 |       padding-right: 10px;
104 |       color: lighten($grey-color, 8%);
105 |       font-size: 12px;
106 |       border-right: 1px solid darken($background-color, 5%);
107 |     }
108 |     td.code {
109 |       padding-left: 10px;
110 |     }
111 |   }
112 |   ul,
113 |   ol {
114 |     margin: 20px 0 20px 0;
115 |     padding-left: 30px;
116 |     list-style: circle;
117 |   }
118 |   img {
119 |     display: block;
120 |     border: none;
121 |     max-width: 100%;
122 |     height: auto;
123 |   }
124 |   blockquote {
125 |     position: relative;
126 |     width: 100%;
127 |     margin: 20px 0;
128 |     padding: 0 20px;
129 |     border-left: 4px solid $material-green;
130 |   }
131 |   code {
132 |     color: darken($brand-color, 2%);
133 |     padding: 3px 5px;
134 |     margin: 0 2px;
135 |     border-radius: 2px;
136 |     white-space: nowrap;
137 |     font-size: 0.8em;
138 |     background-color: $background-color;
139 | 
140 |     @media (prefers-color-scheme: dark) {
141 |       background-color: lighten($dark-mode-post-background, 5%);
142 |       color: $dark-mode-text-color;
143 |     }
144 |   }
145 |   pre {
146 |     white-space: pre;
147 | 
148 |     code {
149 |       color: $black;
150 |       padding: 0 0 0 30px;
151 |       margin: 0;
152 |       font-size: 1em;
153 |       background-color: transparent;
154 |       border: 0;
155 |       white-space: inherit;
156 | 
157 |       @media (prefers-color-scheme: dark) {
158 |         background-color: lighten($dark-mode-post-background, 5%);
159 |       }
160 |     }
161 | 
162 |     figure {
163 |       margin: 0;
164 |     }
165 |   }
166 | 
167 |   @media (max-width: $on-phone) {
168 |     font-size: 16px;
169 | 
170 |     h1,
171 |     h2,
172 |     h3 {
173 |       margin: 30px 0;
174 |     }
175 |     h4,
176 |     h5,
177 |     h6 {
178 |       margin: 20px 0;
179 |     }
180 |     h1 {
181 |       font-size: 1.5em;
182 |     }
183 |     h2 {
184 |       font-size: 1.4em;
185 |     }
186 |     h3 {
187 |       font-size: 1.3em;
188 |     }
189 |     h4 {
190 |       font-size: 1.2em;
191 |     }
192 |     h5 {
193 |       font-size: 1.1em;
194 |     }
195 |     h6 {
196 |       font-size: 1em;
197 |     }
198 |     figure {
199 |       font-size: 13px;
200 |       line-height: 1.6em;
201 |     }
202 |   }
203 | }
204 | 
205 | .article-tags {
206 |   margin-bottom: 30px;
207 | 
208 |   .tag-link {
209 |     position: relative;
210 |     display: inline-block;
211 |     padding: 4px 10px 6px 10px;
212 |     margin: 0 5px 5px 0;
213 |     line-height: normal;
214 |     font-size: 14px;
215 |     background-color: $background-color;
216 |     border-radius: 2px;
217 | 
218 |     @media (prefers-color-scheme: dark) {
219 |       background-color: $dark-mode-post-background;
220 |       color: $white;
221 |     }
222 |     &:hover {
223 |       background-color: $black;
224 |       color: $white;
225 | 
226 |       @media (prefers-color-scheme: dark) {
227 |         background-color: lighten($dark-mode-post-background, 5%);
228 |       }
229 |     }
230 |     &::before {
231 |       content: "#";
232 |       margin-right: 3px;
233 |     }
234 |   }
235 | }
236 | 
237 | /* Comments */
238 | 
239 | #comments {
240 |   position: relative;
241 |   padding: $spacing-unit 0;
242 | }
243 | 


--------------------------------------------------------------------------------
/source/style/footer.scss:
--------------------------------------------------------------------------------
 1 | @import "variables";
 2 | 
 3 | #footer {
 4 |   position: relative;
 5 |   padding: 20px 20px 40px 20px;
 6 |   font-size: 14px;
 7 |   overflow: hidden;
 8 |   text-align: center;
 9 |   transform: translate3d(0px, -20px, 0px);
10 |   transition: all 0.4s;
11 |   z-index: 3;
12 | 
13 |   &.show {
14 |     transform: translate3d(0px, 0px, 0px);
15 |     opacity: 1;
16 |   }
17 | 
18 |   @media (prefers-color-scheme: dark) {
19 |     color: lighten($dark-mode-site-background, 40%);
20 |   }
21 |   a {
22 |     color: $grey-color;
23 | 
24 |     @media (prefers-color-scheme: dark) {
25 |       color: lighten($dark-mode-site-background, 80%);
26 |     }
27 |     &:hover {
28 |       background: rgba($material-orange, 0.2);
29 |       color: darken($material-orange, 0%);
30 |     }
31 |   }
32 | }
33 | 
34 | /* Search */
35 | 
36 | .search {
37 |   position: relative;
38 |   width: 100%;
39 |   max-width: $article-width;
40 |   margin: 0 auto 20px auto;
41 |   z-index: 2;
42 | 
43 |   #searchform {
44 |     position: relative;
45 |     display: block;
46 |     width: 100%;
47 | 
48 |     #u-search-btn-submit {
49 |       display: block;
50 |       position: absolute;
51 |       top: 0;
52 |       right: 0;
53 |       width: 36px;
54 |       height: 36px;
55 |       background: transparent;
56 |       color: white;
57 |       border: 0;
58 |       text-align: center;
59 |       font-size: 18px;
60 |       cursor: pointer;
61 | 
62 |       span {
63 |         line-height: 36px;
64 |       }
65 |     }
66 |   }
67 |   #searchinput {
68 |     width: 100%;
69 |     padding: 0 10px;
70 |     line-height: 36px;
71 |     height: 36px;
72 |     font-size: 14px;
73 |     font-family: $base-font-family;
74 |     border: none;
75 |     border-radius: 0 !important;
76 |     background: $black;
77 |     color: white;
78 |     box-sizing: border-box;
79 |     transition: all 0.24s ease;
80 | 
81 |     @media (prefers-color-scheme: dark) {
82 |       background: lighten($dark-mode-post-background, 5%);
83 |     }
84 |     &:focus {
85 |       background: darken($black, 70%);
86 | 
87 |       @media (prefers-color-scheme: dark) {
88 |         background: darken($dark-mode-post-background, 2%);
89 |       }
90 |     }
91 |   }
92 | }
93 | 


--------------------------------------------------------------------------------
/source/style/header.scss:
--------------------------------------------------------------------------------
 1 | @import './variables';
 2 | 
 3 | .site-header {
 4 |   position: relative;
 5 |   width: 100%;
 6 |   overflow: hidden;
 7 |   user-select: none;
 8 |   padding: 20px;
 9 | 
10 |   .square {
11 |     position: relative;
12 |     display: block;
13 |     font-weight: normal;
14 |     cursor: pointer;
15 |     overflow: hidden;
16 | 
17 |     &.logo {
18 |       float: left;
19 |     }
20 |     &.me {
21 |       position: fixed;
22 |       top: 20px;
23 |       right: 20px;
24 |       visibility: visible;
25 |       opacity: 1;
26 |       transition: all 0.24s;
27 |       z-index: 65535;
28 | 
29 |       &.active {
30 |         opacity: 0;
31 |         visibility: hidden;
32 |       }
33 |     }
34 |     span {
35 |       display: block;
36 |       float: left;
37 |       width: 30px;
38 |       height: 30px;
39 |       line-height: 30px;
40 |       vertical-align: middle;
41 |       text-align: center;
42 |       transition: all 0.24s;
43 | 
44 |       &.b {
45 |         background-color: $black;
46 |         color: $white;
47 | 
48 |         @media (prefers-color-scheme: dark) {
49 |           background-color: lighten($dark-mode-site-background, 10%);
50 |         }
51 |         &:hover {
52 |           color: $accent-color;
53 |           background-color: $black;
54 | 
55 |           @media (prefers-color-scheme: dark) {
56 |             background-color: $dark-mode-site-background;
57 |           }
58 |         }
59 |       }
60 |       &.w {
61 |         background: transparent;
62 |         color: $black;
63 | 
64 |         @media (prefers-color-scheme: dark) {
65 |           color: $accent-color;
66 |         }
67 |         &:hover {
68 |           color: $white;
69 |           background-color: $black;
70 | 
71 |           @media (prefers-color-scheme: dark) {
72 |             background-color: lighten($dark-mode-site-background, 10%);
73 |           }
74 |         }
75 |       }
76 |     }
77 |   }
78 | }
79 | 


--------------------------------------------------------------------------------
/source/style/highlight.scss:
--------------------------------------------------------------------------------
 1 | @import "variables";
 2 | 
 3 | /* Tomorrow Theme */
 4 | .tomorrow-comment, pre .comment, pre .title {
 5 |   color: #8e908c;
 6 | }
 7 | 
 8 | .tomorrow-red, pre .variable, pre .attribute, pre .tag, 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 {
 9 |   color: #c82829;
10 | }
11 | 
12 | .tomorrow-orange, pre .number, pre .preprocessor, pre .built_in, pre .literal, pre .params, pre .constant {
13 |   color: #f5871f;
14 | }
15 | 
16 | .tomorrow-yellow, pre .class, pre .ruby .class .title, pre .css .rules .attribute {
17 |   color: #eab700;
18 | }
19 | 
20 | .tomorrow-green, pre .string, pre .value, pre .inheritance, pre .header, pre .ruby .symbol, pre .xml .cdata {
21 |   color: #718c00;
22 | }
23 | 
24 | .tomorrow-aqua, pre .css .hexcolor {
25 |   color: #3e999f;
26 | }
27 | 
28 | .tomorrow-blue, 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 {
29 |   color: #4271ae;
30 | }
31 | 
32 | .tomorrow-purple, pre .keyword, pre .javascript .function {
33 |   color: #8959a8;
34 | }
35 | 
36 | pre code {
37 |   display: block;
38 |   background-color: $white;
39 |   color: #4d4d4c;
40 |   line-height: 1.5;
41 |   border: 1px solid #ccc;
42 |   padding: 10px;
43 | 
44 |   @media (prefers-color-scheme: dark) {
45 |     background-color: lighten($dark-mode-post-background, 5%);
46 |   }
47 | }
48 | 


--------------------------------------------------------------------------------
/source/style/layout.scss:
--------------------------------------------------------------------------------
  1 | @import './variables';
  2 | 
  3 | #site-main {
  4 |   position: relative;
  5 |   width: 100%;
  6 |   padding: 20px 0;
  7 | 
  8 |   .page-header {
  9 |     text-align: center;
 10 |     margin-bottom: 20px;
 11 |     color: lighten($black, 30%);
 12 |     font-size: 15px;
 13 |   }
 14 | }
 15 | 
 16 | /* Post list */
 17 | 
 18 | .post-list {
 19 |   position: relative;
 20 |   list-style: none;
 21 |   margin: 0 auto;
 22 |   width: 1280px;
 23 |   opacity: 1;
 24 |   transition: opacity 0.4s;
 25 | 
 26 |   @media (max-width: 1300px) {
 27 |     width: 960px;
 28 |   }
 29 |   @media (max-width: 960px) {
 30 |     width: 640px;
 31 |   }
 32 |   @media (max-width: 640px) {
 33 |     width: 100%;
 34 |     padding: 0 20px;
 35 |   }
 36 |   &.show {
 37 |     opacity: 1;
 38 |   }
 39 |   & .post-item {
 40 |     position: relative;
 41 |     float: left;
 42 |     width: 300px;
 43 |     height: 300px;
 44 |     margin: 0 10px 20px 10px;
 45 | 
 46 |     @media (max-width: 640px) {
 47 |       width: 100%;
 48 |       margin: 0 0 20px 0;
 49 |     }
 50 |     .post-link {
 51 |       position: relative;
 52 |       display: block;
 53 |       width: 100%;
 54 |       height: 100%;
 55 |       border: 3px solid $black;
 56 |       padding: 20px;
 57 | 
 58 |       @media (prefers-color-scheme: dark) {
 59 |         background-color: $dark-mode-post-background;
 60 |         border-color: lighten($dark-mode-post-background, 5%);
 61 |       }
 62 |       &:hover {
 63 |         border-color: $accent-color;
 64 | 
 65 |         .post-title {
 66 |           color: $accent-color;
 67 |         }
 68 |         .post-meta {
 69 |           background-color: $accent-color;
 70 |           color: $black;
 71 |         }
 72 |       }
 73 |     }
 74 |     .post-title {
 75 |       position: absolute;
 76 |       bottom: 15px;
 77 |       right: 20px;
 78 |       padding-left: 50px;
 79 |       text-align: right;
 80 |       font-size: 20px;
 81 |       font-weight: 500;
 82 |       transition: all 0.24s;
 83 | 
 84 |       @media (prefers-color-scheme: dark) {
 85 |         color: white;
 86 |       }
 87 |     }
 88 |     .post-meta {
 89 |       position: absolute;
 90 |       top: -2px;
 91 |       left: -2px;
 92 |       background-color: $black;
 93 |       padding: 2px 14px 2px 10px;
 94 |       font-family: $base-font-family;
 95 |       font-size: 14px;
 96 |       font-weight: 700;
 97 |       color: white;
 98 |       transition: all 0.24s;
 99 | 
100 |       @media (prefers-color-scheme: dark) {
101 |         background-color: lighten($dark-mode-post-background, 5%);
102 |       }
103 |     }
104 |   }
105 | }
106 | 
107 | .treat-block {
108 |   margin: 30px auto;
109 |   width: 100%;
110 | 
111 |   &.treat-block-footer {
112 |     max-width: $article-width;
113 | 
114 |     img {
115 |       width: 100%;
116 |     }
117 |   }
118 | }
119 | 


--------------------------------------------------------------------------------
/source/style/normalize.scss:
--------------------------------------------------------------------------------
  1 | /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  2 | 
  3 | /* Document
  4 |    ========================================================================== */
  5 | 
  6 | /**
  7 |  * 1. Correct the line height in all browsers.
  8 |  * 2. Prevent adjustments of font size after orientation changes in iOS.
  9 |  */
 10 | 
 11 | html {
 12 |   line-height: 1.15; /* 1 */
 13 |   -webkit-text-size-adjust: 100%; /* 2 */
 14 | }
 15 | 
 16 | /* Sections
 17 |    ========================================================================== */
 18 | 
 19 | /**
 20 |  * Remove the margin in all browsers.
 21 |  */
 22 | 
 23 | body {
 24 |   margin: 0;
 25 | }
 26 | 
 27 | /**
 28 |  * Render the `main` element consistently in IE.
 29 |  */
 30 | 
 31 | main {
 32 |   display: block;
 33 | }
 34 | 
 35 | /**
 36 |  * Correct the font size and margin on `h1` elements within `section` and
 37 |  * `article` contexts in Chrome, Firefox, and Safari.
 38 |  */
 39 | 
 40 | h1 {
 41 |   font-size: 2em;
 42 |   margin: 0.67em 0;
 43 | }
 44 | 
 45 | /* Grouping content
 46 |    ========================================================================== */
 47 | 
 48 | /**
 49 |  * 1. Add the correct box sizing in Firefox.
 50 |  * 2. Show the overflow in Edge and IE.
 51 |  */
 52 | 
 53 | hr {
 54 |   box-sizing: content-box; /* 1 */
 55 |   height: 0; /* 1 */
 56 |   overflow: visible; /* 2 */
 57 | }
 58 | 
 59 | /**
 60 |  * 1. Correct the inheritance and scaling of font size in all browsers.
 61 |  * 2. Correct the odd `em` font sizing in all browsers.
 62 |  */
 63 | 
 64 | pre {
 65 |   font-family: monospace, monospace; /* 1 */
 66 |   font-size: 1em; /* 2 */
 67 | }
 68 | 
 69 | /* Text-level semantics
 70 |    ========================================================================== */
 71 | 
 72 | /**
 73 |  * Remove the gray background on active links in IE 10.
 74 |  */
 75 | 
 76 | a {
 77 |   background-color: transparent;
 78 | }
 79 | 
 80 | /**
 81 |  * 1. Remove the bottom border in Chrome 57-
 82 |  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 83 |  */
 84 | 
 85 | abbr[title] {
 86 |   border-bottom: none; /* 1 */
 87 |   text-decoration: underline; /* 2 */
 88 |   text-decoration: underline dotted; /* 2 */
 89 | }
 90 | 
 91 | /**
 92 |  * Add the correct font weight in Chrome, Edge, and Safari.
 93 |  */
 94 | 
 95 | b,
 96 | strong {
 97 |   font-weight: bolder;
 98 | }
 99 | 
100 | /**
101 |  * 1. Correct the inheritance and scaling of font size in all browsers.
102 |  * 2. Correct the odd `em` font sizing in all browsers.
103 |  */
104 | 
105 | code,
106 | kbd,
107 | samp {
108 |   font-family: monospace, monospace; /* 1 */
109 |   font-size: 1em; /* 2 */
110 | }
111 | 
112 | /**
113 |  * Add the correct font size in all browsers.
114 |  */
115 | 
116 | small {
117 |   font-size: 80%;
118 | }
119 | 
120 | /**
121 |  * Prevent `sub` and `sup` elements from affecting the line height in
122 |  * all browsers.
123 |  */
124 | 
125 | sub,
126 | sup {
127 |   font-size: 75%;
128 |   line-height: 0;
129 |   position: relative;
130 |   vertical-align: baseline;
131 | }
132 | 
133 | sub {
134 |   bottom: -0.25em;
135 | }
136 | 
137 | sup {
138 |   top: -0.5em;
139 | }
140 | 
141 | /* Embedded content
142 |    ========================================================================== */
143 | 
144 | /**
145 |  * Remove the border on images inside links in IE 10.
146 |  */
147 | 
148 | img {
149 |   border-style: none;
150 | }
151 | 
152 | /* Forms
153 |    ========================================================================== */
154 | 
155 | /**
156 |  * 1. Change the font styles in all browsers.
157 |  * 2. Remove the margin in Firefox and Safari.
158 |  */
159 | 
160 | button,
161 | input,
162 | optgroup,
163 | select,
164 | textarea {
165 |   font-family: inherit; /* 1 */
166 |   font-size: 100%; /* 1 */
167 |   line-height: 1.15; /* 1 */
168 |   margin: 0; /* 2 */
169 | }
170 | 
171 | /**
172 |  * Show the overflow in IE.
173 |  * 1. Show the overflow in Edge.
174 |  */
175 | 
176 | button,
177 | input { /* 1 */
178 |   overflow: visible;
179 | }
180 | 
181 | /**
182 |  * Remove the inheritance of text transform in Edge, Firefox, and IE.
183 |  * 1. Remove the inheritance of text transform in Firefox.
184 |  */
185 | 
186 | button,
187 | select { /* 1 */
188 |   text-transform: none;
189 | }
190 | 
191 | /**
192 |  * Correct the inability to style clickable types in iOS and Safari.
193 |  */
194 | 
195 | button,
196 | [type="button"],
197 | [type="reset"],
198 | [type="submit"] {
199 |   -webkit-appearance: button;
200 | }
201 | 
202 | /**
203 |  * Remove the inner border and padding in Firefox.
204 |  */
205 | 
206 | button::-moz-focus-inner,
207 | [type="button"]::-moz-focus-inner,
208 | [type="reset"]::-moz-focus-inner,
209 | [type="submit"]::-moz-focus-inner {
210 |   border-style: none;
211 |   padding: 0;
212 | }
213 | 
214 | /**
215 |  * Restore the focus styles unset by the previous rule.
216 |  */
217 | 
218 | button:-moz-focusring,
219 | [type="button"]:-moz-focusring,
220 | [type="reset"]:-moz-focusring,
221 | [type="submit"]:-moz-focusring {
222 |   outline: 1px dotted ButtonText;
223 | }
224 | 
225 | /**
226 |  * Correct the padding in Firefox.
227 |  */
228 | 
229 | fieldset {
230 |   padding: 0.35em 0.75em 0.625em;
231 | }
232 | 
233 | /**
234 |  * 1. Correct the text wrapping in Edge and IE.
235 |  * 2. Correct the color inheritance from `fieldset` elements in IE.
236 |  * 3. Remove the padding so developers are not caught out when they zero out
237 |  *    `fieldset` elements in all browsers.
238 |  */
239 | 
240 | legend {
241 |   box-sizing: border-box; /* 1 */
242 |   color: inherit; /* 2 */
243 |   display: table; /* 1 */
244 |   max-width: 100%; /* 1 */
245 |   padding: 0; /* 3 */
246 |   white-space: normal; /* 1 */
247 | }
248 | 
249 | /**
250 |  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
251 |  */
252 | 
253 | progress {
254 |   vertical-align: baseline;
255 | }
256 | 
257 | /**
258 |  * Remove the default vertical scrollbar in IE 10+.
259 |  */
260 | 
261 | textarea {
262 |   overflow: auto;
263 | }
264 | 
265 | /**
266 |  * 1. Add the correct box sizing in IE 10.
267 |  * 2. Remove the padding in IE 10.
268 |  */
269 | 
270 | [type="checkbox"],
271 | [type="radio"] {
272 |   box-sizing: border-box; /* 1 */
273 |   padding: 0; /* 2 */
274 | }
275 | 
276 | /**
277 |  * Correct the cursor style of increment and decrement buttons in Chrome.
278 |  */
279 | 
280 | [type="number"]::-webkit-inner-spin-button,
281 | [type="number"]::-webkit-outer-spin-button {
282 |   height: auto;
283 | }
284 | 
285 | /**
286 |  * 1. Correct the odd appearance in Chrome and Safari.
287 |  * 2. Correct the outline style in Safari.
288 |  */
289 | 
290 | [type="search"] {
291 |   -webkit-appearance: textfield; /* 1 */
292 |   outline-offset: -2px; /* 2 */
293 | }
294 | 
295 | /**
296 |  * Remove the inner padding in Chrome and Safari on macOS.
297 |  */
298 | 
299 | [type="search"]::-webkit-search-decoration {
300 |   -webkit-appearance: none;
301 | }
302 | 
303 | /**
304 |  * 1. Correct the inability to style clickable types in iOS and Safari.
305 |  * 2. Change font properties to `inherit` in Safari.
306 |  */
307 | 
308 | ::-webkit-file-upload-button {
309 |   -webkit-appearance: button; /* 1 */
310 |   font: inherit; /* 2 */
311 | }
312 | 
313 | /* Interactive
314 |    ========================================================================== */
315 | 
316 | /*
317 |  * Add the correct display in Edge, IE 10+, and Firefox.
318 |  */
319 | 
320 | details {
321 |   display: block;
322 | }
323 | 
324 | /*
325 |  * Add the correct display in all browsers.
326 |  */
327 | 
328 | summary {
329 |   display: list-item;
330 | }
331 | 
332 | /* Misc
333 |    ========================================================================== */
334 | 
335 | /**
336 |  * Add the correct display in IE 10+.
337 |  */
338 | 
339 | template {
340 |   display: none;
341 | }
342 | 
343 | /**
344 |  * Add the correct display in IE 10.
345 |  */
346 | 
347 | [hidden] {
348 |   display: none;
349 | }
350 | 


--------------------------------------------------------------------------------
/source/style/pagination.scss:
--------------------------------------------------------------------------------
 1 | @import './variables';
 2 | 
 3 | /* Pagination */
 4 | 
 5 | #page-nav {
 6 |   position: relative;
 7 |   width: 100%;
 8 |   max-width: $article-width;
 9 |   margin: 20px auto 0 auto;
10 |   transition: all 0.4s;
11 |   transform: translate3d(0px, -20px, 0px);
12 |   opacity: 0;
13 |   text-align: center;
14 | 
15 |   &.show {
16 |     opacity: 1;
17 |     transform: translate3d(0px, 0px, 0px);
18 |   }
19 |   span,
20 |   a {
21 |     display: inline-block;
22 |     padding: 0 10px;
23 |     margin: 5px 0;
24 |     height: 30px;
25 |     min-width: 30px;
26 |     line-height: 30px;
27 |     font-size: 14px;
28 |     text-transform: uppercase;
29 |     vertical-align: middle;
30 |     text-align: center;
31 |     transition: all 0.24s;
32 |     border-bottom: 1px solid transparent;
33 |   }
34 |   span {
35 |     &.current {
36 |       background-color: darken($background-color, 5%);
37 |       border-bottom: 1px solid darken($background-color, 20%);
38 |       color: $black;
39 | 
40 |       @media (prefers-color-scheme: dark) {
41 |         background-color: darken($dark-mode-post-background, 5%);
42 |         border-color: $dark-mode-post-background;
43 |         color: lighten($dark-mode-post-background, 40%);
44 |       }
45 |     }
46 |     &.space {
47 |       background-color: $white;
48 |       color: $black;
49 | 
50 |       @media (prefers-color-scheme: dark) {
51 |         background-color: $dark-mode-post-background;
52 |         border-color: lighten($dark-mode-post-background, 5%);
53 |         color: lighten($dark-mode-post-background, 40%);
54 |       }
55 |     }
56 |   }
57 |   a {
58 |     background-color: $white;
59 |     color: $black;
60 | 
61 |     @media (prefers-color-scheme: dark) {
62 |       background-color: $dark-mode-post-background;
63 |       border-color: lighten($dark-mode-post-background, 5%);
64 |       color: lighten($dark-mode-post-background, 40%);
65 |     }
66 |     &:hover {
67 |       background: darken($background-color, 3%);
68 |       color: $black;
69 | 
70 |       @media (prefers-color-scheme: dark) {
71 |         background-color: lighten($dark-mode-post-background, 5%);
72 |         color: $accent-color;
73 |       }
74 |     }
75 |   }
76 | }
77 | 


--------------------------------------------------------------------------------
/source/style/search.scss:
--------------------------------------------------------------------------------
  1 | @import "variables";
  2 | 
  3 | body {
  4 | 
  5 |   &.us-modal__active {
  6 |     overflow: hidden;
  7 | 
  8 |     @media (max-width: $modal-threshold) {
  9 |       position: fixed;
 10 |       top: 0;
 11 |       right: 0;
 12 |       bottom: 0;
 13 |       left: 0;
 14 |     }
 15 |   }
 16 | }
 17 | #universal-search {
 18 |   display: none;
 19 |   position: fixed;
 20 |   top: 0;
 21 |   left: 0;
 22 |   width: 100%;
 23 |   height: 100%;
 24 |   padding: 60px 20px;
 25 |   z-index: 999999;
 26 | 
 27 |   @media (max-width: $modal-threshold) {
 28 |     padding: 0;
 29 |   }
 30 |   .us-modal {
 31 |     position: fixed;
 32 |     height: 80%;
 33 |     width: 100%;
 34 |     max-width: 640px;
 35 |     left: 50%;
 36 |     top: 0;
 37 |     margin: 64px 0 0px -320px;
 38 |     background: #fff;
 39 |     box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);
 40 |     border-radius: 2px;
 41 |     overflow: hidden;
 42 |     z-index: 3;
 43 | 
 44 |     @media (max-width: $modal-threshold) {
 45 |       box-shadow: none;
 46 |       max-width: none;
 47 |       top: 0;
 48 |       left: 0;
 49 |       margin: 0;
 50 |       height: 100%;
 51 |       border-radius: 0;
 52 |     }
 53 |     &__ajax-content {
 54 |       opacity: 0;
 55 |       visibility: hidden;
 56 |       transition: all 0.36s;
 57 | 
 58 |       &.loaded {
 59 |         opacity: 1;
 60 |         visibility: visible;
 61 |       }
 62 |     }
 63 |     &__close {
 64 |       display: block;
 65 |       position: absolute;
 66 |       width: 50px;
 67 |       height: 50px;
 68 |       top: 0;
 69 |       right: 0;
 70 |       color: $text-color;
 71 |       cursor: pointer;
 72 |       text-align: center;
 73 |       line-height: 50px;
 74 |       vertical-align: middle;
 75 |       font-size: 18px;
 76 |       transition: all 0.24s;
 77 |       z-index: 2;
 78 | 
 79 |       &:hover {
 80 |         transform: rotate(90deg);
 81 |       }
 82 |     }
 83 |     &__loading {
 84 |       position: absolute;
 85 |       bottom: -2px;
 86 |       left: 0;
 87 |       width: 100%;
 88 |       height: 2px;
 89 |       background: transparent;
 90 |       z-index: 3;
 91 | 
 92 |       &__bar {
 93 |         display: block;
 94 |         position: relative;
 95 |         width: 0;
 96 |         height: 100%;
 97 |         background: lighten($accent-color,15%);
 98 |         transition: width 0.24s;
 99 |       }
100 |     }
101 |     &__header {
102 |       position: relative;
103 |       width: 100%;
104 |       height: 50px;
105 |       background-color: white;
106 |       z-index: 3;
107 | 
108 |       &__form {
109 |         position: relative;
110 |         width: 100%;
111 |         height: 100%;
112 |         z-index: 2;
113 | 
114 |         &__input {
115 |           width: 100%;
116 |           padding: 0 50px 0 40px;
117 |           font-size: 14px;
118 |           line-height: 50px;
119 |           vertical-align: middle;
120 |           color: $text-color;
121 |           border: none;
122 |           background: transparent;
123 |           border-bottom: 1px solid #ddd;
124 |           transition: all ease 0.24s;
125 |           -webkit-appearance: none;
126 |           box-shadow: none;
127 |           border-radius: 0;
128 | 
129 |           &:focus {
130 |             border-bottom-color: $material-blue;
131 |             background-color: #f7f8fc;
132 |           }
133 |         }
134 |         &__submit {
135 |           position: absolute;
136 |           top: 0;
137 |           left: 0;
138 |           padding-left: 5px;
139 |           padding-top: 2px;
140 |           background: transparent;
141 |           border: none;
142 |           width: 40px;
143 |           height: 50px;
144 |           vertical-align: middle;
145 |           font-size: 20px;
146 |           color: $text-color;
147 |           z-index: 2;
148 |         }
149 |       }
150 |     }
151 | 
152 |     &__logo {
153 |       position: absolute;
154 |       top: 0;
155 |       left: 0;
156 |       width: 100%;
157 |       height: 100%;
158 |       text-align: center;
159 |       z-index: 0;
160 | 
161 |       a {
162 |         display: inline-block;
163 |       }
164 |       &.google img {
165 |         height: 24px;
166 |         margin-top: 13px;
167 |       }
168 |       img {
169 |         position: relative;
170 |         display: inline-block;
171 |         width: auto;
172 |         height: 18px;
173 |         margin-top: 16px;
174 |       }
175 |     }
176 |     &__footer {
177 |       position: absolute;
178 |       bottom: 0;
179 |       left: 0;
180 |       width: 100%;
181 |       height: 50px;
182 |       padding: 0 15px;
183 |       background: #fff;
184 |       border-top: 1px solid lighten($black, 60%);
185 | 
186 |       &__metadata {
187 |         position: relative;
188 |         float: left;
189 |         vertical-align: middle;
190 |         line-height: 50px;
191 |         font-size: 13px;
192 |         z-index: 1;
193 |       }
194 |     }
195 |     &__nav {
196 |       position: relative;
197 |       display: block;
198 |       float: right;
199 |       vertical-align: middle;
200 |       font-size: 12px;
201 |       font-weight: normal;
202 |       line-height: 50px;
203 |       color: $grey-color;
204 |       cursor: pointer;
205 |       z-index: 1;
206 | 
207 |       &:hover {
208 |         color: $black;
209 |       }
210 |       &__next {
211 |         margin-left: 10px;
212 |       }
213 |       .icon {
214 |         position: relative;
215 |         top: -1px;
216 |         font-size: 12px;
217 |         vertical-align: middle;
218 |       }
219 |     }
220 |     &__body {
221 |       position: absolute;
222 |       padding: 50px 0;
223 |       width: 100%;
224 |       height: 100%;
225 |       top: 0;
226 |       left: 0;
227 |       overflow-y: scroll;
228 |       -webkit-overflow-scrolling: touch;
229 |     }
230 |     &__results {
231 |       list-style: none;
232 | 
233 |       li {
234 |         border-bottom: 1px solid #e6e8ea;
235 | 
236 |         &:last-child {
237 |           border-bottom: none;
238 |         }
239 |         &.us-modal__error {
240 |           padding: 20px;
241 |           font-size: 13px;
242 |           font-weight: normal;
243 |           color: $grey-color;
244 |         }
245 |       }
246 |     }
247 |     &__result {
248 |       position: relative;
249 |       display: block;
250 |       padding: 24px 44px 24px 30px;
251 |       text-decoration: none;
252 |       transition: all ease 0.32s;
253 | 
254 |       @media (max-width: $modal-threshold) {
255 |         padding: 24px 34px 24px 25px;
256 |       }
257 |       &:hover {
258 |         background-color: #f7f8fc;
259 | 
260 |         &__excerpt,
261 |         .icon {
262 |           color: $black;
263 |         }
264 |       }
265 |       &__title {
266 |         display: inline-block;
267 |         max-width: 100%;
268 |         color: $text-color;
269 |         font-size: 16px;
270 |         font-weight: bold;
271 |         padding: 1px 1px 2px 1px;
272 |         border-bottom: 1px solid #e6e8ea;
273 |         margin-bottom: 5px;
274 |         line-height: 110%;
275 |         white-space: nowrap;
276 |         overflow: hidden;
277 |         text-overflow: ellipsis;
278 |       }
279 |       &__excerpt {
280 |         display: block;
281 |         font-size: 13px;
282 |         line-height: 160%;
283 |         color: lighten($text-color, 10%);
284 |         transition: color 0.24s;
285 | 
286 |         em {
287 |           font-weight: bold;
288 |           font-style: normal;
289 |         }
290 |       }
291 |       .icon {
292 |         position: absolute;
293 |         top: 50%;
294 |         right: 15px;
295 |         margin-top: -4px;
296 |         font-size: 12px;
297 |         color: $grey-color;
298 | 
299 |         @media (max-width: $modal-threshold) {
300 |           right: 12px;
301 |         }
302 |       }
303 |     }
304 |     &__overlay {
305 |       position: absolute;
306 |       top: 0;
307 |       left: 0;
308 |       width: 100%;
309 |       height: 100%;
310 |       background: rgba(0,0,0,0.8);
311 |       z-index: 1;
312 |     }
313 |   }
314 | }


--------------------------------------------------------------------------------
/source/style/sidebar.scss:
--------------------------------------------------------------------------------
  1 | @import "variables";
  2 | 
  3 | .dark-btn {
  4 |   display: inline-block;
  5 |   background: rgba(0, 0, 0, 0.3);
  6 |   border: 1px solid black;
  7 |   padding: 0 15px;
  8 |   font-size: 13px;
  9 |   font-family: $base-font-family;
 10 |   text-align: center;
 11 |   color: lighten(#8f8f8f, 20%);
 12 | 
 13 |   &:hover {
 14 |     color: $black;
 15 |     background-color: $accent-color;
 16 |   }
 17 |   .icon {
 18 |     position: relative;
 19 |     margin-right: 3px;
 20 |     font-size: 16px;
 21 |     vertical-align: middle;
 22 |     line-height: 44px;
 23 |   }
 24 |   .text {
 25 |     vertical-align: middle;
 26 |     line-height: 44px;
 27 |   }
 28 | }
 29 | 
 30 | 
 31 | .site-sidebar {
 32 |   position: fixed;
 33 |   top: 0;
 34 |   right: 0;
 35 |   width: 280px;
 36 |   height: 100%;
 37 |   padding: 20px;
 38 |   background-color: $black;
 39 |   text-align: center;
 40 |   overflow: hidden;
 41 |   transform: translate3d(280px, 0, 0);
 42 |   transition: all 0.24s ease;
 43 |   z-index: 1;
 44 | 
 45 |   @media (prefers-color-scheme: dark) {
 46 |     background: lighten($dark-mode-post-background, 5%);
 47 |   }
 48 |   .shortcuts {
 49 |     display: block;
 50 |     position: absolute;
 51 |     width: 100%;
 52 |     left: 0;
 53 |     bottom: 20px;
 54 |     text-align: center;
 55 | 
 56 |     .dark-btn {
 57 |       display: inline-block;
 58 |       width: 36px;
 59 |       height: 36px;
 60 |       margin: 0 5px;
 61 |       padding: 0;
 62 |       font-size: 13px;
 63 |       cursor: pointer;
 64 | 
 65 |       .icon {
 66 |         line-height: 34px;
 67 |         font-size: 14px;
 68 |         margin: 0;
 69 |         padding: 0;
 70 |       }
 71 |     }
 72 |   }
 73 | 
 74 |   .sidebar-switch {
 75 |     width: 200px;
 76 |     margin: 0 auto 20px auto;
 77 |     opacity: 0;
 78 |     visibility: hidden;
 79 |     transition: all 0.24s ease;
 80 | 
 81 |     &.show {
 82 |       opacity: 1;
 83 |       visibility: visible;
 84 |     }
 85 |     .dark-btn {
 86 |       display: block;
 87 |       float: left;
 88 |       width: 100px;
 89 |       margin-left: -1px;
 90 |       cursor: pointer;
 91 | 
 92 |       &.active {
 93 |         color: lighten(#8f8f8f, 40%);
 94 |         background-color: $accent-color;
 95 | 
 96 |         @media (prefers-color-scheme: dark) {
 97 |           color: $black;
 98 |         }
 99 |       }
100 |       .icon {
101 |         line-height: 30px;
102 |         top: 1px;
103 |       }
104 |       .text {
105 |         line-height: 30px;
106 |       }
107 |     }
108 |   }
109 | }
110 | 
111 | .site-bio {
112 |   position: relative;
113 |   opacity: 0;
114 |   transform: translate3d(0px, -20px, 0px);
115 |   transition: all 0.24s ease;
116 | 
117 |   &.show {
118 |     opacity: 1;
119 |     transform: translate3d(0px, 0px, 0px);
120 |   }
121 |   .window-nav {
122 |     width: 125px;
123 |     padding: 0 0 0 15px;
124 |     text-align: left;
125 |   }
126 |   .about-me {
127 |     padding: 12px 5px 15px 5px;
128 |     transition: background 0.24s, border-color 0.24s;
129 | 
130 |     .avatar {
131 |       display: block;
132 |       width: 96px;
133 |       height: 96px;
134 |       margin: 0 auto;
135 |       background: rgba(0,0,0,0.3);
136 |       border-radius: 50%;
137 |       border: 1px solid black;
138 |       padding: 3px;
139 |       overflow: hidden;
140 | 
141 |       img {
142 |         display: block;
143 |         width: 100%;
144 |         height: 100%;
145 |         border-radius: 50%;
146 |       }
147 |     }
148 |     .dark-btn {
149 |       padding: 5px 15px;
150 |       margin: 5px 0;
151 | 
152 |       &:hover {
153 |         background-color: $brand-color;
154 |         color: rgba(0, 0, 0, 0.7);
155 |       }
156 |       .icon {
157 |         margin-right: 0;
158 |       }
159 |     }
160 |     .info {
161 |       color: lighten(#8f8f8f, 10%);
162 |       margin-top: 10px;
163 |       line-height: 140%;
164 |       padding: 0 15px;
165 |       font-size: 13px;
166 |     }
167 |   }
168 |   .social {
169 |     position: relative;
170 |     margin: 15px 0;
171 |     padding: 0;
172 | 
173 |     a {
174 |       display: inline-block;
175 |       color: $white;
176 |       font-size: 14px;
177 |       text-transform: uppercase;
178 |       text-align: center;
179 |       line-height: 46px;
180 |       vertical-align: middle;
181 |       width: 46px;
182 |       height: 46px;
183 |       background-color: rgba(0,0,0,0.3);
184 |       border: 1px solid black;
185 |       margin: 5px 2px;
186 | 
187 |       &.feed {
188 |         &:hover {
189 |           background-color: $material-orange;
190 |         }
191 | 
192 |       }
193 |       &.github {
194 |         &:hover {
195 |           background-color: $github-color;
196 |         }
197 |       }
198 |       &.twitter {
199 |         &:hover {
200 |           background-color: $twitter-color;
201 |         }
202 |       }
203 |       &.facebook {
204 |         &:hover {
205 |           background-color: $facebook-color;
206 |         }
207 |       }
208 |       &.google {
209 |         &:hover {
210 |           background-color: $google-color;
211 |         }
212 |       }
213 |       &.dribbble {
214 |         &:hover {
215 |           background-color: $dribbble-color;
216 |         }
217 |       }
218 |       &.pinterest {
219 |         &:hover {
220 |           background-color: $pinterest-color;
221 |         }
222 |       }
223 |       &.weibo {
224 |         &:hover {
225 |           background-color: $weibo-color;
226 |         }
227 |       }
228 |       &.tumblr {
229 |         &:hover {
230 |           background-color: $tumblr-color;
231 |         }
232 |       }
233 |       &.instagram {
234 |         &:hover {
235 |           background-color: $instagram-color;
236 |         }
237 |       }
238 |       &.linkedin {
239 |         &:hover {
240 |           background-color: $linkedin-color;
241 |         }
242 |       }
243 |       &.behance {
244 |         &:hover {
245 |           background-color: $behance-color;
246 |         }
247 |       }
248 |       &:hover {
249 |         background: $brand-color;
250 | 
251 |         .icon {
252 |           color: lighten(#8f8f8f, 40%);
253 |         }
254 |       }
255 |       .avatar,
256 |       .icon {
257 |         transition: all 0.24s;
258 |       }
259 |       .avatar {
260 |         display: block;
261 |         width: 30px;
262 |         height: 30px;
263 |         margin: 7px;
264 |         border-radius: 50%;
265 |       }
266 |       .icon {
267 |         font-size: 18px;
268 |         color: lighten(#8f8f8f, 10%);
269 |         line-height: 46px;
270 |       }
271 |     }
272 |   }
273 | }
274 | 
275 | .site-toc {
276 |   position: relative;
277 |   padding: 12px 10px 15px 10px;
278 |   background: rgba(0,0,0,0.1);
279 |   border: 1px solid lighten(black, 15%);
280 |   max-height: 450px;
281 |   overflow: auto;
282 |   opacity: 0;
283 |   transform: translate3d(0px, -20px, 0px);
284 |   transition: all 0.24s ease;
285 | 
286 |   &.show {
287 |     transform: translate3d(0px, 0px, 0px);
288 |     opacity: 1;
289 |   }
290 |   & > ol {
291 |     text-align: left;
292 |     list-style: none;
293 | 
294 |     li {
295 | 
296 |       a {
297 |         color: darken(white, 10%);
298 |         font-size: 15px;
299 | 
300 |         &:hover {
301 |           color: $brand-color;
302 |         }
303 |       }
304 |       ol {
305 |         list-style: none;
306 |         padding-left: 15px;
307 |       }
308 |     }
309 |   }
310 | }
311 | 
312 | 


--------------------------------------------------------------------------------
/source/style/variables.scss:
--------------------------------------------------------------------------------
 1 | $fallback-font-family: Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", Microsoft JhengHei, WenQuanYi Micro Hei, "Microsoft YaHei", sans-serif;
 2 | $base-font-family: "Oswald", $fallback-font-family;
 3 | $code-font-family: "inconsolata", Consolas, monospace, sans-serif;
 4 | $article-font-family: "Crimson Text", $fallback-font-family;
 5 | 
 6 | $base-font-size: 16px;
 7 | $small-font-size: $base-font-size * 0.875;
 8 | $base-line-height: 1.5;
 9 | 
10 | $spacing-unit: 30px;
11 | 
12 | $material-red: #f44336;
13 | $material-pink: #e91e63;
14 | $material-purple: #9c27b0;
15 | $material-deep-purple: #673ab7;
16 | $material-indigo: #3f51b5;
17 | $material-blue: #2196f3;
18 | $material-teal: #009688;
19 | $material-green: #4caf50;
20 | $material-light-green: #8bc34a;
21 | $material-orange: #ff9800;
22 | $material-deep-orange: #ff5722;
23 | $material-brown: #795548;
24 | $material-blue-grey: #607d8b;
25 | $material-grey: #9e9e9e;
26 | 
27 | $github-color: #467cc2;
28 | $twitter-color: #55acee;
29 | $facebook-color: #3765a3;
30 | $google-color: #db4437;
31 | $pinterest-color: #bc1725;
32 | $dribbble-color: #ed699c;
33 | $weibo-color: #f8712a;
34 | $tumblr-color: #35465c;
35 | $instagram-color: #3f729b;
36 | $linkedin-color: #0077B5;
37 | $behance-color: #1769FF;
38 | $tixora-color: #33475A;
39 | 
40 | $black: #414141;
41 | $white: #ffffff;
42 | $text-color: #313232;
43 | $background-color: #F9F9F9;
44 | $brand-color: $material-teal;
45 | $accent-color: $material-orange;
46 | $grey-color: #828282;
47 | $blue: #3eb0ef;
48 | $green: #a4d037;
49 | $purple: #ad26b4;
50 | $yellow: #fecd35;
51 | $red: #f05230;
52 | $darkgrey: #15171A;
53 | $midgrey: #738a94;
54 | $lightgrey: #c5d2d9;
55 | $whitegrey: #e5eff5;
56 | $pink: #fa3a57;
57 | $brown: #a3821a;
58 | 
59 | $dark-mode: lighten($darkgrey, 2%);
60 | $dark-mode-site-background: #090a0b;
61 | $dark-mode-post-background: #191b1f;
62 | $dark-mode-text-color: lighten($dark-mode-site-background, 80%);
63 | 
64 | $article-width: 728px;
65 | 
66 | $modal-threshold: 680px;
67 | $on-phone: 768px;
68 | $on-laptop: 992px;
69 | $on-desktop: 1200px;
70 | 


--------------------------------------------------------------------------------