index.html.haml

!!!
%html{:lang => "en"}
  %head
    %meta{:charset => "utf-8"}/
    %title Hernán Astudillo
    %meta{:content => "width=device-width, initial-scale=1.0", :name => "viewport"}/
    %meta{:content => "Hernan Astudillo: entrepreneur, web developer, linux sysadmin", :name => "description"}/
    %meta{:content => "Hernan Astudillo", :name => "author"}/
    %link{:href => "http://fonts.googleapis.com/css?family=Open+Sans", :rel => "stylesheet", :type => "text/css"}/
    %link{:href => "css/bootstrap.css", :rel => "stylesheet"}/
    %link{:href => "css/bootstrap-responsive.css", :rel => "stylesheet"}/
    %link{:href => "css/style.css", :rel => "stylesheet"}/
    %link{:href => "css/font-awesome.min.css", :rel => "stylesheet"}/
    /[if lt IE 9]
      %link{:href => "font-awesome-ie7.min.css", :rel => "stylesheet"}/
      %script{:src => "http://html5shim.googlecode.com/svn/trunk/html5.js"}
  %body
    #navbar.navbar.navbar-inverse.navbar-fixed-top
      .navbar-inner
        .container
          %a.btn.btn-navbar{"data-target" => ".nav-collapse", "data-toggle" => "collapse"}
            %span.icon-bar
            %span.icon-bar
            %span.icon-bar
          %a.brand{:href => "#"} Hernán Astudillo
          .nav-collapse.collapse
            %ul.nav
              %li
                %a{:href => "#"} Home
              %li
                %a{:href => "#about"} About
              %li
                %a{:href => "#skills"} Skills
              %li
                %a{:href => "#education"} Education
              %li
                %a{:href => "#experience"} Experience
              %li
                %a{:href => "#contact"} Contact
    #wrap{"data-offset" => "20", "data-spy" => "scroll", "data-target" => "#navbar"}
      .container-fluid
        %br#about/
        .row-fluid.section
          .span9.hero-unit
            %h1 Hernán Astudillo
            %p Hernán is an entrepreneur, senior web developer and linux/unix SysAdmin. Mostly dedicated to Ruby On Rails, servers architecture design, and optimize tea mwork 
            %p
              %a.btn.btn-inverse.btn-large{:href => "#contact"} Contact Me;
          #contact-info.span3
            %div.picture
              %img{:src => "img/photo.jpg"}
            %address
              %span.phone
              %span.skype
                %a{:href => "skype:hastudillo?call"}
                %img{:src => "img/skype_icon.gif"} hastudillo
              %span.website 
                %a{:href => "www.3web.cl"} www.3web.cl
              %span.location Santiago, Chile
            %div.social
              %strong Follow:
              %a{:href => "http://twitter.com/hastudillo"}
                %i.icon-twitter-sign.icon-2x
              %a{:href => "http://github.com/naaano"} 
                %i.icon-github-sign.icon-2x 
              %a{:href => "http://www.linkedin.com/pub/hernan-astudillo/20/79b/491"}
                %i.icon-linkedin-sign.icon-2x 

        %hr#skills/
        .row-fluid.section
          .span12
            %h2 Skills
            .row-fluid
              .span12
                %h3 Development
                .row-fluid
                  .span12
                    %ul
                      %li 
                        Frameworks, platforms
                        .progress.progress-success.progress-striped
                          .bar{:style => "width: 85%"} Ruby On Rails
                          .bar{:style => "width: 15%"} codeigniter .net j2EE
                      %li 
                        Programming Languages
                        .progress.progress-danger.progress-striped
                          .bar{:style => "width: 80%"} Ruby
                          .bar{:style => "width: 10%"} c# java perl php
                          .bar{:style => "width: 10%"} bash
                      %li
                        Databases
                        .progress.progress-info.progress-striped
                          .bar{:style => "width: 70%"} Postgresql
                          .bar{:style => "width: 10%"} MySql
                          .bar{:style => "width: 20%"} MsSql sqlite mongodb

                      %li haml / html5
                      %li coffescript / js / jquery
                      %li sass / css3
                      %li git
                      %li XHTML, XML, XSL, XSLT, xml-schemas, xml signatures (x509)
                      %li Web Services, WSO2
                      %li 
                        :markdown
                          [ActiveScaffold gem](https://github.com/activescaffold/active_scaffold), [active-scaffold-export gem maintainer](https://github.com/naaano/active_scaffold_export)
                      %li Bootstrap
                      %li AJAX
                      %li WordPress, Drupal
            .row-fluid
              .span12
                %h3 System Administration
                %ul
                  %li virtual ip, servers syncronization, backups, load-balancing, caching, perfomance kernel tunning, proxying
                  %li HA clustering, services replication, traffic distribution
                  %li Vmware / VirtualBox
                  %li Ubuntu / CentOs / linux / OSX / IOS 
                  %li HA: Drbd, pgpool, corosync, hearbeat
                  %li Ubuntu Cloud 
                  %li Amazon Web Services, S3, heroku
                  %li Apache, nginx, puma, unicorn
                  %li Gitolite, Gitosis
        %hr#education/
        .row-fluid.section
          .span12
            %h2 Education
            %h3 Some Campus, Some University
            %p
              %strong
                Civil Engineering in Computer Science
            %p some description
            %h3 Some Other
            %p
              %strong High School
            %p Some stuff
        %hr#experience/
        .row-fluid.section
          .span12
            %h2 Experience
            %h3
              Some Company
              %small 2011 - Present
            %p This position. Did this and that. I had this goals. I rock.    
        %hr#contact/
        .row-fluid.section
          .span12
            %h2 Contact
            Email
            %a{:href => "mailto:your-email-here@gmail.com"} your-email-here [at] something [dot] com
      / /container
    / /wrap
    %footer#footer
      %p
        :markdown
          [Bootstrap resume](https://github.com/naaano/Bootstrap-Resume) developed by [naaano](https://github.com/naaano), forked from [Andy Brudtkuhl](http://youmetandy.com)'s awesome [design](https://github.com/abrudtkuhl/Bootstrap-Resume) 
    / Javascripts

    %script{:src => "js/jquery-1.9.0.min.js"}
    %script{:src => "js/bootstrap.min.js"}
    :javascript
      $("#navbar").scrollspy();
    / Google Analytics: change UA-XXXXX-X to be your site's ID.
    :javascript