index.html.haml

---
layout: landing
---
#frontpage-header-wrapper
  .container#frontpage-header
    .row
      .span8
        %img#jdf-logo{ :src=>"http://design.jboss.org/jbossdeveloperframework/logo/final/jdf_logo_450px.png" }
        .about
          :markdown
            JBoss Developer Framework **shows** *you* how to write applications using JBoss technologies. Want to learn how to write an application suitable for **mobile**? Learn how to use the Java EE 6 API with **Red Hat JBoss Enterprise Application Platform**? Learn how to add the power of **CDI** to your browser? Then you are in the right place.
        .cta
          %a.btn.btn-large.btn-success{:href=>'examples/get-started'}
            GET STARTED!
      .span2.offset1#vertnav-wrapper
        :javascript
          popover_placement = function() {
            var offsetTop = $('#vertnav-wrapper').offset().top;
            if (offsetTop >= 340)
              return "top";
            else if (offsetTop <= 340 && offsetTop >= 100)
              return "right";
            else
              return "left";
            };
        %ul#main-vert-nav
          - site.nav.each do |key, nav|
            %li
              %a{:id=>nav.label.gsub(' ', '_'), :href=>nav.url, :title=>nav.label, :"data-content"=>nav.description}= nav.label
              - if nav.description
                :javascript
                  $('##{nav.label.gsub(' ', '_')}').popover( {placement: popover_placement} );
        .sharethispadding
          %span.st_sharethis_large
          %span.st_facebook_large
          %span.st_googleplus_large
          %span.st_twitter_large
          :javascript
            stLight.options({ publisher:'0c0850b9-23f0-4286-b05a-7593cc190675' });
.container
  .row
    .span5.section-heading
      %h1 Latest News
      - site.posts[0, 3].each do |post|
        %article.news-post
          %header.news-header
            %h2.news-title
              %a{:href=>"#{site.base_url}#{post.url}"}= post.post_title
            .news-byline
              .date= post.date.strftime('<abbr>%b</abbr> %d <div class="year">%Y</div>') if !post.date.nil?
          .news-body
            - if (post.content.length > 50)
              - cut_at = post.content.index(/<pre[^>]*>/)
              - text = html_to_text(cut_at ? post.content[0, cut_at] : post.content)
              -# might want to use 'white-space: pre-line;' here
              %p<= text[0..text.index(/[\.\!]( |$)/, [text.index(/[\.\!]( |$)/) + 1, text.length - 1].min)] + '...'
          .news-footer
            %a{:href=>"#{site.base_url}#{post.url}"} Go to News Article
      .more
        %a(href="news") View all news &raquo;
    .span5.offset1
      .spotlight.section-heading.visible-desktop
        -# .slide required to fix IE bug in bootstrap < 2.1
        #slideshow.carousel.slide
          .carousel-inner#slideshow-inner
            - site.spotlights.each do |spotlight|
              .item(data-weight="#{spotlight.weight}")
                = spotlight.content              
          %a.carousel-control.left(href="#slideshow" data-slide="prev") &lsaquo;
          %a.carousel-control.right(href="#slideshow" data-slide="next") &rsaquo;
      :javascript
        $(function() {
          activateSlideshow();
        });

      .section-heading
        %h1 Upcoming Events
        %ul
          - for session in site.sessions[0,3]
            %li
              %h3(style="line-height: 1; margin-bottom: 0;")
                %a{:href=>session.event_url}= session.event
              .event
                %abbr= session.start_datetime.strftime("%b")
                = session.start_datetime.strftime("%d") + " : "
                = session.event_location
              %p<>
                #{session.speaker_names.join(" and ")} will present:
                %em 
                  %a{:href=>session.detail_url}= session.title
        .more
          %a(href="events") View all events &raquo;