diff --git a/src/assets/images/undraw_Goals_re_lu76.svg b/src/assets/images/undraw_Goals_re_lu76.svg new file mode 100644 index 0000000..8360a6b --- /dev/null +++ b/src/assets/images/undraw_Goals_re_lu76.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/images/undraw_Questions_re_1fy7.svg b/src/assets/images/undraw_Questions_re_1fy7.svg new file mode 100644 index 0000000..e33031c --- /dev/null +++ b/src/assets/images/undraw_Questions_re_1fy7.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/images/undraw_online_articles_79ff.svg b/src/assets/images/undraw_online_articles_79ff.svg new file mode 100644 index 0000000..5c11cda --- /dev/null +++ b/src/assets/images/undraw_online_articles_79ff.svg @@ -0,0 +1 @@ +online_articles \ No newline at end of file diff --git a/src/assets/images/undraw_processing_qj6a.svg b/src/assets/images/undraw_processing_qj6a.svg new file mode 100644 index 0000000..14c19f6 --- /dev/null +++ b/src/assets/images/undraw_processing_qj6a.svg @@ -0,0 +1 @@ +processing \ No newline at end of file diff --git a/src/components/About/about.scss b/src/components/About/about.scss new file mode 100644 index 0000000..2396a79 --- /dev/null +++ b/src/components/About/about.scss @@ -0,0 +1,39 @@ +@import "../../assets/scss/variables"; + +.about { + font-weight: 300; + line-height: 1.5em; + + &__img { + width: 50%; + margin-bottom: 3rem; + } + + + &__img-container { + display: flex; + justify-content: center; + } +} + +.title { + padding: 1rem; + font-weight: 300; + text-align: center; +} + +.subjects, .methods, .goals { + list-style-type: upper-roman; + margin-left: 3rem; + margin-bottom: 1rem; +} + +.kaggle { + color: #222; + text-decoration-style: dotted; + + &:hover { + background: lighten($color: $red, $amount: 50%); + transition: all 0.35s ease-out; + } +} \ No newline at end of file diff --git a/src/components/About/index.jsx b/src/components/About/index.jsx new file mode 100644 index 0000000..dcfce5e --- /dev/null +++ b/src/components/About/index.jsx @@ -0,0 +1,114 @@ +import React, { Component } from "react"; +import "./about.scss"; +import Justification from "../../assets/images/undraw_Questions_re_1fy7.svg"; +import Goals from "../../assets/images/undraw_Goals_re_lu76.svg"; +import ResearchSubjects from "../../assets/images/undraw_online_articles_79ff.svg"; +import Methods from "../../assets/images/undraw_processing_qj6a.svg"; + +class About extends Component { + render() { + return ( +
+
+
+
+

+ Justificativa +

+

+ A carência de disciplinas que abrangem áreas emergentes + da computação é evidente em nosso curso de graduação, + em consequência disso os estudantes tendem a ater-se + às áreas a tempo consolidadas, o que de certo modo + limita o horizonte de pesquisas científicas a serem + exploradas pelo curso. +

+

+ Outro ponto importante é o crescente avanço e popularidade + que o ramo de Deep Learning tem ganho o que contribuiu com + o desenvolvimento da área de Processamento de Linguagem + Natural o que consequentemente tornou-a muito atrativa + da perspectiva da indústria. +

+
+ Justification +
+
+
+

+ Objetivos +

+
    +
  • + Compreensão dos conceitos, ferramentas e tecnologias + estado-da-arte +
    • +
  • + Desenvolver pequenas aplicações que garantam o exercício + dos conceitos estudados +
    • +
  • + Divulgar a área de Processamento de Linguagem Natural na + instituição +
    • +
  • + Promover oficinas +
    • +
  • + Capacitar os estudantes nesse ramo +
    • +
+
+ Goals +
+
+
+
+
+

+ Métodos +

+
    +
  • + Abordagem teórica dos assuntos e técnicas estudadas +
    • +
  • + Atividades práticas como coding dojos e problemas + do Kaggle +
    • +
  • + Produção de resenhas e revisões bibliográficas +
    • +
+
+ Methods +
+
+
+

+ Linhas de Pesquisa +

+
    +
  • + Processamento de Linguagem Natural +
    • +
  • + Machine Learning +
    • +
  • + Deep Learning +
    • +
+
+ Research Subjects +
+
+
+
+
+ ); + } +} + +export default About; \ No newline at end of file diff --git a/src/components/Navbar/index.jsx b/src/components/Navbar/index.jsx index 18c8289..24c31fd 100644 --- a/src/components/Navbar/index.jsx +++ b/src/components/Navbar/index.jsx @@ -21,9 +21,6 @@ class Navbar extends Component { Bibliografia - - Contato - diff --git a/src/pages/index.js b/src/pages/index.js index a201c9d..4382147 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -1,6 +1,7 @@ import React, { Component } from "react" import Header from "../components/Header" import Navbar from "../components/Navbar"; +import About from "../components/About"; import AOS from "aos"; import "aos/dist/aos.css"; @@ -16,7 +17,8 @@ export default class IndexPage extends Component { title="Grupo de Estudos em NLP - UFFS" subtitle="Ea pariatur ea cupidatat irure in enim incididunt elit consectetur cupidatat." /> - + +{/*

Consequat minim ipsum exercitation minim. Ad dolor consectetur incididunt exercitation in adipisicing nisi nisi anim reprehenderit. Cillum laboris ut excepteur non minim. Ipsum non fugiat culpa cupidatat. Occaecat nisi cillum dolore ipsum. Fugiat est id adipisicing ut aliquip amet cillum incididunt proident ea pariatur minim. Laborum eiusmod enim aliqua amet culpa qui anim irure aliquip ut minim culpa cupidatat. Cupidatat consequat proident nostrud elit dolore laborum. Cillum cupidatat nisi commodo velit sint duis enim eiusmod amet nostrud aute. Sit minim veniam elit proident nisi velit. @@ -27,7 +29,8 @@ Esse proident enim consectetur do do. Velit nulla Lorem quis consectetur nisi of Adipisicing excepteur non enim ea. Sunt aliqua laboris non nulla minim exercitation deserunt eu sint officia id fugiat cillum duis. Nisi non veniam cillum esse excepteur. Non ipsum qui quis adipisicing cillum officia Lorem enim amet commodo. -Cupidatat commodo veniam ex ad. Eu ut est ut excepteur officia ea minim excepteur amet pariatur cupidatat. Nostrud do enim est quis quis est cupidatat culpa dolor deserunt sint. Occaecat quis velit id id consequat nisi magna consectetur magna et qui mollit sunt laborum. Ad fugiat est aliqua do elit minim. Irure fugiat veniam irure exercitation nostrud exercitation veniam est eiusmod non occaecat amet.

+Cupidatat commodo veniam ex ad. Eu ut est ut excepteur officia ea minim excepteur amet pariatur cupidatat. Nostrud do enim est quis quis est cupidatat culpa dolor deserunt sint. Occaecat quis velit id id consequat nisi magna consectetur magna et qui mollit sunt laborum. Ad fugiat est aliqua do elit minim. Irure fugiat veniam irure exercitation nostrud exercitation veniam est eiusmod non occaecat amet.

*/} + ) }