import Widget from require "lapis.html"

class About extends Widget
  content: =>
    link rel: "stylesheet", href: "/static/css/about/main.css"

    div class: "row panel", ->
      div class: "col-md-4 bg_blur", ->
        a href: "/contact", class: "follow_btn hidden-xs", "Contact Me"

      div class: "col-md-8 col-xs-12", ->
        img src: "/static/img/avatar.png", class: "img-thumbnail picture hidden-xs"
        img src: "/static/img/avatar.png", class: "img-thumbnail picture visible-xs picture_mob"

        div class: "header", ->
          h1 "Christine Dodrill"
          h4 "Rockstar Hacker, Freelance Programmer, Gopher, Cloud Architect"
          span "I am a GitHub power user. I am constantly learning new languages and tools. I strongly believe in knowing many languages and ways to do things so I can pick the right tool for the job."

    raw @doc