Fix the syntax highlighting so that it does not generate links for each HTML tags. We had to switch to a "local" version since the version o cloud flare contains the plugin which generates the links by default.

docs/_assets/main.css

@@ -616,6 +616,8 @@ _:-ms-input-placeholder, :root .snippet-group .snippet-captions .snippet-caption
   padding: 8px 16px;
   position: relative;
   max-height: none;
+  width: 100%;
+  box-sizing: border-box;
 }
 .snippet-group .snippet-code pre[class*=language-]>code[data-language] {
   max-height: none;

docs/_templates/layout.html

@@ -34,7 +34,7 @@
     -->
 
     <!-- Page styles -->
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/0.0.1/prism.min.css">
+    <link rel="stylesheet" href="{{page.include_prefix}}assets/prism-default.css">
     <link rel="stylesheet" href="{{page.include_prefix}}material.min.css">
     <link rel="stylesheet" href="{{page.include_prefix}}assets/main.css">
 
@@ -129,7 +129,8 @@
     <!-- Add Copy-to-CodePen buttons to code blocks -->
     <script src="{{page.include_prefix}}assets/codepen.js"></script>
     <!-- Enable Prism syntax highlighting -->
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/0.0.1/prism.min.js"></script>
+    <script src="{{page.include_prefix}}assets/prism.js"></script>
+    <script src="{{page.include_prefix}}assets/prism-markup.min.js"></script>
     <script src="{{page.include_prefix}}assets/main.js"></script>
     <!-- Built with love using Material Design Lite -->
   </body>

gulpfile.js

@@ -413,7 +413,10 @@ gulp.task('assets', function () {
   return gulp.src([
       'docs/_assets/**/*',
       'node_modules/clippy/build/clippy.swf',
-      'node_modules/swfobject-npm/swfobject/src/swfobject.js'
+      'node_modules/swfobject-npm/swfobject/src/swfobject.js',
+      'node_modules/prismjs/prism.js',
+      'node_modules/prismjs/components/prism-markup.min.js',
+      'node_modules/prismjs/dist/prism-default/prism-default.css'
     ])
     .pipe($.if(/\.js/i, $.replace('$$version$$', pkg.version)))
     .pipe($.if(/\.js/i, $.replace('$$hosted_libs_prefix$$', hostedLibsUrlPrefix)))
@@ -422,6 +425,7 @@ gulp.task('assets', function () {
       interlaced: true
     })))
     .pipe($.if(/\.css/i, $.autoprefixer(AUTOPREFIXER_BROWSERS)))
+    .pipe($.if(/\.css/i, $.uglifycss()))
     .pipe($.if(/\.js/i, $.uglify({preserveComments: 'some', sourceRoot: '.',
       sourceMapIncludeSources: true})))
     .pipe(gulp.dest('dist/assets'));

package.json

@@ -50,6 +50,7 @@
     "gulp-sourcemaps": "^1.3.0",
     "gulp-tap": "^0.1.3",
     "gulp-uglify": "^1.0.1",
+    "gulp-uglifycss": "^1.0.4",
     "gulp-useref": "^1.0.1",
     "gulp-util": "^3.0.4",
     "gulp-zip": "^3.0.2",
@@ -72,6 +73,7 @@
     "test": "gulp && git status | grep 'working directory clean' >/dev/null || (echo 'Please commit all changes generated by building'; exit 1)"
   },
   "dependencies": {
+    "prismjs": "0.0.1",
     "swfobject-npm": "^2.3.0-1"
   }
 }