diff --git a/src/frontend/ketlly/tarefa1/.gitignore b/src/frontend/ketlly/tarefa1/.gitignore new file mode 100644 index 0000000..403adbc --- /dev/null +++ b/src/frontend/ketlly/tarefa1/.gitignore @@ -0,0 +1,23 @@ +.DS_Store +node_modules +/dist + + +# local env files +.env.local +.env.*.local + +# Log files +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* + +# Editor directories and files +.idea +.vscode +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/src/frontend/ketlly/tarefa1/README.md b/src/frontend/ketlly/tarefa1/README.md new file mode 100644 index 0000000..0c864e9 --- /dev/null +++ b/src/frontend/ketlly/tarefa1/README.md @@ -0,0 +1,24 @@ +# tarefa1 + +## Project setup +``` +npm install +``` + +### Compiles and hot-reloads for development +``` +npm run serve +``` + +### Compiles and minifies for production +``` +npm run build +``` + +### Lints and fixes files +``` +npm run lint +``` + +### Customize configuration +See [Configuration Reference](https://cli.vuejs.org/config/). diff --git a/src/frontend/ketlly/tarefa1/babel.config.js b/src/frontend/ketlly/tarefa1/babel.config.js new file mode 100644 index 0000000..e955840 --- /dev/null +++ b/src/frontend/ketlly/tarefa1/babel.config.js @@ -0,0 +1,5 @@ +module.exports = { + presets: [ + '@vue/cli-plugin-babel/preset' + ] +} diff --git a/src/frontend/ketlly/tarefa1/jsconfig.json b/src/frontend/ketlly/tarefa1/jsconfig.json new file mode 100644 index 0000000..4aafc5f --- /dev/null +++ b/src/frontend/ketlly/tarefa1/jsconfig.json @@ -0,0 +1,19 @@ +{ + "compilerOptions": { + "target": "es5", + "module": "esnext", + "baseUrl": "./", + "moduleResolution": "node", + "paths": { + "@/*": [ + "src/*" + ] + }, + "lib": [ + "esnext", + "dom", + "dom.iterable", + "scripthost" + ] + } +} diff --git a/src/frontend/ketlly/tarefa1/package.json b/src/frontend/ketlly/tarefa1/package.json new file mode 100644 index 0000000..e91e999 --- /dev/null +++ b/src/frontend/ketlly/tarefa1/package.json @@ -0,0 +1,43 @@ +{ + "name": "tarefa1", + "version": "0.1.0", + "private": true, + "scripts": { + "serve": "vue-cli-service serve", + "build": "vue-cli-service build", + "lint": "vue-cli-service lint" + }, + "dependencies": { + "core-js": "^3.8.3", + "vue": "^3.2.13" + }, + "devDependencies": { + "@babel/core": "^7.12.16", + "@babel/eslint-parser": "^7.12.16", + "@vue/cli-plugin-babel": "~5.0.0", + "@vue/cli-plugin-eslint": "~5.0.0", + "@vue/cli-service": "~5.0.0", + "eslint": "^7.32.0", + "eslint-plugin-vue": "^8.0.3" + }, + "eslintConfig": { + "root": true, + "env": { + "node": true + }, + "extends": [ + "plugin:vue/vue3-essential", + "eslint:recommended" + ], + "parserOptions": { + "parser": "@babel/eslint-parser" + }, + "rules": {} + }, + "browserslist": [ + "> 1%", + "last 2 versions", + "not dead", + "not ie 11" + ] +} diff --git a/src/frontend/ketlly/tarefa1/public/favicon.ico b/src/frontend/ketlly/tarefa1/public/favicon.ico new file mode 100644 index 0000000..df36fcf Binary files /dev/null and b/src/frontend/ketlly/tarefa1/public/favicon.ico differ diff --git a/src/frontend/ketlly/tarefa1/public/index.html b/src/frontend/ketlly/tarefa1/public/index.html new file mode 100644 index 0000000..c6a02f2 --- /dev/null +++ b/src/frontend/ketlly/tarefa1/public/index.html @@ -0,0 +1,22 @@ + + + + + + + + + + + Tarefa 1 + + + + + + + +
+ + + \ No newline at end of file diff --git a/src/frontend/ketlly/tarefa1/public/reset.css b/src/frontend/ketlly/tarefa1/public/reset.css new file mode 100644 index 0000000..20deaa0 --- /dev/null +++ b/src/frontend/ketlly/tarefa1/public/reset.css @@ -0,0 +1,137 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +img, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +b, +u, +i, +center, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td, +article, +aside, +canvas, +details, +embed, +figure, +figcaption, +footer, +header, +hgroup, +menu, +nav, +output, +ruby, +section, +summary, +time, +mark, +audio, +video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} + + +/* HTML5 display-role reset for older browsers */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + display: block; +} + +body { + line-height: 1; +} + +ol, +ul { + list-style: none; +} + +blockquote, +q { + quotes: none; +} + +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ''; + content: none; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} \ No newline at end of file diff --git a/src/frontend/ketlly/tarefa1/public/responsivo.css b/src/frontend/ketlly/tarefa1/public/responsivo.css new file mode 100644 index 0000000..9e31d40 --- /dev/null +++ b/src/frontend/ketlly/tarefa1/public/responsivo.css @@ -0,0 +1,61 @@ +@media (max-width:1200px) { + .pergunta input { + width: 600px; + } + #pesquisa input { + width: 150px; + } +} + +@media (max-width:768px) { + .pergunta input { + width: 430px; + } + #pesquisa input { + width: 95px; + } + #div2 .botoes { + display: block; + height: 65px; + } +} + +@media (max-width:413px) { + main .edit { + display: block; + } + #lateral_edit { + width: 100%; + } + .principa { + width: 100%; + } + .cabecalho .menu { + width: 30%; + } + .pergunta input { + width: 250px; + } + .pergunta .botao { + width: 40px; + } + #pesquisa input { + width: 95px; + } + #div2 .botoes { + display: block; + height: 65px; + } + #div { + display: block; + } +} + +@media (max-width:1445px) { + .pergunta input { + width: 800px; + } + #pesquisa input { + width: 210px; + } +} \ No newline at end of file diff --git a/src/frontend/ketlly/tarefa1/public/style.css b/src/frontend/ketlly/tarefa1/public/style.css new file mode 100644 index 0000000..166dbdd --- /dev/null +++ b/src/frontend/ketlly/tarefa1/public/style.css @@ -0,0 +1,119 @@ + @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap'); + body { + background-color: #13111B; + font-family: 'Rubik'; + color: #ffffff; + font-weight: bold; + } + + .cabecalho { + display: flex; + justify-content: space-between; + padding: 12px 15px 15px; + border-bottom: 1px solid #292730; + } + + .cabecalho .menu { + display: flex; + align-items: center; + height: 100%; + } + + .cabecalho nav ul li p { + padding: 0px 16px; + } + + .cabecalho .imagem { + width: 38px; + height: 38px; + border-radius: 50%; + box-shadow: 4px 0px 10px rgba(255, 121, 198, 0.25); + } + + #pesquisa input { + height: 38px; + width: 277px; + padding: 0px 16px; + border-radius: 4px 0px 0px 4px; + } + + #pesquisa button { + width: 45px; + height: 38px; + background-color: #191622; + border: 0px; + border-radius: 0px 4px 4px 0px; + position: absolute; + } + + #pesquisa { + border-radius: 4px; + padding-right: 45px; + box-shadow: 0px 2px 4px rgba(255, 121, 198, 0.25); + } + + .fontTexto { + font-family: 'Rubik', sans-serif; + color: #c1bbd3; + background-color: #191622; + border: 0px; + } + + main .edit { + display: inline-block; + height: calc(100vh - 68.2px); + } + + .principal { + width: 76%; + } + + .pergunta { + padding: 12px 15px; + display: inline-block; + } + + .pergunta input { + height: 60.5px; + width: 1010.2px; + left: 0px; + top: 0px; + padding-left: 16px; + border-radius: 4px 0px 0px 4px; + } + + #lateral_edit { + position: absolute; + border-left: 2px solid #292730; + background-color: #191622; + margin-top: 0%; + width: calc(24% - 2px); + } + + .pergunta .botao { + width: 88.8px; + height: 62.5px; + position: absolute; + background-color: #191622; + border: 0px; + border-radius: 0px 4px 4px 0px; + } + + .title { + color: #FF79C6; + } + + .principal .title { + padding: 60px 15px 15px; + } + + #lateral_edit .title { + padding: 15px 10px; + } + + .semComentario { + height: calc(100vh - 245.8px); + display: flex; + justify-content: center; + align-items: center; + } \ No newline at end of file diff --git a/src/frontend/ketlly/tarefa1/src/App.vue b/src/frontend/ketlly/tarefa1/src/App.vue new file mode 100644 index 0000000..febc291 --- /dev/null +++ b/src/frontend/ketlly/tarefa1/src/App.vue @@ -0,0 +1,63 @@ + + + + \ No newline at end of file diff --git a/src/frontend/ketlly/tarefa1/src/assets/img/Shape.svg b/src/frontend/ketlly/tarefa1/src/assets/img/Shape.svg new file mode 100644 index 0000000..89fc40c --- /dev/null +++ b/src/frontend/ketlly/tarefa1/src/assets/img/Shape.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/frontend/ketlly/tarefa1/src/assets/img/Shapebuscar.svg b/src/frontend/ketlly/tarefa1/src/assets/img/Shapebuscar.svg new file mode 100644 index 0000000..ecaecc8 --- /dev/null +++ b/src/frontend/ketlly/tarefa1/src/assets/img/Shapebuscar.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/frontend/ketlly/tarefa1/src/assets/img/coracao.svg b/src/frontend/ketlly/tarefa1/src/assets/img/coracao.svg new file mode 100644 index 0000000..3772147 --- /dev/null +++ b/src/frontend/ketlly/tarefa1/src/assets/img/coracao.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/frontend/ketlly/tarefa1/src/assets/img/girl-happy.jpg b/src/frontend/ketlly/tarefa1/src/assets/img/girl-happy.jpg new file mode 100644 index 0000000..5f4f1df Binary files /dev/null and b/src/frontend/ketlly/tarefa1/src/assets/img/girl-happy.jpg differ diff --git a/src/frontend/ketlly/tarefa1/src/assets/img/negativo.svg b/src/frontend/ketlly/tarefa1/src/assets/img/negativo.svg new file mode 100644 index 0000000..dfde6a6 --- /dev/null +++ b/src/frontend/ketlly/tarefa1/src/assets/img/negativo.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/frontend/ketlly/tarefa1/src/assets/img/positivo.svg b/src/frontend/ketlly/tarefa1/src/assets/img/positivo.svg new file mode 100644 index 0000000..0c6f071 --- /dev/null +++ b/src/frontend/ketlly/tarefa1/src/assets/img/positivo.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/frontend/ketlly/tarefa1/src/components/DuvidaPergunda.vue b/src/frontend/ketlly/tarefa1/src/components/DuvidaPergunda.vue new file mode 100644 index 0000000..51122b3 --- /dev/null +++ b/src/frontend/ketlly/tarefa1/src/components/DuvidaPergunda.vue @@ -0,0 +1,54 @@ + + + \ No newline at end of file diff --git a/src/frontend/ketlly/tarefa1/src/components/MyRecente.vue b/src/frontend/ketlly/tarefa1/src/components/MyRecente.vue new file mode 100644 index 0000000..dd18fe2 --- /dev/null +++ b/src/frontend/ketlly/tarefa1/src/components/MyRecente.vue @@ -0,0 +1,57 @@ + + + \ No newline at end of file diff --git a/src/frontend/ketlly/tarefa1/src/main.js b/src/frontend/ketlly/tarefa1/src/main.js new file mode 100644 index 0000000..01433bc --- /dev/null +++ b/src/frontend/ketlly/tarefa1/src/main.js @@ -0,0 +1,4 @@ +import { createApp } from 'vue' +import App from './App.vue' + +createApp(App).mount('#app') diff --git a/src/frontend/ketlly/tarefa1/vue.config.js b/src/frontend/ketlly/tarefa1/vue.config.js new file mode 100644 index 0000000..910e297 --- /dev/null +++ b/src/frontend/ketlly/tarefa1/vue.config.js @@ -0,0 +1,4 @@ +const { defineConfig } = require('@vue/cli-service') +module.exports = defineConfig({ + transpileDependencies: true +})