diff --git a/README.md b/README.md index 2424681..1197ed2 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,29 @@ -# Ipcats - Pesquisador de Ips e dominios. -VALEU RAPAZIADA!! +# Ipcats - Obtenha informações de um endereço IP e de um domínio. + + +O IPCats é um site dedicado à busca de informações de IPs e domínios. Nosso sistema oferece uma ampla gama de recursos, incluindo uma funcionalidade de pesquisa abrangente e um mapa que indica a localização do provedor do IP ou domínio em questão. + +Para construir esta aplicação, utilizamos a biblioteca React, uma ferramenta poderosíssima para a criação de interfaces. Neste projeto, utilizamos a API do [my-ip-address](https://my-ip-address.bohr.io/api) em conjunto com uma proxy da API [IP-API](https://ip-api.com/). Além disso, Foi utilizado o [Mapbox](https://www.mapbox.com/) para o mapa do site. + +Nossa missão é fornecer uma plataforma confiável e fácil de usar para aqueles que desejam acessar informações relacionadas a IPs e domínios, e continuamos a aprimorar e expandir nossos recursos para melhor atender às necessidades dos nossos usuários. + +Caso queira testar o projeto em sua máquina, utilize os seguinte comandos no terminal: + +```sh +npm install ou yarn install +``` + +Ambiente de Desenvolvimento: +```sh +npm run dev ou yarn dev +``` + +Para construir os arquivos do Projeto: +```sh +npm run build ou yarn build +``` + +Para Iniciar o Projeto: +```sh +npm run start ou yarn start +``` diff --git a/src/components/CardResult/style.ts b/src/components/CardResult/style.ts index b9a6aa8..b939402 100644 --- a/src/components/CardResult/style.ts +++ b/src/components/CardResult/style.ts @@ -47,5 +47,10 @@ export const CardPhrase = styled.p` color: ${theme.colors.result}; text-align: center; font-weight: 700; + + ::after { + content: attr(data-text); + font-size: calc(${theme.font.sizes.text_lg} - 0.1rem * (attr(data-text) - 10)); + } `} `; diff --git a/src/templates/Footer/index.tsx b/src/templates/Footer/index.tsx index a553970..2d1fa1c 100644 --- a/src/templates/Footer/index.tsx +++ b/src/templates/Footer/index.tsx @@ -25,4 +25,4 @@ const Footer = () => { ) } -export default Footer +export default Footer; \ No newline at end of file