diff --git a/assets/styles/main.scss b/assets/styles/main.scss new file mode 100644 index 000000000..e5c34026f --- /dev/null +++ b/assets/styles/main.scss @@ -0,0 +1,74 @@ +@import 'vue-cion-design-system/src/system/tokens/generated/tokens.scss'; + +// Transition Easing +$easeOut: cubic-bezier(0.19, 1, 0.22, 1); + +.layout-enter-active { + transition: opacity 80ms ease-out; + transition-delay: 80ms; +} +.layout-leave-active { + transition: opacity 80ms ease-in; +} +.layout-enter, +.layout-leave-active { + opacity: 0; +} + +// slide up ease +.slide-up-enter-active { + transition: all 500ms $easeOut; + transition-delay: 20ms; + opacity: 1; + transform: translate3d(0, 0, 0); +} +.slide-up-enter, +.slide-up-leave-active { + opacity: 0; + box-shadow: none; + transform: translate3d(0, 15px, 0); +} + +.main-navigation { + background: #fff; +} + +.tags { + .ds-tag { + margin-right: $space-xx-small; + } +} + +blockquote { + display: block; + padding: 15px 20px 15px 45px; + margin: 0 0 20px; + position: relative; + + /*Font*/ + font-size: $font-size-base; + line-height: 1.2; + color: $color-neutral-40; + font-family: $font-family-serif; + font-style: italic; + + border-left: 3px dotted $color-neutral-70; + + &::before { + content: '\201C'; /*Unicode for Left Double Quote*/ + + /*Font*/ + font-size: $font-size-xxxx-large; + font-weight: bold; + color: $color-neutral-50; + + /*Positioning*/ + position: absolute; + left: 10px; + top: 5px; + } + + p { + margin-top: 0; + } +} diff --git a/layouts/blank.vue b/layouts/blank.vue new file mode 100644 index 000000000..a8fa6eaa9 --- /dev/null +++ b/layouts/blank.vue @@ -0,0 +1,9 @@ + diff --git a/layouts/default.vue b/layouts/default.vue index e76b83eaa..d05d7dfb1 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -1,5 +1,5 @@ - - diff --git a/nuxt.config.js b/nuxt.config.js index 1f4f18a79..8a82b296a 100644 --- a/nuxt.config.js +++ b/nuxt.config.js @@ -33,7 +33,7 @@ module.exports = { /* ** Global CSS */ - css: [], + css: ['~assets/styles/main.scss'], /* ** Plugins to load before mounting the App diff --git a/pages/login.vue b/pages/login.vue new file mode 100644 index 000000000..4f1efa3c8 --- /dev/null +++ b/pages/login.vue @@ -0,0 +1,70 @@ + + + + + diff --git a/static/img/sign-up/alpha-invite.png b/static/img/sign-up/alpha-invite.png new file mode 100755 index 000000000..ae133f55a Binary files /dev/null and b/static/img/sign-up/alpha-invite.png differ diff --git a/static/img/sign-up/alpha-invite2x.png b/static/img/sign-up/alpha-invite2x.png new file mode 100755 index 000000000..2905888db Binary files /dev/null and b/static/img/sign-up/alpha-invite2x.png differ diff --git a/static/img/sign-up/humanconnection.png b/static/img/sign-up/humanconnection.png new file mode 100644 index 000000000..346af284a Binary files /dev/null and b/static/img/sign-up/humanconnection.png differ diff --git a/static/img/sign-up/humanconnection.svg b/static/img/sign-up/humanconnection.svg new file mode 100644 index 000000000..1a39e984e --- /dev/null +++ b/static/img/sign-up/humanconnection.svg @@ -0,0 +1 @@ +humanconnection \ No newline at end of file diff --git a/static/img/sign-up/nicetomeetyou.png b/static/img/sign-up/nicetomeetyou.png new file mode 100644 index 000000000..6b6fa5f9a Binary files /dev/null and b/static/img/sign-up/nicetomeetyou.png differ diff --git a/static/img/sign-up/nicetomeetyou.svg b/static/img/sign-up/nicetomeetyou.svg new file mode 100644 index 000000000..53316c1f9 --- /dev/null +++ b/static/img/sign-up/nicetomeetyou.svg @@ -0,0 +1,163 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/img/sign-up/onourjourney.png b/static/img/sign-up/onourjourney.png new file mode 100644 index 000000000..a5df12f1a Binary files /dev/null and b/static/img/sign-up/onourjourney.png differ diff --git a/static/img/sign-up/onourjourney.svg b/static/img/sign-up/onourjourney.svg new file mode 100644 index 000000000..0950b7532 --- /dev/null +++ b/static/img/sign-up/onourjourney.svg @@ -0,0 +1,360 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file