diff --git a/.babelrc b/.babelrc
new file mode 100644
index 0000000..9d8d516
--- /dev/null
+++ b/.babelrc
@@ -0,0 +1 @@
+{ "presets": ["es2015"] }
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..f8deb35
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,3 @@
+node_modules/
+npm-debug.log
+dist/
\ No newline at end of file
diff --git a/app/assets/images/favicons/favicon.png b/app/assets/images/favicons/favicon.png
new file mode 100755
index 0000000..f990a86
Binary files /dev/null and b/app/assets/images/favicons/favicon.png differ
diff --git a/app/assets/images/favicons/touch/touchfavexample.png b/app/assets/images/favicons/touch/touchfavexample.png
new file mode 100755
index 0000000..f990a86
Binary files /dev/null and b/app/assets/images/favicons/touch/touchfavexample.png differ
diff --git a/app/assets/images/logo.png b/app/assets/images/logo.png
new file mode 100755
index 0000000..f990a86
Binary files /dev/null and b/app/assets/images/logo.png differ
diff --git a/app/scripts/index.js b/app/scripts/index.js
new file mode 100644
index 0000000..f4734f3
--- /dev/null
+++ b/app/scripts/index.js
@@ -0,0 +1 @@
+console.log('olá consola')
\ No newline at end of file
diff --git a/application.css.scss b/app/stylesheets/application.scss
similarity index 63%
rename from application.css.scss
rename to app/stylesheets/application.scss
index f2edf7a..c0eb4e3 100644
--- a/application.css.scss
+++ b/app/stylesheets/application.scss
@@ -39,48 +39,12 @@
*= flexboxgrid/dist/flexboxgrid
*/
-/* VENDOR */
-@import
- "normalize-css/normalize",
- "sassy-maps/sass/sassy-maps",
- "flexboxgrid/dist/flexboxgrid",
- "mappy-breakpoints/_mappy-breakpoints";
+@import "objects/o.media";
+body{
+ background: red;
-/* SETTINGS */
-@import "settings/s.globals";
-
-
-/* TOOLS */
-@import
- "tools/t.functions",
- "tools/t.mixins";
-
-
-/* BASE */
-@import
- "base/b.reset",
- "base/b.box-sizing",
- "base/b.fonts",
- "base/b.page",
- "base/b.html-elements";
-
-
-/* OBJECTS */
-@import
- "objects/o.media",
- "objects/o.layout",
- "objects/o.main",
- "objects/o.container";
-
-
-/* COMPONENTS */
-@import
- "components/c.bar",
-
-
-/* UTILITIES*/
-@import
- "utilities/helpers",
- "utilities/colorize";
-
+ h1{
+ color: white;
+ }
+}
\ No newline at end of file
diff --git a/base/_b.box-sizing.scss b/app/stylesheets/base/_b.box-sizing.scss
similarity index 100%
rename from base/_b.box-sizing.scss
rename to app/stylesheets/base/_b.box-sizing.scss
diff --git a/base/_b.fonts.scss b/app/stylesheets/base/_b.fonts.scss
similarity index 100%
rename from base/_b.fonts.scss
rename to app/stylesheets/base/_b.fonts.scss
diff --git a/base/_b.html-elements.scss b/app/stylesheets/base/_b.html-elements.scss
similarity index 100%
rename from base/_b.html-elements.scss
rename to app/stylesheets/base/_b.html-elements.scss
diff --git a/base/_b.page.scss b/app/stylesheets/base/_b.page.scss
similarity index 100%
rename from base/_b.page.scss
rename to app/stylesheets/base/_b.page.scss
diff --git a/base/_b.reset.scss b/app/stylesheets/base/_b.reset.scss
similarity index 100%
rename from base/_b.reset.scss
rename to app/stylesheets/base/_b.reset.scss
diff --git a/components/_c.bar.scss b/app/stylesheets/components/_c.bar.scss
similarity index 100%
rename from components/_c.bar.scss
rename to app/stylesheets/components/_c.bar.scss
diff --git a/components/_c.button.scss b/app/stylesheets/components/_c.button.scss
similarity index 100%
rename from components/_c.button.scss
rename to app/stylesheets/components/_c.button.scss
diff --git a/components/_c.drawer.scss b/app/stylesheets/components/_c.drawer.scss
similarity index 100%
rename from components/_c.drawer.scss
rename to app/stylesheets/components/_c.drawer.scss
diff --git a/objects/_o.block.scss b/app/stylesheets/objects/_o.block.scss
similarity index 100%
rename from objects/_o.block.scss
rename to app/stylesheets/objects/_o.block.scss
diff --git a/objects/_o.box.scss b/app/stylesheets/objects/_o.box.scss
similarity index 100%
rename from objects/_o.box.scss
rename to app/stylesheets/objects/_o.box.scss
diff --git a/objects/_o.container.scss b/app/stylesheets/objects/_o.container.scss
similarity index 100%
rename from objects/_o.container.scss
rename to app/stylesheets/objects/_o.container.scss
diff --git a/objects/_o.list.scss b/app/stylesheets/objects/_o.list.scss
similarity index 100%
rename from objects/_o.list.scss
rename to app/stylesheets/objects/_o.list.scss
diff --git a/objects/_o.main.scss b/app/stylesheets/objects/_o.main.scss
similarity index 100%
rename from objects/_o.main.scss
rename to app/stylesheets/objects/_o.main.scss
diff --git a/objects/_o.media.scss b/app/stylesheets/objects/_o.media.scss
similarity index 100%
rename from objects/_o.media.scss
rename to app/stylesheets/objects/_o.media.scss
diff --git a/objects/flex-layout-attribute/flex-layout-attribute.scss b/app/stylesheets/objects/flex-layout-attribute/flex-layout-attribute.scss
similarity index 100%
rename from objects/flex-layout-attribute/flex-layout-attribute.scss
rename to app/stylesheets/objects/flex-layout-attribute/flex-layout-attribute.scss
diff --git a/objects/flex-layout-attribute/flex-layout-attribute/_layout-responsive.scss b/app/stylesheets/objects/flex-layout-attribute/flex-layout-attribute/_layout-responsive.scss
similarity index 100%
rename from objects/flex-layout-attribute/flex-layout-attribute/_layout-responsive.scss
rename to app/stylesheets/objects/flex-layout-attribute/flex-layout-attribute/_layout-responsive.scss
diff --git a/objects/flex-layout-attribute/flex-layout-attribute/_layout.scss b/app/stylesheets/objects/flex-layout-attribute/flex-layout-attribute/_layout.scss
similarity index 100%
rename from objects/flex-layout-attribute/flex-layout-attribute/_layout.scss
rename to app/stylesheets/objects/flex-layout-attribute/flex-layout-attribute/_layout.scss
diff --git a/objects/flex-layout-attribute/flex-layout-attribute/_reset.scss b/app/stylesheets/objects/flex-layout-attribute/flex-layout-attribute/_reset.scss
similarity index 100%
rename from objects/flex-layout-attribute/flex-layout-attribute/_reset.scss
rename to app/stylesheets/objects/flex-layout-attribute/flex-layout-attribute/_reset.scss
diff --git a/objects/flex-layout-attribute/flex-layout-attribute/_self-responsive.scss b/app/stylesheets/objects/flex-layout-attribute/flex-layout-attribute/_self-responsive.scss
similarity index 100%
rename from objects/flex-layout-attribute/flex-layout-attribute/_self-responsive.scss
rename to app/stylesheets/objects/flex-layout-attribute/flex-layout-attribute/_self-responsive.scss
diff --git a/objects/flex-layout-attribute/flex-layout-attribute/_self.scss b/app/stylesheets/objects/flex-layout-attribute/flex-layout-attribute/_self.scss
similarity index 100%
rename from objects/flex-layout-attribute/flex-layout-attribute/_self.scss
rename to app/stylesheets/objects/flex-layout-attribute/flex-layout-attribute/_self.scss
diff --git a/objects/flex-layout-attribute/flex-layout-attribute/_vars.scss b/app/stylesheets/objects/flex-layout-attribute/flex-layout-attribute/_vars.scss
similarity index 100%
rename from objects/flex-layout-attribute/flex-layout-attribute/_vars.scss
rename to app/stylesheets/objects/flex-layout-attribute/flex-layout-attribute/_vars.scss
diff --git a/settings/_s.app-colors.scss b/app/stylesheets/settings/_s.app-colors.scss
similarity index 100%
rename from settings/_s.app-colors.scss
rename to app/stylesheets/settings/_s.app-colors.scss
diff --git a/settings/_s.globals.scss b/app/stylesheets/settings/_s.globals.scss
similarity index 100%
rename from settings/_s.globals.scss
rename to app/stylesheets/settings/_s.globals.scss
diff --git a/settings/_s.mappy-breakpoints.scss b/app/stylesheets/settings/_s.mappy-breakpoints.scss
similarity index 100%
rename from settings/_s.mappy-breakpoints.scss
rename to app/stylesheets/settings/_s.mappy-breakpoints.scss
diff --git a/settings/_s.social-media-colors.scss b/app/stylesheets/settings/_s.social-media-colors.scss
similarity index 100%
rename from settings/_s.social-media-colors.scss
rename to app/stylesheets/settings/_s.social-media-colors.scss
diff --git a/settings/_s.transitions.scss b/app/stylesheets/settings/_s.transitions.scss
similarity index 100%
rename from settings/_s.transitions.scss
rename to app/stylesheets/settings/_s.transitions.scss
diff --git a/tools/_t.functions.scss b/app/stylesheets/tools/_t.functions.scss
similarity index 100%
rename from tools/_t.functions.scss
rename to app/stylesheets/tools/_t.functions.scss
diff --git a/tools/_t.mixins.scss b/app/stylesheets/tools/_t.mixins.scss
similarity index 97%
rename from tools/_t.mixins.scss
rename to app/stylesheets/tools/_t.mixins.scss
index 6122146..6e75643 100644
--- a/tools/_t.mixins.scss
+++ b/app/stylesheets/tools/_t.mixins.scss
@@ -52,7 +52,7 @@
$url-prefix: 'url';
@if $RoR == true {
- $url-prefix = 'font-url';
+ $url-prefix: 'font-url';
}
@@ -63,7 +63,7 @@
$url-prefix('#{$file-path}.woff') format('woff'),
$url-prefix('#{$file-path}.woff') format('woff2'),
$url-prefix('#{$file-path}.ttf') format('truetype'),
- $url-prefix('#{$file-path}.svg##{$font-family}') format('svg');
+ $url-prefix('#{$file-path}.svg#{$font-family}') format('svg');
font-weight: $font-weight;
font-style: $font-style;
}
diff --git a/utilities/_u.coloring.scss b/app/stylesheets/utilities/_u.coloring.scss
similarity index 100%
rename from utilities/_u.coloring.scss
rename to app/stylesheets/utilities/_u.coloring.scss
diff --git a/utilities/_u.helpers.scss b/app/stylesheets/utilities/_u.helpers.scss
similarity index 100%
rename from utilities/_u.helpers.scss
rename to app/stylesheets/utilities/_u.helpers.scss
diff --git a/app/views/data/app_meta.json b/app/views/data/app_meta.json
new file mode 100644
index 0000000..ee1505a
--- /dev/null
+++ b/app/views/data/app_meta.json
@@ -0,0 +1,21 @@
+{
+ "base_meta": {
+ "meta_title": "",
+ "meta_keywords": "",
+ "meta_author": "Whitesmith",
+ "meta_description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos, laudantium!"
+ },
+ "og_meta": {
+ "og_title": "",
+ "og_site_name": "",
+ "og_descriptions": "",
+ "og_image": "absolute_path_to_image",
+ "og_url": ""
+ },
+ "social_meta": {
+ "twitter_card": "absolute_path_to_image",
+ "twitter_image_alt": "text",
+ "fb_app_id": "username",
+ "fb_twitter_site": "@username"
+ }
+}
\ No newline at end of file
diff --git a/app/views/data/manifest.json b/app/views/data/manifest.json
new file mode 100644
index 0000000..1bc9347
--- /dev/null
+++ b/app/views/data/manifest.json
@@ -0,0 +1,24 @@
+{
+ "name": "Sassqit",
+ "icons": [{
+ "src": "./assets/favicons/touch/icon-128x128.png",
+ "sizes": "128x128",
+ "type": "image/png"
+ }, {
+ "src": "./assets/favicons/touch/apple-touch-icon.png",
+ "sizes": "152x152",
+ "type": "image/png"
+ }, {
+ "src": "./assets/favicons/touch/ms-touch-icon-144x144-precomposed.png",
+ "sizes": "144x144",
+ "type": "image/png"
+ }, {
+ "src": "./assets/favicons/touch/chrome-touch-icon-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png"
+ }],
+ "start_url": "/index.html?homescreen=1",
+ "display": "standalone",
+ "background_color": "",
+ "theme_color": ""
+}
\ No newline at end of file
diff --git a/app/views/layouts/default.html b/app/views/layouts/default.html
new file mode 100644
index 0000000..06a088c
--- /dev/null
+++ b/app/views/layouts/default.html
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
+ Title
+
+
+
+
+ {{> _crossplatform_favicons}}
+
+
+
+
+
+
+
+
+
+ {{> _sharing_meta_tags }}
+
+
+
+
+
+
+
+
+ {{> body}}
+
+
+
+
+
+
+
+ {{> _google_analytics}}
+
+
diff --git a/app/views/pages/index.html b/app/views/pages/index.html
new file mode 100644
index 0000000..c168e8b
--- /dev/null
+++ b/app/views/pages/index.html
@@ -0,0 +1,11 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/app/views/partials/_crossplatform_favicons.html b/app/views/partials/_crossplatform_favicons.html
new file mode 100644
index 0000000..f9ba88f
--- /dev/null
+++ b/app/views/partials/_crossplatform_favicons.html
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/app/views/partials/_google_analytics.html b/app/views/partials/_google_analytics.html
new file mode 100644
index 0000000..7cbcbd7
--- /dev/null
+++ b/app/views/partials/_google_analytics.html
@@ -0,0 +1,9 @@
+
\ No newline at end of file
diff --git a/app/views/partials/_mailchimp.html b/app/views/partials/_mailchimp.html
new file mode 100644
index 0000000..24bab30
--- /dev/null
+++ b/app/views/partials/_mailchimp.html
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/app/views/partials/_sharing_meta_tags.html b/app/views/partials/_sharing_meta_tags.html
new file mode 100644
index 0000000..4d96b47
--- /dev/null
+++ b/app/views/partials/_sharing_meta_tags.html
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/app/views/partials/application/_footer.html b/app/views/partials/application/_footer.html
new file mode 100644
index 0000000..a7637a5
--- /dev/null
+++ b/app/views/partials/application/_footer.html
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/app/views/partials/application/_header.html b/app/views/partials/application/_header.html
new file mode 100644
index 0000000..e5f5a7e
--- /dev/null
+++ b/app/views/partials/application/_header.html
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/gulpfile.babel.js b/gulpfile.babel.js
new file mode 100644
index 0000000..cca0253
--- /dev/null
+++ b/gulpfile.babel.js
@@ -0,0 +1,203 @@
+import gulp from 'gulp';
+import gulpLoadPlugins from 'gulp-load-plugins';
+import del from 'del';
+import panini from 'panini';
+import browserSync from 'browser-sync'
+
+const $ = gulpLoadPlugins();
+const productionEnv = $.util.env.env === 'production';
+
+const paths = {
+ appRoot: {
+ src: 'app/',
+ dest: 'dist/'
+ },
+ styles: {
+ manifesto: 'app/stylesheets/application.scss',
+ src: 'app/stylesheets/**/*.{scss, sass}',
+ dest: 'dist/stylesheets'
+ },
+ scripts: {
+ src: 'app/scripts/**/*.{js, coffee}',
+ dest: 'dist/scripts/'
+ },
+ images: {
+ src: 'app/assets/images/**/*.{jpg,jpeg,png,gif,webp}',
+ dest: 'dist/assets/images/'
+ },
+ fonts: {
+ src: 'app/assets/fonts/**/{*.woff, *.woff2}',
+ dest: 'dist/assets/fonts/'
+ },
+ views: {
+ src: 'app/views/',
+ dest: 'dist/'
+ }
+};
+
+
+export function handleError(task) {
+ return function (err) {
+
+ $.notify.onError({
+ message: task + ' failed, check the logs..',
+ sound: true
+ })(err);
+
+ $.util.log($.util.colors.bgRed(task + ' error:'), $.util.colors.red(err));
+ this.emit('end');
+ };
+};
+
+/*
+ * For small tasks you can use arrow functions and export
+ */
+const clean = (done) => del([ paths.appRoot.dest ], done);
+export { clean }
+
+// export function clean(done) {
+// del([ paths.appRoot.dest ])
+// done()
+// }
+
+
+/*
+ * Copy & Optimize static assets
+ */
+export function images() {
+ return gulp.src(paths.images.src, {since: gulp.lastRun('images')})
+ .pipe($.newer(paths.images.dest)) // pass through newer images only
+ .pipe($.imagemin({
+ optimizationLevel: 5,
+ progressive: true,
+ interlaced: true
+ }))
+ .pipe(gulp.dest(paths.images.dest));
+}
+
+/*Copy paste fonts*/
+export function fonts() {
+ return gulp.src(paths.fonts.src, {since: gulp.lastRun('fonts')})
+ .pipe(gulp.dest(paths.fonts.dest));
+}
+
+
+/*
+ * STYESHEETS
+ */
+export function styles() {
+ return gulp.src(paths.styles.manifesto)
+ .pipe($.plumber())
+ .pipe($.sass({
+ sourceComments: !productionEnv,
+ outputStyle: productionEnv ? 'compressed' : 'nested'
+ }))
+ .on('error', handleError('styles'))
+ .pipe($.autoprefixer({
+ browsers: ['last 2 versions'],
+ }))
+ .pipe($.cleanCss())
+ .pipe($.rename({
+ basename: 'app'
+ }))
+ .pipe(gulp.dest(paths.styles.dest))
+ .pipe(browserSync.reload({stream: true}))
+}
+
+export function scripts() {
+ return gulp.src(paths.scripts.src, { sourcemaps: true })
+ .pipe($.cached('scripts'))
+ .pipe($.babel())
+ .pipe($.if(productionEnv, $.uglify()))
+ .pipe($.remember('scripts'))
+ .pipe($.concat('app.js'))
+ .pipe(gulp.dest(paths.scripts.dest));
+}
+
+export function views() {
+ return gulp.src(paths.views.src + 'pages/**/*.html' )
+ .pipe(panini({
+ root: paths.views.src + 'pages/',
+ layouts: paths.views.src + 'layouts/',
+ partials: paths.views.src + 'partials/',
+ helpers: paths.views.src + 'helpers/',
+ data: paths.views.src + 'data/'
+ }))
+ .pipe(
+ $.if (productionEnv,
+ $.htmlmin({
+ removeComments: true,
+ collapseWhitespace: true,
+ collapseBooleanAttributes: true,
+ removeAttributeQuotes: true,
+ removeRedundantAttributes: true,
+ removeEmptyAttributes: true,
+ removeScriptTypeAttributes: true,
+ removeStyleLinkTypeAttributes: true,
+ removeOptionalTags: true
+ })))
+ .pipe(gulp.dest(paths.views.dest))
+
+}
+
+export function browserSyncServer(done){
+ var config = {
+ server: {
+ baseDir: paths.appRoot.dest,
+ }
+ }
+ //run TUNNEL=true gulp to start public tunnel url to share.
+ if (process.env.TUNNEL === 'true') {
+ config.tunnel = "";
+ }
+
+ browserSync(config);
+ done()
+}
+
+export function paniniRefresh(done){
+ panini.refresh()
+ done()
+}
+
+export function paniniRebuild(done) {
+ gulp.series(
+ paniniRefresh,
+ views,
+ browserSync.reload,
+ done
+ );
+};
+
+
+export function watch(done) {
+ gulp.watch(paths.images.src, images);
+ gulp.watch(paths.fonts.src, fonts);
+ gulp.watch(paths.styles.src, styles);
+ gulp.watch(paths.scripts.src, scripts);
+ gulp.watch(paths.views.src, views);
+
+ $.util.log($.util.colors.bgGreen('Watching for changes...'));
+ done()
+}
+
+
+const build = gulp.series(
+ clean,
+ gulp.parallel(
+ images,
+ fonts,
+ styles,
+ scripts,
+ views
+ )
+);
+
+export { build };
+
+const serve = gulp.series( build, gulp.parallel(watch, browserSyncServer));
+export { serve };
+/*
+ * Export a default task
+ */
+export default build;
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..f267e5a
--- /dev/null
+++ b/package.json
@@ -0,0 +1,62 @@
+{
+ "name": "gulp-sassqit",
+ "version": "1.0.0",
+ "description": "Build and deploy static sites like a boss",
+ "main": "gulpfile.js",
+ "engines": {
+ "node": ">=4.2.6"
+ },
+ "scripts": {
+ "test": "echo \"Error: no test specified\" && exit 1",
+ "gulp": "node ./node_modules/gulp/bin/gulp.js",
+ "build": "node ./node_modules/gulp/bin/gulp.js --env production",
+ "deploy": "node ./node_modules/gulp/bin/gulp.js deploy --env production"
+ },
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/whitesmith/sassqit.git"
+ },
+ "keywords": [
+ "sass",
+ "gulp4",
+ "whitesmith"
+ ],
+ "author": "Whitesmith",
+ "license": "MIT",
+ "bugs": {
+ "url": "https://github.com/whitesmith/sassqit/issues"
+ },
+ "homepage": "https://github.com/whitesmith/sassqit#readme",
+ "devDependencies": {
+ "babel-preset-es2015": "^6.16.0",
+ "babel-register": "^6.16.3",
+ "browser-sync": "^2.17.0",
+ "del": "^2.2.2",
+ "gulp": "github:gulpjs/gulp#4.0",
+ "gulp-autoprefixer": "^3.1.1",
+ "gulp-babel": "^6.1.2",
+ "gulp-cached": "^1.1.0",
+ "gulp-clean-css": "^2.0.13",
+ "gulp-concat": "^2.6.0",
+ "gulp-eslint": "^3.0.1",
+ "gulp-htmlmin": "^3.0.0",
+ "gulp-if": "^2.0.1",
+ "gulp-imagemin": "^3.0.3",
+ "gulp-load-plugins": "^1.3.0",
+ "gulp-newer": "^1.3.0",
+ "gulp-notify": "^2.2.0",
+ "gulp-plumber": "^1.1.0",
+ "gulp-remember": "^0.3.1",
+ "gulp-rename": "^1.2.2",
+ "gulp-sass": "^2.3.2",
+ "gulp-size": "^2.1.0",
+ "gulp-uglify": "^2.0.0",
+ "gulp-util": "^3.0.7",
+ "panini": "^1.3.0",
+ "psi": "^2.0.4",
+ "sw-precache": "^4.1.0"
+ },
+ "eslintConfig": {
+ "extends": ""
+ }
+}