Skip to content

Commit

Permalink
atualização pages
Browse files Browse the repository at this point in the history
  • Loading branch information
@Kauanrodrigues01
Kauanrodrigues01 committed Jul 4, 2024
1 parent 4b30383 commit e53156b
Show file tree
Hide file tree
Showing 3 changed files with 22 additions and 22 deletions.
22 changes: 11 additions & 11 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fokus</title>
<link rel="shortcut icon" href="Fokus-localStore-e-DOM/./imagens/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/Fokus-localStore-e-DOM/./imagens/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"
integrity="sha512-NmLkDIU1C/C88wi324HBc+S2kLhi08PN5GDeUVVVC/BVt/9Izdsc9SVeVfA1UZbY3sHUlDSyRXhCzHfr6hmPPw=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
Expand All @@ -23,7 +23,7 @@
<main class="app">
<header class="app__header">
<figure class="app__logo-figure">
<img class="app__logo-image" src="Fokus-localStore-e-DOM/imagens/logo.png" alt="">
<img class="app__logo-image" src="/Fokus-localStore-e-DOM/imagens/logo.png" alt="">
</figure>
</header>
<section class="app__section-banner-container">
Expand All @@ -32,7 +32,7 @@ <h1 class="app__title">
<strong class="app__title-strong">mergulhe no que importa.</strong>
</h1>
<figure class="app__image-figure">
<img class="app__image" src="Fokus-localStore-e-DOM/imagens/foco.png" alt="">
<img class="app__image" src="/Fokus-localStore-e-DOM/imagens/foco.png" alt="">
</figure>
</section>
<section class="app__section-card-container">
Expand Down Expand Up @@ -64,7 +64,7 @@ <h1 class="app__title">
</ul>
<div class="app__card-primary-button-wrapper">
<button id="start-pause" class="app__card-primary-button">
<img class="app__card-primary-butto-icon" src="Fokus-localStore-e-DOM/imagens/play_arrow.png" alt="">
<img class="app__card-primary-butto-icon" src="/Fokus-localStore-e-DOM/imagens/play_arrow.png" alt="">
<span>Começar</span>
</button>
</div>
Expand All @@ -82,18 +82,18 @@ <h1 class="app__title">
<h2 class="app__section-tasks-heading">Lista de tarefas:</h2>
<div class="dropdown-container">
<button class="app_button-more">
<img src="Fokus-localStore-e-DOM/imagens/more.svg" alt="">
<img src="/Fokus-localStore-e-DOM/imagens/more.svg" alt="">
</button>
<ul class="app__section-task-header__ul">
<li class="app__section-task-header__li">
<button class="app__section-task-header__li__button" id="btn-remover-concluidas">
<img src="Fokus-localStore-e-DOM/imagens/check.svg" alt="">
<img src="/Fokus-localStore-e-DOM/imagens/check.svg" alt="">
Limpar tarefas concluídas
</button>
</li>
<li class="app__section-task-header__li">
<button class="app__section-task-header__li__button" id="btn-remover-todas">
<img src="Fokus-localStore-e-DOM/imagens/trash.svg" alt="">
<img src="/Fokus-localStore-e-DOM/imagens/trash.svg" alt="">
Limpar todas as tarefas
</button>
</li>
Expand All @@ -110,19 +110,19 @@ <h2 class="app__section-tasks-heading">Lista de tarefas:</h2>
</div>
<footer class="app__form-footer">
<button type="button" class="app__form-footer__button app__form-footer__button--delete">
<img src="Fokus-localStore-e-DOM/imagens/delete.png" alt=""> Deletar
<img src="/Fokus-localStore-e-DOM/imagens/delete.png" alt=""> Deletar
</button>
<div class="splitter"></div>
<button type="button" class="app__form-footer__button app__form-footer__button--cancel">
<img src="Fokus-localStore-e-DOM/imagens/close.png" alt=""> Cancelar
<img src="/Fokus-localStore-e-DOM/imagens/close.png" alt=""> Cancelar
</button>
<button class="app__form-footer__button app__form-footer__button--confirm">
<img src="Fokus-localStore-e-DOM/imagens/save.png" alt=""> Salvar
<img src="/Fokus-localStore-e-DOM/imagens/save.png" alt=""> Salvar
</button>
</footer>
</form>
<button class="app__button--add-task">
<img src="Fokus-localStore-e-DOM/imagens/add_circle.png" alt=""> Adicionar nova tarefa
<img src="/Fokus-localStore-e-DOM/imagens/add_circle.png" alt=""> Adicionar nova tarefa
</button>
</div>
</section>
Expand Down
2 changes: 1 addition & 1 deletion script/script-crud.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@ const carregarTarefas = () => {
const botao = document.createElement('button')
botao.classList.add('app_button-edit')
const imagemBt = document.createElement('img')
imagemBt.setAttribute('src', 'Fokus-localStore-e-DOM/imagens/edit.png')
imagemBt.setAttribute('src', '/Fokus-localStore-e-DOM/imagens/edit.png')
botao.appendChild(imagemBt)

li.appendChild(svg)
Expand Down
20 changes: 10 additions & 10 deletions script/script.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,14 +12,14 @@ const titulo = document.querySelector('.app__title')

// audios
const musicaFocoInput = document.querySelector('#alternar-musica')
const musica = new Audio('Fokus-localStore-e-DOM/sons/luna-rise-part-one.mp3')
const musica = new Audio('/Fokus-localStore-e-DOM/sons/luna-rise-part-one.mp3')
musica.loop = true

//cronômetro
const startPauseBt = document.querySelector('#start-pause')
const audioPlay = new Audio('Fokus-localStore-e-DOM/sons/play.wav')
const audioPausa = new Audio('Fokus-localStore-e-DOM/sons/pause.mp3')
const audioBeep = new Audio('Fokus-localStore-e-DOM/sons/beep.mp3')
const audioPlay = new Audio('/Fokus-localStore-e-DOM/sons/play.wav')
const audioPausa = new Audio('/Fokus-localStore-e-DOM/sons/pause.mp3')
const audioBeep = new Audio('/Fokus-localStore-e-DOM/sons/beep.mp3')
const imgBtComecar = startPauseBt.children[0]
const ComecarPausarBt = startPauseBt.children[1]
const tempoNaTela = document.querySelector('#timer')
Expand All @@ -36,23 +36,23 @@ musicaFocoInput.addEventListener('change', ()=>{
})

focoBt.addEventListener('click', () => {
imgBtComecar.setAttribute('src', 'Fokus-localStore-e-DOM/imagens/play_arrow.png')
imgBtComecar.setAttribute('src', '/Fokus-localStore-e-DOM/imagens/play_arrow.png')
ComecarPausarBt.textContent = 'Começar'
pausar()
tempoDecorridoEmSegundos = 1500
alterarModoDeTempo('foco', focoBt, '25:00')
})

curtoBt.addEventListener('click', () => {
imgBtComecar.setAttribute('src', 'Fokus-localStore-e-DOM/imagens/play_arrow.png')
imgBtComecar.setAttribute('src', '/Fokus-localStore-e-DOM/imagens/play_arrow.png')
ComecarPausarBt.textContent = 'Começar'
pausar()
tempoDecorridoEmSegundos = 300
alterarModoDeTempo('descanso-curto', curtoBt, '05:00')
})

longoBt.addEventListener('click', () => {
imgBtComecar.setAttribute('src', 'Fokus-localStore-e-DOM/imagens/play_arrow.png')
imgBtComecar.setAttribute('src', '/Fokus-localStore-e-DOM/imagens/play_arrow.png')
ComecarPausarBt.textContent = 'Começar'
pausar()
tempoDecorridoEmSegundos = 900
Expand All @@ -63,7 +63,7 @@ longoBt.addEventListener('click', () => {
const alterarModoDeTempo = (contexto, el, temporizador) => {
mostrarTempo()
html.setAttribute('data-contexto', contexto)
banner.setAttribute('src', `Fokus-localStore-e-DOM/imagens/${contexto}.png`)
banner.setAttribute('src', `/Fokus-localStore-e-DOM/imagens/${contexto}.png`)

focoBt.classList.remove('active')
curtoBt.classList.remove('active')
Expand Down Expand Up @@ -111,13 +111,13 @@ const iniciarOuPausar = () => {
if(intervaloId){
audioPausa.play()
pausar()
imgBtComecar.setAttribute('src', 'Fokus-localStore-e-DOM/imagens/play_arrow.png')
imgBtComecar.setAttribute('src', '/Fokus-localStore-e-DOM/imagens/play_arrow.png')
ComecarPausarBt.textContent = 'Começar'
return
}
audioPlay.play()
intervaloId = setInterval(contagemRegressiva, 1000)
imgBtComecar.setAttribute('src', 'Fokus-localStore-e-DOM/imagens/pause.png')
imgBtComecar.setAttribute('src', '/Fokus-localStore-e-DOM/imagens/pause.png')
ComecarPausarBt.textContent = 'Pausar'
}

Expand Down

0 comments on commit e53156b

Please sign in to comment.