diff --git a/user-interface/index.html b/user-interface/index.html index 9e5fc8f..88cfaa0 100644 --- a/user-interface/index.html +++ b/user-interface/index.html @@ -4,7 +4,7 @@ - Vite App + Manolia
diff --git a/user-interface/public/favicon.ico b/user-interface/public/favicon.ico index df36fcf..2798c60 100644 Binary files a/user-interface/public/favicon.ico and b/user-interface/public/favicon.ico differ diff --git a/user-interface/src/App.vue b/user-interface/src/App.vue index 8a3f7fc..91a5eef 100644 --- a/user-interface/src/App.vue +++ b/user-interface/src/App.vue @@ -17,8 +17,17 @@ import AppTopbar from '@/components/AppTopbar.vue' diff --git a/user-interface/src/assets/fonts.css b/user-interface/src/assets/fonts.css new file mode 100644 index 0000000..00b3a56 --- /dev/null +++ b/user-interface/src/assets/fonts.css @@ -0,0 +1,6 @@ +@font-face{ + font-family:"Exo-Black"; + src: local("Exo-Black"), url("./fonts/Exo-Black.ttf"); + format: "truetype"; + font-weight: black; +} \ No newline at end of file diff --git a/user-interface/src/assets/fonts/Exo-Black.ttf b/user-interface/src/assets/fonts/Exo-Black.ttf new file mode 100644 index 0000000..39a1381 Binary files /dev/null and b/user-interface/src/assets/fonts/Exo-Black.ttf differ diff --git a/user-interface/src/assets/global.css b/user-interface/src/assets/global.css new file mode 100644 index 0000000..6b2da37 --- /dev/null +++ b/user-interface/src/assets/global.css @@ -0,0 +1,37 @@ +body{ + background-color: #FFF4EA; + min-height: 100vh; +} + +.container{ + background-color: #ffffff; + border-radius: 16px; + padding: 34px; + height: 100%; + display: flex; + flex-direction: column; + gap: 16px; +} + +.title-container{ + display: flex; + flex-direction: row; + margin-bottom: 16px; + gap: 8px; + + .title-icon{ + display: flex; + justify-content: center; + align-items: center; + padding: 4px; + border-radius: 8px; + background-color: #ebebeb; + img{ + width: 24px; + height: 24px; + } + } + h2 { + font-size: large; + } +} \ No newline at end of file diff --git a/user-interface/src/assets/svg/a-b-2.svg b/user-interface/src/assets/svg/a-b-2.svg new file mode 100644 index 0000000..6c08366 --- /dev/null +++ b/user-interface/src/assets/svg/a-b-2.svg @@ -0,0 +1,22 @@ + + + + + + + + diff --git a/user-interface/src/assets/svg/check.svg b/user-interface/src/assets/svg/check.svg new file mode 100644 index 0000000..119b156 --- /dev/null +++ b/user-interface/src/assets/svg/check.svg @@ -0,0 +1,19 @@ + + + + diff --git a/user-interface/src/assets/svg/file-description.svg b/user-interface/src/assets/svg/file-description.svg new file mode 100644 index 0000000..2660fab --- /dev/null +++ b/user-interface/src/assets/svg/file-description.svg @@ -0,0 +1,22 @@ + + + + + + + diff --git a/user-interface/src/assets/svg/file-import.svg b/user-interface/src/assets/svg/file-import.svg new file mode 100644 index 0000000..4f12d28 --- /dev/null +++ b/user-interface/src/assets/svg/file-import.svg @@ -0,0 +1,20 @@ + + + + + diff --git a/user-interface/src/assets/svg/message-circle-star.svg b/user-interface/src/assets/svg/message-circle-star.svg new file mode 100644 index 0000000..75571d8 --- /dev/null +++ b/user-interface/src/assets/svg/message-circle-star.svg @@ -0,0 +1,19 @@ + + + + + diff --git a/user-interface/src/assets/svg/neural-network.svg b/user-interface/src/assets/svg/neural-network.svg new file mode 100644 index 0000000..763bd5c --- /dev/null +++ b/user-interface/src/assets/svg/neural-network.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/user-interface/src/assets/svg/question-mark.svg b/user-interface/src/assets/svg/question-mark.svg new file mode 100644 index 0000000..793e8b6 --- /dev/null +++ b/user-interface/src/assets/svg/question-mark.svg @@ -0,0 +1,19 @@ + + + + + diff --git a/user-interface/src/assets/variables.sass b/user-interface/src/assets/variables.sass index a99c2a1..bb84238 100644 --- a/user-interface/src/assets/variables.sass +++ b/user-interface/src/assets/variables.sass @@ -7,4 +7,4 @@ @import '~bulma/sass/utilities/functions' @import '~bulma/sass/utilities/derived-variables' @import '~bulma/sass/utilities/controls' -@import '~bulma/sass/utilities/mixins' +@import '~bulma/sass/utilities/mixins' \ No newline at end of file diff --git a/user-interface/src/components/AppTopbar.vue b/user-interface/src/components/AppTopbar.vue index 74abff0..76600c0 100644 --- a/user-interface/src/components/AppTopbar.vue +++ b/user-interface/src/components/AppTopbar.vue @@ -1,29 +1,33 @@ + + \ No newline at end of file diff --git a/user-interface/src/components/CollectKnowledge.vue b/user-interface/src/components/CollectKnowledge.vue index a1c3976..542897a 100644 --- a/user-interface/src/components/CollectKnowledge.vue +++ b/user-interface/src/components/CollectKnowledge.vue @@ -44,47 +44,102 @@ \ No newline at end of file diff --git a/user-interface/src/components/EvaluateQuestion.vue b/user-interface/src/components/EvaluateQuestion.vue index 48f9f30..1c6298e 100644 --- a/user-interface/src/components/EvaluateQuestion.vue +++ b/user-interface/src/components/EvaluateQuestion.vue @@ -2,6 +2,7 @@ import { onBeforeMount, ref, watch } from "vue"; import type { Knowledge, Question, MetricCreate, Metric } from "@/types/types" + import { BCollapse, BSlider } from "buefy"; import { useStepStore } from '@/stores/step' import { useItemStore } from '@/stores/item' @@ -79,10 +80,55 @@ \ No newline at end of file diff --git a/user-interface/src/components/GenerateQuestion.vue b/user-interface/src/components/GenerateQuestion.vue index 58dddd8..32d4944 100644 --- a/user-interface/src/components/GenerateQuestion.vue +++ b/user-interface/src/components/GenerateQuestion.vue @@ -27,15 +27,21 @@ \ No newline at end of file diff --git a/user-interface/src/components/ReadKnowledges.vue b/user-interface/src/components/ReadKnowledges.vue index e9d1088..52c1365 100644 --- a/user-interface/src/components/ReadKnowledges.vue +++ b/user-interface/src/components/ReadKnowledges.vue @@ -80,7 +80,13 @@ \ No newline at end of file