diff --git a/src/App.vue b/src/App.vue deleted file mode 100644 index fcc5662..0000000 --- a/src/App.vue +++ /dev/null @@ -1,28 +0,0 @@ - - - - - diff --git a/src/Test.vue b/src/Test.vue new file mode 100644 index 0000000..41c7f74 --- /dev/null +++ b/src/Test.vue @@ -0,0 +1,33 @@ + + + + + \ No newline at end of file diff --git a/src/assets/roboto/Roboto-Black.ttf b/src/assets/roboto/Roboto-Black.ttf new file mode 100644 index 0000000..2d45238 Binary files /dev/null and b/src/assets/roboto/Roboto-Black.ttf differ diff --git a/src/assets/roboto/Roboto-BlackItalic.ttf b/src/assets/roboto/Roboto-BlackItalic.ttf new file mode 100644 index 0000000..29a4359 Binary files /dev/null and b/src/assets/roboto/Roboto-BlackItalic.ttf differ diff --git a/src/assets/roboto/Roboto-Bold.ttf b/src/assets/roboto/Roboto-Bold.ttf new file mode 100644 index 0000000..d998cf5 Binary files /dev/null and b/src/assets/roboto/Roboto-Bold.ttf differ diff --git a/src/assets/roboto/Roboto-BoldItalic.ttf b/src/assets/roboto/Roboto-BoldItalic.ttf new file mode 100644 index 0000000..b4e2210 Binary files /dev/null and b/src/assets/roboto/Roboto-BoldItalic.ttf differ diff --git a/src/assets/roboto/Roboto-Italic.ttf b/src/assets/roboto/Roboto-Italic.ttf new file mode 100644 index 0000000..5b390ff Binary files /dev/null and b/src/assets/roboto/Roboto-Italic.ttf differ diff --git a/src/assets/roboto/Roboto-Light.ttf b/src/assets/roboto/Roboto-Light.ttf new file mode 100644 index 0000000..3526798 Binary files /dev/null and b/src/assets/roboto/Roboto-Light.ttf differ diff --git a/src/assets/roboto/Roboto-LightItalic.ttf b/src/assets/roboto/Roboto-LightItalic.ttf new file mode 100644 index 0000000..46e9bf7 Binary files /dev/null and b/src/assets/roboto/Roboto-LightItalic.ttf differ diff --git a/src/assets/roboto/Roboto-Medium.ttf b/src/assets/roboto/Roboto-Medium.ttf new file mode 100644 index 0000000..f714a51 Binary files /dev/null and b/src/assets/roboto/Roboto-Medium.ttf differ diff --git a/src/assets/roboto/Roboto-MediumItalic.ttf b/src/assets/roboto/Roboto-MediumItalic.ttf new file mode 100644 index 0000000..5dc6a2d Binary files /dev/null and b/src/assets/roboto/Roboto-MediumItalic.ttf differ diff --git a/src/assets/roboto/Roboto-Regular.ttf b/src/assets/roboto/Roboto-Regular.ttf new file mode 100644 index 0000000..2b6392f Binary files /dev/null and b/src/assets/roboto/Roboto-Regular.ttf differ diff --git a/src/assets/roboto/Roboto-Thin.ttf b/src/assets/roboto/Roboto-Thin.ttf new file mode 100644 index 0000000..4e797cf Binary files /dev/null and b/src/assets/roboto/Roboto-Thin.ttf differ diff --git a/src/assets/roboto/Roboto-ThinItalic.ttf b/src/assets/roboto/Roboto-ThinItalic.ttf new file mode 100644 index 0000000..eea836f Binary files /dev/null and b/src/assets/roboto/Roboto-ThinItalic.ttf differ diff --git a/src/assets/styles/buttons.css b/src/assets/styles/buttons.css new file mode 100644 index 0000000..250e8c9 --- /dev/null +++ b/src/assets/styles/buttons.css @@ -0,0 +1,37 @@ +button { + padding: 4px 36px; + margin: 4px; + font-weight: bold; + border: 2px solid transparent; + border-radius: 4px; + + background-color: #71A857; + color: white; + + letter-spacing: 1px; + + cursor: pointer; +} + +button:enabled:hover { + box-shadow: 0px 4px 4px #00000022; +} + +button:enabled:active { + background-color: #557D42; + box-shadow: inset 4px 4px 4px #00000022; +} + +button:disabled { + background-color: #AFDA9A; + color: #FFFFFF88; + cursor: not-allowed; +} + +button.generic { background-color: var(--grey-light); } +button.generic:enabled:active { background-color: #909FA9; } +button.generic:disabled { background-color: #C9D4DC; } + +button.action { background-color: var(--error); } +button.action:enabled:active { background-color: #B54747; } +button.action:disabled { background-color: #FFB5B5; } \ No newline at end of file diff --git a/src/assets/styles/main.css b/src/assets/styles/main.css new file mode 100644 index 0000000..9c25a33 --- /dev/null +++ b/src/assets/styles/main.css @@ -0,0 +1,76 @@ +@font-face { + font-family: 'Roboto'; + src: url('/fonts/roboto/Roboto-Regular.ttf'); + font-style: normal; + font-weight: normal; +} + +@font-face { + font-family: 'Roboto'; + src: url('/fonts/roboto/Roboto-Italic.ttf'); + font-style: italic; + font-weight: normal; +} + +@font-face { + font-family: 'Roboto'; + src: url('/fonts/roboto/Roboto-Light.ttf'); + font-style: normal; + font-weight: lighter; +} + +@font-face { + font-family: 'Roboto'; + src: url('/fonts/roboto/Roboto-LightItalic.ttf'); + font-style: italic; + font-weight: lighter; +} + +@font-face { + font-family: 'Roboto'; + src: url('/fonts/roboto/Roboto-Bold.ttf'); + font-style: normal; + font-weight: bold; +} + +@font-face { + font-family: 'Roboto'; + src: url('/fonts/roboto/Roboto-BolcItalic.ttf'); + font-style: italic; + font-weight: bold; +} + +* { + padding: 0; + margin: 0; + border: 0; + font-family: 'Roboto'; + font-size: 15px; +} + +:root { + --primary-green-dark: #71A857; + --primary-green: #92D373; + --primary-light: #ABE191; + + --primary-blue-dark: #517EA8; + --primary-blue: #76A9D8; + --primary-blue: #B0CFEC; + + --grey-dark: #323940; + --grey: #848B90; + --grey-light: #AAB7C0; + --grey-lightest: #D5DBDF; + + --white-washed: #EDEEEF; + --white-normal: #FFFFFF; + + --error: #D96161; + --error-light: #FB9F9F; + --warn: #D9A133; + --warn-light: #F2DDB3; + --success: #60B552; + --success-light: #BCE2B6; + --info: #608FBA; + --info-light: #ABC8E3; +} \ No newline at end of file diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue deleted file mode 100644 index 7fd2dc5..0000000 --- a/src/components/HelloWorld.vue +++ /dev/null @@ -1,57 +0,0 @@ - - - - - - diff --git a/src/main.js b/src/main.js index 63eb05f..b1856e2 100644 --- a/src/main.js +++ b/src/main.js @@ -1,8 +1,8 @@ import Vue from 'vue' -import App from './App.vue' +import Test from './Test.vue' Vue.config.productionTip = false new Vue({ - render: h => h(App), + render: h => h(Test), }).$mount('#app')