diff --git a/.deployment/files/production/.gitkeep b/.deployment/files/production/.gitkeep deleted file mode 100644 index e69de29..0000000 diff --git a/.deployment/files/production/public/.htaccess b/.deployment/files/production/public/.htaccess new file mode 100644 index 0000000..83b4651 --- /dev/null +++ b/.deployment/files/production/public/.htaccess @@ -0,0 +1,100 @@ +RewriteEngine On + +# Force www +RewriteCond %{HTTP_HOST} !^www\.yourodmain\.com [NC] +RewriteRule ^(.*)$ http://www.yourodmain.com/$1 [R=301,L] + +# Force ssl +RewriteCond %{SERVER_PORT} 80 +RewriteRule ^(.*)$ https://www.yourodmain.com/$1 [R=301,L] + +# Handle Front Controller... +RewriteCond %{REQUEST_FILENAME} !-d +RewriteCond %{REQUEST_FILENAME} !-f +RewriteRule ^ index.php [L] + +# ---------------------------------------------------------------------- +# | Compression | +# ---------------------------------------------------------------------- + + + AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css text/javascript application/javascript + + + + Header unset ETag + + +FileETag None + + + + ExpiresActive on + ExpiresDefault "access plus 1 month" + + # CSS + ExpiresByType text/css "access plus 1 year" + + # Data interchange + ExpiresByType application/atom+xml "access plus 1 hour" + ExpiresByType application/rdf+xml "access plus 1 hour" + ExpiresByType application/rss+xml "access plus 1 hour" + + ExpiresByType application/json "access plus 0 seconds" + ExpiresByType application/ld+json "access plus 0 seconds" + ExpiresByType application/schema+json "access plus 0 seconds" + ExpiresByType application/vnd.geo+json "access plus 0 seconds" + ExpiresByType application/xml "access plus 0 seconds" + ExpiresByType text/xml "access plus 0 seconds" + + # Favicon (cannot be renamed!) and cursor images + ExpiresByType image/vnd.microsoft.icon "access plus 1 week" + ExpiresByType image/x-icon "access plus 1 week" + + # HTML + ExpiresByType text/html "access plus 0 seconds" + + # JavaScript + ExpiresByType application/javascript "access plus 1 year" + ExpiresByType application/x-javascript "access plus 1 year" + ExpiresByType text/javascript "access plus 1 year" + + # Manifest files + ExpiresByType application/manifest+json "access plus 1 year" + + ExpiresByType application/x-web-app-manifest+json "access plus 0 seconds" + ExpiresByType text/cache-manifest "access plus 0 seconds" + + # Media files + ExpiresByType audio/ogg "access plus 1 month" + ExpiresByType image/bmp "access plus 1 month" + ExpiresByType image/gif "access plus 1 month" + ExpiresByType image/jpeg "access plus 1 month" + ExpiresByType image/png "access plus 1 month" + ExpiresByType image/svg+xml "access plus 1 month" + ExpiresByType video/mp4 "access plus 1 month" + ExpiresByType video/ogg "access plus 1 month" + ExpiresByType video/webm "access plus 1 month" + + # Web fonts + + # Embedded OpenType (EOT) + ExpiresByType application/vnd.ms-fontobject "access plus 1 month" + ExpiresByType font/eot "access plus 1 month" + + # OpenType + ExpiresByType font/opentype "access plus 1 month" + + # TrueType + ExpiresByType application/x-font-ttf "access plus 1 month" + + # Web Open Font Format (WOFF) 1.0 + ExpiresByType application/font-woff "access plus 1 month" + ExpiresByType application/x-font-woff "access plus 1 month" + ExpiresByType font/woff "access plus 1 month" + + # Web Open Font Format (WOFF) 2.0 + ExpiresByType application/font-woff2 "access plus 1 month" + + # Other + ExpiresByType text/x-cross-domain-policy "access plus 1 week" \ No newline at end of file diff --git a/.deployment/files/production/robots.txt b/.deployment/files/production/public/robots.txt similarity index 100% rename from .deployment/files/production/robots.txt rename to .deployment/files/production/public/robots.txt diff --git a/.deployment/files/staging/.gitkeep b/.deployment/files/staging/.gitkeep deleted file mode 100644 index e69de29..0000000 diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 0000000..74c105b --- /dev/null +++ b/.editorconfig @@ -0,0 +1,22 @@ +# Top-most EditorConfig file +root = true + +# Unix-style newlines with a newline ending every file +[*] +end_of_line = lf +indent_style = space +indent_size = 4 +insert_final_newline = true +trim_trailing_whitespace = true + +[*.js] +indent_size = 2 + +[*.txt] +insert_final_newline = false + +[*.md] +trim_trailing_whitespace = false + +[Makefile] +indent_style = tab diff --git a/.env.local b/.env.local index 03110fa..48ba105 100644 --- a/.env.local +++ b/.env.local @@ -3,4 +3,7 @@ DB_HOST=localhost DB_PORT=3306 DB_DATABASE=homestead DB_USERNAME=homestead -DB_PASSWORD=secret \ No newline at end of file +DB_PASSWORD=secret + +DEV_MODE=1 +CACHE=0 diff --git a/.eslintrc b/.eslintrc index bdd891e..c659b46 100644 --- a/.eslintrc +++ b/.eslintrc @@ -30,6 +30,9 @@ globals: ########################################################################### require: true + $: true + jQuery: true + google: true rules: @@ -180,7 +183,7 @@ rules: # # ########################################################################### - indent: [2, 2] # Set a specific tab width + indent: [0, 4] # Set a specific tab width brace-style: 0 # enforce one true brace style camelcase: 0 # require camel case names comma-spacing: 2 # enforce spacing before and after comma @@ -205,7 +208,7 @@ rules: no-trailing-spaces: 2 # disallow trailing whitespace at the end of lines no-multiple-empty-lines: 0 # disallow multiple empty lines no-underscore-dangle: 0 # disallow dangling underscores in identifiers - no-extra-parens: 2 # disallow wrapping of non-IIFE statements in parens + no-extra-parens: 0 # disallow wrapping of non-IIFE statements in parens one-var: 0 # allow just one var statement per function padded-blocks: 0 # enforce padding within blocks quotes: # specify whether double or single quotes should be used @@ -222,4 +225,3 @@ rules: spaced-line-comment: 0 # require or disallow a space immediately following # the // in a line comment wrap-regex: 0 # require regex literals to be wrapped in parentheses - diff --git a/.gitignore b/.gitignore index 4840c02..8c92c52 100755 --- a/.gitignore +++ b/.gitignore @@ -46,7 +46,12 @@ assets/vendor/bower .tmp # The style.css must be generated using 'compass compile' +assets/css/style.scss.css assets/css/style.css +assets/css/grid.css + +assets/js/main.bundle.js +assets/js/main.bundle.js.map .deployment/data/*.zip .deployment/data/*.tar diff --git a/.tasks/deployment/deploy.sh b/.tasks/deployment/deploy.sh index f2e3fd5..73ec948 100755 --- a/.tasks/deployment/deploy.sh +++ b/.tasks/deployment/deploy.sh @@ -56,7 +56,7 @@ mv "$REV_FOLDER" "$COPY_DEST" printf "Now we want to upload our archive to the server.\n" -scp "$COPY_DEST/$archiveFileName" $DEPLOY_USER@$DEPLOY_HOST:$DEPLOY_APPROOT +scp -P $DEPLOY_PORT "$COPY_DEST/$archiveFileName" $DEPLOY_USER@$DEPLOY_HOST:$DEPLOY_APPROOT if [ $? -eq 1 ]; then exit 1 diff --git a/Makefile b/Makefile index 48de529..1daa9a6 100755 --- a/Makefile +++ b/Makefile @@ -4,7 +4,7 @@ help: @ $(SCRIPTS_FOLDER)/help -build: clean test js css copy +build: clean js css copy # Install all the project dependencies # this may change in any project @@ -69,6 +69,10 @@ watch-css: test: @ $(ESLINT) $(JS_BASE) --ignore-pattern=$(JS_BASE)/$(JS_OUT) +phpunit: + # Not in use for right now + # @ $(PHPUNIT) --bootstrap $(PHPUNIT_BOOTSTRAP) --configuration $(PHPUNIT_CONFIG) $(PHPUNIT_TESTDIR) + copy: @ ASSETS_PATH=$(ASSETS_PATH) \ DEST=$(COPY_DEST) \ @@ -137,7 +141,7 @@ watch-scss: watch-sass cssmin favicons test + phpunit build icons clean - diff --git a/assets/css/grid.css b/assets/css/grid.css deleted file mode 100644 index 4122278..0000000 --- a/assets/css/grid.css +++ /dev/null @@ -1 +0,0 @@ -.container:after{content:"";display:table;clear:both}.row:before,.row-reverse:before,.row:after,.row-reverse:after{content:"";display:table}.row:after,.row-reverse:after{clear:both}.row,.row-reverse{zoom:1}.gr-0,.gr-1,.gr-2,.gr-3,.gr-4,.gr-5,.gr-6,.gr-7,.gr-8,.gr-9,.gr-10,.gr-11,.gr-12{display:inline-block;min-height:1px;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:top;padding-right:10px;padding-left:10px}.gr-adapt{display:table-cell;width:1px;white-space:nowrap !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:1rem;padding-right:10px;padding-left:10px}.gr-grow{display:table-cell;width:99999px;white-space:nowrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:1rem;padding-right:10px;padding-left:10px}.push-0,.push-1,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9,.push-10,.push-11,.push-12{position:relative}.pull-0,.pull-1,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.pull-10,.pull-11,.pull-12{position:relative}.nowrap{white-space:nowrap}.nowrap>*{white-space:normal}.wrap{white-space:normal}.gr-centered{display:block !important;float:none !important;margin-left:auto !important;margin-right:auto !important;clear:both !important}@media only screen and (min-width: 481px) and (max-width: 1024px){.container\@tablet:after{content:"";display:table;clear:both}}@media only screen and (min-width: 481px) and (max-width: 1024px){.row\@tablet:before,.row-reverse\@tablet:before,.row\@tablet:after,.row-reverse\@tablet:after{content:"";display:table}.row\@tablet:after,.row-reverse\@tablet:after{clear:both}.row\@tablet,.row-reverse\@tablet{zoom:1}}@media only screen and (min-width: 481px) and (max-width: 1024px){.gr-0\@tablet,.gr-1\@tablet,.gr-2\@tablet,.gr-3\@tablet,.gr-4\@tablet,.gr-5\@tablet,.gr-6\@tablet,.gr-7\@tablet,.gr-8\@tablet,.gr-9\@tablet,.gr-10\@tablet,.gr-11\@tablet,.gr-12\@tablet{display:inline-block;min-height:1px;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:top;padding-right:10px;padding-left:10px}}@media only screen and (min-width: 481px) and (max-width: 1024px){.gr-adapt\@tablet{display:table-cell;width:1px;white-space:nowrap !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:1rem;padding-right:10px;padding-left:10px}}@media only screen and (min-width: 481px) and (max-width: 1024px){.gr-grow\@tablet{display:table-cell;width:99999px;white-space:nowrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:1rem;padding-right:10px;padding-left:10px}}@media only screen and (min-width: 481px) and (max-width: 1024px){.push-0\@tablet,.push-1\@tablet,.push-2\@tablet,.push-3\@tablet,.push-4\@tablet,.push-5\@tablet,.push-6\@tablet,.push-7\@tablet,.push-8\@tablet,.push-9\@tablet,.push-10\@tablet,.push-11\@tablet,.push-12\@tablet{position:relative}}@media only screen and (min-width: 481px) and (max-width: 1024px){.pull-0\@tablet,.pull-1\@tablet,.pull-2\@tablet,.pull-3\@tablet,.pull-4\@tablet,.pull-5\@tablet,.pull-6\@tablet,.pull-7\@tablet,.pull-8\@tablet,.pull-9\@tablet,.pull-10\@tablet,.pull-11\@tablet,.pull-12\@tablet{position:relative}}@media only screen and (min-width: 481px) and (max-width: 1024px){.nowrap\@tablet{white-space:nowrap}.nowrap\@tablet>*{white-space:normal}}@media only screen and (min-width: 481px) and (max-width: 1024px){.wrap\@tablet{white-space:normal}}@media only screen and (min-width: 481px) and (max-width: 1024px){.gr-centered\@tablet{display:block !important;float:none !important;margin-left:auto !important;margin-right:auto !important;clear:both !important}}@media only screen and (max-width: 480px){.container\@mobile:after{content:"";display:table;clear:both}}@media only screen and (max-width: 480px){.row\@mobile:before,.row-reverse\@mobile:before,.row\@mobile:after,.row-reverse\@mobile:after{content:"";display:table}.row\@mobile:after,.row-reverse\@mobile:after{clear:both}.row\@mobile,.row-reverse\@mobile{zoom:1}}@media only screen and (max-width: 480px){.gr-0\@mobile,.gr-1\@mobile,.gr-2\@mobile,.gr-3\@mobile,.gr-4\@mobile,.gr-5\@mobile,.gr-6\@mobile,.gr-7\@mobile,.gr-8\@mobile,.gr-9\@mobile,.gr-10\@mobile,.gr-11\@mobile,.gr-12\@mobile{display:inline-block;min-height:1px;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:top;padding-right:10px;padding-left:10px}}@media only screen and (max-width: 480px){.gr-adapt\@mobile{display:table-cell;width:1px;white-space:nowrap !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:1rem;padding-right:10px;padding-left:10px}}@media only screen and (max-width: 480px){.gr-grow\@mobile{display:table-cell;width:99999px;white-space:nowrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:1rem;padding-right:10px;padding-left:10px}}@media only screen and (max-width: 480px){.push-0\@mobile,.push-1\@mobile,.push-2\@mobile,.push-3\@mobile,.push-4\@mobile,.push-5\@mobile,.push-6\@mobile,.push-7\@mobile,.push-8\@mobile,.push-9\@mobile,.push-10\@mobile,.push-11\@mobile,.push-12\@mobile{position:relative}}@media only screen and (max-width: 480px){.pull-0\@mobile,.pull-1\@mobile,.pull-2\@mobile,.pull-3\@mobile,.pull-4\@mobile,.pull-5\@mobile,.pull-6\@mobile,.pull-7\@mobile,.pull-8\@mobile,.pull-9\@mobile,.pull-10\@mobile,.pull-11\@mobile,.pull-12\@mobile{position:relative}}@media only screen and (max-width: 480px){.nowrap\@mobile{white-space:nowrap}.nowrap\@mobile>*{white-space:normal}}@media only screen and (max-width: 480px){.wrap\@mobile{white-space:normal}}@media only screen and (max-width: 480px){.gr-centered\@mobile{display:block !important;float:none !important;margin-left:auto !important;margin-right:auto !important;clear:both !important}}@media screen and (max-width: 400px){@-ms-viewport{width:device-width}}#gridle-settings{content:'{ "version" : "2.0.41", "states" : { "retina":{ "query" : "(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx)", "classes" : false, "name" : "retina", "_" : true }, "tv":{ "query" : "only tv", "classes" : false, "name" : "tv", "_" : true }, "print":{ "query" : "only print", "classes" : false, "name" : "print", "_" : true }, "portrait":{ "query" : "only screen and (orientation: portrait)", "classes" : false, "name" : "portrait", "_" : true }, "landscape":{ "query" : "only screen and (orientation: landscape)", "classes" : false, "name" : "landscape", "_" : true }, "default":{ "name" : "default", "min-width" : null, "max-width" : null, "query" : null, "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "tablet":{ "name" : "tablet", "min-width" : null, "max-width" : "768px", "query" : "only screen and (min-width: 481px) and (max-width: 1024px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "10%", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "5%", "gutter-bottom" : "0", "gutter-left" : "5%", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "mobile":{ "name" : "mobile", "min-width" : null, "max-width" : "480px", "query" : "only screen and (max-width: 480px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "10%", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "5%", "gutter-bottom" : "0", "gutter-left" : "5%", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }} }'}.gr-0{width:0%}.push-0{left:0%}.pull-0{right:0%}.prefix-0{margin-left:0%}.suffix-0{margin-right:0%}.gr-1{width:8.33333%}.push-1{left:8.33333%}.pull-1{right:8.33333%}.prefix-1{margin-left:8.33333%}.suffix-1{margin-right:8.33333%}.gr-2{width:16.66667%}.push-2{left:16.66667%}.pull-2{right:16.66667%}.prefix-2{margin-left:16.66667%}.suffix-2{margin-right:16.66667%}.gr-3{width:25%}.push-3{left:25.0%}.pull-3{right:25.0%}.prefix-3{margin-left:25.0%}.suffix-3{margin-right:25.0%}.gr-4{width:33.33333%}.push-4{left:33.33333%}.pull-4{right:33.33333%}.prefix-4{margin-left:33.33333%}.suffix-4{margin-right:33.33333%}.gr-5{width:41.66667%}.push-5{left:41.66667%}.pull-5{right:41.66667%}.prefix-5{margin-left:41.66667%}.suffix-5{margin-right:41.66667%}.gr-6{width:50%}.push-6{left:50.0%}.pull-6{right:50.0%}.prefix-6{margin-left:50.0%}.suffix-6{margin-right:50.0%}.gr-7{width:58.33333%}.push-7{left:58.33333%}.pull-7{right:58.33333%}.prefix-7{margin-left:58.33333%}.suffix-7{margin-right:58.33333%}.gr-8{width:66.66667%}.push-8{left:66.66667%}.pull-8{right:66.66667%}.prefix-8{margin-left:66.66667%}.suffix-8{margin-right:66.66667%}.gr-9{width:75%}.push-9{left:75.0%}.pull-9{right:75.0%}.prefix-9{margin-left:75.0%}.suffix-9{margin-right:75.0%}.gr-10{width:83.33333%}.push-10{left:83.33333%}.pull-10{right:83.33333%}.prefix-10{margin-left:83.33333%}.suffix-10{margin-right:83.33333%}.gr-11{width:91.66667%}.push-11{left:91.66667%}.pull-11{right:91.66667%}.prefix-11{margin-left:91.66667%}.suffix-11{margin-right:91.66667%}.gr-12{width:100%}.push-12{left:100.0%}.pull-12{right:100.0%}.prefix-12{margin-left:100.0%}.suffix-12{margin-right:100.0%}.float-left{float:left}.float-right{float:right}.clear{clear:both}.clear-left{clear:left}.clear-right{clear:right}.no-gutter{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}.no-gutter-left{padding-left:0}.no-gutter-right{padding-right:0}.no-gutter-top{padding-top:0}.no-gutter-bottom{padding-bottom:0}.gutter{padding-right:10px;padding-left:10px}.gutter-left{padding-left:10px}.gutter-right{padding-right:10px}.auto-height{height:inherit}.row{padding-left:0 !important;padding-right:0 !important;margin-left:-10px;margin-right:-10px}.row-reverse{padding-left:0 !important;padding-right:0 !important;margin-left:-10px;margin-right:-10px}.row-full{width:100vw;margin-left:50% !important;margin-right:0 !important;-webkit-transform:translateX(-50%);-moz-transition:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.col{padding-left:0 !important;padding-right:0 !important;margin-left:-10px;margin-right:-10px}.col-reverse{padding-left:0 !important;padding-right:0 !important;margin-left:-10px;margin-right:-10px}.gr-table{display:table-cell;float:none;vertical-align:top}.row-align-left{font-size:0;clear:both;text-align:left}.row-align-left>*{float:none !important;vertical-align:bottom;font-size:1rem}.row-align-center{font-size:0;clear:both;text-align:center}.row-align-center>*{float:none !important;vertical-align:bottom;font-size:1rem}.row-align-center>*{text-align:left}.row-align-right{font-size:0;clear:both;text-align:right}.row-align-right>*{float:none !important;vertical-align:bottom;font-size:1rem}.row-align-right>*{text-align:left}.row-align-middle{font-size:0;clear:both;vertical-align:middle}.row-align-middle>*{float:none !important;vertical-align:middle;font-size:1rem}.row-align-top{font-size:0;clear:both;vertical-align:top}.row-align-top>*{float:none !important;vertical-align:top;font-size:1rem}.row-align-bottom{font-size:0;clear:both;vertical-align:bottom}.row-align-bottom>*{float:none !important;vertical-align:bottom;font-size:1rem}.hide{display:none}.not-visible{visibility:hidden}.show{display:block}.show-inline{display:inline-block}.visible{visibility:visible}body{direction:ltr}@media only screen and (min-width: 481px) and (max-width: 1024px){.gr-0\@tablet{width:0%}.push-0\@tablet{left:0%}.pull-0\@tablet{right:0%}.prefix-0\@tablet{margin-left:0%}.suffix-0\@tablet{margin-right:0%}.gr-1\@tablet{width:8.33333%}.push-1\@tablet{left:8.33333%}.pull-1\@tablet{right:8.33333%}.prefix-1\@tablet{margin-left:8.33333%}.suffix-1\@tablet{margin-right:8.33333%}.gr-2\@tablet{width:16.66667%}.push-2\@tablet{left:16.66667%}.pull-2\@tablet{right:16.66667%}.prefix-2\@tablet{margin-left:16.66667%}.suffix-2\@tablet{margin-right:16.66667%}.gr-3\@tablet{width:25%}.push-3\@tablet{left:25.0%}.pull-3\@tablet{right:25.0%}.prefix-3\@tablet{margin-left:25.0%}.suffix-3\@tablet{margin-right:25.0%}.gr-4\@tablet{width:33.33333%}.push-4\@tablet{left:33.33333%}.pull-4\@tablet{right:33.33333%}.prefix-4\@tablet{margin-left:33.33333%}.suffix-4\@tablet{margin-right:33.33333%}.gr-5\@tablet{width:41.66667%}.push-5\@tablet{left:41.66667%}.pull-5\@tablet{right:41.66667%}.prefix-5\@tablet{margin-left:41.66667%}.suffix-5\@tablet{margin-right:41.66667%}.gr-6\@tablet{width:50%}.push-6\@tablet{left:50.0%}.pull-6\@tablet{right:50.0%}.prefix-6\@tablet{margin-left:50.0%}.suffix-6\@tablet{margin-right:50.0%}.gr-7\@tablet{width:58.33333%}.push-7\@tablet{left:58.33333%}.pull-7\@tablet{right:58.33333%}.prefix-7\@tablet{margin-left:58.33333%}.suffix-7\@tablet{margin-right:58.33333%}.gr-8\@tablet{width:66.66667%}.push-8\@tablet{left:66.66667%}.pull-8\@tablet{right:66.66667%}.prefix-8\@tablet{margin-left:66.66667%}.suffix-8\@tablet{margin-right:66.66667%}.gr-9\@tablet{width:75%}.push-9\@tablet{left:75.0%}.pull-9\@tablet{right:75.0%}.prefix-9\@tablet{margin-left:75.0%}.suffix-9\@tablet{margin-right:75.0%}.gr-10\@tablet{width:83.33333%}.push-10\@tablet{left:83.33333%}.pull-10\@tablet{right:83.33333%}.prefix-10\@tablet{margin-left:83.33333%}.suffix-10\@tablet{margin-right:83.33333%}.gr-11\@tablet{width:91.66667%}.push-11\@tablet{left:91.66667%}.pull-11\@tablet{right:91.66667%}.prefix-11\@tablet{margin-left:91.66667%}.suffix-11\@tablet{margin-right:91.66667%}.gr-12\@tablet{width:100%}.push-12\@tablet{left:100.0%}.pull-12\@tablet{right:100.0%}.prefix-12\@tablet{margin-left:100.0%}.suffix-12\@tablet{margin-right:100.0%}.float-left\@tablet{float:left}.float-right\@tablet{float:right}.clear\@tablet{clear:both}.clear-left\@tablet{clear:left}.clear-right\@tablet{clear:right}.no-gutter\@tablet{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}.no-gutter-left\@tablet{padding-left:0}.no-gutter-right\@tablet{padding-right:0}.no-gutter-top\@tablet{padding-top:0}.no-gutter-bottom\@tablet{padding-bottom:0}.gutter\@tablet{padding-right:5%;padding-left:5%}.gutter-left\@tablet{padding-left:5%}.gutter-right\@tablet{padding-right:5%}.auto-height\@tablet{height:inherit}.row\@tablet{padding-left:0 !important;padding-right:0 !important;margin-left:-5%;margin-right:-5%}.row-reverse\@tablet{padding-left:0 !important;padding-right:0 !important;margin-left:-5%;margin-right:-5%}.row-full\@tablet{width:100vw;margin-left:50% !important;margin-right:0 !important;-webkit-transform:translateX(-50%);-moz-transition:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.col\@tablet{padding-left:0 !important;padding-right:0 !important;margin-left:-5%;margin-right:-5%}.col-reverse\@tablet{padding-left:0 !important;padding-right:0 !important;margin-left:-5%;margin-right:-5%}.gr-table\@tablet{display:table-cell;float:none;vertical-align:top}.row-align-left\@tablet{font-size:0;clear:both;text-align:left}.row-align-left\@tablet>*{float:none !important;vertical-align:bottom;font-size:1rem}.row-align-center\@tablet{font-size:0;clear:both;text-align:center}.row-align-center\@tablet>*{float:none !important;vertical-align:bottom;font-size:1rem}.row-align-center\@tablet>*{text-align:left}.row-align-right\@tablet{font-size:0;clear:both;text-align:right}.row-align-right\@tablet>*{float:none !important;vertical-align:bottom;font-size:1rem}.row-align-right\@tablet>*{text-align:left}.row-align-middle\@tablet{font-size:0;clear:both;vertical-align:middle}.row-align-middle\@tablet>*{float:none !important;vertical-align:middle;font-size:1rem}.row-align-top\@tablet{font-size:0;clear:both;vertical-align:top}.row-align-top\@tablet>*{float:none !important;vertical-align:top;font-size:1rem}.row-align-bottom\@tablet{font-size:0;clear:both;vertical-align:bottom}.row-align-bottom\@tablet>*{float:none !important;vertical-align:bottom;font-size:1rem}.hide\@tablet{display:none}.not-visible\@tablet{visibility:hidden}.show\@tablet{display:block}.show-inline\@tablet{display:inline-block}.visible\@tablet{visibility:visible}body{direction:ltr}}@media only screen and (max-width: 480px){.gr-0\@mobile{width:0%}.push-0\@mobile{left:0%}.pull-0\@mobile{right:0%}.prefix-0\@mobile{margin-left:0%}.suffix-0\@mobile{margin-right:0%}.gr-1\@mobile{width:8.33333%}.push-1\@mobile{left:8.33333%}.pull-1\@mobile{right:8.33333%}.prefix-1\@mobile{margin-left:8.33333%}.suffix-1\@mobile{margin-right:8.33333%}.gr-2\@mobile{width:16.66667%}.push-2\@mobile{left:16.66667%}.pull-2\@mobile{right:16.66667%}.prefix-2\@mobile{margin-left:16.66667%}.suffix-2\@mobile{margin-right:16.66667%}.gr-3\@mobile{width:25%}.push-3\@mobile{left:25.0%}.pull-3\@mobile{right:25.0%}.prefix-3\@mobile{margin-left:25.0%}.suffix-3\@mobile{margin-right:25.0%}.gr-4\@mobile{width:33.33333%}.push-4\@mobile{left:33.33333%}.pull-4\@mobile{right:33.33333%}.prefix-4\@mobile{margin-left:33.33333%}.suffix-4\@mobile{margin-right:33.33333%}.gr-5\@mobile{width:41.66667%}.push-5\@mobile{left:41.66667%}.pull-5\@mobile{right:41.66667%}.prefix-5\@mobile{margin-left:41.66667%}.suffix-5\@mobile{margin-right:41.66667%}.gr-6\@mobile{width:50%}.push-6\@mobile{left:50.0%}.pull-6\@mobile{right:50.0%}.prefix-6\@mobile{margin-left:50.0%}.suffix-6\@mobile{margin-right:50.0%}.gr-7\@mobile{width:58.33333%}.push-7\@mobile{left:58.33333%}.pull-7\@mobile{right:58.33333%}.prefix-7\@mobile{margin-left:58.33333%}.suffix-7\@mobile{margin-right:58.33333%}.gr-8\@mobile{width:66.66667%}.push-8\@mobile{left:66.66667%}.pull-8\@mobile{right:66.66667%}.prefix-8\@mobile{margin-left:66.66667%}.suffix-8\@mobile{margin-right:66.66667%}.gr-9\@mobile{width:75%}.push-9\@mobile{left:75.0%}.pull-9\@mobile{right:75.0%}.prefix-9\@mobile{margin-left:75.0%}.suffix-9\@mobile{margin-right:75.0%}.gr-10\@mobile{width:83.33333%}.push-10\@mobile{left:83.33333%}.pull-10\@mobile{right:83.33333%}.prefix-10\@mobile{margin-left:83.33333%}.suffix-10\@mobile{margin-right:83.33333%}.gr-11\@mobile{width:91.66667%}.push-11\@mobile{left:91.66667%}.pull-11\@mobile{right:91.66667%}.prefix-11\@mobile{margin-left:91.66667%}.suffix-11\@mobile{margin-right:91.66667%}.gr-12\@mobile{width:100%}.push-12\@mobile{left:100.0%}.pull-12\@mobile{right:100.0%}.prefix-12\@mobile{margin-left:100.0%}.suffix-12\@mobile{margin-right:100.0%}.float-left\@mobile{float:left}.float-right\@mobile{float:right}.clear\@mobile{clear:both}.clear-left\@mobile{clear:left}.clear-right\@mobile{clear:right}.no-gutter\@mobile{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}.no-gutter-left\@mobile{padding-left:0}.no-gutter-right\@mobile{padding-right:0}.no-gutter-top\@mobile{padding-top:0}.no-gutter-bottom\@mobile{padding-bottom:0}.gutter\@mobile{padding-right:5%;padding-left:5%}.gutter-left\@mobile{padding-left:5%}.gutter-right\@mobile{padding-right:5%}.auto-height\@mobile{height:inherit}.row\@mobile{padding-left:0 !important;padding-right:0 !important;margin-left:-5%;margin-right:-5%}.row-reverse\@mobile{padding-left:0 !important;padding-right:0 !important;margin-left:-5%;margin-right:-5%}.row-full\@mobile{width:100vw;margin-left:50% !important;margin-right:0 !important;-webkit-transform:translateX(-50%);-moz-transition:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.col\@mobile{padding-left:0 !important;padding-right:0 !important;margin-left:-5%;margin-right:-5%}.col-reverse\@mobile{padding-left:0 !important;padding-right:0 !important;margin-left:-5%;margin-right:-5%}.gr-table\@mobile{display:table-cell;float:none;vertical-align:top}.row-align-left\@mobile{font-size:0;clear:both;text-align:left}.row-align-left\@mobile>*{float:none !important;vertical-align:bottom;font-size:1rem}.row-align-center\@mobile{font-size:0;clear:both;text-align:center}.row-align-center\@mobile>*{float:none !important;vertical-align:bottom;font-size:1rem}.row-align-center\@mobile>*{text-align:left}.row-align-right\@mobile{font-size:0;clear:both;text-align:right}.row-align-right\@mobile>*{float:none !important;vertical-align:bottom;font-size:1rem}.row-align-right\@mobile>*{text-align:left}.row-align-middle\@mobile{font-size:0;clear:both;vertical-align:middle}.row-align-middle\@mobile>*{float:none !important;vertical-align:middle;font-size:1rem}.row-align-top\@mobile{font-size:0;clear:both;vertical-align:top}.row-align-top\@mobile>*{float:none !important;vertical-align:top;font-size:1rem}.row-align-bottom\@mobile{font-size:0;clear:both;vertical-align:bottom}.row-align-bottom\@mobile>*{float:none !important;vertical-align:bottom;font-size:1rem}.hide\@mobile{display:none}.not-visible\@mobile{visibility:hidden}.show\@mobile{display:block}.show-inline\@mobile{display:inline-block}.visible\@mobile{visibility:visible}body{direction:ltr}}@media only screen and (min-width: 481px) and (max-width: 1024px){.gr-0\@retina,.gr-1\@retina,.gr-2\@retina,.gr-3\@retina,.gr-4\@retina,.gr-5\@retina,.gr-6\@retina,.gr-7\@retina,.gr-8\@retina,.gr-9\@retina,.gr-10\@retina,.gr-11\@retina,.gr-12\@retina,.gr-0\@tv,.gr-1\@tv,.gr-2\@tv,.gr-3\@tv,.gr-4\@tv,.gr-5\@tv,.gr-6\@tv,.gr-7\@tv,.gr-8\@tv,.gr-9\@tv,.gr-10\@tv,.gr-11\@tv,.gr-12\@tv,.gr-0\@print,.gr-1\@print,.gr-2\@print,.gr-3\@print,.gr-4\@print,.gr-5\@print,.gr-6\@print,.gr-7\@print,.gr-8\@print,.gr-9\@print,.gr-10\@print,.gr-11\@print,.gr-12\@print,.gr-0\@portrait,.gr-1\@portrait,.gr-2\@portrait,.gr-3\@portrait,.gr-4\@portrait,.gr-5\@portrait,.gr-6\@portrait,.gr-7\@portrait,.gr-8\@portrait,.gr-9\@portrait,.gr-10\@portrait,.gr-11\@portrait,.gr-12\@portrait,.gr-0\@landscape,.gr-1\@landscape,.gr-2\@landscape,.gr-3\@landscape,.gr-4\@landscape,.gr-5\@landscape,.gr-6\@landscape,.gr-7\@landscape,.gr-8\@landscape,.gr-9\@landscape,.gr-10\@landscape,.gr-11\@landscape,.gr-12\@landscape,.gr-0,.gr-1,.gr-2,.gr-3,.gr-4,.gr-5,.gr-6,.gr-7,.gr-8,.gr-9,.gr-10,.gr-11,.gr-12,.gr-0\@tablet,.gr-1\@tablet,.gr-2\@tablet,.gr-3\@tablet,.gr-4\@tablet,.gr-5\@tablet,.gr-6\@tablet,.gr-7\@tablet,.gr-8\@tablet,.gr-9\@tablet,.gr-10\@tablet,.gr-11\@tablet,.gr-12\@tablet,.gr-0\@mobile,.gr-1\@mobile,.gr-2\@mobile,.gr-3\@mobile,.gr-4\@mobile,.gr-5\@mobile,.gr-6\@mobile,.gr-7\@mobile,.gr-8\@mobile,.gr-9\@mobile,.gr-10\@mobile,.gr-11\@mobile,.gr-12\@mobile{padding-right:5%;padding-left:5%}.gr-grow\@retina,.gr-grow\@tv,.gr-grow\@print,.gr-grow\@portrait,.gr-grow\@landscape,.gr-grow,.gr-grow\@tablet,.gr-grow\@mobile{padding-right:5%;padding-left:5%}.gr-adapt\@retina,.gr-adapt\@tv,.gr-adapt\@print,.gr-adapt\@portrait,.gr-adapt\@landscape,.gr-adapt,.gr-adapt\@tablet,.gr-adapt\@mobile{padding-right:5%;padding-left:5%}}@media only screen and (max-width: 480px){.gr-0\@retina,.gr-1\@retina,.gr-2\@retina,.gr-3\@retina,.gr-4\@retina,.gr-5\@retina,.gr-6\@retina,.gr-7\@retina,.gr-8\@retina,.gr-9\@retina,.gr-10\@retina,.gr-11\@retina,.gr-12\@retina,.gr-0\@tv,.gr-1\@tv,.gr-2\@tv,.gr-3\@tv,.gr-4\@tv,.gr-5\@tv,.gr-6\@tv,.gr-7\@tv,.gr-8\@tv,.gr-9\@tv,.gr-10\@tv,.gr-11\@tv,.gr-12\@tv,.gr-0\@print,.gr-1\@print,.gr-2\@print,.gr-3\@print,.gr-4\@print,.gr-5\@print,.gr-6\@print,.gr-7\@print,.gr-8\@print,.gr-9\@print,.gr-10\@print,.gr-11\@print,.gr-12\@print,.gr-0\@portrait,.gr-1\@portrait,.gr-2\@portrait,.gr-3\@portrait,.gr-4\@portrait,.gr-5\@portrait,.gr-6\@portrait,.gr-7\@portrait,.gr-8\@portrait,.gr-9\@portrait,.gr-10\@portrait,.gr-11\@portrait,.gr-12\@portrait,.gr-0\@landscape,.gr-1\@landscape,.gr-2\@landscape,.gr-3\@landscape,.gr-4\@landscape,.gr-5\@landscape,.gr-6\@landscape,.gr-7\@landscape,.gr-8\@landscape,.gr-9\@landscape,.gr-10\@landscape,.gr-11\@landscape,.gr-12\@landscape,.gr-0,.gr-1,.gr-2,.gr-3,.gr-4,.gr-5,.gr-6,.gr-7,.gr-8,.gr-9,.gr-10,.gr-11,.gr-12,.gr-0\@tablet,.gr-1\@tablet,.gr-2\@tablet,.gr-3\@tablet,.gr-4\@tablet,.gr-5\@tablet,.gr-6\@tablet,.gr-7\@tablet,.gr-8\@tablet,.gr-9\@tablet,.gr-10\@tablet,.gr-11\@tablet,.gr-12\@tablet,.gr-0\@mobile,.gr-1\@mobile,.gr-2\@mobile,.gr-3\@mobile,.gr-4\@mobile,.gr-5\@mobile,.gr-6\@mobile,.gr-7\@mobile,.gr-8\@mobile,.gr-9\@mobile,.gr-10\@mobile,.gr-11\@mobile,.gr-12\@mobile{padding-right:5%;padding-left:5%}.gr-grow\@retina,.gr-grow\@tv,.gr-grow\@print,.gr-grow\@portrait,.gr-grow\@landscape,.gr-grow,.gr-grow\@tablet,.gr-grow\@mobile{padding-right:5%;padding-left:5%}.gr-adapt\@retina,.gr-adapt\@tv,.gr-adapt\@print,.gr-adapt\@portrait,.gr-adapt\@landscape,.gr-adapt,.gr-adapt\@tablet,.gr-adapt\@mobile{padding-right:5%;padding-left:5%}}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx){[class*="gr"]>[class*="row"],[class*="gr"]>[class*="col"]{margin-left:-;margin-right:-}}@media only tv{[class*="gr"]>[class*="row"],[class*="gr"]>[class*="col"]{margin-left:-;margin-right:-}}@media only print{[class*="gr"]>[class*="row"],[class*="gr"]>[class*="col"]{margin-left:-;margin-right:-}}@media only screen and (orientation: portrait){[class*="gr"]>[class*="row"],[class*="gr"]>[class*="col"]{margin-left:-;margin-right:-}}@media only screen and (orientation: landscape){[class*="gr"]>[class*="row"],[class*="gr"]>[class*="col"]{margin-left:-;margin-right:-}}[class*="gr"]>[class*="row"],[class*="gr"]>[class*="col"]{margin-left:-10px;margin-right:-10px}@media only screen and (min-width: 481px) and (max-width: 1024px){[class*="gr"]>[class*="row"],[class*="gr"]>[class*="col"]{margin-left:-5%;margin-right:-5%}}@media only screen and (max-width: 480px){[class*="gr"]>[class*="row"],[class*="gr"]>[class*="col"]{margin-left:-5%;margin-right:-5%}}.container{max-width:1024px;margin:0 auto}@media only screen and (max-width: 1024px){.container{width:100%}}.gr-inner{margin-left:10px;margin-right:10px}@media only screen and (min-width: 481px) and (max-width: 1024px){.gr-inner{margin-left:5%;margin-right:5%}}@media only screen and (max-width: 480px){.gr-inner{margin-left:5%;margin-right:5%}} diff --git a/assets/css/style.scss.css b/assets/css/style.scss.css deleted file mode 100644 index 23408c2..0000000 --- a/assets/css/style.scss.css +++ /dev/null @@ -1,4 +0,0 @@ -/*! - * Copyright (c) Gold Interactive - * Designed and mantained by Gold Interactive - */@import url(../vendor/bower/normalize-css/normalize.css);@import url(grid.css);/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */html{color:#000;font-size:1em;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background:#fff}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}h5{box-sizing:border-box}a{color:#08c}a:hover,a:focus,a:active{color:#005580}[class^='icon-'],[class*=' icon-']{width:22px;height:22px;display:inline-block;vertical-align:text-top;background-size:100%;background-repeat:no-repeat;image-rendering:optimizequality}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:100%}.hidden{display:none !important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.fr{float:right}.fl{float:left}@media only screen and (max-width: 480px){.fr-mobile{float:right}.fl-mobile{float:left}}@media only screen and (min-width: 481px) and (max-width: 1024px){.fr-tablet{float:right}.fl-tablet{float:left}}.tac{text-align:center}.tal{text-align:left}.tar{text-align:right}@media only screen and (max-width: 480px){.tac-mobile{text-align:center}.tal-mobile{text-align:left}.tar-mobile{text-align:right}}@media only screen and (min-width: 481px) and (max-width: 1024px){.tac-tablet{text-align:center}.tal-tablet{text-align:left}.tar-tablet{text-align:right}}.clear-both{clear:both}.clear-left{clear:left}.clear-right{clear:right} diff --git a/assets/js/main.bundle.js b/assets/js/main.bundle.js deleted file mode 100644 index 22c7196..0000000 --- a/assets/js/main.bundle.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! Gold Interactive - www.goldinteractive.ch - 2016 */ -!function(t){function n(r){if(e[r])return e[r].exports;var i=e[r]={exports:{},id:r,loaded:!1};return t[r].call(i.exports,i,i.exports,n),i.loaded=!0,i.exports}var e={};return n.m=t,n.c=e,n.p="",n(0)}([function(t,n,e){"use strict";var r=(e(1),{init:function(){}});r.init()},function(t,n,e){"use strict";function r(t){return t&&t.__esModule?t:{"default":t}}function i(t){var n,e=arguments.length<=1||void 0===arguments[1]?!0:arguments[1],r=t.getBoundingClientRect().width;return e&&(n=getComputedStyle(t),r+=window.parseInt(n.marginLeft)+window.parseInt(n.marginRight)),r}function o(t,n,e){var r;return function(){var i=this,o=arguments,u=function(){r=null,e||t.apply(i,o)},a=e&&!r;clearTimeout(r),r=setTimeout(u,n),a&&t.apply(i,o)}}function u(){return w("break-small")}function a(){return w("break-medium")}function s(){return"ontouchstart"in window}function c(t){return t.replace(/^\s+|\s+$/gm,"")}function d(t){return t.replace(/(\-\w)/g,function(t){return t.toUpperCase().replace("-","")})}function m(t){return t.replace(/[A-Z]/g,function(t){return"-"+t.toLowerCase()})}function f(t,n){var e,r=document.body||document.documentElement,i=r.style,o=["Webkit","Moz","ms","O","Khtml"];return"undefined"==typeof i?!1:(t=function(t){if("string"==typeof i[t])return t;t=d(t.charAt(0).toUpperCase()+t.substr(1));for(var n=0;nwindow.parseInt(l["default"][t])},g=(n.rAF=function(){var t=0;return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.msRequestAnimationFrame||window.oRequestAnimationFrame||function(n,e){var r=(new Date).getTime(),i=Math.max(0,16-(r-t)),o=window.setTimeout(function(){n(r+i)},i);return t=r+i,o}}(),n.support={transition:f("transition")});n.transitionEnd=g.transition?g.transition+"end "+g.transition+"End":!1},function(t,n){t.exports={"break-small":"480px","break-medium":"768px","break-large":"1024px"}}]); \ No newline at end of file diff --git a/assets/js/main.bundle.js.map b/assets/js/main.bundle.js.map deleted file mode 100644 index b71ee28..0000000 --- a/assets/js/main.bundle.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["webpack:///main.bundle.js","webpack:///webpack/bootstrap 4244c5132a60cc010a92","webpack:///main.js"],"names":["modules","__webpack_require__","moduleId","installedModules","exports","module","id","loaded","call","m","c","p","app","init"],"mappings":"CAAS,SAAUA,GCInB,QAAAC,GAAAC,GAGA,GAAAC,EAAAD,GACA,MAAAC,GAAAD,GAAAE,OAGA,IAAAC,GAAAF,EAAAD,IACAE,WACAE,GAAAJ,EACAK,QAAA,EAUA,OANAP,GAAAE,GAAAM,KAAAH,EAAAD,QAAAC,IAAAD,QAAAH,GAGAI,EAAAE,QAAA,EAGAF,EAAAD,QAvBA,GAAAD,KAqCA,OATAF,GAAAQ,EAAAT,EAGAC,EAAAS,EAAAP,EAGAF,EAAAU,EAAA,GAGAV,EAAA,KDMM,SAASI,EAAQD,GAEtB,YE9CD,IAAIQ,IACFC,KAAI,aAIND,GAAIC","file":"main.bundle.js","sourcesContent":["/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ function(module, exports) {\n\n\t\"use strict\";\n\t\n\tvar app = {\n\t init: function init() {\n\t // here you can write all your fancy stuff...\n\t }\n\t};\n\tapp.init();\n\n/***/ }\n/******/ ]);\n\n\n/** WEBPACK FOOTER **\n ** main.bundle.js\n **/"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId])\n \t\t\treturn installedModules[moduleId].exports;\n\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\texports: {},\n \t\t\tid: moduleId,\n \t\t\tloaded: false\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.loaded = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(0);\n\n\n\n/** WEBPACK FOOTER **\n ** webpack/bootstrap 4244c5132a60cc010a92\n **/","var app = {\n init() {\n // here you can write all your fancy stuff...\n }\n}\napp.init()\n\n\n\n\n/** WEBPACK FOOTER **\n ** main.js\n **/"],"sourceRoot":""} \ No newline at end of file diff --git a/assets/scss/base/_common.scss b/assets/scss/base/_common.scss index 7c50fcd..425cc1c 100644 --- a/assets/scss/base/_common.scss +++ b/assets/scss/base/_common.scss @@ -1,8 +1,19 @@ a { - color: $link-color; - &:hover, - &:focus, - &:active { - color: $link-color-hover; - } -} \ No newline at end of file + color: $link-color; + text-decoration: none; + transition: color .2s ease; + &:hover, + &:focus, + &:active { + color: $link-color-hover; + } +} + +img { + max-width: 100%; +} + +td, +th { + vertical-align: top; +} diff --git a/assets/scss/grid.scss b/assets/scss/grid.scss index b5c00db..578138e 100755 --- a/assets/scss/grid.scss +++ b/assets/scss/grid.scss @@ -1,47 +1,69 @@ @charset "utf-8"; @import - '../vendor/bower/gridle/sass/gridle/gridle', - '../shared-variables.json', - 'utils/variables', - '../vendor/bower/gi-scss-mixins/mixins'; + '../vendor/bower/gridle/sass/gridle/gridle', + '../shared-variables.json', + 'utils/variables', + 'utils/mixins', + '../vendor/bower/gi-scss-mixins/mixins'; // check the documentation http://gridle.org/documentation // setting up the grid @include gridle_setup(( - context: $default-columns-amount, - gutter-width: $default-gutter-width, + context: $default-columns-amount, + gutter-width: $default-gutter-width, )); @include gridle_register_state (tablet, ( - query: map-get($breakpoints, tablet), - - gutter-width: 10%, - max-width: $break-medium, + query: map-get($breakpoints, tablet), + gutter-width: $tablet-gutter-width, + max-width: $break-medium, )); // make the use of media queries a piece of cake @include gridle_register_state (mobile, ( - query: map-get($breakpoints, mobile), - gutter-width: 10%, - max-width: $break-small, + query: map-get($breakpoints, mobile), + gutter-width: $mobile-gutter-width, + max-width: $break-small, )); + +// Generate classes @include gridle_generate_classes(all, -debug); +@import 'utils/grid-helpers'; + /** * Main page container */ .container { - max-width: $break-large; - margin: 0 auto; - @include breakpoint($break-large) { - width: 100%; - } + max-width: $container-max-width; + margin: 0 auto; + @include breakpoint($break-large) { + max-width: $mobile-container-max-width; + } } + +/** + * Fix negative margins for breakpoints + */ + +.row { + @include respond-to(tablet) { + margin-left: -($tablet-gutter-width / 2); + margin-right: -($tablet-gutter-width / 2); + } + + @include respond-to(mobile) { + margin-left: -($mobile-gutter-width / 2); + margin-right: -($mobile-gutter-width / 2); + } +} + + /** * Small hack for a big problem, used to enable the background colors, * images inside a grid block @@ -54,16 +76,16 @@ * .gr-6 */ .gr-inner { - margin-left: $default-gutter-width / 2; - margin-right: $default-gutter-width / 2; - - @include respond-to(tablet) { - margin-left: 5%; // the half of the gutter width on tablet! - margin-right: 5%; - } - - @include respond-to(mobile) { - margin-left: 5%; // the half of the gutter width on mobile! - margin-right: 5%; - } + margin-left: $default-gutter-width / 2; + margin-right: $default-gutter-width / 2; + + @include respond-to(tablet) { + margin-left: $tablet-gutter-width / 2; // the half of the gutter width on tablet! + margin-right: $tablet-gutter-width / 2; + } + + @include respond-to(mobile) { + margin-left: $mobile-gutter-width / 2; // the half of the gutter width on mobile! + margin-right: $mobile-gutter-width / 2; + } } diff --git a/assets/scss/style.scss b/assets/scss/style.scss index 6836599..eb1bae1 100755 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -8,39 +8,35 @@ // CSS shared variables // compass and mixins @import - '../shared-variables.json', - '../vendor/bower/gi-scss-global-variables/global-variables', - '../vendor/bower/gi-scss-mixins/mixins'; - -// Third party css -@import - '../vendor/bower/normalize-css/normalize.css'; + '../shared-variables.json', + '../vendor/bower/gi-scss-global-variables/global-variables', + '../vendor/bower/gi-scss-mixins/mixins'; // Project variables and utils @import - 'utils/mixins', - 'utils/placeholders', - 'utils/variables'; // Modify this for custom colors, font-sizes, etc + 'utils/variables', // Modify this for custom colors, font-sizes, etc + 'utils/mixins', + 'utils/placeholders', + 'utils/helpers'; -// Gold Interactive UI Components -// @import 'components/slider'; +// Third party css +@import + '../vendor/bower/normalize-css/normalize.css'; // Base CSS @import - 'grid.css', - 'base/reset', - 'base/typography', - 'base/common', - 'base/icons'; - + 'grid.css', + 'base/reset', + 'base/typography', + 'base/common', + 'base/icons'; // Common UI layout Regions @import - 'layout/header', - 'layout/nav', - 'layout/footer'; - -// Utility classes -@import - '../vendor/bower/gi-scss-utilities/utilities'; + 'layout/header', + 'layout/nav', + 'layout/footer'; +// Gold Interactive UI Components +// @import + // 'components/slider'; diff --git a/assets/scss/utils/_grid-helpers.scss b/assets/scss/utils/_grid-helpers.scss new file mode 100644 index 0000000..c368629 --- /dev/null +++ b/assets/scss/utils/_grid-helpers.scss @@ -0,0 +1,35 @@ +// Addiotional helper classes + +@include gridle_generate_custom_class( ('tac','@','%state') ) { + text-align: center; +} + +@include gridle_generate_custom_class( ('tal','@','%state') ) { + text-align: left; +} + +@include gridle_generate_custom_class( ('tar','@','%state') ) { + text-align: right; +} + +@include gridle_generate_custom_class( ('fl','@','%state') ) { + float: left; +} + +@include gridle_generate_custom_class( ('fr','@','%state') ) { + float: right; +} + +@include gridle_generate_custom_class( ('fn','@','%state') ) { + float: none; +} + +@include gridle_generate_custom_class( ('float-none','@','%state') ) { + float: none; +} + +@include gridle_generate_custom_class( ('hide-br','@','%state') ) { + br { + display: none; + } +} diff --git a/assets/scss/utils/_helpers.scss b/assets/scss/utils/_helpers.scss new file mode 100644 index 0000000..31531af --- /dev/null +++ b/assets/scss/utils/_helpers.scss @@ -0,0 +1,60 @@ +/* + * Clearfix: contain floats + * + * For modern browsers + * 1. The space content is one way to avoid an Opera bug when the + * `contenteditable` attribute is included anywhere else in the document. + * Otherwise it causes space to appear at the top and bottom of elements + * that receive the `clearfix` class. + * 2. The use of `table` rather than `block` is only necessary if using + * `:before` to contain the top-margins of child elements. + */ + +.clearfix:before, +.clearfix:after { + content: " "; /* 1 */ + display: table; /* 2 */ +} + +.clearfix:after { + clear: both; +} + +/* + * Hide only visually, but have it available for screenreaders: h5bp.com/v + */ + +.visuallyhidden { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +/* + * Extends the .visuallyhidden class to allow the element to be focusable + * when navigated to via the keyboard: h5bp.com/p + */ + +.visuallyhidden.focusable:active, +.visuallyhidden.focusable:focus { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto; +} + +/* + * Remove margin of last element in div. + */ +.rlem { + > *:last-child { + margin-bottom: 0; + } +} diff --git a/assets/scss/utils/_placeholders.scss b/assets/scss/utils/_placeholders.scss index 4e1ce12..e208a9e 100755 --- a/assets/scss/utils/_placeholders.scss +++ b/assets/scss/utils/_placeholders.scss @@ -1,21 +1,21 @@ %hw-accelerated { - backface-visibility: hidden; - transform: translate3d(0,0,0); + backface-visibility: hidden; + transform: translate3d(0,0,0); } %fullscreen { - position: absolute; - top:0; - left:0; - bottom:0; - right: 0; - overflow: hidden; - width: 100%; - height: 100%; - margin: 0; - padding: 0; + position: absolute; + top:0; + left:0; + bottom:0; + right: 0; + overflow: hidden; + width: 100%; + height: 100%; + margin: 0; + padding: 0; } %transition { - transition: all 0.3s ease-in-out; -} \ No newline at end of file + transition: all 0.3s ease-in-out; +} diff --git a/assets/scss/utils/_variables.scss b/assets/scss/utils/_variables.scss index 418e8cd..f3ab2a8 100755 --- a/assets/scss/utils/_variables.scss +++ b/assets/scss/utils/_variables.scss @@ -42,19 +42,24 @@ $breakpoints:( ); $layers: ( - content: 1, - header: 2, + content: 0 ); // Grid +// ------------------------- +$container-max-width: calc(#{$break-large} - 20px); +$mobile-container-max-width: 88%; + // Default grid values -$default-column-width:60px; -$default-gutter-width:20px; +$default-column-width: 60px; $default-columns-amount: 12; +$default-gutter-width: 46px; +$tablet-gutter-width: 3%; +$mobile-gutter-width: 6%; // Images paths // ------------------------- $image-path: '../img/'; - +$font-path: '../fonts/'; diff --git a/assets/shared-variables.json b/assets/shared-variables.json index 08cfcb0..c36e376 100644 --- a/assets/shared-variables.json +++ b/assets/shared-variables.json @@ -1,5 +1,5 @@ { - "break-small": "480px", - "break-medium": "768px", - "break-large": "1024px" -} \ No newline at end of file + "break-small": "680px", + "break-medium": "768px", + "break-large": "1200px" +} diff --git a/bower.json b/bower.json index 6484084..4785121 100755 --- a/bower.json +++ b/bower.json @@ -8,8 +8,7 @@ "dependencies": { "gi-scss-mixins": "~0.3.0", "gi-scss-global-variables": "~0.3.0", - "gi-scss-utilities": "*", "gridle": "~2.0.41", - "normalize-css": "~3.0.3" + "normalize-css": "~4.1.1" } }