add in canvas_lines and canvas_sphere to background animation.

iissnan · Apr 15, 2017 · 763c37f · 763c37f
1 parent e2c0e5f
commit 763c37f
Show file tree

Hide file tree

Showing 5 changed files with 69 additions and 2 deletions.
diff --git a/_config.yml b/_config.yml
@@ -479,9 +479,15 @@ fancybox: true
 # Canvas-nest
 canvas_nest: false
 
-#three_waves
+# three_waves
 three_waves: false
 
+# canvas_lines
+canvas_lines: false
+
+# canvas_sphere
+canvas_sphere: false
+
 # Only fit scheme Pisces
 # Canvas-ribbon
 canvas_ribbon: false
@@ -539,8 +545,19 @@ vendors:
 
   # three
   three:
+
+  # three_waves
+  # https://github.com/jjandxa/three_waves
   three_waves:
 
+  # three_waves
+  # https://github.com/jjandxa/canvas_lines
+  canvas_lines:
+
+  # three_waves
+  # https://github.com/jjandxa/canvas_sphere
+  canvas_sphere:
+
   # Internal version: 1.0.0
   # https://github.com/zproo/canvas-ribbon
   canvas_ribbon:

diff --git a/layout/_scripts/vendors.swig b/layout/_scripts/vendors.swig
@@ -25,6 +25,16 @@
   {% set js_vendors.three_waves  = 'three/three-waves.min.js' %}
 {% endif %}
 
+{% if theme.canvas_lines %}
+  {% set js_vendors.three  = 'three/three.min.js' %}
+  {% set js_vendors.canvas_lines  = 'three/canvas_lines.min.js' %}
+{% endif %}
+
+{% if theme.canvas_sphere %}
+  {% set js_vendors.three  = 'three/three.min.js' %}
+  {% set js_vendors.canvas_sphere  = 'three/canvas_sphere.min.js' %}
+{% endif %}
+
 {% if theme.canvas_ribbon and theme.scheme === 'Pisces'%}
   {% set js_vendors.canvas_ribbon  = 'canvas-ribbon/canvas-ribbon.js' %}
 {% endif %}

diff --git a/source/css/_variables/base.styl b/source/css/_variables/base.styl
@@ -215,7 +215,7 @@ $headband-bg                    = $black-deep
 // Variables for header section elements.
 // --------------------------------------------------
 
-$head-bg                        = white
+$head-bg                        = transparent
 
 // Site Meta
 $site-meta-text-align           = center