From 333dc268d8835361febb1c4fada8c597623926ea Mon Sep 17 00:00:00 2001
From: Mariana Moreira <mms18@inf.ufpr.br>
Date: Fri, 21 Feb 2020 11:16:45 -0300
Subject: [PATCH] Issue #12: Add footer

---
 src/App.js                      |   4 +-
 src/components/footer/c3sl.png  | Bin 0 -> 6006 bytes
 src/components/footer/footer.js |  89 ++++++++++++++++++++++++++++++++
 src/components/global.css       |  26 ++++++++++
 src/global.css                  |  26 ++++++++++
 5 files changed, 144 insertions(+), 1 deletion(-)
 create mode 100644 src/components/footer/c3sl.png
 create mode 100644 src/components/footer/footer.js
 create mode 100644 src/components/global.css
 create mode 100644 src/global.css

diff --git a/src/App.js b/src/App.js
index 6990081..2163158 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,14 +1,16 @@
 import React from "react";
 import { HashRouter, Route } from "react-router-dom";
-
+import Footer from "./components/footer/footer";
 import CreateForm from "./pages/CreateForm";
 import AnswerForm from "./pages/AnswerForm";
+//import "./global.css";
 
 function App() {
   return (
     <HashRouter>
       <Route path="/create" component={CreateForm} />
       <Route path="/answer/:id" component={AnswerForm} />
+      <Footer />
     </HashRouter>
   );
 }
diff --git a/src/components/footer/c3sl.png b/src/components/footer/c3sl.png
new file mode 100644
index 0000000000000000000000000000000000000000..0dbfec40fed228e95ce665951d031154401e3605
GIT binary patch
literal 6006
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

literal 0
HcmV?d00001

diff --git a/src/components/footer/footer.js b/src/components/footer/footer.js
new file mode 100644
index 0000000..524635c
--- /dev/null
+++ b/src/components/footer/footer.js
@@ -0,0 +1,89 @@
+import React from "react";
+import { makeStyles } from "@material-ui/core/styles";
+import Grid from "@material-ui/core/Grid";
+import Typography from "@material-ui/core/Typography";
+import Logo from "./c3sl.png";
+
+const useStyles = makeStyles(theme => ({
+  footer: {
+    background: "#66a6c2",
+    position: "fixed",
+    left: 0,
+    bottom: 0,
+    right: 0,
+    width: "100%",
+    height: "auto"
+  },
+
+  img: {
+    width: "50px",
+    marginTop: "5px",
+    marginBottom: "5px",
+    marginLeft: "15px",
+    ["@media (max-width:525px)"]: {
+      width: "50px",
+      ["@media (max-width:338px)"]: {
+        marginTop: "3%"
+      }
+    },
+    ["@media (max-height:681px)"]: {
+      width: "65px"
+    }
+  },
+
+  item: {
+    marginTop: "5px",
+    marginBottom: "5px",
+    display: "flex",
+    justifyContent: "space-evenly",
+    flexDirection: "column"
+  },
+
+  text: {
+    color: "#46525d",
+    fontSize: "15px",
+    textAlign: "center"
+  },
+
+  adress: {
+    color: "#46525d",
+    fontSize: "12px",
+    textAlign: "right",
+    marginRight: "15px"
+  }
+}));
+
+function Footer() {
+  const classes = useStyles();
+  return (
+    <Grid container className={classes.footer}>
+      <Grid item xs={2} className={classes.item}>
+        <img src={Logo} className={classes.img}></img>
+      </Grid>
+
+      <Grid item xs={8} className={classes.item}>
+        <Typography className={classes.text}>
+          Ministério da
+          <b>
+            <br />
+            Ciência, Tecnologia,
+            <br />
+            Inovações e Comunicações
+          </b>
+        </Typography>
+      </Grid>
+
+      <Grid item xs={2} className={classes.item}>
+        <Typography className={classes.adress}>
+          Esplanada dos Ministérios, Bloco R
+          <br />
+          CEP: 70044-900 – Brasília-DF
+          <br />
+          Telefone: 61 2027-6000
+        </Typography>
+      </Grid>
+    </Grid>
+  );
+}
+
+export default Footer;
diff --git a/src/components/global.css b/src/components/global.css
new file mode 100644
index 0000000..deeb81c
--- /dev/null
+++ b/src/components/global.css
@@ -0,0 +1,26 @@
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap");
+
+* {
+  margin: 0;
+  padding: 0;
+  outline: 0;
+  box-sizing: border-box;
+  background: "#05a5dd";
+}
+
+html,
+body,
+#root {
+  height: 100%;
+}
+
+body {
+  background: #eceff3;
+  -webkit-font-smoothing: antialiased;
+}
+
+body,
+input,
+button {
+  font-family: Roboto, sans-serif;
+}
diff --git a/src/global.css b/src/global.css
new file mode 100644
index 0000000..879e608
--- /dev/null
+++ b/src/global.css
@@ -0,0 +1,26 @@
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap");
+
+* {
+  margin: 0;
+  padding: 0;
+  outline: 0;
+  box-sizing: border-box;
+  color: #667079;
+}
+
+html,
+body,
+#root {
+  height: 100%;
+}
+
+body {
+  background: #eceff3;
+  -webkit-font-smoothing: antialiased;
+}
+
+body,
+input,
+button {
+  font-family: Roboto, sans-serif;
+}
-- 
GitLab