diff --git a/gulpfile.js b/gulpfile.js
index 900a23d..1594c90 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -1,5 +1,7 @@
// Setup project
var source = {
+ markup: '*.html',
+ watch: 'source/style/**/*.scss',
styles: 'source/style/example.scss',
scripts: ['source/code/variables.js', 'source/code/functions.js', 'source/code/global.js', 'source/code/**/*.coffee', '!source/vendor/**/*', ],
images: 'source/art/**/*'
@@ -84,19 +86,19 @@ gulp.task('images', function() {
// Watch for file changes
gulp.task('watch', ['clean', 'styles', 'scripts'], function() {
- browsersync.init({
- server: ".",
- // proxy: "http://verser.vrt/virtual/"
+ browsersync.init({
+ server: "./",
+ // proxy: "http://verser.vrt/virtual/"
});
- gulp.watch(source.styles, ['styles']);
+ gulp.watch(source.watch, ['styles']);
gulp.watch(source.scripts, ['scripts']).on('change', function(event) {
if (event.type === 'deleted') {
delete cache.caches['scripts'][event.path];
remember.forget('scripts', event.path);
}
});
- gulp.watch("./*.html").on('change', browsersync.reload);
+ gulp.watch(source.markup).on('change', browsersync.reload);
// gulp.watch(['build/**']).on('change', browsersync.reload);
// gulp.watch(source.images, ['images']);
});
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..92e858a
--- /dev/null
+++ b/index.html
@@ -0,0 +1,61 @@
+
+
+
+
+
+
HIPPIE Index
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/source/code/variables.js b/source/code/variables.js
index e716433..fe6b9d0 100644
--- a/source/code/variables.js
+++ b/source/code/variables.js
@@ -1,7 +1,7 @@
var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
-var full_view_hover = false;
+var full_view_hover = true;
var doc_pos_y = 0;
var basic_ease = 600;
diff --git a/source/style/elements/_grouping.scss b/source/style/elements/_grouping.scss
index c1f7ab4..46cfe54 100644
--- a/source/style/elements/_grouping.scss
+++ b/source/style/elements/_grouping.scss
@@ -164,10 +164,6 @@ div {
}
-.box__page {
- height: 100vh;
-}
-
.box__info {
padding: $double_space $basic_indent;
border-right: $basic_space solid rgba($echo_color, .6);
diff --git a/source/style/global/_common.scss b/source/style/global/_common.scss
index 6415f2c..43e82d3 100644
--- a/source/style/global/_common.scss
+++ b/source/style/global/_common.scss
@@ -41,6 +41,10 @@
height: 1024px;
}
+.height_full {
+ height: 100vh;
+}
+
.txt_center {
text-align: center !important;
}
diff --git a/source/style/modules/demo/_demo_module.scss b/source/style/modules/demo/_demo_module.scss
index 9778e09..e699dae 100644
--- a/source/style/modules/demo/_demo_module.scss
+++ b/source/style/modules/demo/_demo_module.scss
@@ -174,3 +174,18 @@
background-color: rgba($basic_front_color, .2);
}
}
+
+// Index
+// -----------------------------------------------------------------------------
+.wrap {
+ display: flex;
+ height: 100%;
+ align-items: center;
+ justify-content: center;
+}
+
+.hello {
+ flex: 0 1 auto;
+ padding: 1em 5em;
+ background-color: rgba(black, .25);
+}