Skip to content

Commit

Permalink
dark mode
Browse files Browse the repository at this point in the history
  • Loading branch information
@Brunin12
Brunin12 committed Nov 21, 2023
1 parent f74b020 commit 507ad56
Show file tree
Hide file tree
Showing 5 changed files with 117 additions and 32 deletions.
29 changes: 22 additions & 7 deletions app/Views/default/components/layout/_js.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,16 +27,31 @@

<script>
$(() => {
$('.navbar').hide().show(1000)
$('.navbar').hide().show(750)

if (localStorage.getItem('dark-mode') === 'enabled') {
$('body').addClass('dark-mode');
}


$('#toogleMode').on('click', function() {
if ($('body').hasClass('dark-mode')) {
$('body').removeClass('dark-mode');
localStorage.setItem('dark-mode', 'disabled');
} else {
$('body').addClass('dark-mode');
localStorage.setItem('dark-mode', 'enabled');
}
});
if ('serviceWorker' in navigator) {
window.addEventListener('load', () => {
navigator.serviceWorker.register('/sw.js')
.then(registration => {
console.log('Service Worker registrado com sucesso:', registration);
})
.catch(error => {
console.log('Falha ao registrar o Service Worker:', error);
});
.then(registration => {
console.log('Service Worker registrado com sucesso:', registration);
})
.catch(error => {
console.log('Falha ao registrar o Service Worker:', error);
});
});
}
})
Expand Down
7 changes: 6 additions & 1 deletion app/Views/default/components/layout/_navbar.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
<a href="<?= base_url() ?>" class="nav-link">Início</a>
</li>
<li class="nav-item d-none d-sm-inline-block">
<a href="https://wa.me/+5575988111744" target="_blank" class="nav-link">Contato</a>
<a href="https://wa.me/+5575988111744" target="_blank" class="nav-link">Contato</a>
</li>
</ul>

Expand All @@ -36,6 +36,11 @@
</form>
</div>
</li>
<li class="nav-item d-none d-sm-inline-block">
<a class="nav-link" id="toogleMode" role="button">
<i class="fas fa-moon"></i>
</a>
</li>
</ul>
</nav>
<!-- /.navbar -->
8 changes: 4 additions & 4 deletions app/Views/default/components/widgets/carousel.php
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
<!-- carousel.php -->
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<div id="carousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<?php foreach ($slides as $key => $slide) : ?>
<li data-target="#carouselExampleIndicators" data-slide-to="<?= $key ?>" <?= $key === 0 ? 'class="active"' : '' ?>></li>
<li data-target="#carousel" data-slide-to="<?= $key ?>" <?= $key === 0 ? 'class="active"' : '' ?>></li>
<?php endforeach; ?>
</ol>
<div class="carousel-inner">
Expand All @@ -12,13 +12,13 @@
</div>
<?php endforeach; ?>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
<span class="carousel-control-custom-icon" aria-hidden="true">
<i class="fas fa-chevron-left"></i>
</span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<a class="carousel-control-next" href="#carousel" role="button" data-slide="next">
<span class="carousel-control-custom-icon" aria-hidden="true">
<i class="fas fa-chevron-right"></i>
</span>
Expand Down
68 changes: 53 additions & 15 deletions app/Views/home/index.php
View file
Original file line number Diff line number Diff line change
@@ -1,37 +1,75 @@
<div class="row">
<div class="col-3">
<div class="row mb-3">
<div class="col">
<?= box(
'Renda Pessoal',
'R$ 4.000 P/mês'
'Lucro',
'R$ 4.000 P/mês',
'bag' // Novo ícone para Renda
) ?>
</div>
<div class="col-3">
<div class="col">
<?= box(
'Lucro',
'R$ 6.500 p/mês'
'Faturamento',
'R$ 10.000 p/mês',
'cash' // Novo ícone para Faturamento
) ?>
</div>
<div class="col-3">
<div class="col">
<?= box(
'Faturamento',
'R$ 10.000 p/mês'
'Despesas',
'R$ 6.000 p/mês',
'card' // Novo ícone para Despesas
) ?>
</div>
<div class="col-3">
<?= box('Despesas', 'R$ 3.500 p/mês') ?>
</div>
<div class="row mb-3">
<div class="col">
<?= social(
'Bruno Parreira', // Nome
'Desenvolvedor Full Stack', // Slogan ou descrição
base_url('android-chrome-512x512.png'), // URL da imagem do perfil
'info', // Classe para estilização (pode ser 'success', 'warning', etc.)
[
'label' => 'Experiencia', // Rótulo para a primeira informação
'value' => '4 Anos', // Valor associado à primeira informação
'label2' => 'Projetos', // Rótulo para a segunda informação
'value2' => '37', // Valor associado à segunda informação
'label3' => 'Renda Passiva', // Rótulo para a terceira informação
'value3' => '1.3717 trilhões de Reais', // Valor associado à terceira informação
]
); ?>

</div>
</div>

<div class="row">
<?php
$slides = [
[
'image' => base_url('assets/dist/img/photo1.png'),
'alt' => 'Slide 1 Caption'
],
[
'image' => base_url('assets/dist/img/photo2.png'),
'alt' => 'Slide 2 Caption'
],
[
'image' => base_url('assets/dist/img/photo3.jpg'),
'alt' => 'Slide 3 Caption'
]
];
?>
<div class="row mb-3">
<div class="col">
<?= carousel($slides); ?>
</div>
</div>
<div class="row mb-3">
<div class="col w-100">
<?= card(
'Resumo',
'Lorem ipsum dolor, sit amet consectetur adipisicing elit. Velit, veritatis corrupti eaque ducimus impedit enim deleniti omnis earum dolor facere itaque et culpa magnam quod asperiores! Ad tenetur magnam aut!'
) ?>
</div>
</div>
<div class="row">
<div class="row mb-3">
<div class="col">
<a class="nav-link btn btn-success " id="hulk">Hulk Esmaga!!!</a>
</div>
Expand Down
37 changes: 32 additions & 5 deletions app/Views/home/js.php
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,36 @@
<script type="module">
$(() => {
$('.card:eq(0)').hide().fadeIn(1500); // Exibe a primeira carta (índice 0)
$('.card:eq(1)').hide().fadeIn(1500); // Exibe a segunda carta (índice 1)
$('.card:eq(2)').hide().fadeIn(1500); // Exibe a terceira carta (índice 2)
$('.card:eq(3)').hide().fadeIn(1500); // Exibe a quarta carta (índice 3)
const sleep = 550;
$('.card:eq(0)').hide()
$('.card:eq(1)').hide()
$('#carousel').hide()
$('#hulk').hide()
$('.small-box:eq(1)').hide()
$('.small-box:eq(2)').hide()
$('.small-box:eq(0)').hide().show(sleep);
setTimeout(() => {
$('.small-box:eq(1)').show(sleep - 200);
setTimeout(() => {
$('.small-box:eq(2)').show(sleep - 300);
setTimeout(() => {
$('.card:eq(0)').show(sleep - 100);
setTimeout(() => {
$('#carousel').show(sleep);
setTimeout(() => {
$('.card:eq(1)').show(sleep);
setTimeout(() => {
$('#hulk').show(sleep);
}, sleep);
}, sleep);
}, sleep);
}, sleep - 400);
}, sleep - 300);
}, sleep - 200);
$('#hulk').click(() => {
$('.content-wrapper').addClass('animation__shake');
Expand All @@ -12,4 +39,4 @@
}, 2000); // Aguarda 2 segundos antes de remover a classe
});
});
</script>
</script>

0 comments on commit 507ad56

Please sign in to comment.