anchor.diff:          | or
           a(href='http://www.google.com/chromeframe/?redirect=true') activate Google Chrome Frame
           | to improve your experience.
  -    //
  -       BEGIN Navbar
  +    // BEGIN Navbar
       #navbar.navbar
           .navbar-inner
               .container-fluid
                   a.brand(href='#')
                       img(src='/irfandesign/app/img/CS-Logo.png', width='200', height='20')
  -                //
  -                   BEGIN Responsive Sidebar Collapse
  +                // BEGIN Responsive Sidebar Collapse
                   a.btn-navbar.collapsed(href='#', data-toggle='collapse', data-target='.nav-collapse')
                       i.icon-reorder
  -                //
  -                   END Responsive Sidebar Collapse
  -                //
  -                   BEGIN Navbar Buttons
  +                // END Responsive Sidebar Collapse
  +                // BEGIN Navbar Buttons
                   ul.nav.flaty-nav.pull-right
                       li.user-profile
                           a.user-menu.dropdown-toggle(data-toggle='dropdown', href='#')
  -                            img.nav-user-photo(src='/irfandesign/app/img/demo/avatar/avatar1.jpg', alt='Penny\'s Photo')
  +                            img.nav-user-photo(src='#{user.profile.mugshot}', alt='#{user.name}')
                               span#user_info.hidden-phone
  -                            | Penny
  +                            | #{user.name}
                               i.icon-caret-down
  -                            //
  -                               BEGIN User Dropdown
  +                            // BEGIN User Dropdown
                               ul#user_menu.dropdown-menu.dropdown-navbar
  -                            li.nav-header
  -                            i.icon-time
  -                                | Logined From 20:45
  -                            li
  -                            a(href='#')
  -                                i.icon-cog
  -                                | Account Settings
  -                            li
  -                                a(href='javascript:window.location.href="/profile"')
  -                                    i.icon-user
  -                                    | Edit Profile
  -                            li
  +                                li.nav-header
  +                                    i.icon-time
  +                                    | Logined From 20:45
  +                                li
                                   a(href='#')
  -                                    i.icon-question
  -                                    | Help
  -                            li.divider.visible-phone
  -                            li.visible-phone
  -                                a(href='#')
  -                                    i.icon-tasks
  -                                    | Tasks
  -                                    span.badge.badge-warning 4
  -                            li.visible-phone
  -                                a(href='#')
  -                                    i.icon-bell-alt
  -                                    | Notifications
  -                                    span.badge.badge-important 8
  -                            li.visible-phone
  -                                a(href='#')
  -                                    i.icon-envelope
  -                                    | Messages
  -                                    span.badge.badge-success 5
  -                            li.divider
  -                            li
  -                                a(href='javascript:window.location.href="/logout"')
  -                                    i.icon-off
  -                                    | Logout
  -                        //
  -                           BEGIN User Dropdown
  -                    //
  -                       END Button User
  -                //
  -                   END Navbar Buttons
  -            //
  -              /.container-fluid
  -        //
  -          /.navbar-inner
  -    //
  -       END Navbar
  -    //
  -       BEGIN Container
  +                                    i.icon-cog
  +                                    | Account Settings
  +                                li
  +                                    a(href="/profile")
  +                                        i.icon-user
  +                                        | Edit Profile
  +                                li
  +                                    a(href='#')
  +                                        i.icon-question
  +                                        | Help
  +                                li.divider.visible-phone
  +                                li.visible-phone
  +                                    a(href='#')
  +                                        i.icon-tasks
  +                                        | Tasks
  +                                        span.badge.badge-warning 4
  +                                li.visible-phone
  +                                    a(href='#')
  +                                        i.icon-bell-alt
  +                                        | Notifications
  +                                        span.badge.badge-important 8
  +                                li.visible-phone
  +                                    a(href='#')
  +                                        i.icon-envelope
  +                                        | Messages
  +                                        span.badge.badge-success 5
  +                                li.divider
  +                                li
  +                                    a(href="/logout")
  +                                        i.icon-off
  +                                        | Logout
  +                        // BEGIN User Dropdown
  +                    // END Button User
  +                // END Navbar Buttons
  +            // /.container-fluid
  +        // /.navbar-inner
  +    // END Navbar
  +    // BEGIN Container
       #main-container.container-fluid
  -        //
  -           BEGIN Sidebar
  +        // BEGIN Sidebar
           #sidebar.nav-collapse
  -            //
  -               BEGIN Navlist
  +            // BEGIN Navlist
               ul.nav.nav-list
                   li
  -                    a(href='')
  +                    a(href="/dashboard")
                           i.icon-dashboard
                           span Dashboard
                   li
  -                    a(href='javascript:window.location.href="/study"')
  +                    a(href="/study")
                           i.icon-text-width
                           span Study
                   li
  -                    a.dropdown-toggle(href='javascript:window.location.href="/coding"')
  +                    a.dropdown-toggle(href="/coding")
                           i.icon-desktop
                           span Coding
                   li
  -                    a(href='javascript:window.location.href="/chat"')
  +                    a(href="/chat")
                           i.icon-edit
                           span Code & Chat
                   li
  -                    a(href='javascript:window.location.href="/sumorobot"')
  +                    a(href="/sumorobot")
                           i.icon-th
                           span Sumorobot
  -            //
  -               END Navlist
  -            //
  -               BEGIN Sidebar Collapse Button
  +            // END Navlist
  +            // BEGIN Sidebar Collapse Button
               #sidebar-collapse.visible-desktop
                   i.icon-double-angle-left
  -            //
  -               END Sidebar Collapse Button
  -        //
  -           END Sidebar
  -        //
  -           BEGIN Content
  +            // END Sidebar Collapse Button
  +        // END Sidebar
  +        // BEGIN Content
           #main-content
  -            //
  -               BEGIN Page Title
  +            // BEGIN Page Title
               .page-title
                   div
                       h1
  
positive.code:             br
              br
              br
              //
                 END Main Content
              footer
                  p Codesnail 2014 All Rights reserved
              a#btn-scrollup.btn.btn-circle.btn-large(href='#')
                  i.icon-chevron-up
          //
             END Content
      //
         END Container
      //
        basic scripts
      //
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
  
  
negative.code:     title CodeSnail App
      meta(name='description', content='')
      meta(name='viewport', content='width=device-width')
      // base css styles
      link(rel='stylesheet', href='/irfandesign/app/assets/bootstrap/bootstrap.min.css')
      link(rel='stylesheet', href='/irfandesign/app/assets/bootstrap/bootstrap-responsive.min.css')
      link(rel='stylesheet', href='/irfandesign/app/assets/font-awesome/css/font-awesome.min.css')
      link(rel='stylesheet', href='/irfandesign/app/assets/normalize/normalize.css')
      // page specific css styles
      // flaty css styles
      link(rel='stylesheet', href='/irfandesign/app/css/style.css')
      link(rel='stylesheet', href='/irfandesign/app/css/responsive.css')
  
  