OPA!
+
+ diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml deleted file mode 100644 index 0760e01..0000000 --- a/.github/workflows/main.yml +++ /dev/null @@ -1,30 +0,0 @@ -name: Deploy to Server - -on: - push: - branches: - - main - -jobs: - deploy: - runs-on: ubuntu-latest - - steps: - - name: Checkout code - uses: actions/checkout@v3 - - - name: Install sshpass - run: | - env - mkdir -p ~/.ssh - echo "${{ secrets.SSH_PRIVATE_KEY }}" > ~/.ssh/id_rsa - chmod 600 ~/.ssh/id_rsa - ssh-keyscan -p 6969 ${{ secrets.HOST }} >> ~/.ssh/known_hosts - sudo apt-get install sshpass - - - name: Deploy to server - run: | - sshpass -p '${{ secrets.SSH_PRIVATE_KEY }}' ssh -v -o StrictHostKeyChecking=no ${{ secrets.USER }}@${{ secrets.HOST }} -p 6969 <<'ENDSSH' - cd ${{ secrets.WORK_DIR }} - git pull - ENDSSH diff --git a/app/.gitignore b/.gitignore similarity index 100% rename from app/.gitignore rename to .gitignore diff --git a/.prettierignore b/.prettierignore new file mode 100644 index 0000000..1b8ac88 --- /dev/null +++ b/.prettierignore @@ -0,0 +1,3 @@ +# Ignore artifacts: +build +coverage diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 0000000..0967ef4 --- /dev/null +++ b/.prettierrc @@ -0,0 +1 @@ +{} diff --git a/README.md b/README.md new file mode 100644 index 0000000..a36934d --- /dev/null +++ b/README.md @@ -0,0 +1,16 @@ +# React + Vite + +This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. + +Currently, two official plugins are available: + +- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Oxc](https://oxc.rs) +- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) + +## React Compiler + +The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation). + +## Expanding the ESLint configuration + +If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project. diff --git a/cadastro.html b/antigo/cadastro.html similarity index 100% rename from cadastro.html rename to antigo/cadastro.html diff --git a/antigo/css/Header_and_Footer.css b/antigo/css/Header_and_Footer.css new file mode 100644 index 0000000..ef44f7d --- /dev/null +++ b/antigo/css/Header_and_Footer.css @@ -0,0 +1,653 @@ +@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;700&display=swap"); + +/*------------Animações------------*/ + +@keyframes growCircle { + from { + width: 0px; + height: 0px; + } + to { + width: 6px; + height: 6px; + } +} + +/*------------Variaveis------------*/ + +:root { + --color-background-Light: #f5f8fa; + --color-background-Dark: #202124; + + --color-Primary-Light: #ffffff; + --color-Primary-Dark: #41444a; + + --color-Accent: #00bf63; + --color-Accent-darker: #07a65a; +} + +* { + box-sizing: border-box; + font-family: "Outfit", sans-serif; + + margin: 0; + padding: 0; +} + +main { + margin-left: 20px; + margin-right: 20px; +} + +/*------------Header------------*/ + +header { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 20px; + + width: 100%; + padding: 6px 20px; + + background-color: var(--color-Primary-Light); + border-radius: 0 0px 20px 20px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); +} + +.logo_icon { + position: relative; + + width: 135px; + height: 54px; +} + +/*---Idioma_Select---*/ + +.Idioma_Select { + border: none; + margin-left: 20px; + font-size: 16px; + color: var(--color-Accent); +} + +.Idioma_Select:focus { + outline: none; +} + +/*---Header-Menu_options---*/ + +.Menu_options { + position: relative; + display: flex; +} + +.Menu_options ul { + position: relative; + display: flex; + align-items: center; +} + +.Menu_options li { + position: relative; + display: inline-block; + list-style: none; +} + +.Menu_options li a { + display: inline-block; + text-decoration: none; + + font-size: 16px; + margin-left: 20px; + + color: var(--color-Accent); +} + +.Menu_options li a:hover { + color: var(--color-Accent-darker); +} + +.Menu_options li a::before { + content: ""; + position: absolute; + transform-origin: center; + + height: 2px; + transform: scaleX(0); + bottom: -4px; + left: 10px; + + background-color: var(--color-Accent-darker); + transition: + transform 0.3s ease, + width 0.3s ease; +} + +.Menu_options li a:hover::before { + transform: scaleX(0.5); + width: 100%; +} + +/*---Header_buttons---*/ + +.header_Button { + text-decoration: none; + font-weight: bold; + border: none; + + line-height: 35px; + padding: 0px 20px; + margin-left: 20px; + border-radius: 28px; + cursor: pointer; + + color: #333; + background-color: var(--color-Accent); + transition: background-color 0.3s ease; +} + +.header_Button:hover { + background-color: var(--color-Accent-darker); +} + +/*---Header-Others---*/ + +.Login_link { + font-weight: bold; + color: var(--color-Accent); +} + +.vertical-line { + border: none; + + height: 20px; + margin-left: 20px; + + border-left: 1px solid black; +} + +/*------------Footer------------*/ + +footer { + width: 100%; + margin-top: 20px; + height: auto; + border-radius: 20px 20px 0 0; + box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.5); + background-color: var(--color-Primary-Light); +} + +/*---Footer-divisor---*/ + +.Divisor_do_Footer { + display: grid; + + grid-template-columns: repeat(4, 1fr); + padding: 3rem 3.5rem; +} + +.Divisor_do_Footer p { + margin-top: 5px; +} + +/*---Footer-Social_links_footer---*/ + +.texto_motivacao { + width: 200px; + word-break: break; + margin-left: 1.5rem; +} + +.Social_links_footer { + display: flex; + flex-direction: column; + align-items: center; + width: 100%; +} + +.Social_links_footer ul { + position: relative; + display: flex; + align-items: center; + + color: black; +} + +.Social_links_footer li { + list-style: none; +} + +.icons_sociais { + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; + list-style: none; + + height: 2rem; + width: 2rem; + margin-left: 1.5rem; + margin-top: 2rem; + border-radius: 50%; + height: 2rem; + width: 2rem; + + color: var(--color-Primary-Light); + transition: transform 0.3s ease; +} + +.icons_sociais:hover { + transform: translateY(-10px); +} + +#Instagram_icon { + background: linear-gradient(#515bd4, #dd2a7b, #f58529); +} + +#Facebook_icon { + background-color: #4267b3; +} + +#Whatsapp_icon { + background-color: #25d366; +} + +/*---Footer-Footer_links---*/ + +.Sobre_empresa ul { + position: relative; + display: flex; + flex-direction: column; + + margin-left: 3rem; + gap: 0.75rem; + + color: black; +} + +.Ferramentas ul { + position: relative; + display: flex; + flex-direction: column; + + margin-left: 1rem; + gap: 0.75rem; + + color: black; +} + +.Footer_links li { + position: relative; + list-style: none; +} + +.Footer_links li a { + text-decoration: none; + + color: var(--color-Accent); + transition: color 0.3s ease; +} + +.Footer_links li a:hover { + color: var(--color-Accent-darker); +} + +.Footer_links li a:hover::before { + content: ""; + position: absolute; + + top: 50%; + left: -15px; + transform: translateY(-50%); + border-radius: 50%; + + background-color: var(--color-Accent-darker); + animation: growCircle 0.2s ease forwards; +} + +/*---Footer-newsletter---*/ + +.Newsletter ul { + display: flex; + flex-direction: column; + + gap: 1.5rem; + + color: black; +} + +.Newsletter li { + list-style: none; +} + +#email_box { + outline: none; + + height: 30px; + border-radius: 28px 0 0 28px; + padding-left: 10px; + box-sizing: 1px; + + border: 1px solid var(--color-Accent); + background-color: var(--color-background-Light); +} + +#email_button { + border: none; + cursor: pointer; + + width: 30px; + height: 30px; + border-radius: 0 28px 28px 0; + + background-color: var(--color-Accent); + transition: background-color 0.3s ease; +} + +.email_button:hover { + background-color: var(--color-Accent-darker); +} + +/*---Footer-Legal---*/ + +.Legal { + display: flex; + align-items: center; + justify-content: center; + + width: 100%; + height: 5rem; + + background-color: var(--color-Primary-Light); + box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2); +} + +.Legal ul { + display: grid; + + margin-right: 4rem; + grid-template-columns: repeat(3, 1fr); +} + +.Legal li { + position: relative; + list-style: none; +} + +.Legal li a { + text-decoration: none; + + color: var(--color-Accent); +} + +.Legal li a:hover { + color: var(--color-Accent-darker); +} + +.Legal li a:hover::before { + content: ""; + position: absolute; + + top: 50%; + left: -15px; + transform: translateY(-50%); + border-radius: 50%; + + background-color: var(--color-Accent-darker); + animation: growCircle 0.2s ease forwards; +} + +/*---Header-Responsive---*/ + +.background_ambuigue { + display: none; +} + +@media screen and (min-width: 981px) { + .ambuigue_button, + .background_ambuigue { + display: none; + } +} + +@media screen and (max-width: 980px) { + .Menu_options_list li, + .Signup_button, + .background_ambuigue { + display: none; + } + + .ambuigue_Button { + text-decoration: none; + font-weight: bold; + border: none; + + line-height: 35px; + padding: 5px 20px; + border-radius: 28px; + cursor: pointer; + + color: #333; + background-color: var(--color-Accent); + transition: background-color 0.3s ease; + } + + .ambuigue_Button:hover { + background-color: var(--color-Accent-darker); + } + + .background_ambuigue { + z-index: 9999; + display: none; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.3); + } + + .menu_ambuigue { + width: 100%; + position: absolute; + top: 0; + left: 0; + border-radius: 0 0 28px 28px; + background-color: var(--color-Primary-Light); + z-index: 9999; + } + + .register_ambuigue { + display: flex; + width: 100%; + height: 70px; + justify-content: space-between; + align-items: center; + + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); + } + + .register_ambuigue ul { + align-items: center; + display: flex; + list-style: none; + } + + .register_ambuigue li a { + margin-left: 20px; + text-decoration: none; + } + + .other_options_ambuigue { + display: grid; + align-items: center; + justify-content: center; + place-items: center; + } + + .other_options_ambuigue ul { + margin-top: 10px; + display: grid; + text-align: center; + place-items: center; + list-style: none; + } + + .other_options_ambuigue li { + text-decoration: none; + margin-top: 20px; + + margin-bottom: 20px; + } + + .other_options_ambuigue li a { + text-decoration: none; + padding: 10px 100px 10px 100px; + } + + .header_logo_icon { + position: relative; + display: block; + max-height: 60%; + max-width: 25%; + margin: 20px 0 10px 20px; + } +} +@media screen and (min-width: 520px) { + .other_options_ambuigue li a { + padding: 10px 200px 10px 200px; + } +} + +@media screen and (max-width: 520px) { + .other_options_ambuigue li a { + padding: 10px 70px 10px 70px; + } +} + +@media screen and (max-width: 360px) { + .other_options_ambuigue li a { + padding: 10px 50px 10px 50px; + } + + .register_ambuigue { + display: flex; + flex-direction: column; + width: 100%; + height: 100px; + justify-content: space-between; + align-items: center; + + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); + } + + header { + position: absolute; + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-between; + + width: 100%; + padding: 6px 20px; + + background-color: var(--color-Primary-Light); + border-radius: 0 0px 20px 20px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); + } +} + +/*---footer-Responsive---*/ + +@media screen and (max-width: 1030px) { + .Divisor_do_Footer { + display: grid; + align-items: center; + justify-items: center; + grid-template-columns: repeat(2, 1fr); + padding: 3rem 3.5rem; + } + + .Social_links_footer { + order: 1; + } + + .Sobre_empresa { + order: 4; + } + + .Ferramentas { + order: 2; + } + + .Newsletter { + margin-top: 30px; + order: 3; + text-align: center; + } + + .Sobre_empresa ul { + margin-left: 0; + } + + .Ferramentas ul { + margin-left: 0rem; + } +} + +@media screen and (max-width: 600px) { + .Divisor_do_Footer { + display: grid; + align-items: center; + justify-items: center; + grid-template-columns: repeat(1, 1fr); + padding: 2rem 2.5rem; + } + + .Social_links_footer { + margin-top: 30px; + text-align: center; + order: 1; + } + + .Sobre_empresa { + margin-top: 30px; + text-align: center; + order: 2; + } + + .Ferramentas { + margin-top: 30px; + text-align: center; + order: 3; + } + + .Newsletter { + margin-top: 30px; + order: 4; + text-align: center; + } + .Legal ul { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + + margin-right: 0; + grid-template-columns: repeat(3, 1fr); + } + .Legal li { + margin-bottom: 4px; + } +} + +@media screen and (max-width: 360px) { + .Divisor_do_Footer { + display: grid; + align-items: center; + justify-items: center; + grid-template-columns: repeat(1, 1fr); + padding: 1rem 1.5rem; + } +} diff --git a/css/Mains/Dummy_main.css b/antigo/css/Mains/Dummy_main.css similarity index 100% rename from css/Mains/Dummy_main.css rename to antigo/css/Mains/Dummy_main.css diff --git a/css/Mains/Index_main.css b/antigo/css/Mains/Index_main.css similarity index 100% rename from css/Mains/Index_main.css rename to antigo/css/Mains/Index_main.css diff --git a/css/Mains/Login_main.css b/antigo/css/Mains/Login_main.css similarity index 100% rename from css/Mains/Login_main.css rename to antigo/css/Mains/Login_main.css diff --git a/css/Mains/Precos_main.css b/antigo/css/Mains/Precos_main.css similarity index 100% rename from css/Mains/Precos_main.css rename to antigo/css/Mains/Precos_main.css diff --git a/css/Mains/Termos_e_privacidade_main.css b/antigo/css/Mains/Termos_e_privacidade_main.css similarity index 100% rename from css/Mains/Termos_e_privacidade_main.css rename to antigo/css/Mains/Termos_e_privacidade_main.css diff --git a/css/Mains/cadastro_main.css b/antigo/css/Mains/cadastro_main.css similarity index 100% rename from css/Mains/cadastro_main.css rename to antigo/css/Mains/cadastro_main.css diff --git a/css/Mains/dashboard_main.css b/antigo/css/Mains/dashboard_main.css similarity index 94% rename from css/Mains/dashboard_main.css rename to antigo/css/Mains/dashboard_main.css index 322dc7b..53e847b 100644 --- a/css/Mains/dashboard_main.css +++ b/antigo/css/Mains/dashboard_main.css @@ -215,7 +215,9 @@ header { left: 10px; background-color: var(--color-Accent-darker); - transition: transform 0.3s ease, width 0.3s ease; + transition: + transform 0.3s ease, + width 0.3s ease; } .Menu_options li a:hover::before { @@ -263,7 +265,9 @@ header { right: -71%; background-color: var(--color-Accent-darker); - transition: transform 0.3s ease, width 0.3s ease; + transition: + transform 0.3s ease, + width 0.3s ease; } #notifications:hover::before { @@ -282,7 +286,9 @@ header { bottom: -40px; right: -45%; background-color: var(--color-Accent-darker); - transition: transform 0.3s ease, width 0.3s ease; + transition: + transform 0.3s ease, + width 0.3s ease; } #reminders:hover::before { @@ -302,7 +308,9 @@ header { right: -20%; background-color: var(--color-Accent-darker); - transition: transform 0.3s ease, width 0.3s ease; + transition: + transform 0.3s ease, + width 0.3s ease; } #chat:hover::before { @@ -347,7 +355,11 @@ header { width: 150px; height: 150px; border-radius: 50%; - background-image: conic-gradient(#08e67b 65%, #0fc36c 65% 76%, #07a65a 76% 100%); + background-image: conic-gradient( + #08e67b 65%, + #0fc36c 65% 76%, + #07a65a 76% 100% + ); } .graficomoney ul { @@ -465,7 +477,9 @@ header { left: -60%; background-color: var(--color-Accent-darker); - transition: transform 0.3s ease, width 0.3s ease; + transition: + transform 0.3s ease, + width 0.3s ease; } .barra1:hover::before { @@ -489,7 +503,9 @@ header { left: -40%; background-color: var(--color-Accent-darker); - transition: transform 0.3s ease, width 0.3s ease; + transition: + transform 0.3s ease, + width 0.3s ease; } .barra2:hover::before { @@ -513,7 +529,9 @@ header { left: -50%; background-color: var(--color-Accent-darker); - transition: transform 0.3s ease, width 0.3s ease; + transition: + transform 0.3s ease, + width 0.3s ease; } .barra3:hover::before { diff --git a/css/css_padrao.css b/antigo/css/css_padrao.css similarity index 100% rename from css/css_padrao.css rename to antigo/css/css_padrao.css diff --git a/css/main.css b/antigo/css/main.css similarity index 100% rename from css/main.css rename to antigo/css/main.css diff --git a/dashboard.html b/antigo/dashboard.html similarity index 100% rename from dashboard.html rename to antigo/dashboard.html diff --git a/antigo/dummy.html b/antigo/dummy.html new file mode 100644 index 0000000..4aa4a2a --- /dev/null +++ b/antigo/dummy.html @@ -0,0 +1,30 @@ + + +
+ + +
+
+
+
+ + A Analytrick oferece a melhor ferramenta para gerenciar sua loja + virtual, permitindo que você impulsione seu crescimento com decisões + estratégicas embasadas em informações precisas sobre suas vendas. +
+ +
+ + A Analytricks é a escolha número um das lojas oficiais quando se + trata de impulsionar seus negócios e alcançar o sucesso de maneira + estratégica. +
+
+
+ A plataforma para Gestão de Vendas
+ Criar Conta +
+
+
+
+
-
-
-
+
+
+
+
+
+ OPPPAAAAA FUNCIONOU!
- > - ) -} diff --git a/app/src/components/navbar/navbar.tsx b/app/src/components/navbar/navbar.tsx deleted file mode 100644 index faad8db..0000000 --- a/app/src/components/navbar/navbar.tsx +++ /dev/null @@ -1,96 +0,0 @@ -export default function Navbar() { - return ( - <> -
-
-
-
-
-
-
-
-
-
- - A Analytrick oferece a melhor ferramenta para gerenciar sua loja virtual, permitindo que você impulsione seu - crescimento com decisões estratégicas embasadas em informações precisas sobre suas vendas. -
- -
- - A Analytricks é a escolha número um das lojas oficiais quando se trata de impulsionar seus negócios e - alcançar o sucesso de maneira estratégica. -
-
-
- A plataforma para Gestão de Vendas
- Criar Conta -
-
-
-
-
-
-
-