diff --git a/README.md b/README.md index 68db941..4480415 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@
- -

šŸ‘ØšŸ»ā€šŸš€
nlw-journey-fullstack

+ +

NLW Journey

Um Planejador de Atividades para Viagens desenvolvido em HTML, CSS e JavaScript na NLW Journey da Rocketseat.

@@ -28,11 +28,11 @@ O Plann.er Ć© uma aplicaĆ§Ć£o responsiva que permite adicionar e concluir ativid Desktop -![Desktop Preview](desktop-screenshot.png "Desktop Preview") +![Desktop Preview](./assets/img/desktop-screenshot.png "Desktop Preview") Mobile - +

Tecnologias

@@ -58,20 +58,24 @@ Acesse o Plann.er no link abaixo

Destaques

Uso da biblioteca Day.js para a formataĆ§Ć£o e exibiĆ§Ć£o de datas. + ```html - + ```
AnimaĆ§Ć£o fade-in ao adicionar uma nova atividade. + ```css section .card-bg { animation: appear 1.5s; } - + @keyframes appear { from { opacity: 0; @@ -82,39 +86,37 @@ section .card-bg {
Efeito de sombra mais elaborado. + ```css .card-bg { border-radius: 12px; - background: #18181B; - - box-shadow: - 0px 8px 8px rgba(0, 0, 0, 0.1), - 0px 4px 4px rgba(0, 0, 0, 0.1), - 0px 2px 2px rgba(0, 0, 0, 0.1), - 0px 0px 0px 1px rgba(0, 0, 0, 0.1), - inset 0px 0px 0px 1px rgba(255, 255, 255, 0.03), - inset 0px 1px 0px rgba(255, 255, 255, 0.03); + background: #18181b; + + box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1), 0px 4px 4px rgba(0, 0, 0, 0.1), + 0px 2px 2px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1), + inset 0px 0px 0px 1px rgba(255, 255, 255, 0.03), inset 0px 1px 0px rgba(255, 255, 255, 0.03); } ```
Atualizando lista de atividades. + ```js const atualizarListaDeAtividades = () => { - const section = document.querySelector('section') - section.innerHTML = '' + const section = document.querySelector("section"); + section.innerHTML = ""; - if(atividades.length == 0) { - section.innerHTML = `

Nenhuma atividade cadastrada

` - return + if (atividades.length == 0) { + section.innerHTML = `

Nenhuma atividade cadastrada

`; + return; } - for(let atividade of atividades) { - section.innerHTML = section.innerHTML + criarItemDeAtividade(atividade) + for (let atividade of atividades) { + section.innerHTML = section.innerHTML + criarItemDeAtividade(atividade); } -} -atualizarListaDeAtividades() +}; +atualizarListaDeAtividades(); ```

Meu contato

diff --git a/style.css b/assets/css/style.css similarity index 100% rename from style.css rename to assets/css/style.css diff --git a/desktop-screenshot.png b/assets/img/desktop-screenshot.png similarity index 100% rename from desktop-screenshot.png rename to assets/img/desktop-screenshot.png diff --git a/mobile-screenshot.png b/assets/img/mobile-screenshot.png similarity index 100% rename from mobile-screenshot.png rename to assets/img/mobile-screenshot.png diff --git a/assets/img/nlw-journey.png b/assets/img/nlw-journey.png new file mode 100644 index 0000000..139c380 Binary files /dev/null and b/assets/img/nlw-journey.png differ diff --git a/script.js b/assets/script/script.js similarity index 100% rename from script.js rename to assets/script/script.js diff --git a/index.html b/index.html index e7cc6c9..de40fe5 100644 --- a/index.html +++ b/index.html @@ -1,91 +1,86 @@ + - - - NLW Journey + + NLW Journey + - - - + + + - - - + + + - - + + -
-
+
+ -
- - - - - -
+
+ + + + + +
-
-
- - - - - -
+
+
+ + + + + +
-
- - - - -
+
+ + + + +
-
- - - - -
-
+
+ + + + +
+
- - + + -
-

Atividades

-
-
-
+
+

Atividades

+
+
+
- \ No newline at end of file +