Skip to content

Latest commit

 

History

History
91 lines (66 loc) · 3.69 KB

README.pt-BR.md

File metadata and controls

91 lines (66 loc) · 3.69 KB

Ciranda

Ciranda é uma aplicação web simples e interativa, desenvolvida para facilitar o acesso a sistemas web.

alt text

Descrição

A interface do Ciranda organiza ícones representativos em dois grupos dispostos como círculos concêntricos. Cada ícone fornece um link direto para ferramentas e sistemas essenciais, otimizando a navegação, além uma uma barra suberior e outra inferior para o mesmo propósito.

Tecnologias Utilizadas

  • HTML5: Estruturação da aplicação.
  • CSS3: Estilização e design responsivo.
  • JavaScript: Lógica de disposição dinâmica dos ícones e interatividade.
  • Bootstrap: Para o grid da página secsecond.html.

Funcionalidades

  • Disposição Circular: Ícones distribuídos em círculos interno e externo.
  • Design Responsivo: Layout adaptável para diferentes tamanhos de tela.
  • Links Diretos: Acesso rápido a sistemas e ferramentas por meio de ícones clicáveis.
  • Interatividade: Efeitos visuais ao passar o mouse sobre os ícones.

Como Utilizar

  1. Clone este repositório:

    git clone https://github.com/hipolitorodrigues/ciranda.git

  2. Navegue até o diretório do projeto:

    cd ciranda

  3. Abra o arquivo index.html em um navegador de sua preferência.

Estrutura do Projeto

ciranda/
├── index.html                      # Arquivo principal da aplicação
├── assets/
│   ├── bootstrap/                  # Recursos do Bootstrap
│   │   ├── bootstrap-icons/        # Ícones do Bootstrap
│   │   ├── css/                    # Arquivos de estilos do Bootstrap
│   │   └── js/                     # Scripts do Bootstrap
│   ├── css/                        # Arquivos de estilos personalizados
│   ├── images/                     # Imagens do projeto
│   ├── js/                         # Scripts personalizados
│   └── pages/                      # Páginas adicionais do projeto

Pré-requisitos

Certifique-se de que você tem um navegador atualizado para garantir compatibilidade com os recursos modernos usados na aplicação.

Personalização

Para adicionar ou modificar os ícones e links:

  1. Abra o arquivo script.js.
  2. Encontre as configurações em JavaScript para innerLinks (círculo interno) e outerLinks (círculo externo).
  3. Adicione ou altere os objetos no formato: 
    { id: 'nome-do-icone', url: 'https://link.com', image: 'caminho/para/imagem.png' }

Desenvolvedor

  • Desenvolvedor: Hipolito Rodrigues
  • Data de Criação: 11/11/2024
  • Última Atualização: 16/01/2025
  • Versão Atual: 1.2

Licença

Este projeto está licenciado sob a Licença MIT. Isso significa que você pode usar, copiar, modificar, mesclar, publicar, distribuir, sublicenciar e/ou vender cópias do software, desde que mantenha o aviso de copyright original e a licença incluídos em todas as cópias ou partes substanciais do software.