Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 7 additions & 7 deletions app/pages/como-calcular-juros-da-poupanca.vue
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<template>
<section class="prose prose-md max-w-3xl mx-auto my-16 px-4 sm:px-8">
<h1>Como calcular juros da Poupança</h1>
<section class="prose max-w-3xl mx-auto my-8 px-4 sm:px-8">
<h2>Como calcular juros da Poupança</h2>
<p>
De acordo com a <a href="https://www.bcb.gov.br/estatisticas/remuneradepositospoupanca" target="_blank">legislação
atual</a>, a remuneração dos depósitos de poupança é composta de duas parcelas:
Expand All @@ -20,25 +20,25 @@
A remuneração dos depósitos de poupança é calculada sobre o <strong>menor saldo de cada período de
rendimento</strong>.
</p>
<h2>Período de Rendimento</h2>
<p class="p-4 shadow shadow-gray-300 rounded-lg bg-linear-to-r from-slate-100 to-amber-50">
<h3>Período de Rendimento</h3>
<p class="p-4 shadow shadow-gray-300 rounded-lg bg-gradient-to-r from-slate-100 to-amber-50">
A <strong>data de aniversário</strong> da conta de depósito de poupança é o dia do mês de sua abertura. Para
contas abertas nos dias 29, 30 e 31, considera-se como data de aniversário o dia 1º do mês seguinte.
</p>
<h2>Crédito dos Rendimentos</h2>
<h3>Crédito dos Rendimentos</h3>
<ul>
<li>Mensalmente, na data de aniversário da conta, para depósitos de pessoa física e entidades sem fins
lucrativos.
</li>
<li>Trimestralmente, na data de aniversário no último mês do trimestre, para os demais depósitos.</li>
</ul>
<h2>Como obtemos o índice da Poupança</h2>
<h3>Como obtemos o índice da Poupança</h3>
<p>
Este projeto obtém automaticamente o índice mais recente da poupança por meio de integração com a dados oficiais
fornecidos pelo <a href="https://www.bcb.gov.br/estatisticas/remuneradepositospoupanca" target="_blank">Banco
Central do Brasil</a>.
</p>
<h2>Fontes Oficiais</h2>
<h3>Fontes Oficiais</h3>
<ul>
<li><a href="https://www.bcb.gov.br/estatisticas/remuneradepositospoupanca" target="_blank">Remuneração dos
Depósitos de Poupança – BCB</a></li>
Expand Down
109 changes: 36 additions & 73 deletions app/pages/sobre.vue
Original file line number Diff line number Diff line change
@@ -1,81 +1,43 @@
<template>
<div>
<h1 class="text-2xl font-bold text-gray-900 mb-6">Sobre este projeto</h1>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-4">
<div class="bg-white rounded-lg shadow-md overflow-hidden">
<img src="/images/help-wanted.jpg" class="w-full h-24 object-cover" alt="Help Wanted" />
<section class="prose prose-md max-w-4xl mx-auto my-8 px-4 sm:px-8">
<h2>Sobre este projeto</h2>
<div class="mb-4">
<div>
<img src="/images/laptop-ide-code.jpg" class="w-full h-80 object-cover" alt="Laptop IDE Code"/>
<div class="p-6">
<h2 class="text-xl font-semibold text-gray-900 mb-2">Você é um desenvolvedor?</h2>
<p class="text-sm text-gray-600 mb-4">Tens experiência com Vue.js?</p>
<p class="text-gray-700 mb-6">
Precisamos de um desenvolvedor frontend, que possa aplicar sua
criatividade no desenvolvimento do frontend desse projeto. Todo
desenvolvedor backend tem a fama de fazer péssimas interfaces
(pa-dum-ts!)
<h3>Como tudo começou?</h3>
<p>
Era uma vez um artesão de software que quis fazer sua própria calculadora de renda fixa ...
</p>
<div class="flex flex-wrap gap-2">
<a
href="https://github.com/rendafixa/rendafixa.github.io"
class="inline-flex items-center px-4 py-2 border border-gray-300 rounded-md text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 transition-colors"
>
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
</svg>
Quero ajudar
</a>
<a
href="https://github.com/rendafixa/rendafixa.github.io/issues/new"
class="inline-flex items-center px-4 py-2 border border-gray-300 rounded-md text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 transition-colors"
>
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
Achei um bug
</a>
</div>
</div>
</div>

<div class="bg-white rounded-lg shadow-md overflow-hidden">
<img src="/images/laptop-ide-code.jpg" class="w-full h-24 object-cover" alt="Laptop IDE Code" />
<div class="p-6">
<h2 class="text-xl font-semibold text-gray-900 mb-2">Como tudo começou?</h2>
<p class="text-sm text-gray-600 mb-4">
Era uma vez um artesão de software que quis fazer sua própria
calculadora de renda fixa ...
</p>
<div class="text-gray-700 mb-6 space-y-3">
<div class="space-y-3">
<p>
.. e foi que assim que comecei a desenvolver este projeto,
buscando as taxas e índices que podem de alguma me auxiliar nos
cálculos que envolvem os rendimentos aplicados em renda fixa.
.. e foi que assim que comecei a desenvolver este projeto, buscando as taxas e índices que podem de alguma
me auxiliar nos cálculos que envolvem os rendimentos aplicados em renda fixa.
</p>
<p>
Desenvolvido por
<a href="https://marcelorodrigo.com" class="text-blue-600 hover:text-blue-800 underline">Marcelo Rodrigo</a> e alguns
<a
href="https://github.com/rendafixa/rendafixa.github.io/graphs/contributors"
title="GitHub Contributors"
class="text-blue-600 hover:text-blue-800 underline"
>alguns colegas</a>.
<a href="https://marcelorodrigo.com" class="text-blue-600 hover:text-blue-800 underline"
title="Marcelo Rodrigo">Marcelo Rodrigo</a>
e
<a href="https://github.com/rendafixa/rendafixa.github.io/graphs/contributors" title="GitHub Contributors"
class="text-blue-600 hover:text-blue-800 underline">alguns colegas</a>.
</p>
</div>
<div class="flex flex-wrap gap-2">
<a
href="https://github.com/rendafixa/rendafixa.github.io"
class="inline-flex items-center px-4 py-2 border border-gray-300 rounded-md text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 transition-colors"
>
<div class="flex flex-wrap gap-2 mt-6">
<a href="https://github.com/rendafixa/rendafixa.github.io"
class="inline-flex items-center px-4 py-2 border border-gray-300 rounded-md text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 transition-colors">
<svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" />
<path fill-rule="evenodd"
d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
clip-rule="evenodd"/>
</svg>
Github
</a>
<a
href="https://github.com/rendafixa/rendafixa.github.io/graphs/contributors"
class="inline-flex items-center px-4 py-2 border border-gray-300 rounded-md text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 transition-colors"
>
<a href="https://github.com/rendafixa/rendafixa.github.io/graphs/contributors"
class="inline-flex items-center px-4 py-2 border border-gray-300 rounded-md text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 transition-colors">
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" />
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"/>
</svg>
Desenvolvedores
</a>
Expand All @@ -84,29 +46,30 @@
</div>
</div>

<div class="bg-white rounded-lg shadow-md">
<div class="px-6 py-4 border-b border-gray-200">
<h2 class="text-lg font-semibold text-gray-900">Créditos</h2>
</div>
<div class="px-6 py-4 space-y-3 text-gray-700">
<div>
<h3 class="px-6">Créditos</h3>
<div class="px-6 space-y-3">
<p>
<a href="https://www.flaticon.com/free-icons/budget" rel="noopener" class="text-blue-600 hover:text-blue-800 underline">
<a href="https://www.flaticon.com/free-icons/budget" rel="noopener"
class="text-blue-600 hover:text-blue-800 underline">
Budget icons created by Freepik - Flaticon
</a>
</p>
<p>
Photo by
<a href="https://unsplash.com/@wocintechchat" rel="noopener" class="text-blue-600 hover:text-blue-800 underline">
<a href="https://unsplash.com/@wocintechchat" rel="noopener"
class="text-blue-600 hover:text-blue-800 underline">
Christina @ wocintechchat.com
</a>
on
<a href="https://unsplash.com/s/photos/dev" rel="noopener" class="text-blue-600 hover:text-blue-800 underline">
<a href="https://unsplash.com/s/photos/dev" rel="noopener"
class="text-blue-600 hover:text-blue-800 underline">
Unsplash
</a>
</p>
</div>
</div>
</div>
</section>
</template>

<script setup lang="ts">
Expand Down
Binary file removed public/images/help-wanted.jpg
Binary file not shown.