From 447dfd61eed43d127d836ead7326d59e173678fb Mon Sep 17 00:00:00 2001
From: Westly Wright <westly.wright@gmail.com>
Date: Fri, 8 Jun 2018 16:24:13 -0700
Subject: [PATCH] Add zoom.ts

---
 content/rancher/v2.x/en/overview/_index.md | 2 +-
 gulpfile.babel.js                          | 2 +-
 package.json                               | 3 ++-
 src/sass/app.scss                          | 3 ++-
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/content/rancher/v2.x/en/overview/_index.md b/content/rancher/v2.x/en/overview/_index.md
index 1202ed219c8..b2c1280857f 100644
--- a/content/rancher/v2.x/en/overview/_index.md
+++ b/content/rancher/v2.x/en/overview/_index.md
@@ -22,4 +22,4 @@ Rancher provides an intuitive user interface for DevOps engineers to manage thei
 
 The following figure illustrates the role Rancher plays in IT and DevOps organizations. Each team deploys their applications on the public or private clouds they choose. IT administrators gain visibility and enforce policies across all users, clusters, and clouds.
 
-![Platform]({{< baseurl >}}/img/rancher/platform.png)
+{{< zoom-img src="img/rancher/platform.png" alt="Platform">}}
diff --git a/gulpfile.babel.js b/gulpfile.babel.js
index daed7d6a4f3..47d800c230a 100644
--- a/gulpfile.babel.js
+++ b/gulpfile.babel.js
@@ -103,7 +103,7 @@ gulp.task('sass', () => {
     .pipe(gulp.dest('static/css'));
 });
 
-const vendors = ['ml-stack-nav', 'lory.js', 'tingle.js', 'moment', 'jquery'];
+const vendors = ['zoom.ts', 'ml-stack-nav', 'lory.js', 'tingle.js', 'moment', 'jquery'];
 
 gulp.task('build:vendor', () => {
   const b = browserify();
diff --git a/package.json b/package.json
index 0cb2c49bb74..63b48c90d6c 100644
--- a/package.json
+++ b/package.json
@@ -35,7 +35,8 @@
     "rancher-website-theme": "https://github.com/rancherlabs/website-theme.git",
     "run-sequence": "^2.0.0",
     "vinyl-buffer": "^1.0.1",
-    "vinyl-source-stream": "^2.0.0"
+    "vinyl-source-stream": "^2.0.0",
+    "zoom.ts": "^8.0.0"
   },
   "babel": {
     "presets": [
diff --git a/src/sass/app.scss b/src/sass/app.scss
index 48829fde1c3..0fc565aa3a5 100644
--- a/src/sass/app.scss
+++ b/src/sass/app.scss
@@ -3,7 +3,8 @@
 // 7. node
 @import
 '~tingle.js/src/tingle',
-'~ml-stack-nav/src/ml-stack-nav';
+'~ml-stack-nav/src/ml-stack-nav',
+'~zoom.ts/dist/zoom';
 
 // 1. Configuration and helpers
 @import