built v20.03

Author: jsdnhk

.babelrc

@@ -0,0 +1,14 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "browsers": [
+            "> .5% or last 3 versions, not IE <= 11"
+          ]
+        }
+      }
+    ]
+  ]
+}

.gitattributes

@@ -1,4 +1,4 @@
+assets/videos/ filter=lfs diff=lfs merge=lfs -text
 # assets/images/**/*.jpg filter=lfs diff=lfs merge=lfs -text
 # assets/images/**/*.png filter=lfs diff=lfs merge=lfs -text
 # assets/images/**/*.gif filter=lfs diff=lfs merge=lfs -text
-assets/videos/ filter=lfs diff=lfs merge=lfs -text

.ruby-version

@@ -1 +1 @@
-2.5.3
+ruby-2.5.3

CHANGELOG.md

@@ -3,6 +3,15 @@ title: "Changelog"
 ---
 ## Latest Update
 
+### v20.03 (2020/03/03)
+
+- Updated background video player's videos, buttons
+- Created toolset & fonts pages
+- Integrated GitHub workflow in the build process
+- Integrated automation task scripts
+- Displayed latest update date of pages
+- Enhanced sidebar features and animation
+
 ### v20.02 (2020/02/02)
 
 - Updated project structure

_config.yaml

@@ -26,7 +26,18 @@ disqus_shortname: jsdnhk
 
 # build settings
 collections_dir: collections
-exclude: ["etc", "scripts", "vendor", "Gemfile*", "package.json*", "Rakefile", "node_modules", ".idea", ".github"]
+exclude:
+  - "etc"
+  - "scripts"
+  - "vendor"
+  - "Gemfile*"
+  - "package.json*"
+  - "Rakefile"
+  - "node_modules"
+  - ".idea"
+  - ".github"
+  - "**/*/node_modules"
+  - "**/*/package.json*"
 profile: true
 strict_front_matter: true
 

_data/pages_latest.yaml

@@ -1,6 +1,6 @@
 ---
 - name: blog
-  mtime: '20200225'
+  mtime: '20200303'
 - name: debug
   mtime: '20200226'
 - name: fonts
@@ -12,4 +12,4 @@
 - name: resume
   mtime: '20200202'
 - name: toolset
-  mtime: '20200228'
+  mtime: '20200301'

_includes/bg_video.html

@@ -1,7 +1,4 @@
-<!--<video id="video-bg" class="video-bg" poster="" loop>-->
-<video id="video-bg" class="video-bg" poster="">
-
-</video>
+<video id="video-bg" class="video-bg" poster=""/>
 
 <script>
     var selectBG;
@@ -84,7 +81,7 @@
         videoBG.load();
     }
 
-    function playLoop(event) {
+    function changePlaySeq(event) {
         setLoopPlay(!isLoopPlay);
     }
 

_includes/comment.html

@@ -3,7 +3,7 @@
 <script type="text/javascript">
     /* * * CONFIGURATION VARIABLES * * */
     var disqus_shortname = "{{site.disqus_shortname}}";
-    var disqus_identifier = "{{page.id}}";
+    var disqus_identifier = "{{page.url}}";
     var disqus_url = "{{site.url}}{{page.url}}";
 
     (function() {

_includes/sidebar.html

@@ -1,6 +1,7 @@
 <div class="sidebar">
   <div class="container sidebar-sticky">
     <div class="sidebar-about">
+      <!--<script src="/assets/js/cowsay/cowsay.bundle.js"></script>-->
       <script src="/assets/js/sidebar/logo.js"></script>
       <script src="/assets/js/sidebar/banner.js"></script>
       <h1>
@@ -25,7 +26,7 @@ <h1>
         </div>
         <div class="grid-video-bg">
           <div class="grid-item-video-bg"><a href="javascript:reloadVideoBG();" class=""><i class="fa fa-refresh hvr-icon" aria-hidden="true"/></a></div>
-          <div class="grid-item-video-bg"><a href="javascript:playLoop();" class=""><i class="fa fa-list-ul hvr-icon" aria-hidden="true"/></a></div>
+          <div class="grid-item-video-bg"><a href="javascript:changePlaySeq();" class=""><i class="fa fa-list-ul hvr-icon" aria-hidden="true"/></a></div>
           <div class="grid-item-video-bg"><a href="javascript:toogleSoundVideoBG();" class=""><i class="fa fa-volume-up hvr-icon" aria-hidden="true"/></a></div>
           <div class="grid-item-video-bg"><a href="javascript:toogleOpacity();" class=""><i class="fa fa-adjust hvr-icon" aria-hidden="true"/></a></div>
           <div class="grid-item-video-bg"><a href="javascript:shiftVideo(-1);" class=""><i class="fa fa-backward hvr-icon" aria-hidden="true"/></a></div>

assets/js/cowsay/.eslintrc.json

@@ -0,0 +1,25 @@
+{
+  "env": {
+    "browser": true,
+    "commonjs": true,
+    "es6": true,
+    "node": true
+  },
+  "extends": "eslint:recommended",
+  "globals": {
+    "Atomics": "readonly",
+    "SharedArrayBuffer": "readonly"
+  },
+  "parserOptions": {
+    "ecmaVersion": 2018
+  },
+  "rules": {
+    "indent": ["error", 2],
+    "linebreak-style": ["error", "unix"],
+    "quotes": ["error", "single", { "avoidEscape": true }],
+    "semi": ["error", "always"],
+    "no-useless-escape": "off",
+    "no-irregular-whitespace": "off",
+    "no-unused-vars": ["error", {"argsIgnorePattern": "thoughts|tongue|eyes|eye"}]
+  }
+}

assets/js/cowsay/.gitignore

@@ -1,2 +1,2 @@
-node_modules/
-package-lock.json
+node_modules
+package-lock.json

assets/js/cowsay/.travis.yml

@@ -0,0 +1,6 @@
+language: node_js
+node_js:
+  - 10
+  - 12
+  - 13
+  

assets/js/cowsay/LICENSE

@@ -1,14 +1,13 @@
-cowsay is licensed under the following MIT license:
+MIT License
 
-====
-Copyright (c) 2012 Fabio Crisci <fabio.crisci@gmail.com>
+Copyright (c) 2020 John P. Simons
 
-Permission is hereby granted, free of charge, to any person obtaining a copy of
-this software and associated documentation files (the "Software"), to deal in
-the Software without restriction, including without limitation the rights to
-use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
-of the Software, and to permit persons to whom the Software is furnished to do
-so, subject to the following conditions:
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
 
 The above copyright notice and this permission notice shall be included in all
 copies or substantial portions of the Software.
@@ -20,7 +19,3 @@ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
-
-====
-
-The original idea of cowsay come from [Tony Monroe](http://www.nog.net/~tony/) - [cowsay](https://github.com/schacon/cowsay) 

assets/js/cowsay/README.md

@@ -1,115 +1,109 @@
 # cowsay
 
-````
- __________________
-< srsly dude, why? >
- ------------------
-        \   ^__^
-         \  (oo)\_______
-            (__)\       )\/\
-                ||----w |
-                ||     ||
-````
+[![Build Status](https://travis-ci.com/johnnysprinkles/cowsay.svg?branch=master)](https://travis-ci.com/johnnysprinkles/cowsay)
+[![npm version](https://badge.fury.io/js/cowsay2.svg)](https://badge.fury.io/js/cowsay2)
+
+Modernized version of cowsay
+
+This borrows from https://github.com/piuccio/cowsay.
+The cow files are the same content but instead of Perl heredoc text files
+they're ES6 template literals.
 
-cowsay is a configurable talking cow, originally written in Perl by [Tony Monroe](https://github.com/tnalpgge/rank-amateur-cowsay)
+* No reading files at runtime. Cows are declared as static compile-time dependencies.
+* Works the same whether client-side or server-side, and whether running from
+  raw source for from a transpiled bundle.
+* Leveraging modern language features like destructuring and arrow functions.
+* Update to more modern Javascript style with two-space indents, single quoted
+  strings, and `const` and `let` instead of `var`, as you might see on the Google
+  or airbnb JS style guides.
 
-This project is a translation in JavaScript of the original program and an attempt to bring the same silliness to node.js.
+### Usage
 
-## Install
+See test/example.js for examples, but the basic usage is:
 
-    npm install -g cowsay
+    cowsay.say('What you want to say');
 
-## Usage
+Or pass some options:
 
-    cowsay JavaScript FTW!
+    cowsay.say('Did you hear someting?', { mode: 'paranoid' });
+    cowsay.say('A quick brown fox jumped over the lazy dog', { W: 15 });
+    cowsay.think('I\'m looking sideways', { e: 'cc' });
 
-or
+Get a demo of all available cows with `node test/cows.js`, and get a demo of all
+available modes with `node test/modes.js`. Get a general test demonstrating line wrapping
+and whitespace handling at `node test/example.js`.
 
-    cowthink node.js is cool
+### Importing cows
 
-It acts in the same way as the original cowsay, so consult `cowsay(1)` or run `cowsay -h`
+The above examples use the default cow file. You can import other cows and pass them in
+on the `cow` option. Do that one of two ways.
 
-````
- ________
-< indeed >
- --------
-    \
-     \
-                                   .::!!!!!!!:.
-  .!!!!!:.                        .:!!!!!!!!!!!!
-  ~~~~!!!!!!.                 .:!!!!!!!!!UWWW$$$
-      :$$NWX!!:           .:!!!!!!XUWW$$$$$$$$$P
-      $$$$$##WX!:      .<!!!!UW$$$$"  $$$$$$$$#
-      $$$$$  $$$UX   :!!UW$$$$$$$$$   4$$$$$*
-      ^$$$B  $$$$\     $$$$$$$$$$$$   d$$R"
-        "*$bd$$$$      '*$$$$$$$$$$$o+#"
-             """"          """""""
-````
+Import all cows, like:
 
-## Usage as a module
+    let cows = require('cowsay2/cows');
+    cowsay('Gobble gobble', { cow: cows.turkey });
 
-cowsay can be used as any other npm dependency
+Or just import the cow you need (better for client-side bundles):
 
-    var cowsay = require("cowsay");
+    let cow = require('cowsay2/turkey');
+    cowsay('Gobble gobble', { cow });
 
-    console.log(cowsay.say({
-    	text : "I'm a moooodule",
-    	e : "oO",
-    	T : "U "
-    }));
+### Text options
 
-    // or cowsay.think()
+* `n` or `nowrap`: Don't do any line wrapping beyond whatever newlines occur in the provided text
+* `W`: Number of columns to wrap at (defaults to 40)
 
-````
- _________________
-( I'm a moooodule )
- -----------------
-        o   ^__^
-         o  (oO)\_______
-            (__)\       )\/\
-             U  ||----w |
-                ||     ||
-````
+### Examples
 
-## Pipe from standard input
+See some live example on RunKit at
+https://runkit.com/johnnysprinkles/5e28a5470e860e001a25123f
 
-    echo please repeat | cowsay
+    console.log(cowsay('hi'));
+     ____
+    < hi >
+     ----
+            \   ^__^
+             \  (oo)\_______
+                (__)\       )\/\
+                    ||----w |
+                    ||     ||
 
-## Usage in the browser
 
-cowsay works in your browser too with rollup / webpack / browserify / you name it.
+    console.log(cowsay.say("The static String.raw() method is a tag function of template literals. This is similar to the r prefix in Python, or the @ prefix in C# for string literals. (But it is not identical; see explanations in this issue.) It's used to get the raw string form of template strings, that is, substitutions (e.g. \${foo}) are processed, but escapes (e.g. \n) are not."));
+     __________________________________________
+    / The static String.raw() method is a tag  \
+    | function of template literals. This is   |
+    | similar to the r prefix in Python, or    |
+    | the @ prefix in C# for string literals.  |
+    | (But it is not identical; see            |
+    | explanations in this issue.) It's used   |
+    | to get the raw string form of template   |
+    | strings, that is, substitutions (e.g.    |
+    | ${foo}) are processed, but escapes (e.g. |
+    \ ) are not.                               /
+     ------------------------------------------
+            \   ^__^
+             \  (oo)\_______
+                (__)\       )\/\
+                    ||----w |
+                    ||     ||
 
-```js
-import { say } from 'cowsay';
 
-console.log(say({ text: 'grazing in the browser' }));
-```
-
-You can customize the cow by importing the relevant one
-
-```js
-import { think, SQUIRREL } from 'cowsay';
-
-console.log(think({
-  text: 'grazing in the browser',
-  cow: SQUIRREL,
-  eyes: 'pp',
-  tongue: ';;',
-}));
-```
-
-All cows are included in the bundle, but you can use rollup / webpack tree-shake feature to reduce the final bundle size.
-
-### Browser options
-
-```js
-say({
-  text: 'hello',
-  cow: '', // Template for a cow, get inspiration from `./cows`
-  eyes: 'oo', // Select the appearance of the cow's eyes, equivalent to cowsay -e
-  tongue: 'L|', // The tongue is configurable similarly to the eyes through -T and tongue_string, equivalent to cowsay -T
-  wrap: false, // If it is specified, the given message will not be word-wrapped. equivalent to cowsay -n
-  wrapLength: 40, // Specifies roughly where the message should be wrapped. equivalent to cowsay -W
-  mode: 'b', // One of 	"b", "d", "g", "p", "s", "t", "w", "y"
-});
-```
+    const whale = require('./cows/whale');
+    console.log(cowsay.say('Moo', { cow: whale }));
+     _____
+    < Moo >
+     -----
+       \
+        \
+         \
+                    '-.
+          .---._     \ .--'
+        /       `-..__)  ,-'
+       |    0           /
+        --.__,   .__.,`
+         `-.___'._\_.'
+
+### Related packages
+
+https://github.com/piuccio/cowsay