Initial commit

.babelrc

@@ -0,0 +1,3 @@
+{
+    "plugins": ["syntax-dynamic-import"]
+}

.editorconfig

@@ -0,0 +1,11 @@
+root = true
+
+[*]
+end_of_line = lf
+insert_final_newline = true
+indent_style = space
+indent_size = 4
+
+[*.{twig,html}]
+indent_size = 2
+

.env.example

@@ -0,0 +1,29 @@
+# The environment Craft is currently running in ('dev', 'staging', 'production', etc.)
+ENVIRONMENT="dev"
+
+# The secure key Craft will use for hashing and encrypting data
+SECURITY_KEY=""
+
+# The database driver that will be used ('mysql' or 'pgsql')
+DB_DRIVER="mysql"
+
+# The database server name or IP address (usually this is 'localhost' or '127.0.0.1')
+DB_SERVER="localhost"
+
+# The database username to connect with
+DB_USER="root"
+
+# The database password to connect with
+DB_PASSWORD=""
+
+# The name of the database to select
+DB_DATABASE=""
+
+# The database schema that will be used (PostgreSQL only)
+DB_SCHEMA="public"
+
+# The prefix that should be added to generated table names (only necessary if multiple things are sharing the same database)
+DB_TABLE_PREFIX=""
+
+# The port to connect to the database with. Will default to 5432 for PostgreSQL and 3306 for MySQL.
+DB_PORT=""

.eslintrc.js

@@ -0,0 +1,28 @@
+module.exports = {
+	"extends": [
+		"airbnb-base",
+		"plugin:vue/recommended"
+	],
+	"rules": {
+		"max-len": ["error", {
+			"code": 120,
+		}],
+        "import/prefer-default-export": ["never"],
+		"indent": ["error", 4],
+		"vue/html-indent": ["error", 4],
+		"vue/html-closing-bracket-newline": ["error", {
+			"singleline": "never",
+			"multiline": "always"
+		}],
+		"vue/max-attributes-per-line": [3, {
+			"singleline": 3,
+			"multiline": {
+				"max": 1,
+				"allowFirstLine": false
+			}
+		}]
+	},
+	"parserOptions": {
+		"parser": "babel-eslint",
+	}
+};

.gitignore

@@ -0,0 +1,12 @@
+/.env
+/.idea
+/vendor
+.DS_Store
+/node_modules
+/web/**
+!/web/index.php
+!/web/.htaccess
+!/web/web.config
+/storage/**
+!/storage/.gitkeep
+/config/license.key

.stylelintrc.js

@@ -0,0 +1,11 @@
+module.exports = {
+    "extends": ["stylelint-config-recommended-scss"],
+    "rules": {
+        "no-empty-source": null,
+        "block-no-empty": null,
+        "no-descending-specificity": null,
+        "font-family-no-missing-generic-family-keyword": null,
+        "selector-list-comma-newline-after": "always",
+    },
+    "processors": ["@mapbox/stylelint-processor-arbitrary-tags"],
+};

assets/js/components/index.js

@@ -0,0 +1,2 @@
+
+export const components = {};

assets/js/directives/index.js

@@ -0,0 +1,5 @@
+import ref from './ref';
+
+export const directives = {
+    ref,
+};

assets/js/directives/ref.js

@@ -0,0 +1,5 @@
+export default {
+    inserted: (el, { value: register }, vnode) => {
+        register({ el, component: vnode.componentInstance });
+    },
+};

assets/js/main.js

@@ -0,0 +1,24 @@
+import Vue from 'vue';
+
+import { components } from './components';
+import { directives } from './directives';
+
+const $app = window.$app || {};
+
+if ($app.devMode === 'true') {
+    Vue.config.devtools = true;
+}
+
+if ($app.devMode === 'false') {
+    Vue.config.devtools = false;
+    Vue.config.productionTip = false;
+}
+
+Vue.prototype.$global = $app;
+
+window.$vue = new Vue({
+    el: '#root',
+    delimiters: ['[[', ']]'],
+    components,
+    directives,
+});

assets/scss/base/_all.scss

@@ -0,0 +1,6 @@
+@import "typography";
+@import "fonts";
+@import "icons";
+@import "containers";
+@import "buttons";
+@import "global";

assets/scss/base/buttons.scss

@@ -0,0 +1,23 @@
+.btn {
+    appearance: none;
+    cursor: pointer;
+    text-decoration: none;
+    background: transparent;
+    margin: 0;
+    padding: 0;
+    border: none;
+    display: inline-block;
+    text-align: center;
+    transition: color 250ms ease-in-out, background 250ms ease-in-out, border 250ms ease-in-out;
+
+
+    &.btn-primary {
+
+        &:hover,
+        &:focus {
+            &:not(.disabled) {
+
+            }
+        }
+    }
+}

assets/scss/base/containers.scss

@@ -0,0 +1,35 @@
+.container {
+    position: relative;
+    max-width: 1188px;
+    width: calc(100% - 8rem);
+    margin: 0 auto;
+
+    @include mq-below(x-small) {
+        width: calc(100% - 4rem);
+    }
+
+
+    @include mq-below(tiny) {
+        width: calc(100% - 2rem);
+    }
+
+    &.container-medium {
+        max-width: 1075px;
+    }
+
+    &.container-xsmall {
+        max-width: 840px;
+    }
+
+    &.container-small {
+         max-width: 895px;
+    }
+
+    &.container-mid-small {
+        max-width: 950px;
+    }
+
+    &.container-large {
+        max-width: 1385px;
+    }
+}

assets/scss/base/global.scss

@@ -0,0 +1,15 @@
+html {
+    // This allows 1rem = 10px
+    font-size: 62.5%;
+    width: 100%;
+    height: 100%;
+}
+
+body {
+    font-size: 1.6rem;
+}
+
+
+[v-cloak] {
+    display: none !important;
+}

assets/scss/main.scss

@@ -0,0 +1,8 @@
+@import "~normalize.css/normalize.css";
+
+@import "../shared-vars.json";
+
+@import "utils/all";
+@import "base/all";
+@import "pages/all";
+@import "modules/all";

assets/scss/modules/_all.scss

@@ -0,0 +1,4 @@
+@import "blocks/all";
+@import "components/all";
+@import "navigation";
+@import "footer";

assets/scss/modules/blocks/_all.scss

@@ -0,0 +1 @@
+@import "block";

assets/scss/modules/blocks/block.scss

@@ -0,0 +1,3 @@
+.module-block {
+
+}

assets/scss/modules/components/_all.scss

@@ -0,0 +1,2 @@
+@import "image-overlay";
+@import "cropped-img";

assets/scss/modules/components/cropped-img.scss

@@ -0,0 +1,19 @@
+.component-cropped-img {
+    position: relative;
+    overflow: hidden;
+
+    .img {
+        z-index: 10;
+        position: absolute;
+        left: -10000%;
+        right: -10000%;
+        top: -10000%;
+        bottom: -10000%;
+        margin: auto;
+        transform: scale(.101);
+        min-width: 1000%;
+        min-height: 1000%;
+        max-width: 10000%;
+        max-height: 10000%;
+    }
+}

assets/scss/modules/components/image-overlay.scss

@@ -0,0 +1,16 @@
+.component-image-overlay {
+    position: relative;
+
+    &:before {
+        content: "";
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        height: 100%;
+        width: 100%;
+        background: color(grey, mid-dark);
+        opacity: .6;
+    }
+}

assets/scss/modules/footer.scss

@@ -0,0 +1,3 @@
+.module-footer {
+
+}

assets/scss/modules/navigation.scss

@@ -0,0 +1,3 @@
+.module-navigation {
+
+}

assets/scss/pages/_all.scss

@@ -0,0 +1 @@
+@import "page";

assets/scss/pages/page.scss

@@ -0,0 +1,3 @@
+.module-page {
+
+}

assets/scss/utils/_all.scss

@@ -0,0 +1,2 @@
+@import "functions";
+@import "mixins";

assets/scss/utils/functions.scss

@@ -0,0 +1,35 @@
+@function color($color, $tone: 'base') {
+    @if map-has-key($colors, $color) == true {
+        @return map-get(map-get($colors, $color), $tone);
+    } @else {
+        @warn "Couldn't find a color named `#{$color}`.";
+        @return inherit;
+    }
+}
+
+
+@function z-index($level: 'default') {
+    @if map-has_key($z-index, $level) == true {
+        @return map-get($z-index, $level);
+    } @else {
+        @warn "Couldn't find a z-index `#{$level}`.";
+        @return inherit;
+    }
+}
+
+@function breakpoint($bp) {
+    @if map-has_key($breakpoints, $bp) == true {
+        @return map-get($breakpoints, $bp) + 0px;
+    } @else {
+        @return null;
+    }
+}
+
+@function strip-unit($number) {
+    @if type-of($number) == 'number' and not unitless($number) {
+        @return $number / ($number * 0 + 1);
+    }
+
+    @return $number;
+}
+