finishertech-website source code (307d6cb) added

finishertech · Dec 22, 2019 · 2272e45 · 2272e45
commit 2272e45
Show file tree

Hide file tree

Showing 19 changed files with 10,998 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
diff --git a/COMMIT b/COMMIT
@@ -0,0 +1 @@
+307d6cb
diff --git a/package.json b/package.json
@@ -0,0 +1,36 @@
+{
+  "name": "finishertech-website",
+  "version": "0.1.0",
+  "private": true,
+  "dependencies": {
+    "@testing-library/jest-dom": "^4.2.4",
+    "@testing-library/react": "^9.3.2",
+    "@testing-library/user-event": "^7.1.2",
+    "bootstrap": "^4.4.1",
+    "react": "^16.12.0",
+    "react-bootstrap": "^1.0.0-beta.16",
+    "react-dom": "^16.12.0",
+    "react-scripts": "3.3.0"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "eslintConfig": {
+    "extends": "react-app"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/header.png b/public/header.png
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="Web site created using create-react-app"
+    />
+    <title>Finisher.Tech</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+  </body>
+</html>
diff --git a/public/robots.txt b/public/robots.txt
@@ -0,0 +1,2 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
diff --git a/src/About.js b/src/About.js
@@ -0,0 +1,27 @@
+import React from 'react'
+import { Container, Row, Col } from 'react-bootstrap'
+
+export default function About() {
+  return (
+    <Container id="sobre">
+      <Row>
+        <Col>
+          <div className="container-title">
+            <h2>Sobre</h2>
+          </div>
+          <div className="container-body">
+            <p>
+              A <strong>Finisher.Tech</strong> é uma Startup de tecnologia que une
+              duas paixões de <a  href="http://paulojeronimo.com" target="_blank"
+              rel="noopener noreferrer">seu fundador</a>:
+              a busca pela saúde e bem estar através da prática esportiva cotidiana,
+              e o incansável desejo de produzir soluções que usem tecnologias de ponta
+              para tornar as pessoas cada vez mais motivadas e disciplinadas
+              em seus próprios planos de saúde.
+            </p>
+          </div>
+        </Col>
+      </Row>
+    </Container>
+  )
+}
diff --git a/src/App.js b/src/App.js
@@ -0,0 +1,16 @@
+import React from 'react'
+
+import Menu from './Menu'
+import Header from './Header'
+import Main from './Main'
+import About from './About'
+
+const App = _ =>
+  <>
+    <Menu/>
+    <Header/>
+    <Main/>
+    <About/>
+  </>
+
+export default App
diff --git a/src/Emoji.js b/src/Emoji.js
@@ -0,0 +1,13 @@
+import React from 'react'
+
+const Emoji = props =>
+  <span
+    className="emoji"
+    role="img"
+    aria-label={props.label ? props.label : ""}
+    aria-hidden={props.label ? "false" : "true"}
+  >
+    {props.symbol}
+  </span>
+
+export default Emoji
diff --git a/src/Header.css b/src/Header.css
@@ -0,0 +1,8 @@
+.masthead {
+  height: 100vh;
+  min-height: 500px;
+  background-image: url('/header.png');
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+}
diff --git a/src/Header.js b/src/Header.js
@@ -0,0 +1,21 @@
+import React from 'react'
+import { Container, Row, Col } from 'react-bootstrap'
+import './Header.css'
+
+const Header = _ =>
+  <header className="masthead">
+    <Container>
+      <Row className="text-center">
+        <Col>
+          <h1 className="text-white text-uppercase font-weight-bold">
+            Inteligência Artificial e Blockchain
+          </h1>
+          <h2 className="text-white">
+            Aplicadas a Bem Estar, Saúde e Esportes
+          </h2>
+        </Col>
+      </Row>
+    </Container>
+  </header>
+
+export default Header
diff --git a/src/Main.css b/src/Main.css
@@ -0,0 +1,8 @@
+.container-title {
+  padding: 3rem 1.5rem;
+  text-align: center;
+}
+.container-body {
+  padding: 3rem 1.5rem;
+  text-align: left;
+}
diff --git a/src/Main.js b/src/Main.js
@@ -0,0 +1,34 @@
+import React from 'react'
+import { Container, Row, Col } from 'react-bootstrap'
+import './Main.css'
+import events from './events'
+
+const Main = _ =>
+  <main role="main">
+    {
+      events.map((event) =>
+        <Container id={event.id} key={event.key}>
+          <Row>
+            <Col>
+              <div className="container-title">
+                <h2>
+                  {event.title}<br/>
+                  (<a  href={event.link}
+                      target="_blank"
+                      rel="noopener noreferrer">
+                    {event.subtitle}
+                  </a>)
+                </h2>
+              </div>
+              <div
+                className="container-body"
+                dangerouslySetInnerHTML={{__html: event.body}}>
+              </div>
+            </Col>
+          </Row>
+        </Container>
+      )
+    }
+  </main>
+
+export default Main
diff --git a/src/Menu.js b/src/Menu.js
@@ -0,0 +1,25 @@
+import React from 'react'
+import { Navbar, Nav, NavDropdown } from 'react-bootstrap'
+import events from './events'
+
+const Menu = _ =>
+  <Navbar bg="dark" variant="dark" expand="md" fixed="top">
+    <Navbar.Brand href="/">Finisher.Tech</Navbar.Brand>
+    <Navbar.Toggle aria-controls="basic-navbar-nav" />
+    <Navbar.Collapse id="basic-navbar-nav">
+      <Nav className="mr-auto">
+        <NavDropdown title="Eventos" id="basic-nav-dropdown">
+          {
+            events.map((event) =>
+              <NavDropdown.Item key={event.id} href={'#' + event.id}>
+                {event.title}
+              </NavDropdown.Item>
+            )
+          }
+        </NavDropdown>
+        <Nav.Link href="#sobre">Sobre</Nav.Link>
+      </Nav>
+    </Navbar.Collapse>
+  </Navbar>
+
+export default Menu
diff --git a/src/events.json b/src/events.json
@@ -0,0 +1,16 @@
+[
+  {
+    "id": "evento-200192611",
+    "title": "Corridas de rua premiadas com criptomoedas? Uau! 😃",
+    "subtitle": "Inscreva-se! Evento em 26/Nov/2019 às 19:30",
+    "link": "http://j.mp/ft26nov",
+    "body": " <p>\n  <strong>\n   Será que:\n  </strong>\n </p>\n <ol>\n  <li>\n   Só os\n   <strong>\n    atletas profissionais\n   </strong>\n   , que buscam o pódio, merecem ganhar prêmios em dinheiro?\n  </li>\n  <li>\n   A disciplina diária de\n   <strong>\n    corredores amadores\n   </strong>\n   também poderia ser (financeiramente) recompensada?\n  </li>\n  <li>\n   Há maneiras de tornar as corridas de rua ainda mais valiosas (além de proporcionar saúde, objetos e lembranças)?\n  </li>\n </ol>\n <p>\n  <strong>\n   Criptomoedas\n  </strong>\n  e\n  <strong>\n   Blockchain\n  </strong>\n  são conceitos atuais que estão mudando, radicalmente,\n            a forma como os negócios existentes são feitos.\n            Novos produtos, modelos de trabalho e serviços estão sendo criados.\n </p>\n <p>\n  <strong>\n   Será que as Criptomoedas e a Blockchain também afetarão as corridas de rua\n  </strong>\n  ,\n              um negócio lucrativo para apenas alguns?\n </p>\n <p>\n  Nesse evento, a Finisher.Tech discutirá como vem desenvolvendo uma solução inovadora,\n            que faz uso da Blockchain pública do\n  <strong>\n   Ethereum\n  </strong>\n  e que afetará o\n  <strong>\n   mercado das corridas de rua\n  </strong>\n  .\n </p>\n"
+  },
+  {
+    "id": "evento-20191010",
+    "title": "Inteligência Artificial e Blockchain aplicadas a Bem Estar, Saúde e Esportes",
+    "subtitle": "Evento finalizado em 10/Out/2019",
+    "link": "http://j.mp/ft10out",
+    "body": " <p>\n  <strong>\n   Inteligência Artificial\n  </strong>\n  e\n  <strong>\n   Blockchain\n  </strong>\n  são\n  <strong>\n   dois grandes pilares\n  </strong>\n  que estão movendo a evolução dos sistemas\n  <strong>\n   HOJE\n  </strong>\n  .\n </p>\n <p>\n  A\n  <strong>\n   Inteligênca Artificial\n  </strong>\n  é a base para sistemas especialistas que, com base no conhecimento de eventos anteriores,\n  <strong>\n   procura emular a especialização humana para prever e/ou sugerir novas realidades\n  </strong>\n  .\n </p>\n <p>\n  A\n  <strong>\n   Blockchain\n  </strong>\n  foi criada, inicialmente, para uma evolução do sistema financeiro.\n            Hoje ela\n  <strong>\n   é a base tecnológica para o funcionamento das criptomoedas\n  </strong>\n  .\n            Contudo, ela\n  <strong>\n   não impulsiona apenas esse setor\n  </strong>\n  .\n            Sistemas poderosos, robustos e imparáveis podem ser criados através dessa tecnologia que\n  <strong>\n   fornece transações seguras\n  </strong>\n  e o\n  <strong>\n   processamento descentralizado de contratos inteligentes\n  </strong>\n  .\n </p>\n <p>\n  <strong>\n   Como essas\n  </strong>\n  duas\n  <strong>\n   tecnologias aliadas podem ser aplicadas\n  </strong>\n  a área de Bem Estar, Saúde e Esportes?\n </p>\n <p>\n  <strong>\n   Se você é uma pessoa em busca de orientação para iniciar um novo plano de saúde e bem estar\n  </strong>\n  , ou se está pretendendo começar a prática de algum esporte, iremos lhe responder:\n </p>\n <ol>\n  <li>\n   <p>\n    <strong>\n     Que soluções atuais\n    </strong>\n    existem e que\n    <strong>\n     você já pode utilizar para iniciar seu plano\n    </strong>\n    ?\n   </p>\n  </li>\n  <li>\n   <p>\n    <strong>\n     Como a Inteligência Artificial e a Blockchain podem ser aplicadas\n    </strong>\n    para lhe ajudar em seus planos e metas, e na sua evolução e acompanhamento?\n   </p>\n  </li>\n  <li>\n   <p>\n    <strong>\n     Que motivações a mais\n    </strong>\n    para a prática esportiva\n    <strong>\n     você obtem\n    </strong>\n    utilizando tais tecnologias?\n   </p>\n  </li>\n </ol>\n <p>\n  Se você é\n  <strong>\n   um\n   <em>\n    personal trainer\n   </em>\n   , um professor de educação física, uma academia, um nutricionista, um médico, uma loja de alimentos saudáveis (incluindo ou não suplementos), um organizador de eventos esportivos, um dono de campos de futebol\n  </strong>\n  , etc, lhe daremos as seguintes respostas:\n </p>\n <ol class=\"arabic\">\n  <li>\n   <p>\n    <strong>\n     Por que\n    </strong>\n    você deve\n    <strong>\n     utilizar sistemas que são implementados com essas novas tecnologias\n    </strong>\n    ?\n   </p>\n  </li>\n  <li>\n   <p>\n    Elas são\n    <strong>\n     aliadas\n    </strong>\n    ?\n    <strong>\n     Diminuirão o seu trabalho\n    </strong>\n    ?\n    <strong>\n     Tomarão o seu lugar\n    </strong>\n    ?\n   </p>\n  </li>\n  <li>\n   <p>\n    Como elas\n    <strong>\n     podem ser utilizadas na descoberta e na fidelização de novos clientes\n    </strong>\n    ?\n   </p>\n  </li>\n  <li>\n   <p>\n    Como seus\n    <strong>\n     clientes atuais podem utilizá-las contando, ainda, com a sua ajuda\n    </strong>\n    ?\n   </p>\n  </li>\n </ol>\n"
+  }
+]
diff --git a/src/index.css b/src/index.css
@@ -0,0 +1,14 @@
+body {
+  margin: 0;
+  padding-top: 3.5rem;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}
diff --git a/src/index.js b/src/index.js
@@ -0,0 +1,7 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import 'bootstrap/dist/css/bootstrap.min.css';
+import './index.css';
+import App from './App';
+
+ReactDOM.render(<App />, document.getElementById('root'));