From 74eb6614403a70ed84ea5c6e5298314eb1cb79c3 Mon Sep 17 00:00:00 2001 From: "Junior V. Ramisch" Date: Tue, 16 Feb 2021 22:42:37 -0300 Subject: [PATCH 1/5] feat: adds about assets --- src/assets/images/undraw_Goals_re_lu76.svg | 1 + src/assets/images/undraw_Questions_re_1fy7.svg | 1 + src/assets/images/undraw_online_articles_79ff.svg | 1 + src/assets/images/undraw_processing_qj6a.svg | 1 + 4 files changed, 4 insertions(+) create mode 100644 src/assets/images/undraw_Goals_re_lu76.svg create mode 100644 src/assets/images/undraw_Questions_re_1fy7.svg create mode 100644 src/assets/images/undraw_online_articles_79ff.svg create mode 100644 src/assets/images/undraw_processing_qj6a.svg 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 From a5aa52bfc231658f01d5682f74f1230aa43b3870 Mon Sep 17 00:00:00 2001 From: "Junior V. Ramisch" Date: Tue, 16 Feb 2021 22:57:45 -0300 Subject: [PATCH 2/5] feat: adds about section --- src/components/About/about.scss | 39 ++++++++++++ src/components/About/index.jsx | 107 ++++++++++++++++++++++++++++++++ src/pages/index.js | 7 ++- 3 files changed, 151 insertions(+), 2 deletions(-) create mode 100644 src/components/About/about.scss create mode 100644 src/components/About/index.jsx 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..cb854b1 --- /dev/null +++ b/src/components/About/index.jsx @@ -0,0 +1,107 @@ +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 função 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 DeepLearning 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 +
    • +
+
+ Justification +
+
+
+
+
+

+ 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 +
    • +
+
+ Justification +
+
+
+

+ Linhas de Pesquisa +

+
    +
  • + Processamento de Linguagem Natural +
    • +
  • + Machine Learning +
    • +
  • + Deep Learning +
    • +
+
+ Justification +
+
+
+
+
+ ); + } +} + +export default About; \ No newline at end of file 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.

*/} + ) } From 0470eacb4074b52aeefd2d7faf51cceb82a468aa Mon Sep 17 00:00:00 2001 From: "Junior V. Ramisch" Date: Tue, 16 Feb 2021 23:08:44 -0300 Subject: [PATCH 3/5] feat: improves justification --- src/components/About/index.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/About/index.jsx b/src/components/About/index.jsx index cb854b1..6a0ab31 100644 --- a/src/components/About/index.jsx +++ b/src/components/About/index.jsx @@ -17,7 +17,7 @@ class About extends Component {

A carência de disciplinas que abrangem áreas emergentes da computação é evidente - em nosso curso de graduação, em função disso os estudantes tendem a ater-se + 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.

From f06221cac65e56cf39ee50869f7a8393800a8b1f Mon Sep 17 00:00:00 2001 From: "Junior V. Ramisch" Date: Tue, 16 Feb 2021 23:26:11 -0300 Subject: [PATCH 4/5] feat(about): adds animations --- src/components/About/index.jsx | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/src/components/About/index.jsx b/src/components/About/index.jsx index 6a0ab31..4795d1a 100644 --- a/src/components/About/index.jsx +++ b/src/components/About/index.jsx @@ -11,8 +11,8 @@ class About extends Component {
-
-

+
+

Justificativa

@@ -23,7 +23,7 @@ class About extends Component {

Outro ponto importante é o crescente avanço e popularidade - que o ramo de DeepLearning tem ganho o que contribuiu com o desenvolvimento + 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.

@@ -31,8 +31,8 @@ class About extends Component { Justification

-
-

+
+

Objetivos

    @@ -53,13 +53,13 @@ class About extends Component {
- Justification + Goals

-
-

+
+

Métodos

    @@ -75,11 +75,11 @@ class About extends Component {
- Justification + Methods
-
-

+
+

Linhas de Pesquisa

    @@ -94,7 +94,7 @@ class About extends Component {
- Justification + Research Subjects

From 0f75c07025bec3b478d9ac0912b37404d20fcef8 Mon Sep 17 00:00:00 2001 From: "Junior V. Ramisch" Date: Wed, 17 Feb 2021 00:16:07 -0300 Subject: [PATCH 5/5] style: adjusts some alignments --- src/components/About/index.jsx | 37 ++++++++++++++++++++------------- src/components/Navbar/index.jsx | 3 --- 2 files changed, 22 insertions(+), 18 deletions(-) diff --git a/src/components/About/index.jsx b/src/components/About/index.jsx index 4795d1a..dcfce5e 100644 --- a/src/components/About/index.jsx +++ b/src/components/About/index.jsx @@ -11,39 +11,45 @@ class About extends Component {
-
+

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. + 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. + 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 + Compreensão dos conceitos, ferramentas e tecnologias + estado-da-arte
  • - Desenvolver pequenas aplicações que garantam o exercício dos conceitos estudados + Desenvolver pequenas aplicações que garantam o exercício + dos conceitos estudados
  • - Divulgar a área de Processamento de Linguagem Natural na instituição + Divulgar a área de Processamento de Linguagem Natural na + instituição
  • Promover oficinas @@ -58,7 +64,7 @@ class About extends Component {
-
+

Métodos

@@ -68,7 +74,8 @@ class About extends Component {
  • Atividades práticas como coding dojos e problemas - do Kaggle + do Kaggle
  • Produção de resenhas e revisões bibliográficas @@ -78,7 +85,7 @@ class About extends Component { Methods
    • -
    +

    Linhas de Pesquisa

    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 -