📦 NEW: First commit

.gitignore

@@ -0,0 +1,30 @@
+# Distribution Files
+dist/
+build/
+
+# IDE & Editors
+.idea
+.vscode
+*.iml
+
+# OSX
+*.DS_Store
+.AppleDouble
+.LSOverride
+._*
+
+# Windows
+Thumbs.db
+ehthumbs.db
+Desktop.ini
+*.lnk
+
+# Debug log from npm
+npm-debug.log
+
+node_modules
+
+*.map
+*.log
+
+*.awcache

.stylelintrc

@@ -0,0 +1,50 @@
+{
+	"rules": {
+		"block-no-empty": true,
+		"color-no-invalid-hex": true,
+		"comment-empty-line-before": [
+			"always",
+			{
+				"ignore": [
+					"stylelint-commands",
+					"after-comment"
+				]
+			}
+		],
+		"declaration-colon-space-after": "always",
+		"indentation": [
+			"tab",
+			{
+				"except": [
+					"value"
+				]
+			}
+		],
+		"max-empty-lines": 2,
+		"rule-empty-line-before": [
+			"always",
+			{
+				"except": [
+					"first-nested"
+				],
+				"ignore": [
+					"after-comment"
+				]
+			}
+		],
+		"unit-whitelist": [
+			"px",
+			"em",
+			"rem",
+			"vw",
+			"vh",
+			"deg",
+			"ms",
+			"%",
+			"s",
+			"dpi",
+			"pt",
+			"fr"
+		]
+	}
+}

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 Luan Gjokaj - www.riangle.com
+
+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.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+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.

README.md

@@ -0,0 +1,4 @@
+
+![logo](src/assets/img/logo.svg)
+---
+**GoPablo** is a static site generator.

gulpfile.js

@@ -0,0 +1,285 @@
+/* -------------------------------------------------------------------------------------------------
+
+GoPablo - Static site generator
+Contributors: Luan Gjokaj
+
+-------------------------------------------------------------------------------------------------- */
+const { gulp, series, parallel, dest, src, watch } = require('gulp');
+const babel = require('gulp-babel');
+const browserSync = require('browser-sync').create();
+const concat = require('gulp-concat');
+const cssnano = require('cssnano');
+const del = require('del');
+const fileinclude = require('gulp-file-include');
+const gutil = require('gulp-util');
+const htmlmin = require('gulp-htmlmin');
+const imagemin = require('gulp-imagemin');
+const modRewrite = require('connect-modrewrite');
+const plumber = require('gulp-plumber');
+const postcss = require('gulp-postcss');
+const postcssImport = require('postcss-import');
+const postCSSMixins = require('postcss-mixins');
+const postcssPresetEnv = require('postcss-preset-env');
+const RevAll = require('gulp-rev-all');
+const sourcemaps = require('gulp-sourcemaps');
+const uglify = require('gulp-uglify');
+const purgecss = require('gulp-purgecss');
+
+//--------------------------------------------------------------------------------------------------
+/* -------------------------------------------------------------------------------------------------
+PostCSS Plugins
+-------------------------------------------------------------------------------------------------- */
+const pluginsDev = [
+	postcssImport,
+	postCSSMixins,
+	postcssPresetEnv({
+		stage: 0,
+		features: {
+			'nesting-rules': true,
+			'color-mod-function': true,
+			'custom-media': true,
+		},
+	}),
+];
+const pluginsProd = [
+	postcssImport,
+	postCSSMixins,
+	postcssPresetEnv({
+		stage: 0,
+		features: {
+			'nesting-rules': true,
+			'color-mod-function': true,
+			'custom-media': true,
+		},
+	}),
+	require('cssnano')({
+		preset: [
+			'default',
+			{
+				discardComments: true,
+			},
+		],
+	}),
+];
+
+//--------------------------------------------------------------------------------------------------
+/* -------------------------------------------------------------------------------------------------
+Header & Footer JavaScript Boundles
+-------------------------------------------------------------------------------------------------- */
+const headerJS = ['./src/etc/analytics.js', './node_modules/aos/dist/aos.js'];
+const footerJS = [
+	'./node_modules/webfontloader/webfontloader.js',
+	'./node_modules/jquery/dist/jquery.js',
+	'./src/assets/js/**',
+];
+
+//--------------------------------------------------------------------------------------------------
+/* -------------------------------------------------------------------------------------------------
+Development Tasks
+-------------------------------------------------------------------------------------------------- */
+function devServer() {
+	browserSync.init({
+		logPrefix: '🐺 GoPablo',
+		server: {
+			baseDir: './build',
+		},
+		middleware: [modRewrite(['^.([^\\.]+)$ /$1.html [L]'])],
+	});
+
+	watch('./src/assets/css/**/*.css', stylesDev);
+	watch('./src/assets/js/**', series(footerScriptsDev, Reload));
+	watch('./src/assets/img/**', series(copyImagesDev, Reload));
+	watch('./src/assets/fonts/**', series(copyFontsDev, Reload));
+	watch('./src/**/*.html', series(staticFilesDev, Reload));
+}
+
+function Reload(done) {
+	browserSync.reload();
+	done();
+}
+
+function copyImagesDev() {
+	return src('./src/assets/img/**').pipe(dest('./build/assets/img'));
+}
+
+function copyFontsDev() {
+	return src('./src/assets/fonts/**').pipe(dest('./build/assets/fonts'));
+}
+
+function stylesDev() {
+	return src('./src/assets/css/styles.css')
+		.pipe(plumber({ errorHandler: onError }))
+		.pipe(sourcemaps.init())
+		.pipe(postcss(pluginsDev))
+		.pipe(sourcemaps.write('.'))
+		.pipe(dest('./build/assets/css'))
+		.pipe(browserSync.stream({ match: '**/*.css' }));
+}
+
+function headerScriptsDev() {
+	return src(headerJS)
+		.pipe(plumber({ errorHandler: onError }))
+		.pipe(sourcemaps.init())
+		.pipe(concat('header-bundle.js'))
+		.pipe(sourcemaps.write('.'))
+		.pipe(dest('./build/assets/js'));
+}
+
+function footerScriptsDev() {
+	return src(footerJS)
+		.pipe(plumber({ errorHandler: onError }))
+		.pipe(sourcemaps.init())
+		.pipe(
+			babel({
+				presets: ['@babel/preset-env'],
+			}),
+		)
+		.pipe(concat('footer-bundle.js'))
+		.pipe(sourcemaps.write('.'))
+		.pipe(dest('./build/assets/js'));
+}
+
+function staticFilesDev() {
+	return src('./src/*.html')
+		.pipe(plumber({ errorHandler: onError }))
+		.pipe(
+			fileinclude({
+				filters: {
+					prefix: '@@',
+					basepath: '@file',
+				},
+			}),
+		)
+		.pipe(dest('./build'));
+}
+
+exports.dev = series(
+	copyImagesDev,
+	copyFontsDev,
+	stylesDev,
+	headerScriptsDev,
+	footerScriptsDev,
+	staticFilesDev,
+	devServer,
+);
+
+/* -------------------------------------------------------------------------------------------------
+Production Tasks
+-------------------------------------------------------------------------------------------------- */
+async function cleanProd() {
+	await del(['./dist']);
+}
+
+function copyFontsProd() {
+	return src('./src/assets/fonts/**').pipe(dest('./dist/assets/fonts'));
+}
+
+function headerScriptsProd() {
+	return src(headerJS)
+		.pipe(plumber({ errorHandler: onError }))
+		.pipe(concat('header-bundle.js'))
+		.pipe(uglify())
+		.pipe(dest('./dist/assets/js'));
+}
+
+function footerScriptsProd() {
+	return src(footerJS)
+		.pipe(plumber({ errorHandler: onError }))
+		.pipe(
+			babel({
+				presets: ['@babel/preset-env'],
+			}),
+		)
+		.pipe(concat('footer-bundle.js'))
+		.pipe(uglify())
+		.pipe(dest('./dist/assets/js'));
+}
+
+function staticFilesProd() {
+	return src('./src/*.html')
+		.pipe(plumber({ errorHandler: onError }))
+		.pipe(
+			fileinclude({
+				filters: {
+					prefix: '@@',
+					basepath: '@file',
+				},
+			}),
+		)
+		.pipe(
+			htmlmin({
+				collapseWhitespace: true,
+				ignoreCustomFragments: [/<%[\s\S]*?%>/, /<\?[=|php]?[\s\S]*?\?>/],
+			}),
+		)
+		.pipe(dest('./dist'));
+}
+
+function copyImagesProd() {
+	return src('./src/assets/img/**').pipe(dest('./dist/assets/img'));
+}
+
+function processImages() {
+	return src(['./dist/assets/img/**', '!./dist/assets/img/**/*.ico'])
+		.pipe(plumber({ errorHandler: onError }))
+		.pipe(
+			imagemin([imagemin.svgo({ plugins: [{ removeViewBox: true }] })], {
+				verbose: true,
+			}),
+		)
+		.pipe(dest('./dist/assets/img'))
+		.on('end', () => {
+			gutil.beep();
+			gutil.log(filesGenerated);
+			gutil.log(thankYou);
+		});
+}
+
+function stylesProd() {
+	return src('./src/assets/css/styles.css')
+		.pipe(plumber({ errorHandler: onError }))
+		.pipe(postcss(pluginsProd))
+		.pipe(purgecss({content: ['./src/**/*.html']}))
+		.pipe(dest('./dist/assets/css'));
+}
+
+function bustCaches() {
+	return src(['./dist/**'])
+		.pipe(RevAll.revision({ dontRenameFile: [/^\/favicon.ico$/g, '.html'] }))
+		.pipe(dest('./dist'));
+}
+
+exports.prod = series(
+	cleanProd,
+	copyFontsProd,
+	headerScriptsProd,
+	footerScriptsProd,
+	staticFilesProd,
+	copyImagesProd,
+	processImages,
+	stylesProd,
+	bustCaches,
+);
+
+/* -------------------------------------------------------------------------------------------------
+Utility Tasks
+-------------------------------------------------------------------------------------------------- */
+const onError = err => {
+	gutil.beep();
+	gutil.log(staticBuild + ' - ' + errorMsg + ' ' + err.toString());
+	this.emit('end');
+};
+
+/* -------------------------------------------------------------------------------------------------
+Messages
+-------------------------------------------------------------------------------------------------- */
+const errorMsg = '\x1b[41mError\x1b[0m';
+const filesGenerated = 'Your production file are generated in: \x1b[1m' + __dirname + '/dist/ ✅';
+
+const staticBuild = '\x1b[42m\x1b[1mGoPablo\x1b[0m';
+const staticBuildUrl = '\x1b[2m - https://www.gopablo.co/\x1b[0m';
+const thankYou = 'Thank you for using ' + staticBuild + staticBuildUrl;
+
+/* -------------------------------------------------------------------------------------------------
+End of all Tasks
+-------------------------------------------------------------------------------------------------- */