https://github.com/nyctibiusvii/dianoitejs

Mostra um visual diferente de acordo com o horário atual. 🖼☀🌑
https://github.com/nyctibiusvii/dianoitejs

css dia guanabara gustavo-guanabara horarios html imagens javascript jquery noite projeto seu-tempo spectrum visual

Last synced: 25 days ago
JSON representation

Mostra um visual diferente de acordo com o horário atual. 🖼☀🌑

• Host: GitHub
• URL: https://github.com/nyctibiusvii/dianoitejs
• Owner: NyctibiusVII
• License: mit
• Created: 2020-08-28T02:17:12.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2021-05-29T22:30:08.000Z (over 3 years ago)
• Last Synced: 2023-03-10T06:02:43.576Z (over 1 year ago)
• Topics: css, dia, guanabara, gustavo-guanabara, horarios, html, imagens, javascript, jquery, noite, projeto, seu-tempo, spectrum, visual
• Language: JavaScript
• Homepage: https://dia-noite-js.vercel.app
• Size: 21.4 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  





  

  

  

    

  

  

    

  





  Projeto                      |   

  Visual                         |   

  Executar   |   

  Licença



# Dia/Noite 🌞🌚

O projeto foi ensinado por [Gustavo Guanabara](https://github.com/professorguanabara) com o intuito de aprender mais sobre algumas funcionalidades do javascript/iniciante.

O back-end atualiza a cada 1 hora pegando o seu tempo atual e dependendo do horário (Manha, Tarde, Noite ou Madrugada) seta uma imagem base(cinza) para outra condizente com seu tempo.

###### Ex:

``` bash

# Seu horário é 17:30

# Então ira aparecer uma imagem relacionada ao entardecer

```

## Visual ✨

|  |  |

| :---: | :---: |

|  |  |

|  |  |

|:---:|:---:|

## Rodando o projeto 🚴🏻‍♂️

``` bash

# Clone o repositório

$ git clone https://github.com/NyctibiusVII/DiaNoiteJS.git

# Abra o index.html com seu navegador

- abra o explorer no arquivo

- Clique com o botão direito no arquivo

- Clique em 'Abrir com...' e selecione seu navegador

# O documento atualiza a cada 1 hora já pegando os minutos passados

```

## Próximos passos 🚶🏻‍♂️

- Imagens -> adicionar mais imagens, ideal ( 1 img p/ cada hora)

- Background -> fazer a transição de cores conforme o horario do dia.

###### Ex:

``` bash

# Agora é 17:30

# Então em tese será uma transição do entardecer ao anoitecer

```

## Licença ⚖️

Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](https://github.com/NyctibiusVII/DiaNoiteJS/blob/master/LICENSE) para mais detalhes.

## Contato ✉️

| 
@MatheusVidigal🦊 |

| :---: |