Favicon adicionado e Head movido para o _app

williamdlm · Nov 9, 2021 · 539568a · 539568a · vercel · Nov 9, 2021
1 parent 37fca60
commit 539568a
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 14 deletions.
diff --git a/pages/_app.js b/pages/_app.js
@@ -1,6 +1,6 @@
 import { createGlobalStyle, ThemeProvider } from "styled-components";
 import db from "../db.json";
-import { ExperienceProvider } from "../src/contexts/ExperienceContext";
+import Head from "next/head";
 
 const GlobalStyle = createGlobalStyle`
  /* @import url('https://fonts.googleapis.com/css?family=Roboto:400,500&display=swap');
@@ -36,6 +36,17 @@ export default function App({ Component, pageProps }) {
  return (
  <ThemeProvider theme={theme}>
  <GlobalStyle />
+ <Head>
+ <title>QUIZZARD</title>
+ <meta
+ name="google-site-verification"
+ content="etEJ5pGxXGSqGyGM_OOMKO4UWHWrkJQ2TqDxRcR2iwY"
+ />
+ <link
+ rel="shortcut icon"
+ href="https://res.cloudinary.com/dhmkfekt2/image/upload/v1634872293/050-fairytale_jhafzp.ico"
+ ></link>
+ </Head>
  <Component {...pageProps} />
  </ThemeProvider>
  );

diff --git a/pages/index.js b/pages/index.js
@@ -44,13 +44,6 @@ export default function Home(props) {
  playerImage={props.playerImage}
  >
  <Background>
- <Head>
- <title>TCC</title>
- <meta
- name="google-site-verification"
- content="etEJ5pGxXGSqGyGM_OOMKO4UWHWrkJQ2TqDxRcR2iwY"
- />
- </Head>
  {isModalVisible && <ModalComplete handleModal={handleModal} />}
  {/* {screenState === 0 ? (
  <GoogleLogIn handleStatusLogged={handleStatusLogged} />

diff --git a/src/components/Modal/index.js b/src/components/Modal/index.js
@@ -18,13 +18,18 @@ const Modal = styled.div`
  /* position: absolute; */
  text-align: center;
  display: flex;
- width: 15rem;
+ width: 18rem;
  height: 20rem;
  background-color: ${db.theme.colors.yellow};
  color: black;
- padding: 3rem 1rem;
+ padding: 1rem 1rem 2rem 1rem;
  flex-wrap: wrap;
  border-radius: 5%;
+
+ p {
+ font-size: 0.85rem;
+ /* text-align: justify; */
+ }
 `;
 
 export default function ModalComplete({ handleModal }) {
@@ -39,11 +44,15 @@ export default function ModalComplete({ handleModal }) {
  <ContainerModal id="modal" onClick={(e) => handleOutSideClick(e.target.id)}>
  <Modal>
  <div>
- <h1>Titulo</h1>
+ <h1>Sobre</h1>
+ <p>
+ Seja bem vindo nessa jornada de conhecimento!
+ <br /> Para inciar à aventura basta clicar no modo de jogo classico
+ e encarar as questões que irão surgir.
+ </p>
  <p>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
- pulvinar sem augue, quis convallis odio ornare vel. Cras fringilla
- lorem.
+ Este aplicativo foi desenvolvido para o trabalho de conclusão de
+ curso da UniFBV, espero que gostem.
  </p>
  </div>
  <Button