Issue 6210 - Implement Subscription (Double-opt-in) template for newsletter

gulpfile.js

+/*!
+ * This file is part of adblockplus.org.
+ * Copyright (C) 2017-present eyeo GmbH
+ *
+ * adblockplus.org is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * adblockplus.org is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with adblockplus.org.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+const gulp = require("gulp");
+const gutil = require("gulp-util");
+const rename = require("gulp-rename");
+const sass = require("gulp-sass");
+const postcss = require("gulp-postcss");
+const scss = require("postcss-scss");
+const autoprefixer = require("autoprefixer");
+const replace = require("replace");
+const fs = require('fs');
+
+/******************************************************************************
+ * CSS
+ ******************************************************************************/
+
+gulp.task("compileCss", function() {
+  return gulp.src("./scss/main.scss")
+    .pipe(postcss([autoprefixer()], {syntax: scss}).on("error", gutil.log))
+    .pipe(sass({outputStyle: "compact"}).on("error", gutil.log))
+    .pipe(gulp.dest("./css"));
+});
+
+gulp.task("inlineCss", function() {
+  return fs.readFile('./css/main.css', 'utf8', function (err, styles) {
+    if (err) throw err;
+
+    const replacement = `<!-- styles:start -->
+<style>
+${styles}
+</style>
+<!-- styles:end -->`;
+
+    replace({
+      regex: /<!-- styles:start -->([\s\S]*?)<!-- styles:end -->/,
+      replacement: replacement,
+      paths: ['./index.html', 'backclick.html'],
+      recursive: true,
+      silent: true,
+    });
+  });
+});
+
+gulp.task("css", ["compileCss", "inlineCss"]);
+
+/******************************************************************************
+ * Watch
+ ******************************************************************************/
+
+gulp.task("watch", function() {
+  gulp.watch("./scss/**/*.scss", ["css"]);
+});
+
+/******************************************************************************
+ * Default
+ ******************************************************************************/
+
+gulp.task("default", ["css", "watch"]);