<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CyberLeo</title>
    <meta name="description" content="Cyberleo">
    <link rel="stylesheet" media="all" href="/assets/application-490b382ac394301de5927e2030fb005be2ceda7d6976ed2602825caf3b1b61aa.css" data-turbolinks-track="true" />
    <script src="/assets/application-49bbed98b00c30ecf70dc6676c7e4284eb9c909bc5d209354e270fd579792112.js" data-turbolinks-track="true"></script>
    <meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="tyjAtZKOfIOjjw9AwmKkyEowgK7audnMx1u9KMGhCPXqZ8QHyfmc4zRezmjTPXbKrAv22mPRE9re0rQ/xINeGQ==" />
  </head>
  <body>
    <header>
      <nav class="navbar navbar-default navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="/">
        <img alt="Logo" src="/assets/logo-b49748f6a75fdc3ab7eba4388e265991ca9d0847fdbd8765b43735762c2647de.jpg" />
        <strong>CyberLeo</strong>.com.br
</a>    </div>
    <div class="collapse navbar-collapse">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="/projects">Projects</a></li>
<li><a href="/contact">Contact</a></li>
<li><a target="_blank" href="http://blog.cyberleo.com.br">Blog</a></li>

      </ul>
    </div>
  </div>
</nav>

    </header>
    <main role="main">
       
       <div class="index">
  <section class="title">
    <div class="col-md-12">
      <h1>Leonardo <em>CyberLeo</em> Oliveira</h1>
    </div>
  </section>

  <section class="summary">
    <article>
      <p>
        Hi, my name is <a href="/contact">CyberLeo</a> (aka
        Leonardo Oliveira) and I've decided to create this website to be a
        repository of stuff I worked on as well as a directory with many ways
        of contacting / following me.
      </p>
      <p>
        It's hard to create a resumée that would do justice to 30+ years
        in technology camp. That's a secondary aim of this website.
      </p>
      <p>
        This website itself is a <a
           href="http://github.com/lccro/cyberleo.git">Rails project</a> with
         all the best practices I can think of. Responsive layout in the front
         end and caching in the back are just two examples.
      </p>
      <p>
        And finally it's a work in progress! Some sessions will not be ready
        and some others will change and evolve. I just didn't want this
        project to keep sitting on my HD getting dusty and never seeing the
        light of the day.
      </p>
    </article>

    <aside>
      <img class="thumbnail" alt="Cyber photo" src="/assets/logo-b49748f6a75fdc3ab7eba4388e265991ca9d0847fdbd8765b43735762c2647de.jpg" />
    </aside>
  </section>

  <section class="sections">
    <div>
      <div class="panel panel-primary">
        <div class="panel-heading">
          <h2 class="panel-title"><a href="/projects">Projects</a> &nbsp;<small>I've worked on</small></h2>
        </div>
        <div class="panel-body">
          Here you'll find every project I've worked on as well as the
          technologies applied and notes of interest.
          I use an admin backend to manage this info.
        </div>
      </div>
    </div>
    <div>
      <div class="panel panel-primary">
        <div class="panel-heading">
          <h2 class="panel-title"><a href="/contact">Contact</a> &nbsp;<small>me please!</small></h2>
        </div>
        <div class="panel-body">
          Here you'll find ways to contact me. My social networks and a
          contact form.
          <br/>
          <br/>
        </div>
      </div>
    </div>
    <div>
      <div class="panel panel-primary">
        <div class="panel-heading">
          <h2 class="panel-title"><a target="_blank" href="http://blog-cyberleo.tumblr.com">Blog</a> &nbsp;<small>Mostly in Portuguese</small></h2>
        </div>
        <div class="panel-body">
          My blog, with tech stuff, stuff I find on the web, rants, thoughts,
          etc; Everything in Portuguese.
          <br/>
          <br/>
        </div>
      </div>
    </div>
  </section>
</div>

    </main>
    <footer>
      <hr/>
<br/>
<div class="container footer-bottom">
  <section>
    <div class="col-md-4">
      &copy; Copyright 2018 by <a href="/contact">CyberLeo</a>. No Rights Reserved.
    </div>
    <div class="col-md-8">
      <ul class="social pull-right">
        <li class="linkedin" data-placement="bottom" data-toggle="tooltip" data-original-title="LinkedIn"><a href="https://br.linkedin.com/in/leolive"><i class="fa fa-linkedin"></i></a></li>
        <li class="facebook" data-placement="bottom" data-toggle="tooltip" data-original-title="Facebook"><a href="http://facebook.com/cyberleo"><i class="fa fa-facebook"></i></a></li>
        <li class="twitter" data-placement="bottom" data-toggle="tooltip" data-original-title="Twitter"><a href="http://twitter.com/cyberleo"><i class="fa fa-twitter"></i></a></li>
        <li class="instagram" data-placement="bottom" data-toggle="tooltip" data-original-title="Instagram"><a href="http://instagram.com/cyberleo"><i class="fa fa-instagram"></i></a></li>
      </ul>
    </div>
  </section>
</div>


    </footer>
  </body>
</html>
