creditos.html

<!DOCTYPE html>
<html> 

<head>
    <title>Créditos - Reorganize o Brasil</title>
    <meta name="viewport" content="width=device-width">
    <link rel="icon" type="image/x-icon" href="static/dist/img/favicon.ico">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
    <link rel="stylesheet" href="static/dist/css/general.css">
    <meta charset="utf-8"/>
</head>

<body>
    <div id="mainContent">
        <div class="row credits-header">
            <div class="column left ">
                <div class="h1 fw-bolder lh-1 stateHeader mb-3">Reorganize o Brasil</div>
                <span class="fs-6 fw-lighter">
                    <a href="./">Retornar ao site</a>   
                </span>
                <div class="fs-6 fw-light lh-1 mt-3">
                    Eu sempre quis um app como esse, mas nunca encontrei, então me perguntei, por que não?
                </div>
            </div>
            <div class="mid container credits-main">
                <div class="column mid">
                    <p class="h2 fw-bold mb-2">Créditos</p>
                    <ul>
                        <li>
                            <div class="mt-3">Não teria feito nada disso se não fosse por <a href="https://github.com/DysLabs/dyslabs.github.io/tree/master/mapster">Dyslabs</a> ter disponibilizado o código para o <a href="https://dyslabs.github.io/mapster/">app</a> dele que usei de base. Todo agradecimento e créditos para ele.</div>
                        </li>
                        <li>
                            <div class="mt-3">Obrigado ao <a href="https://github.com/adolfoguimaraes/mapas_dataset/tree/main">AdolfoGuimarães/mapas_dataset</a> pelo seu post de dicas de conversão dos mapas brasileiros.</div>
                        </li>
                    </ul>
                    <p class="h5 fw-bold mb-2 mt-4">Dados</p>
                    <ul>
                        <li>
                            <div class="mt-3">Os dados de população foram tirados do <a href="https://censo2022.ibge.gov.br/panorama/">censo</a> do IBGE de 2022.</div>
                        </li>
                        <li>
                            <div class="mt-3">Os dados de PIB foram retirados da página da <a href="https://pt.wikipedia.org/wiki/Lista_de_municípios_do_Brasil_por_PIB">Wikipédia</a> com fonte a divulgação do IBGE dos dados de 2020.</div>
                        </li>
                        <li>
                            <div class="mt-3">O PIB Per Capita foi calculado a partir desses dados do PIB de 2020 com a população do censo de 2022, então ele não representa um dado oficial, apenas uma representação.</div>
                        </li>
                        <li>
                            <div class="mt-3">A maioria dos outros dados estão desatualizados e são do censo de 2010. Um agradecimento gigante ao Paulo Neves por ter compilado os dados do atlas e ter disponibilizado um dataset ótimo no <a href="https://www.kaggle.com/datasets/pauloeduneves/hdi-brazil-idh-brasil">Kaggle</a>.</div>
                        </li>
                        <li>
                            <div class="mt-3">Importante lembrar que os dados estaduais são apenas médias ou soma dos dados municipais e não representam a realidade. O IDH e a Expectativa de Vida tem valores diferentes das divulgações oficiais por esse motivo, já que usa a população de 2022 com os indicadores de 2010. Pretendo atualizar quando tivermos os dados completos do novo censo.</div>
                        </li>
                        <li>
                            <div class="mt-3">Agradeço também ao Yuri Galvão por ter disponibilizado um ótimo dataset dos dados das eleições de 2022 no <a href="https://www.kaggle.com/datasets/yurigalvao/brazil-elections-2022">Kaggle</a>, o que fez ser possível ter estes indicadores aqui.</div>
                        </li>
                    </ul>
                    <p class="h5 fw-bold mb-2 mt-4">Outros</p>
                    <ul>
                        <li><div class="mt-3">O app foi densenvolvido em Javascript e usa <a href="https://d3js.org">D3.js</a> para a visualização dos dados e no front-end.</div></li>
                        <li><div class="mt-3">O design foi desenvolvido por mim com base na versão 5.3 do <a href="https://getbootstrap.com">Bootstrap</a>.</div></li>
                        <li><div class="mt-3">Desenvolvido por mim, Adryson Freitas ;). Você pode me encontrar no <a href="https://www.instagram.com/meiamadryson/">Instagram</a>, <a href="https://github.com/AdrysonFreitas">GitHub</a>, <a href="https://github.com/AdrysonFreitas">Behance</a> e <a href="https://www.linkedin.com/in/adryson/">LinkedIn</a>.</div></li>
                        <li><div class="mt-3">Por último e não menos importante, stream <a href="https://open.spotify.com/intl-pt/artist/26dSoYclwsYLMAKD3tpOr4">Britney Spears</a>, <a href="https://open.spotify.com/intl-pt/artist/4RVnAU35WRWra6OZ3CbbMA">Kylie Minogue</a> e <a href="https://open.spotify.com/intl-pt/artist/1Xylc3o4UrD53lo9CvFvVg">Zara Larsson</a>.</div></li>

                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="mb-2">Desenvolvido por <a href="https://github.com/AdrysonFreitas">Adryson Freitas</a>.</div>
        <hr>
        <div class="creditos">
            <div class="mb-1">Agradecimentos especiais e créditos ao <a href="https://github.com/DysLabs/dyslabs.github.io/tree/master/mapster">Dyslabs</a> pelo código inicial que esse app foi baseado.</div>
            <div class="mb-1">Todos os dados desse site foram compilados a partir de dados gratuitos. Os dados do site não necessariamente estão atualizados ou representam a realidade brasileira, é apenas por diversão. Para dados mais precisos acesse <a href="https://www.ibge.gov.br">IBGE</a>.</div>
            <div class="mb-1">Veja todos os créditos <a href="creditos.html">aqui</a>.</div>
        </div>
    </div>
</body>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>

</html>