jekyll-theme-wapiti 0.1.0

data/lib/less/mixins.less

@@ -0,0 +1,52 @@
+// Mixins
+
+.transition-all() {
+    -webkit-transition: all 0.5s;
+    -moz-transition: all 0.5s;
+    transition: all 0.5s;
+}
+
+.background-cover() {
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    background-size: cover;
+    -o-background-size: cover;
+}
+
+.serif() {
+	font-family: 'Lora', 'Times New Roman', serif;
+}
+
+.sans-serif () {
+	/* Hux learn from
+     *     TypeIsBeautiful,
+     *     [This Post](http://zhuanlan.zhihu.com/ibuick/20186806) etc.
+     */
+	font-family:
+        // System Font            // https://www.webkit.org/blog/3709/using-the-system-font-in-web-content/
+        -apple-system,            // OSX ^10.11 & iOS ^9  San Francisco & 苹方 for Safari
+        BlinkMacSystemFont,       // OSX ^10.11 & iOS ^9  San Francisco & 苹方 for Blink 
+
+        // English First
+        "Helvetica Neue",         // OSX
+        "Arial",                  // Win "Helvetica"
+        //" Segoe UI",            // Win ^8
+
+        // Chinese Fallback
+        "PingFang SC",            // OSX ^10.11 & iOS ^9  苹方（华康信凭黑）
+        "Hiragino Sans GB",       // OSX ^10.6            冬青黑体
+        "STHeiti",                // OSX <10.6  & iOS <9  华文黑体
+        "Microsoft YaHei",        // Win                  微软雅黑
+        "Microsoft JhengHei",     // Win                  微软正黑
+        "Source Han Sans SC",     // SourceHan - begin    思源黑体
+        "Noto Sans CJK SC",
+        "Source Han Sans CN",
+        "Noto Sans SC",
+        "Source Han Sans TC",
+        "Noto Sans CJK TC",       // SourceHan - end
+        "WenQuanYi Micro Hei",    // Linux                文泉驿微米黑
+        SimSun,                   // Win old              中易宋体
+        sans-serif;               // System Fallback
+
+	line-height: 1.7;
+}

data/lib/less/side-catalog.less

@@ -0,0 +1,81 @@
+// Directory Section
+
+.catalog-container{
+    padding: 0px;
+}
+
+.side-catalog {
+    &.fixed{
+        position: fixed;
+        top: -21px;
+    }
+    &.fold{
+        .catalog-toggle::before{
+            content: "+";
+        }
+        .catalog-body{
+            display: none;
+        }
+    }
+    .catalog-toggle::before{
+        content: "−";
+        position: relative;
+        margin-right: 5px;
+        bottom: 1px;
+    }
+    display: block;
+    overflow: auto;
+    height: 100%;
+    padding-bottom: 40px;
+    width: 195px;
+    .catalog-body{
+        position: relative;
+        list-style: none;
+        height: auto;
+        overflow: hidden;
+        padding-left: 0px;
+        padding-right: 5px;
+        text-indent: 0;
+        li{
+            position: relative;
+            list-style: none;
+            a{
+                padding-left: 10px;
+                max-width: 180px;
+                display: inline-block;
+                vertical-align: middle;
+                height: 30px;
+                line-height: 30px;
+                overflow: hidden;
+                text-decoration: none;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+            }
+        }
+        .h1_nav,.h2_nav,.h3_nav{
+            margin-left: 0;
+            font-size: 13px;
+            font-weight: bold;
+        }
+        .h4_nav,.h5_nav,.h6_nav{
+            margin-left: 10px;
+            font-size: 12px;
+            a{
+                max-width: 170px;
+            }
+        }
+        .active{
+            a{
+                color: #0085a1!important;
+            }
+            border-radius: 4px;
+            background-color: #F5F5F5;
+        }
+    }
+}
+
+@media (max-width: 1200px){
+    .side-catalog{
+        display: none;
+    }
+}

data/lib/less/sidebar.less

@@ -0,0 +1,58 @@
+@import "variables.less";
+
+// Sidebar Components
+
+// Large Screen
+@media (min-width: 1200px){
+    .post-container, .sidebar-container{
+        padding-right: 5%;
+    }
+}
+@media (min-width: 768px){
+    .post-container{
+        padding-right: 5%;
+    }
+}
+
+// Container of Sidebar, also Friends
+.sidebar-container{
+    color: @gray-l;
+    font-size: 14px;
+    h5{
+        color: @gray;
+        padding-bottom: 1em;
+        a{
+            color: @gray !important;
+            text-decoration: none;
+        }
+    }
+    a{
+        color: @gray-l !important;
+        &:hover, &:active{
+            color: @brand-primary !important;
+        }
+    }
+    .tags{
+        a{
+            border-color: @gray-l;
+            &:hover, &:active{
+                border-color: @brand-primary;
+            }
+        }
+    }
+    .short-about{
+        img{
+            width: 80%;
+            display: block;
+            border-radius: 5px;
+            margin-bottom: 20px;
+        }
+        p{
+            margin-top: 0px;
+            margin-bottom: 20px;
+        }
+        .list-inline>li{
+            padding-left: 0px;
+        }
+    }
+}

data/lib/less/variables.less

@@ -0,0 +1,8 @@
+// Variables
+
+@brand-primary: #0085A1;
+@gray-dark: lighten(black, 25%);
+@gray: lighten(black, 50%);
+@gray-l: lighten(black, 75%);
+@white-faded: fade(white, 80%);
+@gray-light: #eee;

data/lib/offline.html

@@ -0,0 +1,25 @@
+---
+layout: default
+description: "当前网络不可用 :("
+header-img: "img/404-bg.jpg"
+permalink: /offline.html
+---
+
+
+<!-- Page Header -->
+<header class="intro-header" style="background-image: url('{{ site.baseurl }}/{% if page.header-img %}{{ page.header-img }}{% else %}{{ site.header-img }}{% endif %}')">
+	<div class="container">
+		<div class="row">
+			<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
+				<div class="site-heading" id="tag-heading">
+					<h1>Offline</h1>
+					<span class="subheading">{{ page.description }}</span>
+				</div>
+			</div>
+		</div>
+	</div>
+</header>
+
+<script>
+	document.body.classList.add('page-fullscreen');
+</script>

data/lib/package.json

@@ -0,0 +1,22 @@
+{
+    "name": "jekyll-theme-wapiti",
+    "title": "jekyll-theme-wapiti",
+    "version": "1.0.0",
+    "homepage": "https://aiokr.github.io/jekyll-theme-wapiti/",
+    "author": "aiokr",
+    "license": {
+        "type": "Apache 2.0",
+        "url": "https://github.com/aiokr/aiokr.github.io/blob/master/LICENSE"
+    },
+    "devDependencies": {
+        "grunt": "~0.4.5",
+        "grunt-contrib-less": "~0.11.4",
+        "grunt-contrib-watch": "~0.6.1",
+        "grunt-banner": "~0.2.3",
+        "grunt-contrib-uglify": "~0.5.1"
+    },
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/aiokr/aiokr.github.io.git"
+    }
+}

data/lib/pwa/manifest.json

@@ -0,0 +1,17 @@
+{
+  "short_name": "wapiti theme",
+  "name": "wapiti theme",
+  "description": "",
+  "icons": [
+    {
+      "src": "192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    }
+  ],
+  "background_color": "#607D8B",
+  "theme_color": "#607D8B",
+  "start_url": "/",
+  "display": "standalone",
+  "orientation": "portrait"
+}

data/lib/sw.js

@@ -0,0 +1,146 @@
+/* ===========================================================
+ * sw.js
+ * ===========================================================
+ * Copyright 2016 @huxpro
+ * Licensed under Apache 2.0 
+ * Register service worker.
+ * ========================================================== */
+
+const PRECACHE = 'precache-v1';
+const RUNTIME = 'runtime';
+const HOSTNAME_WHITELIST = [
+  self.location.hostname,
+  "aiokr.github.io",
+]
+
+
+// The Util Function to hack URLs of intercepted requests
+const getFixedUrl = (req) => {
+  var now = Date.now();
+  url = new URL(req.url)
+
+  // 1. fixed http URL
+  // Just keep syncing with location.protocol 
+  // fetch(httpURL) belongs to active mixed content. 
+  // And fetch(httpRequest) is not supported yet.
+  url.protocol = self.location.protocol
+
+  // 2. add query for caching-busting.
+  // Github Pages served with Cache-Control: max-age=600
+  // max-age on mutable content is error-prone, with SW life of bugs can even extend.
+  // Until cache mode of Fetch API landed, we have to workaround cache-busting with query string.
+  // Cache-Control-Bug: https://bugs.chromium.org/p/chromium/issues/detail?id=453190
+  url.search += (url.search ? '&' : '?') + 'cache-bust=' + now;
+  return url.href
+}
+
+// The Util Function to detect and polyfill req.mode="navigate"
+// request.mode of 'navigate' is unfortunately not supported in Chrome
+// versions older than 49, so we need to include a less precise fallback,
+// which checks for a GET request with an Accept: text/html header.
+const isNavigationReq = (req) => (req.mode === 'navigate' || (req.method === 'GET' && req.headers.get('accept').includes('text/html')))
+
+// The Util Function to detect if a req is end with extension
+// Accordin to Fetch API spec <https://fetch.spec.whatwg.org/#concept-request-destination>
+// Any HTML's navigation has consistently mode="navigate" type="" and destination="document" 
+// including requesting an img (or any static resources) from URL Bar directly.
+// So It ends up with that regExp is still the king of URL routing ;)
+// P.S. An url.pathname has no '.' can not indicate it ends with extension (e.g. /api/version/1.2/)
+const endWithExtension = (req) => Boolean(new URL(req.url).pathname.match(/\.\w+$/))
+
+// Redirect in SW manually fixed github pages arbitray 404s on things?blah 
+// what we want:
+//    repo?blah -> !(gh 404) -> sw 302 -> repo/?blah 
+//    .ext?blah -> !(sw 302 -> .ext/?blah -> gh 404) -> .ext?blah 
+// If It's a navigation req and it's url.pathname isn't end with '/' or '.ext'
+// it should be a dir/repo request and need to be fixed (a.k.a be redirected)
+// Tracking https://twitter.com/Huxpro/status/798816417097224193
+const shouldRedirect = (req) => (isNavigationReq(req) && new URL(req.url).pathname.substr(-1) !== "/" && !endWithExtension(req))
+
+// The Util Function to get redirect URL
+// `${url}/` would mis-add "/" in the end of query, so we use URL object.
+// P.P.S. Always trust url.pathname instead of the whole url string.
+const getRedirectUrl = (req) => {
+  url = new URL(req.url)
+  url.pathname += "/"
+  return url.href
+}
+
+/**
+ *  @Lifecycle Install
+ *  Precache anything static to this version of your app.
+ *  e.g. App Shell, 404, JS/CSS dependencies...
+ *
+ *  waitUntil() : installing ====> installed
+ *  skipWaiting() : waiting(installed) ====> activating
+ */
+self.addEventListener('install', e => {
+  e.waitUntil(
+    caches.open(PRECACHE).then(cache => {
+      return cache.add('offline.html')
+      .then(self.skipWaiting())
+      .catch(err => console.log(err))
+    })
+  )
+});
+
+
+/**
+ *  @Lifecycle Activate
+ *  New one activated when old isnt being used.
+ *
+ *  waitUntil(): activating ====> activated
+ */
+self.addEventListener('activate',  event => {
+  console.log('service worker activated.')
+  event.waitUntil(self.clients.claim());
+});
+
+
+/**
+ *  @Functional Fetch
+ *  All network requests are being intercepted here.
+ * 
+ *  void respondWith(Promise<Response> r);
+ */
+self.addEventListener('fetch', event => {
+  // logs for debugging
+  console.log(`fetch ${event.request.url}`)
+  //console.log(` - type: ${event.request.type}; destination: ${event.request.destination}`)
+  //console.log(` - mode: ${event.request.mode}, accept: ${event.request.headers.get('accept')}`)
+
+  // Skip some of cross-origin requests, like those for Google Analytics.
+  if (HOSTNAME_WHITELIST.indexOf(new URL(event.request.url).hostname) > -1) {
+    
+    // Redirect in SW manually fixed github pages 404s on repo?blah 
+    if(shouldRedirect(event.request)){
+      event.respondWith(Response.redirect(getRedirectUrl(event.request)))
+      return;
+    }
+
+    // Stale-while-revalidate 
+    // similar to HTTP's stale-while-revalidate: https://www.mnot.net/blog/2007/12/12/stale
+    // Upgrade from Jake's to Surma's: https://gist.github.com/surma/eb441223daaedf880801ad80006389f1
+    const cached = caches.match(event.request);
+    const fixedUrl = getFixedUrl(event.request);
+    const fetched = fetch(fixedUrl, {cache: "no-store"});
+    const fetchedCopy = fetched.then(resp => resp.clone());
+
+    // Call respondWith() with whatever we get first.
+    // If the fetch fails (e.g disconnected), wait for the cache.
+    // If there’s nothing in cache, wait for the fetch. 
+    // If neither yields a response, return offline pages.
+    event.respondWith(
+      Promise.race([fetched.catch(_ => cached), cached])
+        .then(resp => resp || fetched)
+        .catch(_ => caches.match('offline.html'))
+    );
+
+    // Update the cache with the version we fetched (only for ok status)
+    event.waitUntil(
+      Promise.all([fetchedCopy, caches.open(RUNTIME)])
+        .then(([response, cache]) => response.ok && cache.put(event.request, response))
+        .catch(_ => {/* eat any errors */})
+    );
+  }
+});

data/lib/tags.html

@@ -0,0 +1,53 @@
+---
+title: Tags
+layout: page
+description: a cloud of tags
+header-img: "img/index.jpg"
+---
+
+<!-- -->
+
+
+<!-- Main Content -->
+<div class="container">
+	<div class="row">
+		<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
+            <!-- 标签云 -->
+			<div id='tag_cloud' class="tags">
+				{% for tag in site.tags %}
+				<a href="#{{ tag[0] }}" title="{{ tag[0] }}" rel="{{ tag[1].size }}">{{ tag[0] }}</a>
+				{% endfor %}
+			</div>
+
+            <!-- 标签列表 -->
+			{% for tag in site.tags %}
+			<div class="one-tag-list">
+			  	<span class="fa fa-tag listing-seperator" id="{{ tag[0] }}">
+                    <span class="tag-text">{{ tag[0] }}</span>
+                </span>
+				{% for post in tag[1] %}
+				  <!-- <li class="listing-item">
+				  <time datetime="{{ post.date | date:"%Y-%m-%d" }}">{{ post.date | date:"%Y-%m-%d" }}</time>
+				  <a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a>
+				  </li> -->
+				 <div class="post-preview">
+				    <a href="{{ post.url | prepend: site.baseurl }}">
+				        <h2 class="post-title">
+                            {{ post.title }}
+				        </h2>
+				        {% if post.subtitle %}
+				        <h3 class="post-subtitle">
+				            {{ post.subtitle }}
+				        </h3>
+				        {% endif %}
+				    </a>
+				    <!-- <p class="post-meta">{{ post.date | date:"%Y-%m-%d" }}</p> -->
+				</div>
+				<hr>
+				{% endfor %}
+			</div>
+			{% endfor %}
+
+		</div>
+	</div>
+</div>

metadata

@@ -0,0 +1,131 @@
+--- !ruby/object:Gem::Specification
+name: jekyll-theme-wapiti
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- AngusChen
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2017-03-26 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.14'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.14'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description: a better for jekyll
+email:
+- hiaiokr@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- README.md
+- Rakefile
+- bin/console
+- bin/setup
+- jekyll-theme-wapiti.gemspec
+- lib/.gitignore
+- lib/404.html
+- lib/LICENSE
+- lib/README.md
+- lib/_config.yml
+- lib/_includes/footer.html
+- lib/_includes/head.html
+- lib/_includes/nav.html
+- lib/_layouts/default.html
+- lib/_layouts/page.html
+- lib/_layouts/post.html
+- lib/_posts/2017-03-25-markdown-test.md
+- lib/_posts/2017-03-26-catalog-test.md
+- lib/about.md
+- lib/css/backtop.css
+- lib/css/bootstrap.min.css
+- lib/css/clean-blog.min.css
+- lib/css/material.min.css
+- lib/css/print.css
+- lib/css/style.css
+- lib/css/syntax.css
+- lib/feed.xml
+- lib/fonts/glyphicons-halflings-regular.eot
+- lib/fonts/glyphicons-halflings-regular.svg
+- lib/fonts/glyphicons-halflings-regular.ttf
+- lib/fonts/glyphicons-halflings-regular.woff
+- lib/fonts/glyphicons-halflings-regular.woff2
+- lib/img/avatar.png
+- lib/img/favicon.png
+- lib/img/index.jpg
+- lib/index.html
+- lib/jekyll/theme/wapiti.rb
+- lib/jekyll/theme/wapiti/version.rb
+- lib/js/animatescroll.min.js
+- lib/js/bootstrap.min.js
+- lib/js/jquery.js
+- lib/js/jquery.min.js
+- lib/js/jquery.nav.js
+- lib/js/jquery.tagcloud.js
+- lib/js/js.js
+- lib/js/js.min.js
+- lib/js/material.min.js
+- lib/less/hux-blog.less
+- lib/less/mixins.less
+- lib/less/side-catalog.less
+- lib/less/sidebar.less
+- lib/less/variables.less
+- lib/offline.html
+- lib/package.json
+- lib/pwa/icons/192.png
+- lib/pwa/manifest.json
+- lib/sw.js
+- lib/tags.html
+homepage: https://aiokr.github.io/jekyll-theme-wapiti/
+licenses: []
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.5.2
+signing_key: 
+specification_version: 4
+summary: Jekyll-theme-wapiti
+test_files: []