<commit_before><!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <!--Let browser know website is optimized for mobile-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title><NAME></title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!--Menu-->
    <a href="#" class="toggle-menu"><i class="fa fa-bars" aria-hidden="true"></i></a>
    <nav id="menu">
        <ul>
            <li><a href="#home" class="active">Home</a></li>
            <li><a href="#sobre" class="">Sobre</a></li>
            <li><a href="#habilidades" class="">Habilidades</a></li>
            <li><a href="#portifolio" class="">Portifólio</a></li>
        </ul>
    </nav>
    <!--Conteúdo Principal-->
    <main id="content">
        <!--Parallax2 - SOBRE-->
        <section id="home" class="section-js">
            <div class="over">
                <div class="img">
                    <img src="https://avatars.githubusercontent.com/u/12464600?v=3" alt="">
                </div>
                <div class="infos">
                    <p class="home-nome"><NAME></p>
                    <span class="home-cargo">Desenvolvedor Front-End</span>
                </div>
            </div>
        </section>
        <!--Parallax2 - SOBRE-->
        <section id="sobre" class="section-js">
            <h2>Sobre</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur ratione autem libero facilis quidem earum, quibusdam odio dolorem voluptatem nemo, laborum quisquam beatae, magni, veritatis praesentium reprehenderit esse blanditiis corrupti.
                In aliquid quo ducimus, ipsa iste, ex minus cum voluptas corporis tenetur tempore rerum deserunt esse veniam repellat culpa sed.</p>
        </section>
        <!--Parallax3 - Skills-->
        <section id="habilidades" class="section-js">
            <h2>Habilidades</h2>
            <div class="habilidade">
                <h4 class="habilidade-titulo">Git</h4>
                <div class="habilidade-dominio">
                    <ul>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-half-o" aria-hidden="true"></i></li>
                    </ul>
                </div>
            </div>
            <div class="habilidade">
                <h4 class="habilidade-titulo">Javascript</h4>
                <div class="habilidade-dominio">
                    <ul>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                    </ul>
                </div>
            </div>
            <div class="habilidade">
                <h4 class="habilidade-titulo">HTML5</h4>
                <div class="habilidade-dominio">
                    <ul>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-half-o" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                    </ul>
                </div>
            </div>
            <div class="habilidade">
                <h4 class="habilidade-titulo">CSS3</h4>
                <div class="habilidade-dominio">
                    <ul>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                    </ul>
                </div>
            </div>
            <div class="habilidade">
                <h4 class="habilidade-titulo">Sass</h4>
                <div class="habilidade-dominio">
                    <ul>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-half-o" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                    </ul>
                </div>
            </div>
            <div class="habilidade">
                <h4 class="habilidade-titulo">NPM Packages</h4>
                <div class="habilidade-dominio">
                    <ul>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                    </ul>
                </div>
            </div>
            <div class="habilidade">
                <h4 class="habilidade-titulo">Gulp</h4>
                <div class="habilidade-dominio">
                    <ul>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                    </ul>
                </div>
            </div>
            <div class="habilidade">
                <h4 class="habilidade-titulo">ReactJS</h4>
                <div class="habilidade-dominio">
                    <ul>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                    </ul>
                </div>
            </div>
            <div class="habilidade">
                <h4 class="habilidade-titulo">Photoshop</h4>
                <div class="habilidade-dominio">
                    <ul>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-half-o" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                    </ul>
                </div>
            </div>
        </section>
        <!--Parallax4 - Portifólio-->
        <section id="portifolio" class="section-js">
            <h2>Portifólio</h2>
            <div class="card">
                <div class="card-img">
                    <img class="cinza" src="img/controle-ponto-full.png" alt="Foto Aqui">
                </div>
                <div class="card-content">
                    <h3><a href="https://raulfdm.github.io/controle-ponto/" target="_blank">Controle de Ponto</a></h3>
                    <p>Aplição desenvolvida para fazer o controle dos meus registros de pontos, utilizando tecnologias front-end mais recentes.</p>
                </div>
                <div class="card-footer">
                    <a href="https://github.com/raulfdm/controle-ponto" class="link-projeto" target="_blank">ver mais<i class="fa fa-external-link" aria-hidden="true"></i></a>
                    <p class="data-atualizacao">Atualizado em <span>23/10/2016</span></p>
                </div>
            </div>
            <div class="card portifolio-resume">
                <div class="card-img">
                    <img src="img/resume-full.png" width="320px" height="167px" alt="Foto Aqui">
                </div>
                <div class="card-content">
                    <h3><a href="raulfdm.github.io/resume" target="_blank">Resume</a></h3>
                    <p>Currículo do modelo tradicional usando apenas HTML e CSS.</p>
                </div>
                <div class="card-footer">
                    <a href="https://github.com/raulfdm/resume" class="link-projeto" target="_blank">ver mais<i class="fa fa-external-link" aria-hidden="true"></i></a>
                    <p class="data-atualizacao">Atualizado em <span>23/10/2016</span></p>
                </div>
            </div>
            <div class="card">
                <div class="card-img">
                    <img src="img/gh-search-full.png" width="320px" height="167px" alt="Foto Aqui">
                </div>
                <div class="card-content">
                    <h3><a href="https://raulfdm.github.io/github-profile-search/" target="_blank">Github Profile Search</a></h3>
                    <p>Projeto para estudo da tecnoliga ReactJS, utilizando a API do Github para consultar perfis.</p>
                </div>
                <div class="card-footer">
                    <a href="https://github.com/raulfdm/github-profile-search" class="link-projeto">ver mais<i class="fa fa-external-link" aria-hidden="true"></i></a>
                    <p class="data-atualizacao">Atualizado em <span>23/10/2016</span></p>
                </div>
            </div>
            <div class="card">
                <div class="card-img">
                    <img src="img/algoritmo-full.png" width="320px" height="167px" alt="Foto Aqui">
                </div>
                <div class="card-content">
                    <h3><a href="">Algoritmo Sistemas Produtivos</a></h3>
                    <p>Projeto desenvolvido para resolver um algoritmo proposto relacionado à Engenharia de Produção. Tema proposto na aula de <strong>Sistemas Produtivos</strong>.</p>
                </div>
                <div class="card-footer">
                    <a href="#" class="link-projeto">ver mais<i class="fa fa-external-link" aria-hidden="true"></i></a>
                    <p class="data-atualizacao">Atualizado em <span>23/10/2016</span></p>
                </div>
            </div>
        </section>
    </main>
    <!--Rodapé-->
    <footer id="rodape">
        <h2>Me Contate :D</h2>
        <section class="rodape-contatos">
            <ul>
                <li><a href="#"><i class="fa fa-github" aria-hidden="true"></i></a></li>
                <li><a href="#"><i class="fa fa-linkedin-square" aria-hidden="true"></i></a></li>
                <li><a href="#"><i class="fa fa-facebook-official" aria-hidden="true"></i></a></li>
                <li><a href="#"><i class="fa fa-envelope" aria-hidden="true"></i></a></li>
            </ul>
        </section>
        <section class="rodape-copyright">
            <p>Developed by <NAME></p>
        </section>
    </footer>
    <!--<script>
		fetch('https://api.github.com/users/raulfdm/repos',{
			method: 'GET'
		}).then(result => result.json().then(re => console.log(re)))
		.catch(err => console.log(err))
		
	</script>-->

    <script src="script/menu-changer.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/0.1.12/slideout.min.js"></script>
    <script>
        var slideout = new Slideout({
            'panel': document.getElementById('content'),
            'menu': document.getElementById('menu'),
            'duration': 200,
            'padding': 256,
            'tolerance': 70
        });

        document.querySelector('.toggle-menu').addEventListener('click', function(e) {
            slideout.toggle();
        })

        let liMenuList = [].slice.call(document.querySelectorAll('#menu ul li'));

        liMenuList.forEach(li =>{
          li.addEventListener('click',function(event){
              slideout.toggle();
          })  
        })
    </script>
</body>

</html><commit_msg>Adicionado cor ao navegador mobile<commit_after><!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <!--Let browser know website is optimized for mobile-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="rgba(41, 128, 185, .8)">
    <meta name="apple-mobile-web-app-status-bar-style" content="rgba(41, 128, 185, .8)">
    <meta name="msapplication-navbutton-color" content="rgba(41, 128, 185, .8)">
    <title><NAME></title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!--Menu-->
    <a href="#" class="toggle-menu"><i class="fa fa-bars" aria-hidden="true"></i></a>
    <nav id="menu">
        <ul>
            <li><a href="#home" class="active">Home</a></li>
            <li><a href="#sobre" class="">Sobre</a></li>
            <li><a href="#habilidades" class="">Habilidades</a></li>
            <li><a href="#portifolio" class="">Portifólio</a></li>
        </ul>
    </nav>
    <!--Conteúdo Principal-->
    <main id="content">
        <!--Parallax2 - SOBRE-->
        <section id="home" class="section-js">
            <div class="over">
                <!--<div class="img">
                    <img src="https://avatars.githubusercontent.com/u/12464600?v=3" alt="">
                </div>-->
                <div class="infos">
                    <p class="home-nome"><NAME></p>
                    <span class="home-cargo">Desenvolvedor Front-End</span>
                </div>
            </div>
        </section>
        <!--Parallax2 - SOBRE-->
        <section id="sobre" class="section-js">
            <h2>Sobre</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur ratione autem libero facilis quidem earum, quibusdam odio dolorem voluptatem nemo, laborum quisquam beatae, magni, veritatis praesentium reprehenderit esse blanditiis corrupti.
                In aliquid quo ducimus, ipsa iste, ex minus cum voluptas corporis tenetur tempore rerum deserunt esse veniam repellat culpa sed.</p>
        </section>
        <!--Parallax3 - Skills-->
        <section id="habilidades" class="section-js">
            <h2>Habilidades</h2>
            <div class="habilidade">
                <h4 class="habilidade-titulo">Git</h4>
                <div class="habilidade-dominio">
                    <ul>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-half-o" aria-hidden="true"></i></li>
                    </ul>
                </div>
            </div>
            <div class="habilidade">
                <h4 class="habilidade-titulo">Javascript</h4>
                <div class="habilidade-dominio">
                    <ul>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                    </ul>
                </div>
            </div>
            <div class="habilidade">
                <h4 class="habilidade-titulo">HTML5</h4>
                <div class="habilidade-dominio">
                    <ul>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-half-o" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                    </ul>
                </div>
            </div>
            <div class="habilidade">
                <h4 class="habilidade-titulo">CSS3</h4>
                <div class="habilidade-dominio">
                    <ul>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                    </ul>
                </div>
            </div>
            <div class="habilidade">
                <h4 class="habilidade-titulo">Sass</h4>
                <div class="habilidade-dominio">
                    <ul>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-half-o" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                    </ul>
                </div>
            </div>
            <div class="habilidade">
                <h4 class="habilidade-titulo">NPM Packages</h4>
                <div class="habilidade-dominio">
                    <ul>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                    </ul>
                </div>
            </div>
            <div class="habilidade">
                <h4 class="habilidade-titulo">Gulp</h4>
                <div class="habilidade-dominio">
                    <ul>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                    </ul>
                </div>
            </div>
            <div class="habilidade">
                <h4 class="habilidade-titulo">ReactJS</h4>
                <div class="habilidade-dominio">
                    <ul>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                    </ul>
                </div>
            </div>
            <div class="habilidade">
                <h4 class="habilidade-titulo">Photoshop</h4>
                <div class="habilidade-dominio">
                    <ul>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-half-o" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                        <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                    </ul>
                </div>
            </div>
        </section>
        <!--Parallax4 - Portifólio-->
        <section id="portifolio" class="section-js">
            <h2>Portifólio</h2>
            <div class="card">
                <div class="card-img">
                    <img class="cinza" src="img/controle-ponto-full.png" alt="Foto Aqui">
                </div>
                <div class="card-content">
                    <h3><a href="https://raulfdm.github.io/controle-ponto/" target="_blank">Controle de Ponto</a></h3>
                    <p>Aplição desenvolvida para fazer o controle dos meus registros de pontos, utilizando tecnologias front-end mais recentes.</p>
                </div>
                <div class="card-footer">
                    <a href="https://github.com/raulfdm/controle-ponto" class="link-projeto" target="_blank">ver mais<i class="fa fa-external-link" aria-hidden="true"></i></a>
                    <p class="data-atualizacao">Atualizado em <span>23/10/2016</span></p>
                </div>
            </div>
            <div class="card portifolio-resume">
                <div class="card-img">
                    <img src="img/resume-full.png" width="320px" height="167px" alt="Foto Aqui">
                </div>
                <div class="card-content">
                    <h3><a href="raulfdm.github.io/resume" target="_blank">Resume</a></h3>
                    <p>Currículo do modelo tradicional usando apenas HTML e CSS.</p>
                </div>
                <div class="card-footer">
                    <a href="https://github.com/raulfdm/resume" class="link-projeto" target="_blank">ver mais<i class="fa fa-external-link" aria-hidden="true"></i></a>
                    <p class="data-atualizacao">Atualizado em <span>23/10/2016</span></p>
                </div>
            </div>
            <div class="card">
                <div class="card-img">
                    <img src="img/gh-search-full.png" width="320px" height="167px" alt="Foto Aqui">
                </div>
                <div class="card-content">
                    <h3><a href="https://raulfdm.github.io/github-profile-search/" target="_blank">Github Profile Search</a></h3>
                    <p>Projeto para estudo da tecnoliga ReactJS, utilizando a API do Github para consultar perfis.</p>
                </div>
                <div class="card-footer">
                    <a href="https://github.com/raulfdm/github-profile-search" class="link-projeto">ver mais<i class="fa fa-external-link" aria-hidden="true"></i></a>
                    <p class="data-atualizacao">Atualizado em <span>23/10/2016</span></p>
                </div>
            </div>
            <div class="card">
                <div class="card-img">
                    <img src="img/algoritmo-full.png" width="320px" height="167px" alt="Foto Aqui">
                </div>
                <div class="card-content">
                    <h3><a href="">Algoritmo Sistemas Produtivos</a></h3>
                    <p>Projeto desenvolvido para resolver um algoritmo proposto relacionado à Engenharia de Produção. Tema proposto na aula de <strong>Sistemas Produtivos</strong>.</p>
                </div>
                <div class="card-footer">
                    <a href="#" class="link-projeto">ver mais<i class="fa fa-external-link" aria-hidden="true"></i></a>
                    <p class="data-atualizacao">Atualizado em <span>23/10/2016</span></p>
                </div>
            </div>
        </section>
    </main>
    <!--Rodapé-->
    <footer id="rodape">
        <h2>Me Contate :D</h2>
        <section class="rodape-contatos">
            <ul>
                <li><a href="#"><i class="fa fa-github" aria-hidden="true"></i></a></li>
                <li><a href="#"><i class="fa fa-linkedin-square" aria-hidden="true"></i></a></li>
                <li><a href="#"><i class="fa fa-facebook-official" aria-hidden="true"></i></a></li>
                <li><a href="#"><i class="fa fa-envelope" aria-hidden="true"></i></a></li>
            </ul>
        </section>
        <section class="rodape-copyright">
            <p>Developed by <NAME></p>
        </section>
    </footer>
    <!--<script>
		fetch('https://api.github.com/users/raulfdm/repos',{
			method: 'GET'
		}).then(result => result.json().then(re => console.log(re)))
		.catch(err => console.log(err))
		
	</script>-->

    <script src="script/menu-changer.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/0.1.12/slideout.min.js"></script>
    <script>
        var slideout = new Slideout({
            'panel': document.getElementById('content'),
            'menu': document.getElementById('menu'),
            'duration': 200,
            'padding': 200,
            'tolerance': 70
        });

        document.querySelector('.toggle-menu').addEventListener('click', function(e) {
            slideout.toggle();
        })

        let liMenuList = [].slice.call(document.querySelectorAll('#menu ul li'));

        liMenuList.forEach(li =>{
          li.addEventListener('click',function(event){
              slideout.toggle();
          })  
        })
    </script>
</body>

</html>
{'fraction_non_alphanumeric': 0.1830829797806062, 'fraction_numerical': 0.009975920192638458, 'mean_word_length': 1.581039755351682, 'pattern_counts': {'":': 0, '<': 943, '<?xml version=': 0, '>': 951, 'https://': 18, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7099324', 'n_tokens_mistral': 8283, 'n_tokens_neox': 7782, 'n_words': 1413}