Skip to content

Commit

Permalink
Merge branch 'main' of github.com:fga-eps-mds/2023.2-PrintGo-FrontEnd
Browse files Browse the repository at this point in the history
  • Loading branch information
@guilhermedfs
guilhermedfs committed Oct 23, 2023
2 parents 0bd0ba0 + 89955f5 commit 966525b
Show file tree
Hide file tree
Showing 21 changed files with 52,671 additions and 9 deletions.
8 changes: 8 additions & 0 deletions package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@
"web-vitals": "^2.1.4"
},
"scripts": {
"start": "react-scripts --openssl-legacy-provider start",
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --watchAll=false --coverage",
"test:watch": "react-scripts test",
Expand Down
2 changes: 2 additions & 0 deletions src/App.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@ import React from "react";
import {BrowserRouter, Routes , Route} from "react-router-dom"
import Home from "./pages/Home"
import Login from "./pages/Login";
import QuemSomos from "./pages/QuemSomos";
import ChangePassword from "./pages/ChangePassword";
import NavbarSimple from "./components/NavbarSimple"
import Navbar from "./components/Navbar"
Expand All @@ -14,6 +15,7 @@ function App(){
<Routes>
<Route path="/" element={<Home/>}/>
<Route path="/login" element={<Login/>}/>
<Route path="/quem-somos" element={<QuemSomos/>}/>
<Route path="/change-password" element={<ChangePassword />} />
<Route path="/NavbarSimple" element={<NavbarSimple/>}/>
<Route path="/Navbar" element={<Navbar/>}/>
Expand Down
9 changes: 9 additions & 0 deletions src/assets/PoliciaCivilLogo.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
292 changes: 292 additions & 0 deletions src/assets/React App.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,292 @@
<!DOCTYPE html>
<!-- saved from url=(0032)http://localhost:3000/quem-somos -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<link rel="icon" href="http://localhost:3000/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#000000">
<style type="text/css">body {
margin: 0;
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;
}

@font-face {
font-family: 'Overpass';
src: local('Overpass'), url(/static/media/Overpass-Regular.b5d14a34.ttf) format('truetype');
}
</style><style type="text/css"></style><style type="text/css"></style><style type="text/css">
body {
font-family: 'Overpass', sans-serif;
display: block;
overflow: hidden;
}

.container {
display: flex;
grid-gap: 12.375rem;
gap: 12.375rem;
padding: 6.25rem 13.625rem 0 8rem;
}

/* Estilos para a caixa de login */
.login-box {
z-index: 100;
width: 26.75rem;
height: 33.5rem;
background-color: #ffffff; /* Cor de fundo da caixa de login */
border-radius: 0.625rem;
box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.25);
}

/* Estilos para o conteúdo da caixa de login, como campos de entrada, botões, etc. */
.login-box-content {
z-index: 100;
padding: 0 2.81rem 0 2.96rem;
}

.form-group {
display: flex;
flex-direction: column;
padding-bottom: 1rem;
}

/* Estilos para o título "Entrar" */
h2 {
font-size: 3rem;
font-weight: 400;
color: #003366; /* Cor do texto */
padding-top: 1.75rem;
}

label {
margin-bottom: 0.5rem;
}

/* Estilos para o rótulo "e-mail" */
label {
font-size: 1rem;
font-weight: 400;
line-height: 1.25rem;
letter-spacing: 0.05rem;
text-align: left;
color: #003366;
}

/* Estilos para o campo de entrada de e-mail */
input{
height: 2.1875rem;
border: 0.063rem solid #003366; /* Cor da borda do campo de entrada */
border-radius: 0.625rem;
text-indent: 0.75rem;
}

input::placeholder {
color: #6C6C6C;
font-size: 1rem;
letter-spacing: 0.05rem;
}

/* Estilos para o botão "LOGIN" */
button[type="submit"] {
width: 16.4375rem;
height: 2.5625rem;
border-radius: 3.125rem;
border: none;
background-color: #003366;
color: #ffffff;
font-size: 1rem;
font-weight: 700;
text-align: center;
line-height: 2.5625rem;
letter-spacing: 0.05625rem;
cursor: pointer;
}

.button-container {
display: grid;
justify-content: center;
}

/* Estilos para o botão "Recuperar senha" */
button[type="button"] {
width: 16.4375rem;
height: 2.5625rem;
font-size: 1rem;
font-weight: 600;
line-height: 1.25rem;
letter-spacing: 0.05rem;
text-align: center;
background-color: transparent;
color: #006633;
border: none;
cursor: pointer;
}

/* Estilos para a imagem "pessoas" */
.pessoas {
width: 29.25rem;
height: 39.086875rem;
}

.buttons {
padding-top: 3.4rem;
display: flex;
flex-direction: column;
grid-gap: 3.06rem;
gap: 3.06rem;
}

.ellipse {
z-index:-100;
width: 48.29838rem;
height: 62.73281rem;
transform: rotate(-145.25deg);
flex-shrink: 0;
border-radius: 62.73281rem;
background: #036;
position: absolute;
top: 3%;
left: 60%;
}

button:disabled {
background-color: #6C6C6C;
opacity: 65%;
cursor: not-allowed;
}

@media (max-width: 1210px) {
.container {
display: flex;
flex-direction: column;
grid-gap: 5rem;
gap: 5rem;
padding-left: 2rem;
align-items: center;
}
}</style><style type="text/css">body {
font-family: 'Overpass', sans-serif;
display: block;
overflow: hidden;
}

.container {
display: flex;
grid-gap: 12.375rem;
gap: 12.375rem;
padding: 6.25rem 13.625rem 0 8rem;
}

.form-group {
display: flex;
flex-direction: column;
padding-bottom: 1rem;
}

/* Estilos para o título "Quem Somos" */
h2 {
font-size: 3rem;
font-weight: 400;
color: #003366;
/* Cor do texto */
padding-top: 1.75rem;
}

p {
color: #003366;
text-align: center;
}

label {
margin-bottom: 0.5rem;
}

input::placeholder {
color: #6C6C6C;
font-size: 1rem;
letter-spacing: 0.05rem;
}

/* Estilos para a imagem "PessoasDois" */
.pessoasDois {
width: 29.25rem;
height: 39.086875rem;
}

/* Estilos para a imagem "PoliciaCivilLogo" */
.PoliciaCivilLogo {
width: 29.25rem;
height: 39.086875rem;
text-align: center;
}

.logo {
text-align: center;
}

.ellipse {
z-index: -100;
width: 48.29838rem;
height: 62.73281rem;
transform: rotate(-145.25deg);
flex-shrink: 0;
border-radius: 62.73281rem;
background: #036;
position: relative;
top: 0%;
left: -10%;
}

@media (max-width: 1210px) {
.container {
display: flex;
flex-direction: column;
grid-gap: 5rem;
gap: 5rem;
padding-left: 2rem;
align-items: center;
}
}</style><script charset="utf-8" src="./React App_files/main.7813b57537dff9ff5b95.hot-update.js"></script><script charset="utf-8" src="./React App_files/main.3fd819d947a435fc5cb3.hot-update.js"></script></head><body class="vsc-initialized"><div id="root"><div class="container"><div class="ellipse"></div><div class="Texto"><h2>Quem Somos</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla aliquet elementum eros. Suspendisse gravida velit id vulputate laoreet. Integer ultrices, nulla at aliquam lacinia, metus ligula dapibus metus, eget ornare turpis sapien vitae lorem. Cras sed lorem nec justo pharetra commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vitae erat sed felis auctor feugiat. Proin justo lorem, condimentum nec venenatis nec, malesuada vitae ex. Mauris mattis, diam vitae dictum pellentesque, lectus massa interdum augue, ut dictum ligula massa id nibh. Maecenas auctor elit non augue condimentum suscipit. Integer non luctus augue, nec tristique nunc. Integer ut commodo mi, vitae tincidunt neque.</p><p>Quisque non posuere eros, vel posuere purus. Donec vehicula est eu magna fermentum congue. Nam in mollis nisi, a congue augue. Proin vulputate laoreet ex nec interdum. Aliquam ullamcorper malesuada sem, eget eleifend ex ultrices sed. Donec elementum, turpis sit amet auctor elementum, urna erat tempus ex, fringilla elementum elit massa a arcu. Aliquam lobortis ultricies iaculis.</p></div><div class="logo"><img src="./React App_files/PoliciaCivilLogo.7b3d1c87.svg" alt="PoliciaCivilLogo" class="PoliciaCivilLogo"></div><div><img src="./React App_files/pessoasDois.9986b24b.svg" alt="PessoasDois" class="pessoasDois"></div></div></div>
<meta name="description" content="Web site created using create-react-app">
<link rel="apple-touch-icon" href="http://localhost:3000/logo192.png">
<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="manifest" href="http://localhost:3000/manifest.json">
<!--
Notice the use of in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
Unlike "/favicon.ico" or "favicon.ico", "/favicon.ico" will
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>React App</title>


<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
You can add webfonts, meta tags, or analytics to this file.
The build step will place the bundled scripts into the <body> tag.
To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
-->
<script src="./React App_files/bundle.js"></script><script src="./React App_files/2.chunk.js"></script><script src="./React App_files/main.chunk.js"></script><script src="./React App_files/main.ebc95557984718eecdad.hot-update.js"></script>

<div id="forest-ext-shadow-host"><template shadowrootmode="open"><head></head><div id="root"></div></template></div><iframe style="position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; border: none; z-index: 2147483647;" src="./React App_files/saved_resource.html"></iframe></body></html>
Loading

1 comment on commit 966525b

@vercel
Copy link

@vercel vercel bot commented on 966525b Oct 23, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

2023-2-print-go – ./

2023-2-print-go-guilhermes-projects-0cbdcfe2.vercel.app
2023-2-print-go.vercel.app
2023-2-print-go-git-main-guilhermes-projects-0cbdcfe2.vercel.app

Please sign in to comment.